:root{--navy:#1B3A4B;--teal:#2C5F5E;--tealL:#4A8B8C;--amber:#E29438;--amberL:#EFAE5C;--ink:#20302E;--grey:#5B6A66;--bg:#FAF7F1;--card:#fff;--line:#e6e1d6;--red:#b3402f}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-family:Poppins,Inter,system-ui,sans-serif;color:var(--navy);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700}h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}h3{font-size:1.15rem}
a{color:var(--teal)}img{max-width:100%}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.muted{color:var(--grey)}.small{font-size:.88rem}
.top{position:sticky;top:0;z-index:20;background:rgba(250,247,241,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.nav nav{display:flex;align-items:center;gap:20px}.nav nav a{text-decoration:none;color:var(--ink);font-weight:500}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 1.35rem Poppins,sans-serif;color:var(--ink)}.brand b{color:var(--teal)}.brand img{border-radius:10px}.brand.light{color:#fff}.brand.light b{color:var(--amberL)}
.burger{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}
.btn{display:inline-block;background:var(--teal);color:#fff!important;border:0;border-radius:12px;padding:13px 22px;font:600 1rem Inter,sans-serif;cursor:pointer;text-decoration:none;text-align:center}
.btn:hover{background:var(--navy)}.btn.small{padding:8px 16px;font-size:.92rem}.btn.amber{background:var(--amber)}.btn.amber:hover{background:#c97d24}
.btn.ghost{background:transparent;color:var(--teal)!important;border:2px solid var(--teal)}.btn.ghost:hover{background:var(--teal);color:#fff!important}.btn.danger{background:var(--red)}
.hero{padding:72px 0 56px;background:linear-gradient(160deg,#fff 0%,var(--bg) 60%)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p.lead{font-size:1.2rem;color:var(--grey);max-width:34em}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.phone{background:var(--navy);border-radius:36px;padding:14px;max-width:290px;margin:auto;box-shadow:0 30px 60px rgba(27,58,75,.25)}
.phone .scr{background:var(--bg);border-radius:24px;padding:16px;min-height:430px}
.bub{padding:10px 13px;border-radius:14px;margin:8px 0;font-size:.9rem;max-width:85%}.bub.a{background:#fff;border:1px solid var(--line)}.bub.b{background:var(--teal);color:#fff;margin-left:auto}
.tone{background:#fff7e8;border:1px dashed var(--amber);border-radius:12px;padding:8px 10px;font-size:.8rem;margin-top:10px}
section.s{padding:64px 0}section.alt{background:#fff;border-block:1px solid var(--line)}.center{text-align:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card .ic{font-size:1.8rem}
.price{font:700 2.8rem Poppins,sans-serif;color:var(--navy)}.price small{font-size:1rem;color:var(--grey);font-weight:500}
ul.tick{list-style:none;padding:0;margin:1em 0}ul.tick li{padding:5px 0 5px 28px;position:relative}ul.tick li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
.band{background:var(--navy);color:#fff;border-radius:24px;padding:40px;text-align:center}.band h2{color:#fff}
.foot{background:var(--navy);color:#cfe0e0;padding:48px 0 20px;margin-top:0}.foot a{display:block;color:#cfe0e0;text-decoration:none;padding:3px 0}.foot a:hover{color:#fff}.foot h4{color:#fff;font-size:1rem}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.copy{border-top:1px solid #2f5163;margin-top:30px;padding-top:16px}
.prose{max-width:760px}.prose h2{margin-top:1.6em}.pagehead{padding:56px 0 24px}
/* forms */
label{display:block;font-weight:600;font-size:.92rem;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid #d6d0c2;border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(44,95,94,.25);border-color:var(--teal)}input.code{font-size:1.8rem;letter-spacing:.4em;text-align:center}
.alert{background:#fdecea;border:1px solid #f1b9b2;color:#7a2a1f;border-radius:12px;padding:10px 14px;margin:12px 0}.ok{background:#e8f4ee;border:1px solid #b6dcc6;color:#1d5a3a;border-radius:12px;padding:10px 14px;margin:12px 0}
.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#fff,var(--bg))}.authcard{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 20px 50px rgba(27,58,75,.08)}.authcard h1{font-size:1.6rem;margin-top:18px}
/* app shell */
.app{display:flex;min-height:100vh}.side{width:230px;background:var(--navy);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}
.side .brand{color:#fff;margin-bottom:18px}.side .brand b{color:var(--amberL)}.side a.l{color:#cfe0e0;text-decoration:none;padding:10px 12px;border-radius:10px;display:block}.side a.l.on,.side a.l:hover{background:rgba(255,255,255,.12);color:#fff}
.side .who{margin-top:auto;font-size:.85rem;color:#a9c4c4;border-top:1px solid #2f5163;padding-top:12px}
.main{flex:1;padding:26px;max-width:960px;width:100%}.crumbs{font-size:.85rem;color:var(--grey);margin-bottom:10px}.crumbs a{color:var(--grey)}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:.93rem;vertical-align:top}.tbl th{background:#f3efe6;color:var(--navy)}
.chat{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;max-height:55vh;overflow:auto}
.chat .m{max-width:78%;padding:10px 14px;border-radius:16px;background:#f3efe6}.chat .m.me{background:var(--teal);color:#fff;margin-left:auto}.chat .m i{display:block;font-size:.72rem;opacity:.75;font-style:normal;margin-top:3px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:#eaf3f3;color:var(--teal);font-size:.8rem;font-weight:600}
.tabsm{display:none}
@media(max-width:820px){.hero .wrap,.grid3,.grid2,.fgrid{grid-template-columns:1fr}.burger{display:block}.nav nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px}body.navopen .nav nav{display:flex}
 .app{flex-direction:column}.side{display:none}.tabsm{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--navy);z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.tabsm a{color:#cfe0e0;text-decoration:none;font-size:.7rem;text-align:center;padding:4px 6px;flex:1}.tabsm a.on{color:var(--amberL);font-weight:700}.tabsm span{display:block;font-size:1.3rem}
 .main{padding:16px 16px 90px}.mtop{display:flex!important}}
.mtop{display:none;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top))}.mtop .brand{color:#fff;font-size:1.1rem}.mtop .brand b{color:var(--amberL)}.mtop a{color:#cfe0e0;font-size:.85rem}
.install{background:#fff7e8;border:1px solid var(--amber);border-radius:14px;padding:12px 16px;margin-bottom:16px;display:none}
@media print{.side,.tabsm,.mtop,.noprint,.top,.foot{display:none!important}body{background:#fff}.main{padding:0;max-width:none}.card{border:0;padding:0}.tbl th{background:#eee!important;-webkit-print-color-adjust:exact}}

.pagehead{padding:46px 20px 18px}.pagehead h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.ph{font-size:1.7rem;margin-bottom:4px}.tw{overflow:auto}
.alert.warn,.warn.alert{background:#fff7e8;border-color:#e29438;color:#5a3a0a}
.pill.warn{background:#fff1dc;color:#9a5b10}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px}
.stats .card{padding:16px}.stats b{display:block;font:700 1.6rem Poppins,sans-serif;color:var(--navy)}.stats span{color:var(--grey);font-size:.88rem}
.prose h3{margin-top:1.6em}.prose ul{padding-left:1.2em}.prose li{margin:.35em 0}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";float:right;color:var(--teal);font-weight:700}details[open]>summary:after{content:"\2212"}
.card h3{margin-top:0}ol{padding-left:1.2em}ol li{margin:.4em 0}
.ico{vertical-align:-4px}

.moresheet{display:none}
@media(max-width:860px){.moresheet.open{display:block;position:fixed;inset:0;background:rgba(20,40,50,.55);z-index:40}.moresheet .mp{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto;display:grid;gap:4px}.moresheet .mp b{font-family:Poppins,sans-serif;margin-bottom:6px}.moresheet .mp a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;color:var(--ink);text-decoration:none}.moresheet .mp a.on{background:#eaf3f3}}

.seg{display:inline-flex;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px}.seg button{border:0;background:none;padding:9px 18px;border-radius:99px;font:600 .95rem Inter,sans-serif;cursor:pointer;color:var(--grey)}.seg button.on{background:var(--teal);color:#fff}.seg em{font-style:normal;font-size:.75rem;opacity:.85;margin-left:4px}
.yr{display:none}body.yearly .yr{display:block}body.yearly .mo{display:none}body.yearly a.btn.yr{display:inline-block}
