:root{--y:#FFD400;--bg:#07080a;--s1:#0e1014;--s2:#15181d;--s3:#1d2128;--ln:rgba(255,255,255,.08);--tx:#f4f5f7;--mu:#9aa0ab;--gr:#2dd4a0;--bl:#5b8cff;--pu:#a78bfa;--ez:cubic-bezier(.22,1,.36,1);--r:24px}
body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px}
mark{background:none;color:var(--y);padding:0}
header{transition:padding .5s var(--ez),background .5s var(--ez)}
header.shrink{background:rgba(7,8,10,.86)}header.shrink .wrap{padding-top:6px;padding-bottom:6px}
header .wrap{transition:padding .5s var(--ez)}
.dealbar{background:var(--s1);border-bottom:1px solid var(--ln);color:var(--mu);text-align:center;font-size:.86rem;padding:10px 14px;letter-spacing:.01em}
.dealbar a{color:var(--y);font-weight:700;margin-left:6px;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--y);color:#000;font-weight:750;border-radius:999px;padding:14px 28px;text-decoration:none;border:0;box-shadow:none;transition:transform .5s var(--ez),box-shadow .5s var(--ez),background .3s var(--ez)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px rgba(255,212,0,.55)}
.btn.dark{background:var(--s3);color:#fff;box-shadow:inset 0 0 0 1px var(--ln)}.btn.dark:hover{background:#262b33;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.btn.ghostd{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}.btn.ghostd:hover{box-shadow:inset 0 0 0 1.5px #fff}
.btn.big{padding:17px 34px;font-size:1.05rem}.btn.dis{background:var(--s3);color:#666;pointer-events:none}
.ck{width:17px;height:17px;fill:var(--gr);flex:none;vertical-align:-3px}
.pill{display:inline-block;color:var(--y);font-weight:650;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.pill.d{color:var(--y)}
section{position:relative}
.h2o{background:radial-gradient(900px 520px at 50% 0%,rgba(255,212,0,.10),transparent 65%),var(--bg);text-align:center;padding:110px 0 0;overflow:hidden}
.h2o h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:20px auto 22px;max-width:960px;color:#fff}
.hsub{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--mu);max-width:600px;margin:0 auto 38px;line-height:1.6}
.hcta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hnote{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:var(--mu);font-size:.88rem;margin:26px 0 0}
.hnote span{display:inline-flex;gap:6px;align-items:center}
.stage{position:relative;max-width:820px;height:460px;margin:70px auto 0}
.halo{position:absolute;left:50%;bottom:-80px;width:620px;height:620px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.22),rgba(255,212,0,0) 62%);animation:breathe 6s var(--ez) infinite}
@keyframes breathe{50%{opacity:.55;transform:translateX(-50%) scale(1.06)}}
.lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,212,0,.45);stroke-width:1.4;stroke-dasharray:6 10;animation:dash 3.5s linear infinite}
@keyframes dash{to{stroke-dashoffset:-160}}
.xph{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);width:250px;height:500px;background:#0b0c0f;border-radius:44px;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 0 0 1.5px #2a2d34;animation:rise 1.2s var(--ez) both}
@keyframes rise{from{opacity:0;transform:translate(-50%,40px)}}
.xph .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:24px;background:#000;border-radius:14px;z-index:2}
.xph .scr{height:100%;border-radius:35px;background:linear-gradient(180deg,#17160e,#08090b 60%);color:#fff;display:flex;flex-direction:column;align-items:center;padding:58px 18px 18px}
.sbar{display:flex;align-items:center;gap:6px;font-weight:800}.sbar span{color:var(--y)}
.pwr{position:relative;margin:40px 0 16px;width:112px;height:112px;border-radius:50%;background:var(--y);color:#000;display:grid;place-items:center}
.pwr:before,.pwr:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,212,0,.5);animation:ring 2.8s var(--ez) infinite}
.pwr:after{animation-delay:1.4s}
@keyframes ring{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
.pwr svg{width:46px;height:46px}
.conn{color:var(--gr);font-weight:750;margin:12px 0 0}.tm{color:#8a8f99;font-size:.8rem;margin:4px 0 0}
.cur{margin-top:auto;width:100%;display:flex;align-items:center;gap:10px;background:var(--s2);border-radius:16px;padding:11px 13px;text-align:left}
.cur span{font-size:1.4rem}.cur div{flex:1}.cur b{display:block;font-size:.9rem}.cur small{color:#8a8f99;font-size:.72rem}.cur i{color:#666;font-style:normal}
.pstrip{background:var(--s1);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);z-index:4}
.pstrip .wrap{display:flex;justify-content:center;gap:clamp(28px,8vw,96px);padding:30px 16px}
.pstrip a{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mu);text-decoration:none;font-size:.74rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;transition:color .4s var(--ez),transform .5s var(--ez)}
.pstrip a:hover{color:#fff;transform:translateY(-3px)}
.pstrip svg{width:28px;height:28px;fill:#fff;transition:fill .4s var(--ez)}.pstrip a:hover svg{fill:var(--y)}.pstrip a.soon svg{fill:#555}
.stats{padding:90px 0 10px}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats b{display:block;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}
.stats small{color:var(--mu);font-size:.92rem;letter-spacing:.02em}
.lt,.dl2{background:var(--bg);color:var(--tx);padding:130px 0}.lt.alt2{background:var(--bg)}
.ctr{text-align:center}
.lt h2,.prc h2,.dl2 h2,.split h2,.fin h2,.ref h2{font-size:clamp(2rem,4.8vw,3.4rem);letter-spacing:-.03em;line-height:1.08;font-weight:800;margin:0 0 16px;color:#fff}
.lsub{color:var(--mu);font-size:1.1rem;max-width:580px;margin:0 auto 64px;line-height:1.6}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fb{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:14px 14px 30px;transition:transform .6s var(--ez),border-color .6s var(--ez),background .6s var(--ez)}
.fb:hover{transform:translateY(-6px);border-color:rgba(255,212,0,.35);background:var(--s2)}
.ill{height:150px;border-radius:18px;display:grid;place-items:center;margin-bottom:6px;background:radial-gradient(circle at 50% 120%,var(--c),transparent 70%),var(--s2)}
.ill.y{--c:rgba(255,212,0,.35)}.ill.g{--c:rgba(45,212,160,.32)}.ill.b{--c:rgba(91,140,255,.35)}.ill.p{--c:rgba(167,139,250,.35)}
.fi{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.06);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .7s var(--ez)}
.fb:hover .fi{transform:scale(1.08) rotate(-4deg)}
.fi svg{width:30px;height:30px}.fi.y{color:var(--y)}.fi.g{color:var(--gr)}.fi.b{color:var(--bl)}.fi.p{color:var(--pu)}
.fb h3{margin:22px 16px 8px;font-size:1.2rem;color:#fff;letter-spacing:-.01em}.fb p{color:var(--mu);margin:0 16px;line-height:1.6}
.split{background:linear-gradient(180deg,var(--bg),var(--s1) 50%,var(--bg));padding:130px 0}.split .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.steps{counter-reset:s;list-style:none;padding:0;margin:28px 0 38px}.steps li{counter-increment:s;position:relative;padding:0 0 26px 56px;color:var(--mu);line-height:1.6;font-size:1.05rem}
.steps li:before{content:counter(s);position:absolute;left:0;top:-4px;width:38px;height:38px;border-radius:50%;background:var(--s3);color:var(--y);font-weight:800;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ln)}
.steps b{color:#fff}
.sart{background:radial-gradient(circle at 50% 50%,rgba(255,212,0,.08),transparent 70%),var(--s1);border-radius:32px;padding:64px 32px;border:1px solid var(--ln)}
.tunnel{display:flex;align-items:center;justify-content:space-between;gap:8px}
.node{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.node svg{width:60px;height:60px;padding:15px;border-radius:20px;background:var(--s3)}
.node.y svg{background:var(--y);color:#000;box-shadow:0 0 40px rgba(255,212,0,.35)}.node small{color:var(--mu);font-size:.8rem}
.pipe{flex:1;height:3px;border-radius:3px;background:var(--s3);overflow:hidden;margin-bottom:28px}.pipe span{display:block;height:100%;width:45%;background:linear-gradient(90deg,transparent,var(--y),transparent);animation:pp 2.2s var(--ez) infinite}
@keyframes pp{from{transform:translateX(-110%)}to{transform:translateX(240%)}}
.marq{overflow:hidden;margin:-24px 0 48px;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mt{display:flex;gap:56px;width:max-content;animation:mq 40s linear infinite}.mt span{font-size:1.1rem;color:var(--mu);white-space:nowrap;font-weight:600}
@keyframes mq{to{transform:translateX(-50%)}}
.lgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.loc{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:26px;transition:transform .6s var(--ez),border-color .6s var(--ez)}
.loc:hover{transform:translateY(-6px);border-color:rgba(255,212,0,.35)}
.loc .flag{font-size:2.4rem;line-height:1}.loc b{display:block;color:#fff;font-size:1.05rem}.loc small{color:var(--mu);font-size:.84rem}
.on{font-size:.7rem;font-weight:750;color:var(--gr);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}
.on:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 0 0 rgba(45,212,160,.6);animation:ping 2s var(--ez) infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(45,212,160,0)}}
.prc{background:radial-gradient(900px 500px at 50% 0,rgba(255,212,0,.07),transparent 70%),var(--bg);padding:130px 0}.prc .lsub{color:var(--mu)}
.trust{display:flex;gap:10px 30px;justify-content:center;flex-wrap:wrap;margin:-36px 0 56px;color:var(--mu);font-size:.92rem}.trust span{display:flex;gap:7px;align-items:center}
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}
.plan{position:relative;background:var(--s1);color:var(--tx);border-radius:var(--r);padding:30px 22px 24px;display:flex;flex-direction:column;border:1px solid var(--ln);transition:transform .6s var(--ez),border-color .6s var(--ez),box-shadow .6s var(--ez)}
.plan:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18)}
.plan.best{background:linear-gradient(180deg,#1b1806,var(--s1) 55%);border:1.5px solid var(--y);box-shadow:0 30px 80px -30px rgba(255,212,0,.45);padding-top:52px}
.pflag{position:absolute;top:16px;left:22px;color:var(--y);font-weight:750;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:none;padding:0}
.phead{display:flex;justify-content:space-between;align-items:center;gap:6px}.phead h3{margin:0;font-size:1.05rem;color:#fff}
.save{background:rgba(45,212,160,.14);color:var(--gr);font-weight:750;font-size:.7rem;border-radius:999px;padding:5px 9px;white-space:nowrap}
.pbig{margin:22px 0 6px}.pbig s{color:#5f646e;font-size:.92rem;display:block;margin-bottom:2px}.pbig b{font-size:2.5rem;letter-spacing:-.04em;color:#fff}.pbig small{color:var(--mu);margin-left:4px}
.plan.best .pbig b{color:var(--y)}
.pbill{color:var(--mu);font-size:.84rem;margin:0 0 26px;min-height:2.6em;line-height:1.5}.plan .btn{width:100%;box-sizing:border-box;margin-top:auto}
.pg{display:flex;gap:6px;align-items:center;justify-content:center;font-size:.78rem;color:var(--mu);margin:14px 0 0}
.incl{margin:40px auto 0;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:34px 40px}
.incl h3{margin:0 0 20px;color:#fff;font-size:1.15rem}.incl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px}
.incl li{display:flex;gap:9px;align-items:center;color:#d5d8de;font-size:.95rem}
.ref{display:flex;gap:40px;align-items:center;justify-content:space-between;background:radial-gradient(600px 300px at 100% 50%,rgba(255,212,0,.16),transparent 70%),var(--s1);border:1px solid var(--ln);border-radius:32px;padding:56px 60px}
.ref .lsub{color:var(--mu);margin:0;max-width:560px}
.refn{background:var(--y);color:#000;border-radius:28px;padding:26px 34px;text-align:center;flex:none}.refn b{font-size:3rem;display:block;letter-spacing:-.04em;line-height:1}.refn small{color:#3a3000;font-weight:650}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dc{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:36px 24px 28px;text-align:center;color:var(--tx);text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .6s var(--ez),border-color .6s var(--ez)}
.dc.on:before{display:none}
.dc.on:hover{border-color:rgba(255,212,0,.4);transform:translateY(-6px)}.dc h3{margin:18px 0 6px;color:#fff}.dc p{color:var(--mu);font-size:.88rem;margin:0 0 24px}.dc .btn{margin-top:auto;font-size:.9rem;padding:12px 22px}
.dc.on{font-size:inherit;color:var(--tx);letter-spacing:0;text-transform:none;font-weight:inherit}
.di{width:68px;height:68px;border-radius:20px;background:var(--s3);display:grid;place-items:center}.di svg{width:32px;height:32px;fill:#fff}.dc.on .di svg{fill:var(--y)}
.narrow{max-width:820px}
.faq2 details{border-bottom:1px solid var(--ln);background:none}
.faq2 summary{list-style:none;cursor:pointer;padding:26px 56px 26px 0;font-weight:650;font-size:1.12rem;position:relative;color:#fff;transition:color .3s var(--ez)}
.faq2 summary:hover{color:var(--y)}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2px solid var(--y);border-bottom:2px solid var(--y);transform:translateY(-70%) rotate(45deg);transition:transform .5s var(--ez)}
.faq2 details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.faq2 .ans{overflow:hidden;transition:height .5s var(--ez)}
.faq2 p{margin:0;padding:0 40px 26px 0;color:var(--mu);line-height:1.7}.faq2 a{color:var(--y);font-weight:650}
.fin{background:radial-gradient(700px 360px at 50% 100%,rgba(255,212,0,.16),transparent 70%),var(--bg);text-align:center;padding:130px 0 150px}
.fin p{color:var(--mu);margin:0 0 34px;font-size:1.1rem}.fin img{width:72px;height:72px}
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;justify-content:space-between;gap:10px;background:rgba(21,24,29,.88);backdrop-filter:blur(14px);color:#fff;padding:10px 10px 10px 18px;border:1px solid var(--ln);border-radius:999px;font-size:.88rem;transform:translateY(140%);transition:transform .6s var(--ez)}
.sticky.show{transform:none}
.sticky .btn{padding:11px 20px;font-size:.9rem}
.rv2{opacity:0;transform:translateY(32px);transition:opacity 1s var(--ez) var(--d,0ms),transform 1s var(--ez) var(--d,0ms)}
.rv2.in{opacity:1;transform:none}
.card.rv,.rv{opacity:1!important;transform:none!important}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,1fr)}.lgrid{grid-template-columns:repeat(3,1fr)}.incl ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.dgrid{grid-template-columns:repeat(2,1fr)}.split .wrap{grid-template-columns:1fr;gap:50px}.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){
.h2o{padding-top:70px}.stage{height:400px;margin-top:50px}.xph{width:220px;height:440px}.halo{width:420px;height:420px}
.stats{padding:70px 0 0}.stats .wrap{grid-template-columns:repeat(2,1fr);gap:34px 10px}
.fgrid,.pgrid,.lgrid{grid-template-columns:1fr}.plan.best{order:-1}.pbill{min-height:0}
.lt,.split,.prc,.dl2{padding:90px 0}.lsub{margin-bottom:44px}.ref{flex-direction:column;text-align:center;padding:40px 26px}
.loc{flex-direction:row;align-items:center;padding:20px}.loc div{flex:1}
.incl{padding:28px 24px}.incl ul{grid-template-columns:1fr}
.pstrip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:24px 10px}.pstrip a{font-size:.62rem;letter-spacing:.08em;text-align:center}
.sticky{display:flex}footer{padding-bottom:90px}.hnote{gap:8px 16px;font-size:.84rem}.trust{margin-top:-24px}}
@media (max-width:480px){.dgrid{grid-template-columns:1fr}.hcta .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv2{opacity:1;transform:none}}
.plan .btn{white-space:nowrap;padding:13px 12px;font-size:.92rem}
