@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@400;600;700&display=swap");
:root{--ink:#1c2326;--ink2:#3e4a4d;--muted:#6b7678;--bg:#fbfaf7;--band:#f2f0ea;--line:#e4dfd2;--teal:#0f3d3e;--teal2:#0a2627;--gold:#f2b84b;--gold2:#d99a2b;--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 var(--sans);color:var(--ink2);background:var(--bg)}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.15;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,6vw,4rem);font-weight:800}h2{font-size:clamp(1.6rem,4vw,2.3rem)}a{color:var(--teal)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}section{padding:72px 0}.band{background:var(--band)}
.top{position:sticky;top:0;z-index:5;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font:700 1.2rem var(--serif);color:var(--ink)}.brand em{font-style:normal;color:var(--gold2)}
.links a{margin-left:20px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}.links .lang{color:var(--muted)}
.hero{padding:96px 0 128px;background:var(--bg);position:relative;overflow:hidden}
.hero.dark{background:radial-gradient(120% 90% at 85% 0%,#1d5a55 0%,#0f3d3e 45%,#0a2627 100%);color:#cfe1dd}
.hero.dark h1{color:#fff}.hero.dark:after{content:"";position:absolute;inset:auto -10% -2px -10%;height:200px;background:#fbfaf7;clip-path:polygon(0 100%,18% 45%,30% 70%,52% 10%,70% 60%,82% 35%,100% 100%);opacity:.08;animation:rise 1.4s ease-out both}
@keyframes rise{from{transform:translateY(40px);opacity:0}}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--gold2)}.dark .eyebrow{color:var(--gold)}
.lead{font-size:1.18rem;max-width:40em}
.btn{display:inline-block;border:0;border-radius:12px;padding:15px 28px;font:700 1rem var(--sans);text-decoration:none;cursor:pointer}
.btn.gold{background:var(--gold);color:#1c2326;box-shadow:0 10px 24px -10px rgba(242,184,75,.7)}.btn.gold:hover{background:var(--gold2)}
.cards{list-style:none;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 20px 50px -30px rgba(10,38,39,.45)}
.steps3{list-style:none;counter-reset:s;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.steps3 li{counter-increment:s;padding:22px;border-top:3px solid var(--gold)}.steps3 li:before{content:counter(s);font:800 2.4rem var(--serif);color:var(--teal);display:block}.steps3 strong{display:block;color:var(--ink)}
.two{display:grid;gap:32px}@media(min-width:800px){.two{grid-template-columns:1fr 1fr}}
.form label{display:block;font-weight:600;color:var(--ink);font-size:.92rem;margin-bottom:12px}input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cfc9b9;border-radius:8px;font:16px var(--sans)}
.check{padding-left:0;list-style:none}.check li:before{content:"✓ ";color:var(--teal);font-weight:700}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;color:var(--ink)}
.fine{font-size:.85rem;color:var(--muted)}.err{color:#b3261e}.muted{color:var(--muted)}
footer.dark{background:var(--teal2);color:#cfe1dd;padding:40px 0;font-size:.92rem}footer.dark a{color:var(--gold)}footer .muted{color:#9fb8b4}
@media(max-width:640px){.links a:not(.lang){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* ===== v3 "The Summit Path" ===== */
body{font-size:18.5px}p,.lead{max-width:62ch}h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.02;letter-spacing:-.03em;max-width:15ch}
h2{font-size:clamp(1.9rem,4.6vw,3.2rem);letter-spacing:-.025em;max-width:20ch}
.hero.dark{padding:120px 0 220px;min-height:86vh}.hero.dark:after{display:none}.hero .wrap{position:relative;z-index:2}
.topo{position:absolute;left:0;right:0;bottom:0;width:100%;height:70%;z-index:1}
.tl{stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 2.6s cubic-bezier(.2,.7,.2,1) var(--d) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;padding:18px 20px;font-weight:600;font-size:.92rem;color:var(--ink)}.trust span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:middle}
.ch{padding:120px 0}.ch.dark{background:var(--teal2);color:#cfe1dd}.ch.dark h2,.ch.dark h3{color:#fff}.ch.dark a{color:var(--gold)}
.chn{font:600 .8rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);display:flex;align-items:center;gap:12px}.chn:after{content:"";height:1px;width:64px;background:currentColor}
.grid3{display:grid;gap:34px;margin-top:40px}@media(min-width:800px){.grid3{grid-template-columns:repeat(3,1fr)}}
.pt{border-top:1px solid var(--line);padding-top:20px}
.tech{margin-top:36px;max-width:62ch;border:0}.tech summary{color:var(--teal);font-size:.95rem}
.two{align-items:center}
.net{width:100%;height:auto}.net .ln{stroke:#9fd8c2;stroke-opacity:.35;stroke-width:1.5;stroke-dasharray:4 6;animation:dash 1.2s linear infinite}.net .ln.gold{stroke:var(--gold);stroke-opacity:.9}
@keyframes dash{to{stroke-dashoffset:-20}}.net .pulse{fill:var(--gold)}
.net circle:not(.pulse),.net rect{fill:#0f3d3e;stroke:#9fd8c2;stroke-opacity:.5}.net .hub circle{fill:var(--gold);stroke:none}.net .hub text{fill:#1c2326;font-weight:700}
.net text{fill:#e6f1ef;font:600 13px var(--sans);text-anchor:middle}.net .nd{transition:transform .3s}.net .nd:hover{transform:translateY(-3px)}
.steps3 li{transition:transform .3s}.steps3 li:hover{transform:translateY(-4px)}
.est{max-width:760px;margin-top:36px}.est label{display:block;margin-bottom:26px;font-weight:600;color:var(--ink)}.est output{float:right;font:700 1.2rem var(--serif);color:var(--teal)}
input[type=range]{padding:0;border:0;accent-color:var(--teal);height:28px;margin-top:10px}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:22px}.res span{display:block;font-size:.85rem;color:var(--muted)}.res b{font:800 clamp(1.4rem,4vw,2.4rem) var(--serif);color:var(--teal)}
.summit{text-align:center}.summit h2,.summit p{margin-left:auto;margin-right:auto}.summit .chn{justify-content:center}
.btn.mag{transition:transform .2s,box-shadow .2s}.btn.mag:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(242,184,75,.8)}
.rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:12px;z-index:4}.rail a{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--gold2);transition:background .3s,transform .3s}.rail a.on{background:var(--gold);transform:scale(1.3)}
@media(min-width:1000px){.rail{display:flex}}
.mbar{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(251,250,247,.95);backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:6;transform:translateY(110%);transition:transform .35s}.mbar.show{transform:none}.mbar .btn{display:block;text-align:center}
@media(min-width:800px){.mbar{display:none}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.tl{stroke-dashoffset:0}.net .pulse{display:none}.net .ln{animation:none}html{scroll-behavior:auto}}
.ch.dark a.btn,.ch.dark a.btn:visited{color:#1c2326}footer.dark{border-top:1px solid rgba(242,184,75,.35)}.net text{font-size:12px}
@media(max-width:640px){.net text{font-size:16px}.net .nd circle{r:42px}}
/* ===== v4 mobile-first ===== */
body{font-size:17.5px}h1{font-size:clamp(2.35rem,9.5vw,5.4rem);max-width:16ch}h2{font-size:clamp(1.75rem,7vw,3.2rem)}
.hero.dark{min-height:92svh;padding:88px 0 160px;display:flex;align-items:center}
.hero.sub{min-height:58svh;padding:80px 0 110px}
.par{position:absolute;inset:0;z-index:1;pointer-events:none}.layer{position:absolute;left:-5%;width:110%;bottom:0;height:72%;will-change:transform}
.cue{margin-top:44px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#9fd8c2;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}
.sec{padding:84px 0}.sec.dark{background:var(--teal2);color:#cfe1dd}.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark a:not(.btn){color:var(--gold)}
.trust .wrap{gap:8px 22px;font-size:.84rem}
/* climb */
.climb{height:400svh;background:linear-gradient(#fbfaf7,#f2f0ea)}.stick{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:84px 20px 28px;max-width:1120px;margin:0 auto}
.mtn{width:100%;max-height:42svh}.ridge{fill:#0f3d3e;opacity:.08}.trailbg{fill:none;stroke:#d9d3c3;stroke-width:3;stroke-dasharray:3 7}.trail{fill:none;stroke:var(--gold2);stroke-width:4;stroke-linecap:round}
#hiker{fill:var(--teal);stroke:#fff;stroke-width:3;filter:drop-shadow(0 4px 6px rgba(10,38,39,.35))}.flag{fill:var(--gold);stroke:var(--teal);stroke-width:2}
.stages{position:relative}.stage{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.stage.on{opacity:1;transform:none}
.bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--gold)}
@media(min-width:900px){.stick{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto;align-items:center;gap:40px}.mtn{max-height:70svh}.stages{min-height:260px}.bar{grid-column:1/3}}
/* network */
.netwrap{display:grid;gap:14px;margin-top:20px}.net .nd{cursor:pointer;outline:none}.net .nd circle{transition:fill .3s,transform .3s;transform-box:fill-box;transform-origin:center}
.net .nd.on circle,.net .nd:focus-visible circle{fill:var(--gold);stroke:#fff}.net .nd.on text{fill:#1c2326}.net text{font-size:15px}.net .ln.on{stroke:var(--gold);stroke-opacity:1}
.panel{position:relative;min-height:170px}.pn{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:.4s;pointer-events:none}.pn.on{opacity:1;transform:none;pointer-events:auto}.sec.dark .fine{color:#9fb8b4}.hint{font-size:.8rem;color:#9fd8c2;letter-spacing:.08em;text-transform:uppercase}
@media(min-width:900px){.netwrap{grid-template-columns:1.3fr 1fr;align-items:center}}
/* providers */
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 26px}.chips li{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-weight:600;color:var(--ink);font-size:.93rem;transition:transform .2s,border-color .2s}.chips li:hover{transform:translateY(-2px);border-color:var(--gold2)}
/* rules */
.rules{list-style:none;padding:0;display:grid;gap:14px;margin-top:26px}@media(min-width:700px){.rules{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.rules{grid-template-columns:repeat(3,1fr)}}
.rules li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;border-top:3px solid var(--gold)}.rules h3{font-size:1.1rem}.rules p{margin:0;font-size:.97rem}
.tilt{transition:transform .25s ease,box-shadow .25s;transform-style:preserve-3d}
/* swipe */
.swipe{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px max(20px,calc((100vw - 1080px)/2)) 30px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipe::-webkit-scrollbar{display:none}
.slide{flex:0 0 78%;max-width:340px;scroll-snap-align:center;min-height:220px;border-radius:22px;padding:26px;text-decoration:none;color:#cfe1dd;background:radial-gradient(120% 120% at 100% 0%,#1d5a55,#0a2627);display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 40px -26px rgba(10,38,39,.7)}
.slide .k{font:700 1.45rem var(--serif);color:#fff}.slide .go{margin-top:auto;color:var(--gold);font-size:1.4rem}
/* flips */
.flips{list-style:none;padding:0;display:grid;gap:16px}@media(min-width:760px){.flips{grid-template-columns:1fr 1fr}}
.flip{position:relative;min-height:220px;perspective:1000px;cursor:pointer}.flip>div{position:absolute;inset:0;padding:26px;border-radius:20px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1);border:1px solid var(--line);background:#fff}
.flip .fb{transform:rotateY(180deg);background:var(--teal2);color:#cfe1dd}.flip .fb h3{color:#fff}.flip.on .fa{transform:rotateY(-180deg)}.flip.on .fb{transform:none}.flip .go{position:absolute;bottom:20px;color:var(--teal);font-weight:600;font-size:.9rem}
/* tabs */
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;margin-bottom:26px}.tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:99px;padding:11px 18px;font:600 .95rem var(--sans);color:var(--ink);cursor:pointer}.tabs button[aria-selected=true]{background:var(--teal);color:#fff;border-color:var(--teal)}
.tp{display:none}.tp.on{display:block;animation:fadeup .45s ease}@keyframes fadeup{from{opacity:0;transform:translateY(10px)}}.check.big li{font-size:1.15rem;padding:12px 0;border-bottom:1px solid var(--line)}
.gsearch{max-width:520px;margin:10px 0 18px;border-radius:99px;padding:14px 20px}
details[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.climb{height:auto}.stick{position:static;height:auto}.stage{position:static;opacity:1;transform:none;margin-bottom:24px}.bar{display:none}.cue{animation:none}.flip>div{transition:none}.layer{transform:none!important}}
.panel{min-height:0}.pn{position:static;display:none}.pn.on{display:block;animation:fadeup .4s ease}.hint{margin:0 0 6px}
@media(max-width:799px){body{padding-bottom:78px}}
.hero.dark.mini{min-height:0;padding:56px 0 70px;display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}textarea{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cfc9b9;border-radius:8px;font:16px var(--sans)}
.cb{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.9rem!important}.cb input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
.cf-turnstile{margin:6px 0 12px;min-height:65px}.thanks{border-top:4px solid var(--gold)}