:root { --ink:#12231d; --muted:#577069; --mint:#d7f5df; --lime:#c9f65b; --line:#d8e3dc; --paper:#fbfdfb; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { align-items:center; display:flex; height:88px; justify-content:space-between; margin:auto; max-width:1280px; padding:0 40px; }
.brand { align-items:center; display:inline-flex; font:700 19px "Manrope",sans-serif; gap:10px; letter-spacing:-.04em; }
.brand-mark { align-items:center; background:var(--ink); border-radius:11px; color:var(--lime); display:inline-flex; font:800 19px "Manrope",sans-serif; height:35px; justify-content:center; letter-spacing:-.08em; width:35px; }
.site-nav { display:flex; gap:32px; margin-left:90px; }
.site-nav a,.footer-links a { color:#3b514a; font-size:14px; font-weight:600; }
.site-nav a:hover,.footer-links a:hover,.text-link:hover { color:#14825e; }
.hero { display:grid; gap:60px; grid-template-columns:1fr .95fr; margin:auto; max-width:1280px; min-height:642px; padding:86px 40px 92px; }
.hero-copy { align-self:center; max-width:620px; }
.eyebrow { align-items:center; color:#427368; display:flex; font-size:12px; font-weight:800; gap:8px; letter-spacing:.1em; text-transform:uppercase; }
.eyebrow span { background:#1aa676; border-radius:50%; height:8px; width:8px; }
h1,h2 { font-family:"Manrope",sans-serif; letter-spacing:-.065em; margin:0; }
h1 { font-size:clamp(48px,5.3vw,76px); line-height:1.02; margin-top:18px; max-width:700px; }
.hero-summary { color:var(--muted); font-size:19px; line-height:1.55; margin:26px 0 29px; max-width:510px; }
.hero-actions { align-items:center; display:flex; gap:25px; }
.button { align-items:center; border-radius:999px; display:inline-flex; font-size:15px; font-weight:700; gap:12px; justify-content:center; padding:16px 23px; transition:transform .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--ink); color:#fff; }
.text-link { color:#187759; font-size:15px; font-weight:800; }
.text-link span { display:inline-block; margin-left:5px; transition:transform .2s ease; }
.text-link:hover span { transform:translateX(4px); }
.availability { color:#779087; font-size:13px; margin-top:19px; }
.hero-visual { align-items:center; background:linear-gradient(140deg,#eaf9ed,#c9f65b); border-radius:42px; display:flex; justify-content:center; min-height:520px; overflow:hidden; position:relative; }
.orbit { border:1px solid rgba(18,35,29,.11); border-radius:50%; position:absolute; }
.orbit-one { height:600px; width:600px; }.orbit-two { height:410px; width:410px; }
.phone-shell { background:#11342a; border:8px solid #11342a; border-radius:37px; box-shadow:0 30px 50px rgba(29,69,51,.28); height:430px; overflow:hidden; position:relative; transform:rotate(5deg); width:250px; z-index:1; }
.phone-top { align-items:center; display:flex; gap:4px; height:22px; justify-content:center; }.phone-top span { background:#f5fff8; border-radius:99px; height:4px; opacity:.8; width:4px; }.phone-top span:nth-child(2){width:36px;}
.chat-topbar { align-items:center; background:#164b3b; color:#fff; display:flex; gap:9px; height:55px; padding:0 12px; }.chat-topbar .back { font-size:26px; }.avatar { align-items:center; background:#f7d2bc; border-radius:50%; color:#7b432c; display:flex; font-weight:800; height:29px; justify-content:center; width:29px; }.chat-topbar b,.chat-topbar small { display:block; }.chat-topbar b { font-size:11px; }.chat-topbar small { color:#b6e6d1; font-size:8px; }.more { margin-left:auto; }
.chat-body { background:#f8fbf8; display:flex; flex-direction:column; gap:10px; height:305px; padding:20px 13px; }.bubble { border-radius:14px; font-size:10px; line-height:1.35; margin:0; max-width:82%; padding:10px 11px; }.bubble-in { background:#fff; border-top-left-radius:3px; box-shadow:0 4px 11px rgba(0,0,0,.04); }.bubble-out { align-self:flex-end; background:#d6f7a9; border-top-right-radius:3px; }.voice-note { align-items:center; align-self:flex-end; background:#d6f7a9; border-radius:14px; display:flex; font-size:8px; gap:7px; padding:9px 10px; }.play { background:#1d795b; border-radius:50%; color:#fff; font-size:7px; padding:5px; }.wave { color:#287e60; letter-spacing:1px; }.voice-note small { color:#52766a; }
.composer { align-items:center; background:#fff; color:#9bac9f; display:flex; font-size:9px; height:40px; justify-content:space-between; padding:0 11px; }.composer b { align-items:center; background:#1d795b; border-radius:50%; color:#fff; display:flex; height:22px; justify-content:center; width:22px; }
.trust-card { align-items:center; background:#fff; border-radius:16px; bottom:29px; box-shadow:0 15px 27px rgba(31,72,51,.17); display:flex; gap:10px; left:22px; padding:12px; position:absolute; width:222px; z-index:2; }.trust-card>span { align-items:center; background:#d9f7ae; border-radius:10px; display:flex; font-size:17px; height:35px; justify-content:center; width:35px; }.trust-card p { margin:0; }.trust-card b,.trust-card small { display:block; }.trust-card b { font-size:10px; }.trust-card small { color:#789087; font-size:8px; line-height:1.4; margin-top:3px; }
.feature-strip { border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); margin:auto; max-width:1280px; }.feature-strip article { min-height:235px; padding:39px 40px; }.feature-strip article+article { border-left:1px solid var(--line); }.feature-strip span { color:#1f9c71; font:700 12px "Manrope",sans-serif; }.feature-strip h2 { font-size:23px; margin:19px 0 10px; }.feature-strip p { color:var(--muted); font-size:15px; line-height:1.5; margin:0; max-width:330px; }
.privacy-section { align-items:center; display:grid; gap:40px; grid-template-columns:1.1fr .8fr auto; margin:auto; max-width:1280px; padding:108px 40px; }.privacy-section h2,.download h2 { font-size:clamp(34px,3.5vw,52px); line-height:1.08; margin-top:17px; }.privacy-section>p { color:var(--muted); font-size:16px; line-height:1.58; }
.download { align-items:center; background:var(--ink); color:#fff; display:flex; justify-content:space-between; margin:0 auto 42px; max-width:1200px; padding:74px 76px; }.download .eyebrow { color:#a4d1c0; }.download .eyebrow span { background:var(--lime); }.button-light { background:var(--lime); color:var(--ink); white-space:nowrap; }
.button-disabled { cursor:default; opacity:.78; }
footer { border-top:1px solid var(--line); display:grid; gap:18px; grid-template-columns:1.4fr 1.3fr auto; margin:auto; max-width:1280px; padding:40px; }footer p,footer small { color:#6e857c; font-size:13px; margin:0; }footer small { grid-column:1/-1; margin-top:22px; }.footer-links { display:flex; gap:23px; justify-content:flex-end; }
.policy-page { margin:auto; max-width:920px; padding:65px 40px 104px; }.policy-hero { background:linear-gradient(130deg,#e9f9ec,#d6f9a5); border-radius:28px; padding:54px; }.policy-hero h1,.deletion-copy h1 { font-size:clamp(43px,5vw,66px); line-height:1.04; margin-top:16px; }.policy-hero>p { color:#47665c; font-size:18px; line-height:1.55; margin:21px 0 28px; max-width:560px; }.policy-hero small { color:#507a6c; font-size:13px; font-weight:700; }.policy-content { margin:60px auto 0; max-width:720px; }.policy-lead { color:#37554b; font-size:20px; line-height:1.55; margin-bottom:42px; }.policy-content section { border-top:1px solid var(--line); padding:28px 0; }.policy-content h2,.deletion-copy h2,.delete-card h2 { font-size:23px; line-height:1.2; }.policy-content p { color:#527068; font-size:16px; line-height:1.67; }.policy-content a,.form-help a { color:#177857; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.deletion-page { align-items:start; display:grid; gap:75px; grid-template-columns:.93fr 1fr; margin:auto; max-width:1120px; padding:75px 40px 104px; }.deletion-copy>p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.6; margin:23px 0 30px; }.delete-note { background:#eaf8ee; border-left:4px solid #1b9c71; border-radius:0 12px 12px 0; display:grid; gap:5px; padding:18px 20px; }.delete-note b { font-size:14px; }.delete-note span { color:#527068; font-size:14px; line-height:1.45; }.deletion-copy h2 { margin:43px 0 19px; }.steps { display:grid; gap:18px; list-style:none; margin:0; padding:0; }.steps li { align-items:flex-start; color:#49655c; display:flex; font-size:15px; gap:13px; line-height:1.5; }.steps span { align-items:center; background:#d8f7ad; border-radius:50%; color:#255f49; display:inline-flex; flex:0 0 auto; font-size:12px; font-weight:800; height:25px; justify-content:center; width:25px; }.delete-card { background:#fff; border:1px solid #dce8df; border-radius:22px; box-shadow:0 18px 42px rgba(25,66,46,.08); padding:38px; }.delete-card>p { color:#617a71; font-size:15px; line-height:1.55; }.delete-card form { display:grid; gap:10px; margin-top:27px; }.delete-card label { color:#2d4d42; font-size:13px; font-weight:800; }.delete-card label em { color:#80978e; font-style:normal; font-weight:500; }.delete-card input[type=text],.delete-card textarea { border:1px solid #cbdad1; border-radius:10px; color:var(--ink); font:15px "DM Sans",sans-serif; margin-bottom:12px; outline:none; padding:13px; resize:vertical; }.delete-card input[type=text]:focus,.delete-card textarea:focus { border-color:#1b9c71; box-shadow:0 0 0 3px rgba(27,156,113,.13); }.delete-card .consent { align-items:flex-start; display:flex; font-weight:500; gap:10px; line-height:1.45; margin:4px 0 12px; }.consent input { accent-color:#187857; margin-top:3px; }.delete-card button { border:0; cursor:pointer; justify-self:start; }.form-help { border-top:1px solid #e3ece6; font-size:12px!important; margin-top:25px!important; padding-top:22px; }
@media (max-width:800px) { .site-header{height:72px;padding:0 21px}.site-nav{display:none}.hero{gap:35px;grid-template-columns:1fr;padding:56px 22px 56px}.hero h1{font-size:50px}.hero-summary{font-size:17px}.hero-visual{min-height:455px}.phone-shell{height:394px;transform:rotate(3deg);width:229px}.chat-body{height:273px}.feature-strip{grid-template-columns:1fr}.feature-strip article{min-height:0;padding:31px 22px}.feature-strip article+article{border-left:0;border-top:1px solid var(--line)}.privacy-section{display:block;padding:70px 22px}.privacy-section>p{margin:23px 0}.download{margin-bottom:0;padding:52px 23px;display:block}.download h2{font-size:39px}.download .button{margin-top:29px}footer{display:block;padding:35px 22px}footer p{margin:12px 0 26px}.footer-links{justify-content:flex-start}.footer-links a{font-size:13px}footer small{display:block;margin-top:30px}.trust-card{bottom:18px;left:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px} }
@media (max-width:800px) { .policy-page{padding:38px 21px 70px}.policy-hero{border-radius:22px;padding:33px 25px}.policy-hero h1,.deletion-copy h1{font-size:43px}.policy-content{margin-top:40px}.policy-lead{font-size:18px}.policy-content section{padding:23px 0}.deletion-page{display:block;padding:42px 21px 70px}.delete-card{margin-top:46px;padding:27px 22px}.delete-card button{font-size:14px;padding:15px 18px} }
