@font-face{font-family:Manrope;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/manrope-500.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/manrope-600.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/manrope-700.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/manrope-800.woff2) format('woff2')}
:root{--bg:#F7F5F0;--ink:#0F1D1E;--muted:#4A585C;--accent:#2F6F6B;--accent-dark:#245955;--line:#DDD8CC;--card:#fff;--warn:#8A5A12;--warn-bg:#FBF3E2}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.6 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent-dark)}a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:10}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
header.site{padding:18px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;color:var(--ink);text-decoration:none}
nav.site{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:15px}
nav.site a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
nav.site a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;font-family:inherit;font-weight:600;font-size:17px;line-height:1;text-decoration:none;border:1.5px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}
.btn:hover{background:var(--accent-dark);color:#fff}
.btn.ghost{background:transparent;color:var(--accent-dark)}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.btn.small{min-height:44px;padding:0 18px;font-size:15px}
.btn[disabled]{opacity:.5;cursor:default}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-dark)}
h1{font-size:clamp(36px,5.6vw,60px);line-height:1.06;letter-spacing:-.02em;margin:.3em 0}
h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h3{font-size:20px;margin:1.4em 0 .4em}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,2.1vw,21px);color:var(--muted);max-width:640px}
.hero{padding:48px 0 72px}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 12px}
.small-note{font-size:15px;color:var(--muted)}
section.block{padding:64px 0}
section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
section.alt .card{background:var(--bg)}
.card .kicker{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--accent-dark);text-transform:uppercase}
.card h3{margin:.3em 0 .4em}
.pill{display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.pill.open{border-color:var(--accent);color:var(--accent-dark)}
.mock{max-width:420px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 14px 40px rgba(31,42,46,.12)}
.mock h3{margin:0 0 6px}
.mock .prod{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;margin:12px 0}
.mock .row{padding:11px;border:1px solid var(--accent);border-radius:10px;text-align:center;font-size:15px;margin-top:8px}
.mock .row.fill{background:var(--accent);color:#fff}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:center}
ul.clean{margin:0 0 1em;padding-left:20px}
ul.clean li{margin:.3em 0}
.ms li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);list-style:none}
.ms{padding:0;margin:0}
details{border-bottom:1px solid var(--line);padding:4px 0}
details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
details p{margin:4px 0 14px;color:var(--muted)}
.cta{background:var(--accent);color:#fff;padding:64px 0}
.cta h2{color:#fff}
.cta .btn{background:#fff;color:var(--ink);border-color:#fff}
footer.site{padding:36px 0;font-size:14px;color:var(--muted)}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between}
footer.site nav{display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site a{color:var(--muted);min-height:32px;display:inline-flex;align-items:center}
.notice{border:1px solid var(--warn);background:var(--warn-bg);color:#4B3306;border-radius:12px;padding:14px 16px;margin:0 0 24px;font-size:15px}
.notice.info{border-color:var(--accent);background:#EAF3F2;color:#173B39}
.legal h2{font-size:24px;margin-top:1.8em}
.legal table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 1.2em}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:#fff}
.ph{background:#FFF3C4;padding:0 3px;border-radius:3px}
/* forms */
.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.steps{display:flex;gap:8px;margin:0 0 22px;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.steps li{flex:1;border-top:4px solid var(--line);padding-top:6px}
.steps li.on{border-color:var(--accent);color:var(--ink);font-weight:600}
.steps li.done{border-color:var(--accent)}
fieldset{border:0;padding:0;margin:0 0 22px}
legend{font-weight:600;padding:0;margin:0 0 8px}
label.field{display:block;font-weight:600;margin:0 0 6px}
.hint{font-size:14px;color:var(--muted);font-weight:400;display:block}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #B9B3A4;border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.choice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;margin:0 0 8px;min-height:48px;cursor:pointer;background:#fff}
.choice input{margin-top:5px;width:20px;height:20px;flex:none}
.choice:has(input:checked){border-color:var(--accent);background:#EAF3F2}
.err{color:#9C2B2B;font-size:15px;margin:6px 0 0;min-height:1em}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.token{font:600 18px/1.4 ui-monospace,Consolas,monospace;background:var(--bg);border:1px dashed var(--accent);border-radius:10px;padding:12px;word-break:break-all}
[hidden]{display:none!important}
@media (max-width:560px){.steps li span{display:none}.form{padding:18px}}
@media (prefers-reduced-motion:no-preference){.btn{transition:background .15s}}
.h1s{font-size:clamp(30px,4vw,44px)}
.h1m{font-size:clamp(32px,4.4vw,48px)}
.mt10{margin-top:10px}.mt14{margin-top:14px}.mt24{margin-top:24px}.mt36{margin-top:36px}.mt44{margin-top:44px}
.card.hl{border:2px solid var(--accent)}
.price{font-size:26px;font-weight:700;margin:0 0 6px}
.out{overflow:auto;font-size:14px}

/* ===== v2 visual layer ===== */
:root{--teal:#2F6F6B;--teal-soft:#5FB3AB;--deep:#0F1D1E;--glow:#E7F2EF}
body{background:var(--bg)}
header.site{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(221,216,204,.6);padding:10px 0}
.center{text-align:center}
.center .lead,.lead.mid{margin-left:auto;margin-right:auto}
.lead.mid{max-width:640px}
.actions.mid{justify-content:center}
.btn{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 18px rgba(47,111,107,.22)}
.btn.ghost{box-shadow:none}
.btn.big{min-height:54px;padding:0 32px;font-size:17px;border-radius:14px}
.hero2{position:relative;overflow:hidden;padding:72px 0 88px}
.hero2 .aura{position:absolute;inset:-10% -10% auto -10%;height:640px;background:radial-gradient(520px 320px at 20% 20%,rgba(95,179,171,.32),transparent 70%),radial-gradient(560px 360px at 80% 10%,rgba(255,226,160,.38),transparent 70%),radial-gradient(500px 300px at 50% 60%,rgba(47,111,107,.14),transparent 70%);pointer-events:none}
.hero2 .wrap{position:relative}
.chip2{display:inline-block;font-size:14px;font-weight:600;color:var(--accent-dark);background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;padding:6px 14px}
h1.big{font-size:clamp(42px,7.4vw,84px);line-height:1.02;letter-spacing:-.035em;margin:.35em 0 .3em}
.grad{background:linear-gradient(100deg,#1F5753,#3E8C86 55%,#C79A3B);-webkit-background-clip:text;background-clip:text;color:transparent}
.h2b{font-size:clamp(30px,4.6vw,52px);letter-spacing:-.025em;line-height:1.08}
.lead.lite{color:#B8C9C6}
.eyebrow.lite{color:var(--teal-soft)}
/* demo */
.demo-wrap{margin-top:56px}
.demo{max-width:980px;margin:0 auto}
.bframe{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 90px -30px rgba(15,29,30,.35),0 8px 24px rgba(15,29,30,.08);overflow:hidden;text-align:left}
.bbar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#F0EDE4;border-bottom:1px solid var(--line)}
.bbar i{width:11px;height:11px;border-radius:50%;background:#D6D1C3;display:block}
.bbar .url{flex:1;margin:0 12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ext{position:relative;width:26px;height:26px}
.extico{display:block;width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#3E8C86,#1F5753)}
.extbadge{position:absolute;top:-6px;right:-8px;background:#C79A3B;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 6px}
.bbody{display:grid;grid-template-columns:1.5fr 1fr;min-height:430px}
.shop{position:relative;padding:18px 24px;background:#FBFAF7;border-right:1px solid var(--line);overflow:hidden}
.shopnav{display:flex;gap:18px;font-size:13px;color:#6B7679;align-items:center;margin-bottom:22px}
.shopnav b{font-size:17px;color:var(--ink);letter-spacing:.02em;margin-right:6px}
.shopnav .cart{margin-left:auto}
.prodrow{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center}
.pimg svg{width:100%;height:auto;display:block}
.tag{display:inline-block;font-size:12px;font-weight:700;color:#8A5A12;background:#FBF0D6;border-radius:6px;padding:2px 8px}
.pinfo h4{font-size:26px;margin:8px 0 2px;letter-spacing:-.01em}
.pprice{font-size:22px;font-weight:700;margin-bottom:6px}
.pinfo p{font-size:14px;color:#6B7679;margin:0 0 14px}
.buy{font-family:inherit;font-weight:700;font-size:16px;line-height:1;border:0;border-radius:10px;background:#E4572E;color:#fff;padding:14px 26px;cursor:pointer;min-height:48px}
.buy.pulse{animation:pulse 2s infinite}
.urgency{margin-top:12px;font-size:12px;color:#B13A1A;font-weight:600}
.overlay{position:absolute;inset:0;background:rgba(24,34,36,.5);display:flex;align-items:center;justify-content:center;padding:14px}
.ocard{background:var(--bg);width:min(340px,100%);border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ocard .oh{font-size:19px;font-weight:700;margin-bottom:6px}
.ocard p{font-size:13.5px;margin:0 0 10px;color:#3b4a4e;line-height:1.45}
.oprod{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}
.seg{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.seglab{font-size:12px;color:#5b6a6e;margin-right:auto}
.b{font-family:inherit;cursor:pointer;border-radius:10px;border:1.5px solid var(--teal);font-weight:600;font-size:14px;padding:10px 14px;min-height:44px;background:transparent;color:var(--accent-dark)}
.ocard .b{display:block;width:100%;margin-top:8px}
.b.p{background:var(--teal);color:#fff}
.b.s{background:transparent}
.b.g{border-color:var(--line);color:var(--muted);background:#fff}
.seg .b.sg{width:auto;margin:0;padding:6px 12px;min-height:36px;font-size:13px}
.seg .b.sg.on{background:var(--teal);color:#fff}
.toast{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:var(--deep);color:#fff;font-size:13px;padding:9px 14px;border-radius:10px;max-width:92%}
.panel{padding:14px 16px 18px;background:var(--bg)}
.phead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.phead b{font-size:17px}.phead span{font-size:12px;color:var(--muted)}
.ph2{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-dark);margin:14px 0 6px}
.pempty{font-size:13px;color:var(--muted);padding:2px 0}
.pcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:8px}
.pcard .pt{font-weight:600;font-size:14px}.pcard .pm{font-size:12.5px;color:var(--muted)}
.prow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.prow .b{flex:1;padding:8px 10px;min-height:40px;font-size:13px}
.pq{font-size:12.5px;color:#3b4a4e;margin:8px 0 0}
.ring{display:flex;align-items:center;gap:12px;margin-top:8px}
.ringtxt b{display:block;font-size:20px}.ringtxt span{font-size:12px;color:var(--muted)}
.stat{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px solid #EFEBE0}
.stat:last-child{border-bottom:0}
.stat.done b{color:var(--accent-dark)}
.bar{display:block;width:100%;height:8px;margin-top:8px}
.dfoot{margin-top:26px;text-align:center}
.dsteps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 14px}
.dstep{display:flex;align-items:center;gap:8px;font-size:14px;color:#8B9497;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid var(--line)}
.dstep b{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#E4E0D5;color:#fff;align-items:center;justify-content:center;font-size:12px}
.dstep.on{color:var(--ink);border-color:var(--teal);background:#fff}.dstep.on b{background:var(--teal)}
.dstep.past b{background:var(--teal-soft)}
.dline{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:50px}
.dline p{margin:0;font-size:17px;font-weight:500}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(228,87,46,.5)}70%{box-shadow:0 0 0 14px rgba(228,87,46,0)}100%{box-shadow:0 0 0 0 rgba(228,87,46,0)}}
/* sections */
.grid .card.feat{border-radius:22px;padding:30px;background:#fff;box-shadow:0 1px 0 #fff inset,0 18px 40px -24px rgba(15,29,30,.25)}
.num{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3E8C86,#1F5753);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
section.block{padding:96px 0}
section.alt .card{background:#fff;border-radius:20px}
.dark{background:radial-gradient(900px 400px at 85% -10%,rgba(95,179,171,.22),transparent 70%),var(--deep);color:#F2F5F4;padding:96px 0}
.dark h2{color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.statb{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:20px;padding:26px 22px}
.statb b{display:block;font-size:clamp(48px,6vw,72px);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#8FD0C8);-webkit-background-clip:text;background-clip:text;color:transparent}
.statb span{display:block;margin-top:10px;color:#B8C9C6;font-size:15px}
.cta{background:radial-gradient(700px 300px at 50% 0,rgba(255,255,255,.14),transparent 70%),linear-gradient(135deg,#2F6F6B,#1F4D4A)}
.cta h2{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.02em}
.card{transition:transform .2s,box-shadow .2s}
/* reveal: visible by default, animated only when JS is on */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.buy.pulse{animation:none}.js .rv{opacity:1;transform:none;transition:none}}
@media (max-width:760px){.bbody{grid-template-columns:1fr}.shop{border-right:0;border-bottom:1px solid var(--line)}.prodrow{grid-template-columns:110px 1fr;gap:14px}.pinfo h4{font-size:20px}.shopnav span:not(.cart){display:none}.hero2{padding:44px 0 56px}section.block,.dark{padding:64px 0}}

.hero2 .actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 16px}
.bbody{min-height:470px}
.grid.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
ul.ms.card{padding:10px 22px}
.ms li:last-child{border-bottom:0}
section.block h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.025em}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.related i{display:block;height:84px;border-radius:12px;background:linear-gradient(180deg,#EFEBE0,#E7E2D4)}
.shots{display:flex;gap:32px;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.shot{margin:0;max-width:340px}
.shot img{width:100%;height:auto;display:block;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 60px -28px rgba(15,29,30,.4)}
.shot figcaption{margin-top:14px;font-size:15px;color:var(--muted);text-align:center}
nav.site a.btn{color:#fff}
nav.site a.btn:hover{text-decoration:none;color:#fff}
@media (max-width:640px){nav.site a:not(.btn){display:none}header.site .wrap{flex-wrap:nowrap}}
/* ===== lower sections ===== */
.h2b.left{margin-top:.2em}
.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px;box-shadow:0 30px 70px -40px rgba(15,29,30,.35)}
.fh{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:.5em 0 .3em}
.facts{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 22px}
.facts li{font-size:14px;font-weight:600;color:var(--accent-dark);background:var(--glow);border-radius:999px;padding:5px 12px}
.tl{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;list-style:none;margin:0 0 18px;padding:0}
.days li{aspect-ratio:1;border-radius:12px;background:#E9E5D9;display:flex;align-items:center;justify-content:center;font-size:13px;color:#7A8588}
.days li.k{background:linear-gradient(135deg,#3E8C86,#1F5753);color:#fff;font-weight:700}
.tlkey{list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}
.tlkey li{padding:5px 0;border-bottom:1px solid #EAE6DA}.tlkey li:last-child{border-bottom:0}
.tlkey b{color:var(--ink);display:inline-block;min-width:58px}
.card.soft{background:transparent;border-style:dashed;box-shadow:none}
.ms2{list-style:none;margin:0;padding:12px 24px;border-radius:24px;box-shadow:0 30px 70px -40px rgba(15,29,30,.3)}
.ms2 li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EFEBE0}
.ms2 li:last-child{border-bottom:0}
.ms2 i{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #D3CEBF;display:flex;align-items:center;justify-content:center}
.ms2 li.d i{background:var(--teal);border-color:var(--teal);color:#fff}
.ms2 .ck{width:16px;height:16px}
.ms2 span{flex:1}
.ms2 b{color:var(--muted);font-size:15px}.ms2 li.d b{color:var(--accent-dark)}
.card.trust{border-radius:22px;padding:28px;background:#fff}
.ico{width:46px;height:46px;border-radius:14px;background:var(--glow);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.ico .ic{width:24px;height:24px}
.sh{font-size:22px}
.sees{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.sees .card{border-radius:22px;padding:28px;background:#fff}
.seeh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.seeh .ic{width:22px;height:22px;padding:4px;border-radius:50%;box-sizing:content-box}
.seeh.yes .ic{background:var(--glow);color:var(--accent-dark)}
.seeh.no .ic{background:#F6E4E0;color:#9C2B2B}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:24px;justify-content:center}
.plan{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:26px;padding:34px;display:flex;flex-direction:column;gap:6px}
.plan h3{margin:0;font-size:22px}
.plan .price{font-size:34px;margin:.3em 0}
.plan p{color:var(--muted)}
.plan .btn{margin-top:auto}
.plan.pro{background:radial-gradient(500px 240px at 80% -10%,rgba(95,179,171,.3),transparent 70%),var(--deep);color:#F2F5F4;border-color:transparent;box-shadow:0 40px 80px -40px rgba(15,29,30,.7)}
.plan.pro p,.plan.pro a:not(.btn){color:#C9D8D5}
.plan.pro .btn{background:#fff;color:var(--ink);border-color:#fff}
.badge{position:absolute;top:18px;right:18px;font-size:12px;font-weight:700;background:#C79A3B;color:#fff;border-radius:999px;padding:3px 10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 20px;margin-bottom:10px}
.faq details[open]{border-color:var(--teal)}
.faq summary{list-style:none;justify-content:space-between;gap:16px;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;font-weight:400;color:var(--accent-dark);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 16px}
.ctasub{color:rgba(255,255,255,.82);margin:0 0 24px}
.cta{padding:96px 0}
@media (max-width:760px){.feature{grid-template-columns:1fr;padding:26px;gap:26px}.plan{padding:26px}.cta{padding:64px 0}}
.plan.pro .ph{color:#1F2A2E}

/* brand v1.0: Manrope everywhere, mark from the brand kit */
body,button,input,select,textarea{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4{font-weight:800}
.brand svg.logo{display:block;height:34px;width:auto}
.extico{background:url(/favicon.svg) center/cover}

/* ===== join page v2 ===== */
.joinpage{position:relative;overflow:clip;padding:48px 0 96px}
.joinpage .aura{position:absolute;inset:-10% -10% auto -10%;height:560px;background:radial-gradient(520px 320px at 15% 10%,rgba(95,179,171,.28),transparent 70%),radial-gradient(520px 340px at 90% 0%,rgba(255,226,160,.34),transparent 70%);pointer-events:none}
.joingrid{position:relative;display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start}
.joinaside{position:sticky;top:96px;background:radial-gradient(420px 260px at 90% -10%,rgba(95,179,171,.28),transparent 70%),var(--deep);color:#F2F5F4;border-radius:28px;padding:36px;box-shadow:0 40px 80px -40px rgba(15,29,30,.6)}
.joinaside h1{font-size:clamp(28px,3vw,36px);line-height:1.1;letter-spacing:-.03em;color:#fff;margin:.3em 0 .4em}
.joinaside .lead{font-size:17px;max-width:none;margin-bottom:26px}
.expect{list-style:none;margin:0 0 26px;padding:0;counter-reset:ex}
.expect li{position:relative;padding:0 0 18px 46px;counter-increment:ex}
.expect li::before{content:counter(ex);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--teal-soft)}
.expect li::after{content:"";position:absolute;left:15px;top:36px;bottom:6px;width:1px;background:rgba(255,255,255,.14)}
.expect li:last-child::after{display:none}
.expect b{display:block;color:#fff;font-size:16px}
.expect span{display:block;color:#B8C9C6;font-size:15px;line-height:1.5}
.yours{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;font-size:14px;line-height:1.55;color:#B8C9C6}
.yours b{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.yours a{color:var(--teal-soft)}
.joinmain .form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:0 40px 80px -48px rgba(15,29,30,.4)}
/* stepper */
.joinmain .steps{display:flex;gap:0;margin:0 0 34px;padding:0;list-style:none;counter-reset:st}
.joinmain .steps li{flex:1;position:relative;border:0;padding:0;counter-increment:st;text-align:center;font-size:13px;color:#8A9396;font-weight:600}
.joinmain .steps li::before{content:counter(st);display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 8px;border-radius:50%;background:#EDE9DE;color:#7A8588;font-weight:800;font-size:14px;position:relative;z-index:1}
.joinmain .steps li::after{content:"";position:absolute;top:16px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:#E4E0D5}
.joinmain .steps li:last-child::after{display:none}
.joinmain .steps li.on{color:var(--ink)}
.joinmain .steps li.on::before{background:linear-gradient(135deg,#3E8C86,#1F5753);color:#fff;box-shadow:0 0 0 5px var(--glow)}
.joinmain .steps li.done{color:var(--accent-dark)}
.joinmain .steps li.done::before{content:"\2713";background:var(--teal);color:#fff}
.joinmain .steps li.done::after{background:var(--teal)}
/* step header */
.sthead{margin:0 0 28px}
.stlabel{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark)}
.step-title{font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;line-height:1.1;margin:.2em 0 .25em}
.step-title:focus{outline:none}
.sthead p{margin:0;color:var(--muted)}
/* choices */
.choices{display:grid;gap:10px;grid-auto-rows:1fr}
.choices .choice{height:100%}
.choices.one{grid-template-columns:1fr}
.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choices.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.joinmain .choice{margin:0;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#FCFBF8;align-items:center;gap:12px;transition:border-color .15s,background .15s,box-shadow .15s}
.joinmain .choice:hover{border-color:#BDD8D4}
.joinmain .choice:has(input:checked){border-color:var(--teal);background:var(--glow);box-shadow:0 0 0 3px rgba(47,111,107,.12)}
.joinmain .choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.joinmain .choice input{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:22px;height:22px;border:2px solid #B9B3A4;background:#fff;display:grid;place-content:center}
.joinmain .choice input[type=radio]{border-radius:50%}
.joinmain .choice input[type=checkbox]{border-radius:7px}
.joinmain .choice input:checked{border-color:var(--teal);background:var(--teal)}
.joinmain .choice input[type=radio]:checked{box-shadow:inset 0 0 0 4px #fff}
.joinmain .choice input[type=checkbox]:checked{background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.joinmain .choice input:focus-visible{outline:none}
.joinmain .choice span{line-height:1.35;font-weight:600}
.joinmain .choice.big{flex-direction:column;align-items:flex-start;gap:8px;padding:18px}
.joinmain .choice.big b{font-size:20px;letter-spacing:-.01em;display:block}
.joinmain .choice.big small{display:block;color:var(--muted);font-size:14px;font-weight:500}
.joinmain fieldset{margin:0 0 30px}
.joinmain legend{font-size:17px;font-weight:700;margin:0 0 12px;line-height:1.35}
.joinmain .hint{margin-top:3px}
.joinmain label.field{font-size:17px;font-weight:700;margin-bottom:8px}
.joinmain input[type=text],.joinmain input[type=email],.joinmain input[type=password],.joinmain input[type=number],.joinmain select{border:1.5px solid #CFC9BB;border-radius:12px;min-height:52px;padding:10px 14px;font-weight:500;background:#FCFBF8;transition:border-color .15s,box-shadow .15s}
.joinmain input:focus,.joinmain select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(47,111,107,.15);background:#fff}
.pair{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.pair:has(#email){grid-template-columns:1fr 1.4fr}
.mb{margin:-14px 0 26px}
fieldset.care{background:var(--glow);border-radius:18px;padding:20px;margin-bottom:30px}
fieldset.care legend{float:left;width:100%;margin-bottom:12px;padding:0}
fieldset.care legend+*{clear:both}
fieldset.care .choice{background:#fff}
.joinmain .nav{margin-top:34px;padding-top:24px;border-top:1px solid #EFEBE0}
.btn.big{min-height:54px;padding:0 32px}
.joinmain .err{font-weight:600}
/* panel entrance */
@media (prefers-reduced-motion:no-preference){[data-step]:not([hidden]){animation:stepin .35s ease-out}}
@keyframes stepin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* done */
.donecard{text-align:center}
.okring{width:84px;height:84px;margin:6px auto 18px;border-radius:50%;background:var(--glow);color:var(--teal);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(231,242,239,.6)}
.okring svg{width:40px;height:40px}
.donecard h2{font-size:clamp(30px,4vw,42px);letter-spacing:-.03em}
.donecard .lead{margin-left:auto;margin-right:auto}
.keycard{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px;margin:26px 0}
.keycard .token{background:#fff;margin:10px 0}
.donecard h3{text-align:left;margin-top:1.6em}
.nextsteps{text-align:left;list-style:none;padding:0;margin:0;counter-reset:ns}
.nextsteps li{position:relative;padding:0 0 16px 44px;counter-increment:ns;color:var(--muted)}
.nextsteps li::before{content:counter(ns);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:9px;background:var(--glow);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
@media (max-width:960px){.joingrid{grid-template-columns:1fr;gap:28px}.joinaside{position:static;padding:28px}.expect{display:none}.joinaside .lead{margin-bottom:18px}}
@media (max-width:640px){.joinmain .form{padding:22px;border-radius:22px}.choices.two,.choices.three,.choices.four{grid-template-columns:1fr}.choices.four{grid-template-columns:repeat(2,minmax(0,1fr))}.pair,.pair:has(#email){grid-template-columns:1fr}.joinmain .steps li span{display:none}.joinmain .steps li::before{margin-bottom:0}.joinmain .steps li::after{top:16px}.joinpage{padding:24px 0 64px}}
@media (max-width:640px){.joinaside{padding:22px}.joinaside .yours{display:none}.joinaside .lead{font-size:16px;margin-bottom:0}.joinaside h1{font-size:26px}}

/* mobile polish v1.1 */
@media (max-width:640px){
.dsteps{flex-wrap:nowrap;gap:4px}.dsteps .dstep{padding:6px 8px;font-size:12px;gap:5px;white-space:nowrap}.dsteps .dstep b{width:18px;height:18px;font-size:11px}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statb{padding:18px 14px;border-radius:16px}.statb span{font-size:13px}
.card{padding:20px}.sees .card{padding:22px}
.ico{width:40px;height:40px;margin-bottom:6px}
}

/* stat boxes: centred */
.statb{text-align:center}
.pair{align-items:end}.pair fieldset{min-width:0}
.pairhint{margin:-4px 0 0;font-size:14px;color:var(--muted)}
.pair{align-items:start}
.pair .err:empty{display:none}
.pairhint{margin:8px 0 26px}
@media (max-width:640px){.pair:not(:has(#email)){grid-template-columns:1.4fr 1fr;gap:12px}}