:root{
  --ink:#121211; --paper:#fff; --soft:#f4f4f0; --line:#e3e3dd; --muted:#5c5c56;
  --board:#0d0d0c; --board-2:#1c1c1a; --board-line:#2c2c29; --board-muted:#a6a69e;
  --go:#25d366; --go-ink:#0b6b35;
  --wrap:1240px; --gutter:clamp(20px,4vw,48px);
  --sans:"Instrument Sans",ui-sans-serif,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;scrollbar-color:#b9b9b1 var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--go);color:var(--ink)}
a{color:inherit}
:focus-visible{outline:2px solid var(--go-ink);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.board :focus-visible{outline-color:var(--go)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:500;text-wrap:balance}
h1{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.02;letter-spacing:-.04em}
h2{font-size:clamp(2.1rem,3.9vw,3.4rem);line-height:1.05;letter-spacing:-.035em}
.lede{color:var(--muted);font-size:clamp(1.06rem,1.4vw,1.2rem);line-height:1.45;max-width:58ch;text-wrap:pretty}
section{padding-block:clamp(72px,10vw,128px)}
.head{display:grid;gap:16px;margin-bottom:clamp(36px,5vw,56px)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:500 16px/1 var(--sans);text-decoration:none;border:1px solid var(--ink);cursor:pointer;transition:transform .35s var(--ease),background-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-main{background:var(--ink);color:#fff}
.btn-main svg{color:var(--go)}
.btn-main:hover{background:#2b2b28}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:hover{background:var(--soft)}
.btn svg{width:19px;height:19px;flex:none}

/* nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:19px;letter-spacing:-.02em;text-decoration:none}
.brand svg{width:30px;height:30px;flex:none}
.links{display:flex;gap:28px;margin-left:auto}
.links a{font-size:15.5px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease);padding-block:3px}
.links a:hover{background-size:100% 1px}
.nav .btn{min-height:44px;padding:0 18px;font-size:15px}
.short{display:none}

/* hero */
.hero{padding-block:clamp(36px,5vw,60px) clamp(40px,6vw,72px)}
.hero-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.hero-side{display:grid;gap:22px}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* board */
.board{background:var(--board);color:#fff;border-radius:22px;padding:clamp(18px,2.4vw,30px);box-shadow:0 24px 50px -24px rgba(0,0,0,.45)}
.board-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;color:var(--board-muted);margin-bottom:clamp(18px,2.2vw,26px)}
.board-bar strong{color:#fff;font-weight:500}
.board-ctl{display:flex;align-items:center;gap:14px}
.live{display:inline-flex;align-items:center;gap:8px;color:#fff}
.live i{width:9px;height:9px;border-radius:50%;background:var(--go);animation:pulse 1.8s ease-out infinite}
.paused .live i{animation:none;background:var(--board-muted)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 9px rgba(37,211,102,0)}}
.pause{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--board-2);border:1px solid var(--board-line);color:#fff;cursor:pointer;transition:background-color .2s}
.pause:hover{background:#2c2c29}
.pause svg{width:13px;height:13px}
.pipe{list-style:none;margin:0 0 clamp(18px,2.4vw,26px);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1vw,12px)}
.step{position:relative;background:var(--board-2);border:1px solid var(--board-line);border-radius:14px;padding:16px 16px 18px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;color:var(--board-muted);transition:background-color .45s var(--ease),border-color .45s,color .45s}
.step .tick{width:26px;height:26px;border-radius:50%;border:1.5px solid #55554f;display:grid;place-items:center;transition:background-color .35s,border-color .35s}
.step .tick svg{width:14px;height:14px;color:var(--board);opacity:0;transform:scale(.5);transition:opacity .25s,transform .45s var(--ease)}
.step .txt{font-size:clamp(15px,1.45vw,18px);line-height:1.25;letter-spacing:-.01em}
.step.on{color:#fff;border-color:var(--go)}
.step.on .tick{border-color:var(--go);animation:spin 1.1s linear infinite;border-right-color:transparent}
@keyframes spin{to{transform:rotate(360deg)}}
.step.done{color:#fff}
.step.done .tick{background:var(--go);border-color:var(--go)}
.step.done .tick svg{opacity:1;transform:none}
.runs{width:100%;border-collapse:collapse;font-size:15.5px}
.runs th{font-weight:400;text-align:left;color:var(--board-muted);padding:0 12px 9px 0;font-size:14px}
.runs td{padding:9px 12px 9px 0;border-top:1px solid var(--board-line);color:var(--board-muted);transition:color .3s}
.runs tr.active td{color:#fff}
.runs .st{width:96px;padding-right:0;text-align:right}
.runs th.st{text-align:right}
.runs tr.active .st{color:var(--go)}
.runs .when{font-family:var(--mono);font-size:14px}

/* workflows */
.flows{border-top:1px solid var(--ink)}
.flow{border-bottom:1px solid var(--line)}
.flow summary{list-style:none;display:grid;grid-template-columns:1.2fr 1fr 24px;gap:20px;align-items:center;padding:22px 0;cursor:pointer}
.flow summary::-webkit-details-marker{display:none}
.flow h3{font-weight:500;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em;line-height:1.15;transition:transform .4s var(--ease)}
.flow summary:hover h3{transform:translateX(6px)}
.flow .when{color:var(--muted);font-size:16px}
.chev{width:22px;height:22px;transition:transform .4s var(--ease)}
.flow[open] .chev{transform:rotate(180deg)}
.flow-body{padding:2px 0 28px}
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.path li{background:var(--soft);border-radius:12px;padding:16px;font-size:16px;line-height:1.3}

/* calculator */
.calc{background:var(--soft)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.field{display:grid;gap:10px;margin-top:30px}
.field label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:16.5px}
output{font-family:var(--mono);font-size:15.5px;white-space:nowrap}
input[type=range]{width:100%;height:28px;margin:0;accent-color:var(--ink);cursor:pointer}
.result{background:var(--board);color:#fff;border-radius:22px;padding:clamp(24px,3.4vw,40px)}
.result-label{font-size:16px;color:var(--board-muted)}
.odo{display:flex;gap:6px;margin:16px 0 18px}
.digit{width:clamp(58px,7.2vw,92px);height:clamp(82px,10.2vw,130px);overflow:hidden;border-radius:12px;background:var(--board-2);border:1px solid var(--board-line);transition:opacity .3s}
.digit.idle{opacity:.32}
.reel{display:block;transition:transform .8s var(--ease)}
.reel b{display:grid;place-items:center;height:clamp(82px,10.2vw,130px);font:500 clamp(2.9rem,6vw,4.8rem)/1 var(--sans);font-variant-numeric:tabular-nums}
.result p{color:#d6d6cf;text-wrap:pretty}
.result p+p{margin-top:10px;color:var(--board-muted);font-size:15.5px}
.saving{display:grid;gap:4px;margin:18px 0;padding-block:16px;border-block:1px solid var(--board-line)}
.saving span{font-size:16px;color:var(--board-muted)}
.saving b{font-weight:500;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.03em;color:var(--go);font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* process */
.dark{background:var(--board);color:#fff}
.dark .lede{color:var(--board-muted)}
.stages{width:100%;border-collapse:collapse}
.stages th{font-weight:400;text-align:left;font-size:15px;color:var(--board-muted);padding:0 24px 12px 0}
.stages td{border-top:1px solid var(--board-line);padding:24px 24px 24px 0;vertical-align:top;color:#d6d6cf;width:39%}
.stages td:first-child{width:22%;color:#fff;font-size:clamp(1.2rem,1.8vw,1.45rem);letter-spacing:-.02em;line-height:1.2;font-weight:500}

/* packages */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);list-style:none;margin:0;padding:0}
.pack{background:var(--soft);border-radius:22px;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:22px;transition:transform .45s var(--ease)}
.pack:hover{transform:translateY(-2px)}
.pack-name{display:flex;align-items:center;gap:12px}
.pack h3{font-weight:500;font-size:clamp(1.7rem,2.6vw,2.2rem);letter-spacing:-.03em;line-height:1.1}
.coin{width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),inset 0 2px 3px rgba(255,255,255,.55)}
.coin.bronze{background:#b0763f}.coin.silver{background:#b9bcc0}.coin.gold{background:#e0b02e}
.pack-sum{color:var(--muted);min-height:4.5em;text-wrap:pretty}
.chans{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);flex:1}
.chans li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.chans strong{display:block;font-weight:500}
.chans small{display:block;font-size:15px;line-height:1.35;color:var(--muted)}
.mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.mark svg{width:14px;height:14px}
.chans .off .mark{background:transparent;box-shadow:inset 0 0 0 1.5px #b4b4ac}
.chans .off strong{font-weight:400;color:var(--muted)}
.pack .btn{width:100%}
.pack.top{background:var(--board);color:#fff}
.pack.top .pack-sum,.pack.top .chans small{color:var(--board-muted)}
.pack.top .chans,.pack.top .chans li{border-color:var(--board-line)}
.pack.top .mark{background:var(--go);color:var(--board)}
.pack.top .btn{background:var(--go);border-color:var(--go);color:#07190f}
.pack.top .btn svg{color:inherit}
.pack.top .btn:hover{background:#3be07c}
.pack.top :focus-visible{outline-color:var(--go)}
@media (max-width:900px){.packs{grid-template-columns:1fr}.pack-sum{min-height:0}}

.price-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:clamp(16px,2vw,24px)}
.seg{display:inline-flex;gap:4px;padding:4px;margin:0;border:0;border-radius:999px;background:var(--soft)}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:block;padding:9px 16px;border-radius:999px;font-size:15.5px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.seg label:hover span{background:var(--line)}
.seg input:checked+span{background:var(--ink);color:#fff}
.seg input:focus-visible+span{outline:2px solid var(--go-ink);outline-offset:2px}
.price{display:grid;gap:4px;min-height:82px;align-content:start}
.price b{font-weight:500;font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.price b small{font-size:16px;font-weight:400;letter-spacing:0;margin-left:4px;color:var(--muted)}
.price>span{font-size:15.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pack.top .price b small,.pack.top .price>span{color:var(--board-muted)}
.price-note{margin-top:18px;font-size:15.5px;color:var(--muted)}
@media (max-width:560px){.price-bar,.seg{width:100%}.seg label{flex:1;text-align:center}.seg span{padding-inline:8px}}

/* questions */.q-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(24px,5vw,72px)}
.qa{border-bottom:1px solid var(--line)}
.qa:first-child{border-top:1px solid var(--ink)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font-weight:500;font-size:1.13rem;letter-spacing:-.01em}
.qa summary::-webkit-details-marker{display:none}
.qa[open] .chev{transform:rotate(180deg)}
.qa p{padding:0 44px 22px 0;color:var(--muted);max-width:62ch}

/* contact */
.contact{background:var(--soft)}
.ct-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,48px);align-items:stretch;margin-top:clamp(32px,4vw,48px)}
.ticket{background:#fff;border-radius:22px;padding:clamp(22px,3vw,36px);display:grid;gap:24px;align-content:start;box-shadow:0 18px 40px -30px rgba(0,0,0,.35)}
fieldset{border:0;padding:0;margin:0}
legend,.lab{display:block;padding:0;font-size:15.5px;margin-bottom:10px;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;padding:10px 16px;border-radius:999px;background:var(--soft);font-size:15.5px;cursor:pointer;transition:background-color .2s,color .2s}
.chips label:hover span{background:var(--line)}
.chips input:checked+span{background:var(--ink);color:#fff}
.chips input:focus-visible+span{outline:2px solid var(--go-ink);outline-offset:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input[type=text]{width:100%;min-height:50px;border:1px solid transparent;border-radius:12px;background:var(--soft);padding:0 14px;font:400 16px var(--sans);color:var(--ink);caret-color:var(--go-ink);transition:border-color .2s,background-color .2s}
input[type=text]::placeholder{color:#6a6a63}
input[type=text]:hover{border-color:var(--line)}
input[type=text]:focus{outline:none;border-color:var(--ink);background:#fff}
.chat{background:var(--board);color:#fff;border-radius:22px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:22px;justify-content:space-between}
.chat-head{font-size:15.5px;color:var(--board-muted)}
.bubble{align-self:flex-end;max-width:92%;background:#144d37;border-radius:16px 16px 4px 16px;padding:16px 18px;font-size:17px;line-height:1.42;text-wrap:pretty;min-height:96px}
.chat .btn{background:var(--go);border-color:var(--go);color:#07190f;width:100%}
.chat .btn:hover{background:#3be07c}
.chat-note{font-size:15px;color:var(--board-muted);text-align:center}

/* footer */
footer{padding-block:32px;font-size:15px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer .brand{font-size:17px;color:var(--ink)}
footer .brand svg{width:26px;height:26px}

@media (max-width:980px){
  .links{display:none}
  .nav .btn{margin-left:auto}
  .hero-top,.calc-grid,.q-grid,.ct-grid{grid-template-columns:1fr}
  .hero-top{align-items:start}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .long{display:none}.short{display:inline}
  .pipe,.path{grid-template-columns:1fr}
  .step{min-height:0;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 14px}
  .step .tick{flex:none}
  .runs .when,.runs th.when{display:none}
  .flow summary{grid-template-columns:1fr 24px;gap:4px 16px}
  .flow .when{grid-row:2;grid-column:1}
  .chev{grid-row:1/3;grid-column:2}
  .actions .btn{width:100%}
  .two{grid-template-columns:1fr}
  .stages thead{display:none}
  .stages,.stages tbody,.stages tr,.stages td{display:block;width:auto!important}
  .stages tr{border-top:1px solid var(--board-line);padding:20px 0}
  .stages td{border:0;padding:0 0 8px}
  .stages td:last-child{padding-bottom:0;color:var(--board-muted)}
  .digit{width:calc((100% - 18px)/4);max-width:80px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---- Multi-page additions ---- */
.skip{position:absolute;left:12px;top:-60px;z-index:20;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{top:12px}
.brand .word{font-weight:600}
.brand .word em{font-style:normal;font-weight:400}
.links a[aria-current="page"]{background-size:100% 1px;font-weight:500}
.menu-btn{display:none;width:44px;height:44px;place-items:center;flex:none;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.menu-btn svg{width:18px;height:18px}
@media (max-width:980px){
  .menu-btn{display:grid}
  .links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;gap:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:6px var(--gutter) 16px;box-shadow:0 20px 30px -24px rgba(0,0,0,.35)}
  .links.open{display:flex}
  .links a{padding:13px 0;font-size:18px;border-bottom:1px solid var(--line);background:none}
  .links a:last-child{border-bottom:0}
  .links a[aria-current="page"]{color:var(--go-ink)}
}

/* hero */
.lead{background:var(--board);color:#fff;padding-block:clamp(40px,5vw,64px);overflow:hidden;position:relative}
.lead::before{content:"";position:absolute;inset:0;background:radial-gradient(52% 70% at 78% 48%,rgba(37,211,102,.13),transparent 72%);pointer-events:none}
.lead-grid{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(32px,4vw,64px);align-items:center;min-height:min(calc(100svh - 73px - 2*clamp(40px,5vw,64px)),700px)}
.lead h1{font-size:clamp(2.75rem,5.5vw,5.1rem);line-height:1;letter-spacing:-.04em}
.lead .lede{color:#c9c9c2;margin-top:22px;max-width:50ch}
.lead .actions{margin-top:30px}
.lead .btn-go{background:var(--go);border-color:var(--go);color:#07190f}
.lead .btn-go:hover{background:#3be07c}
.btn-ghost{background:transparent;color:#fff;border-color:#5a5a54}
.btn-ghost:hover{background:var(--board-2);border-color:#7a7a72}
.fact{display:flex;align-items:center;gap:10px;margin-top:26px;color:#fff;font-size:16.5px}
.fact i{width:9px;height:9px;border-radius:50%;background:var(--go);flex:none}
.stage{position:relative;display:flex;justify-content:flex-end;align-items:center}
.phone{width:min(100%,340px);height:590px;display:flex;flex-direction:column;background:#0b0f0d;border:1px solid #33332f;border-radius:38px;padding:10px;box-shadow:0 40px 70px -30px rgba(0,0,0,.9)}
.phone-head{display:flex;align-items:center;gap:11px;padding:14px 14px 12px;background:#17201b;border-radius:28px 28px 0 0}
.phone-ava{width:38px;height:38px;border-radius:50%;background:var(--go);color:#07190f;display:grid;place-items:center;flex:none}
.phone-ava svg{width:20px;height:20px}
.phone-who{min-width:0;line-height:1.2;flex:1}
.phone-who strong{display:block;font-weight:500;font-size:15.5px}
.phone-who span{font-size:13.5px;color:#a9b5ae}
.phone-head .pause{width:32px;height:32px}
.chat-log{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:14px;background:#101512;border-radius:0 0 28px 28px}
.m{max-width:84%;margin:0;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.35;animation:pop .45s var(--ease) both;text-wrap:pretty}
.m.them{align-self:flex-start;background:#232b27;color:#fff;border-bottom-left-radius:4px}
.m.us{align-self:flex-end;background:#144d37;color:#fff;border-bottom-right-radius:4px}
.m.typing{display:flex;gap:4px;padding:13px 14px}
.m.typing i{width:6px;height:6px;border-radius:50%;background:#bfe6d0;animation:blink 1s infinite}
.m.typing i:nth-child(2){animation-delay:.15s}.m.typing i:nth-child(3){animation-delay:.3s}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:.3}50%{opacity:1}}
.st-list{list-style:none;margin:0;padding:0;position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;gap:12px;width:calc(100% - 340px - 20px);min-width:176px;max-width:216px}
.st-card{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;padding:12px 13px;border-radius:14px;background:var(--board-2);border:1px solid var(--board-line);font-size:15px;line-height:1.25;color:var(--board-muted);transition:color .4s,border-color .4s,transform .6s var(--ease)}
.st-card .tick{width:24px;height:24px;border-radius:50%;border:1.5px solid #55554f;display:grid;place-items:center;transition:background-color .35s,border-color .35s}
.st-card .tick svg{width:13px;height:13px;color:var(--board);opacity:0;transition:opacity .25s}
.st-card.on{color:#fff;border-color:var(--go);transform:translateX(6px)}
.st-card.on .tick{background:var(--go);border-color:var(--go)}
.st-card.on .tick svg{opacity:1}
@media (max-width:1120px){
  .stage{flex-direction:column;align-items:center;gap:14px}
  .st-list{position:static;transform:none;width:100%;max-width:none;grid-template-columns:repeat(3,1fr)}
  .st-card.on{transform:none}
}
@media (max-width:980px){
  .lead-grid{grid-template-columns:1fr;min-height:0}
  .phone{height:520px}
}
@media (max-width:560px){
  .st-list{grid-template-columns:1fr}
  .phone{width:100%;max-width:340px}
}

/* page heads */
.page-head{background:var(--board);color:#fff;padding-block:clamp(56px,8vw,104px)}
.page-head h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.04em;max-width:18ch}
.page-head .lede{color:#c9c9c2;margin-top:20px}
.page-head .stages{margin-top:clamp(36px,5vw,64px)}
.page-head.slim{padding-block:clamp(44px,6vw,72px)}

/* home sections */
.tight{padding-top:clamp(56px,7vw,88px)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,18px)}
.duo-card{background:var(--soft);border-radius:22px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.duo-card h3{font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.03em;line-height:1.1}
.duo-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);flex:1}
.duo-card li{padding:13px 0;border-bottom:1px solid var(--line)}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b4b4ac;transition:text-decoration-color .2s}
.more:hover{text-decoration-color:currentColor}
.section-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3vw,36px)}
.section-top .head{margin-bottom:0}
.tease{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--ink)}
.tease li{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.tease .pack-name h3{font-size:clamp(1.5rem,2.3vw,1.9rem)}
.tease .tease-chans{color:var(--muted)}
.tease .tease-price{display:grid;text-align:right;gap:2px;min-width:170px}
.tease-price b{font-weight:500;font-size:clamp(1.5rem,2.3vw,1.9rem);letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.tease-price b small{font-size:15.5px;font-weight:400;letter-spacing:0;margin-left:3px;color:var(--muted)}
.tease-price span{font-size:15.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pack-name{display:flex;align-items:center;gap:12px}
.pack-name h3{font-weight:500;letter-spacing:-.03em;line-height:1.1}
.closer{background:var(--board);color:#fff;padding-block:clamp(64px,8vw,104px)}
.closer .wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.closer h2{max-width:17ch}
.closer .btn{background:var(--go);border-color:var(--go);color:#07190f}
.closer .btn:hover{background:#3be07c}
@media (max-width:820px){
  .duo{grid-template-columns:1fr}
  .tease li{grid-template-columns:1fr auto;gap:6px 16px}
  .tease .tease-chans{grid-row:2;grid-column:1/3}
  .tease .tease-price{min-width:0}
}

/* rows and pricing notes */
.rows{border-top:1px solid var(--ink)}
.rows>div{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.rows h3{font-weight:500;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em;line-height:1.15}
.rows .incl{color:var(--muted);font-size:16px}
.also{margin-top:28px}
.notes{display:grid;gap:6px;margin-top:20px;font-size:15.5px;color:var(--muted)}
.notes strong{font-weight:500;color:var(--ink)}
.renew{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,18px)}
.renew>div{background:#fff;border-radius:22px;padding:clamp(22px,3vw,36px);display:grid;gap:10px;align-content:start}
.renew h3{font-weight:500;font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.025em;line-height:1.15}
.renew p{color:var(--muted)}
.soft{background:var(--soft)}
@media (max-width:820px){
  .rows>div{grid-template-columns:1fr;gap:6px}
  .renew{grid-template-columns:1fr}
}
.seg-solo{margin-bottom:0}
.seg{background:var(--soft)}
.soft .seg{background:#fff}

/* contact */
.direct{display:grid;gap:4px;margin-top:28px}
.direct a{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:500;letter-spacing:-.02em;text-underline-offset:5px;text-decoration-color:#b4b4ac;width:fit-content}
.direct a:hover{text-decoration-color:currentColor}
.direct span{color:var(--muted)}

/* legal pages */
.prose{max-width:70ch}
.prose h2{font-size:clamp(1.4rem,2vw,1.7rem);letter-spacing:-.025em;margin:40px 0 12px;line-height:1.2}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px;color:#33332f}
.prose ul{margin:0 0 14px;padding-left:22px;color:#33332f}
.prose li{margin-bottom:6px}
.prose a{text-underline-offset:3px}

/* footer */
footer{padding-block:clamp(40px,5vw,64px) 28px;border-top:1px solid var(--line)}
footer .wrap{display:block}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;margin-bottom:36px}
.foot p{margin-top:12px;max-width:30ch}
.foot h2{font:500 15.5px/1.3 var(--sans);letter-spacing:0;color:var(--ink);margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot ul a{text-decoration:none;color:var(--muted);transition:color .2s}
.foot ul a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.legal-line{padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/3}}

/* small-screen fixes */
@media (max-width:1120px){.stage .phone{order:1}.st-list{order:2}}
@media (max-width:560px){
  .nav .wrap{gap:10px}
  .nav .btn{width:44px;min-height:44px;padding:0;flex:none}
  .nav .btn .short{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media (min-width:981px) and (max-width:1120px){.st-list{grid-template-columns:1fr;width:min(100%,340px)}.lead-grid{align-items:start}}