:root{--ink:#102321;--muted:#5b6c69;--teal:#0b6b63;--teal-dark:#074b46;--mint:#dff5ee;--cream:#f7f3e9;--line:#d8e2de;--white:#fff;--shadow:0 24px 70px rgba(8,61,57,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:900}.brand-mark{width:38px;height:38px;border-radius:11px;font-size:.82rem}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:650}.site-header nav a:hover{color:var(--teal)}.hero{min-height:670px;background:linear-gradient(135deg,#f7fbf8 0%,var(--mint) 55%,#c7ebe2 100%);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;padding:78px max(28px,calc((100vw - 1124px)/2));overflow:hidden}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:.76rem;font-weight:850;letter-spacing:.15em}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.25rem,6vw,5.7rem);line-height:.95;letter-spacing:-.055em;margin:0;max-width:700px}.hero-text{font-size:1.16rem;color:#3d5652;max-width:630px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;text-decoration:none;font-weight:800}.button.primary{background:var(--teal);color:#fff;box-shadow:0 12px 28px rgba(11,107,99,.22)}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:rgba(255,255,255,.65);border:1px solid rgba(11,107,99,.2);color:var(--teal-dark)}.trust-list{display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:30px 0 0;list-style:none;color:#48615d;font-size:.86rem;font-weight:700}.trust-list li::before{content:"✓";color:var(--teal);margin-right:7px}.product-preview{position:relative;background:#fff;border:9px solid #123b37;border-radius:38px;padding:22px;box-shadow:var(--shadow);transform:rotate(2deg);max-width:430px;margin:auto}.product-preview::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#efbd6d;z-index:-1;right:-80px;top:-70px}.preview-top{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:800}.preview-top i{width:8px;height:8px;border-radius:50%;background:#52b788;margin-left:auto}.mini-mark{width:28px;height:28px;border-radius:8px;font-size:.58rem}.preview-total{background:var(--teal);color:white;border-radius:20px;margin:20px 0 12px;padding:24px}.preview-total small,.preview-total span{display:block;opacity:.75}.preview-total strong{display:block;font-family:Georgia,serif;font-size:2.7rem;line-height:1.15}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-grid div{background:var(--cream);padding:16px;border-radius:15px}.preview-grid small,.preview-grid b{display:block}.preview-list{margin-top:12px;border:1px solid var(--line);border-radius:15px;padding:4px 15px}.preview-list p{display:flex;justify-content:space-between;font-size:.82rem;padding:8px 0;margin:0;border-bottom:1px solid var(--line)}.preview-list p:last-child{border:0}.audience,.features,.steps,.apps,.contact{padding:100px max(28px,calc((100vw - 1124px)/2))}.audience{background:var(--ink);color:#fff}.audience>.eyebrow{color:#78d2c2}.audience>div:first-child{display:grid;grid-template-columns:1fr 2fr;align-items:end}.audience h2,.section-heading h2,.apps h2,.contact h2{font-family:Georgia,serif;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.035em;margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3d504d;margin-top:55px}.audience-grid article{background:var(--ink);padding:34px}.audience-grid span{color:#79d7c7;font-size:.76rem;font-weight:900}.audience-grid h3{font-size:1.25rem;margin:28px 0 8px}.audience-grid p{margin:0;color:#adbfbc}.features{background:#fbfcfa}.section-heading{max-width:700px}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,55,50,.08)}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--teal);font-weight:900;font-size:1.2rem}.feature-grid h3{margin:24px 0 8px}.feature-grid p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li>b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--teal);color:#fff}.steps h3{margin:0}.steps p{margin:4px 0 0;color:var(--muted)}.apps{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.apps-copy>p:last-child{color:var(--muted);max-width:540px}.store-grid{display:grid;gap:14px}.store-card{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:15px;min-height:90px;background:var(--ink);color:#fff;border-radius:18px;padding:16px 22px}.store-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#fff;color:var(--ink);font-size:1.35rem;font-weight:900}.store-card small,.store-card strong{display:block}.store-card small{font-size:.64rem;letter-spacing:.1em;color:#9eb1ae}.store-card strong{font-size:1.2rem}.store-card em{position:absolute;right:18px;top:12px;background:#31504b;color:#bfe8df;padding:3px 9px;border-radius:99px;font-size:.66rem;font-style:normal}.contact{background:var(--teal);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact .eyebrow{color:#bcebe2}.contact p:last-child{color:#c5e4df}.contact-actions{display:grid;gap:12px}.contact-actions a{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:18px 22px;text-decoration:none}.contact-actions a:hover{background:rgba(255,255,255,.17)}.contact-actions small,.contact-actions strong{display:block}.contact-actions small{font-size:.68rem;letter-spacing:.12em;color:#bcebe2}.contact-actions strong{font-size:1.15rem;overflow-wrap:anywhere}footer{padding:50px max(28px,calc((100vw - 1124px)/2));display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);color:var(--muted)}footer p{font-size:.85rem;text-align:center}footer>div{display:flex;justify-content:flex-end;gap:16px;font-size:.82rem}footer>small{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:850px){.site-header nav{display:none}.hero,.steps,.apps,.contact{grid-template-columns:1fr}.hero{gap:55px;padding-top:60px}.product-preview{width:min(100%,410px)}.audience>div:first-child{grid-template-columns:1fr}.audience-grid,.feature-grid{grid-template-columns:1fr 1fr}.steps,.apps,.contact{gap:44px}footer{grid-template-columns:1fr;text-align:center}footer p{margin:0}footer>div{justify-content:center}footer>small{grid-column:auto}}
@media(max-width:560px){.hero{padding-top:45px}.hero h1{font-size:3.45rem}.hero-actions .button{width:100%}.trust-list{display:grid;gap:8px}.audience,.features,.steps,.apps,.contact{padding-top:72px;padding-bottom:72px}.audience-grid,.feature-grid{grid-template-columns:1fr}.product-preview{border-width:6px;border-radius:30px}.store-card{grid-template-columns:46px 1fr}.store-symbol{width:44px;height:44px}.store-card em{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-grid article{transition:none}}
footer>div{flex-wrap:wrap}footer a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}