:root{--brand: #9fd8c8;--brand-soft: #d4f0e8;--brand-ink: #2f6b5c;--acc: #f3c7b0;--acc2: #c9b8e0;--bg: #fbf9f5;--card: #ffffff;--ink: #36352f;--ink2: #76726a;--ink3: #aba59a;--line: #efe9de;--radius: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Quicksand,sans-serif;color:var(--ink);line-height:1.15;margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}em{font-family:Newsreader,serif;font-style:italic;color:var(--brand-ink)}.icon{width:100%;height:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-ink);color:#fff;font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;padding:13px 22px;border-radius:999px;transition:transform .15s ease,opacity .15s ease;border:2px solid var(--brand-ink);white-space:nowrap}.btn:hover{transform:translateY(-1px);opacity:.92}.btn-ghost{background:transparent;color:var(--brand-ink);border-color:#2f6b5c40}.btn-lg{padding:15px 28px;font-size:17px}.btn-sm{padding:9px 16px;font-size:14px}.btn-block{width:100%;margin-top:16px}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,56px);background:#fbf9f5d1;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:block}.brand-name{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.5px;color:#1a4a3a}.brand-name span{color:var(--brand-ink)}.brand-name-sm{font-size:18px}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,30px)}.nav-links>a:not(.btn){font-weight:700;color:var(--ink2);font-size:15px}.nav-links>a:not(.btn):hover{color:var(--brand-ink)}.section{padding:clamp(56px,8vw,100px) clamp(18px,5vw,56px);max-width:1140px;margin:0 auto}.section-soft{background:linear-gradient(180deg,#fff,#f4faf7);max-width:none}.section-soft>*{max-width:1140px;margin-left:auto;margin-right:auto}.section-head{text-align:center;max-width:680px;margin:0 auto clamp(34px,5vw,54px)}.eyebrow{font-family:Quicksand,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--brand-ink);margin:0 0 10px}.section-head h2{font-size:clamp(26px,4vw,38px)}.section-sub{color:var(--ink2);margin-top:12px;font-size:15px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(40px,7vw,86px) clamp(18px,5vw,56px);max-width:1180px;margin:0 auto}.hero h1{font-size:clamp(40px,7vw,66px);font-weight:700;letter-spacing:-1.5px;margin:6px 0 18px}.lead{font-size:clamp(17px,2vw,20px);color:var(--ink2);max-width:30em}.lead b{color:var(--ink)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-note{color:var(--ink3);font-size:14px;font-weight:600;margin-top:16px}.hero-art{display:flex;justify-content:center}.phone{width:min(300px,80vw);aspect-ratio:300 / 600;background:#1f2a26;border-radius:42px;padding:12px;box-shadow:0 30px 60px -25px #2f6b5c80}.phone-screen{width:100%;height:100%;background:var(--bg);border-radius:32px;overflow:hidden;padding:18px;display:flex;flex-direction:column;gap:12px}.app-hero{background:var(--brand);border-radius:22px;padding:18px}.app-date{font-size:11px;color:var(--brand-ink);opacity:.8;margin:0;font-weight:700}.app-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:21px;color:#1a4a3a;margin:4px 0 6px}.app-headline{font-family:Newsreader,serif;font-style:italic;color:var(--brand-ink);font-size:14px;margin:0}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chip{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.chip-ic{width:22px;height:22px;color:var(--brand-ink)}.chip b{font-size:11px;color:var(--ink)}.chip small{font-size:10px;color:var(--ink3)}.app-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px}.app-card-ic{width:26px;height:26px;color:var(--brand-ink);flex:none}.app-card b{font-size:13px;display:block}.app-card small{font-size:11px;color:var(--ink3)}.trust{text-align:center;padding:26px 18px;background:var(--brand-soft)}.trust p{margin:0;font-size:clamp(16px,2.4vw,20px);color:var(--brand-ink)}.feature{display:flex;flex-direction:column;gap:10px}.feature-ic{width:44px;height:44px;color:var(--brand-ink);background:var(--brand-soft);border-radius:14px;padding:9px}.feature h3{font-size:20px}.feature p{margin:0;color:var(--ink2);font-size:15.5px}.role{display:flex;flex-direction:column}.role-featured{border-color:var(--brand);box-shadow:0 20px 40px -28px #2f6b5c80}.role h3{font-size:22px}.role-tag{font-family:Newsreader,serif;font-style:italic;color:var(--brand-ink);margin:4px 0 16px}.role ul{display:flex;flex-direction:column;gap:10px}.role li{position:relative;padding-left:26px;color:var(--ink2);font-weight:600}.role li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:9px;border-left:2.5px solid var(--brand-ink);border-bottom:2.5px solid var(--brand-ink);transform:rotate(-45deg)}.step{text-align:center;padding:10px}.step-n{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--brand-ink);color:#fff;font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;margin-bottom:14px}.step h3{font-size:19px;margin-bottom:6px}.step p{margin:0;color:var(--ink2);font-size:15.5px}.pricing-box{max-width:480px;margin:0 auto;text-align:center;border-color:var(--brand);box-shadow:0 24px 48px -30px #2f6b5c80;padding:36px 30px}.pricing-from{font-family:Quicksand,sans-serif;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;font-size:13px;margin:0}.pricing-amount{font-family:Quicksand,sans-serif;font-weight:700;font-size:56px;color:var(--brand-ink);margin:2px 0 0;line-height:1}.pricing-amount span{font-size:18px;color:var(--ink3);font-weight:600}.pricing-note{color:var(--ink3);font-size:14px;margin:8px 0 0}.pricing-list{display:flex;flex-direction:column;gap:11px;text-align:left;margin:26px 0 24px}.pricing-list li{position:relative;padding-left:28px;color:var(--ink2);font-weight:600;font-size:15px}.pricing-list li:before{content:"";position:absolute;left:2px;top:7px;width:14px;height:9px;border-left:2.5px solid var(--brand-ink);border-bottom:2.5px solid var(--brand-ink);transform:rotate(-45deg)}.pricing-foot{color:var(--ink3);font-size:13px;margin:16px 0 0}.cta{padding:clamp(40px,6vw,70px) 18px}.cta-inner{max-width:720px;margin:0 auto;text-align:center;background:var(--brand);border-radius:32px;padding:clamp(36px,6vw,60px)}.cta-mark{width:48px;height:48px;display:inline-block;margin-bottom:8px}.cta h2{font-size:clamp(26px,4vw,36px);color:#1a4a3a}.cta p{color:var(--brand-ink);margin:12px 0 0;font-size:17px}.cta .btn{background:var(--brand-ink);border-color:var(--brand-ink)}.cta .btn-ghost{background:#ffffff8c;color:var(--brand-ink);border-color:transparent}.footer{text-align:center;padding:48px 18px;border-top:1px solid var(--line)}.footer-brand{display:inline-flex;align-items:center;gap:9px}.footer-slogan{font-family:Newsreader,serif;font-style:italic;color:var(--brand-ink);margin:10px 0 18px}.footer-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--ink2);font-weight:700;font-size:15px}.footer-links a:hover{color:var(--brand-ink)}.footer-legal{color:var(--ink3);font-size:13px;margin-top:22px}@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;text-align:center}.hero .lead{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-art{order:-1}}@media(max-width:620px){.grid-3{grid-template-columns:1fr}.nav-links>a:not(.btn){display:none}.plan-featured{transform:none}}
