.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
nav.top{position:sticky;top:0;z-index:100;background:rgba(7,9,13,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:20px;padding-top:15px;padding-bottom:15px}
nav.top .links{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:14px;color:var(--mute)}
nav.top .links a:hover{color:var(--ink)}
@media(max-width:700px){nav.top .links a:not(.btn){display:none}}

.hero-s{padding:70px 0 60px;text-align:center;position:relative;overflow:hidden}
.hero-s::before{content:"";position:absolute;inset:-40% 0 auto;height:620px;background:radial-gradient(circle,rgba(255,90,31,.16),transparent 62%);pointer-events:none}
.hero-s .balls{display:flex;justify-content:center;gap:-20px;margin-bottom:26px;position:relative}
.hero-s .balls>div{margin:0 -14px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}
.hero-s h1{font:800 clamp(34px,6vw,62px)/1.04 var(--mono);letter-spacing:-2.6px;margin-bottom:18px;position:relative}
.hero-s h1 em{font-style:normal;background:linear-gradient(120deg,var(--hot),#ffbe6b);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-s .sub{color:var(--mute);font-size:clamp(15px,2vw,19px);max-width:56ch;margin:0 auto 30px;position:relative}
.hero-s .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.hero-s .fine{margin-top:16px;color:var(--dim);font-size:12.5px;position:relative}

section.band{padding:62px 0;border-top:1px solid var(--line)}
section.band h2{font:800 clamp(25px,3.6vw,38px)/1.12 var(--mono);letter-spacing:-1.4px;margin-bottom:12px;text-align:center}
section.band .lede{color:var(--mute);text-align:center;max-width:58ch;margin:0 auto 38px}

.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:16px}
.feat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.16s}
.feat:hover{border-color:#31405a;transform:translateY(-3px)}
.feat .ico{font-size:26px;margin-bottom:13px;display:block}
.feat h3{font:800 17px/1.25 var(--mono);letter-spacing:-.5px;margin-bottom:8px;text-transform:none;color:var(--ink)}
.feat p{color:var(--mute);font-size:14px;line-height:1.62}

.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:14px}
.roster div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 10px;text-align:center;transition:.16s}
.roster div:hover{border-color:var(--hot);transform:translateY(-4px)}
.roster b{display:block;font:700 13px/1 var(--mono);margin-top:9px}
.roster small{color:var(--mute);font-size:11px}

.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px;align-items:start}
.price{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}
.price.best{border-color:var(--hot);box-shadow:0 20px 60px rgba(255,90,31,.16)}
.price.best::before{content:"MOST POPULAR";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--hot);color:#0a0a0a;font:800 9px/1 var(--mono);letter-spacing:1.3px;padding:6px 13px;border-radius:999px}
.price h3{font:800 17px/1 var(--mono);color:var(--ink);text-transform:none;letter-spacing:-.3px;margin-bottom:6px}
.price .amt{font:800 42px/1 var(--mono);letter-spacing:-2.2px;margin:14px 0 4px}
.price .amt small{font:600 14px/1 var(--sans);color:var(--mute);letter-spacing:0}
.price .why{color:var(--mute);font-size:13.5px;margin-bottom:20px;min-height:40px}
.price ul{list-style:none;margin-bottom:22px}
.price li{padding:8px 0 8px 25px;position:relative;font-size:14px;border-bottom:1px solid #141c28}
.price li:last-child{border-bottom:0}
.price li::before{content:"\2713";position:absolute;left:0;color:var(--good);font-weight:800}
.price li.off{color:var(--dim)}
.price li.off::before{content:"\2014";color:var(--dim)}

.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;align-items:center}
.faq summary::after{content:"+";margin-left:auto;color:var(--hot);font:800 20px/1 var(--mono)}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:var(--mute);margin-top:12px;line-height:1.68;font-size:14px}

footer.site{border-top:1px solid var(--line);padding:38px 0;color:var(--dim);font-size:13px}
footer.site .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer.site .links{margin-left:auto;display:flex;gap:18px}
footer.site a:hover{color:var(--ink)}

/* login + legal */
.auth{min-height:100vh;display:grid;place-content:center;padding:24px}
.authbox{width:min(400px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;text-align:center}
.authbox h1{font:800 24px/1.15 var(--mono);letter-spacing:-1px;margin:16px 0 6px}
.authbox p{color:var(--mute);font-size:14px;margin-bottom:24px}
.field{text-align:left;margin-bottom:14px}
.field label{display:block;font:700 10px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--mute);margin-bottom:7px}
.field input{width:100%}
.note{margin-top:18px;padding:12px;border-radius:10px;background:rgba(46,168,255,.09);border:1px solid rgba(46,168,255,.28);color:var(--cool);font-size:12.5px;line-height:1.55}

.legal{max-width:780px;margin:0 auto;padding:44px 22px 80px}
.legal h1{font:800 32px/1.1 var(--mono);letter-spacing:-1.4px;margin-bottom:8px}
.legal .upd{color:var(--dim);font-size:13px;margin-bottom:34px}
.legal h2{font:800 18px/1.3 var(--mono);letter-spacing:-.5px;margin:32px 0 10px;color:var(--hot)}
.legal p,.legal li{color:var(--mute);line-height:1.75;margin-bottom:11px}
.legal ul{padding-left:22px}
.legal .tabs{display:flex;gap:9px;margin-bottom:30px;flex-wrap:wrap}
.legal .tabs button{padding:9px 16px;border-radius:9px;background:var(--panel);border:1px solid var(--line);font-size:13px;font-weight:600}
.legal .tabs button.on{background:rgba(255,90,31,.14);border-color:var(--hot);color:var(--hot)}
.legal section{display:none}.legal section.on{display:block}