*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --p:#7C3AED;--pl:#a78bfa;--pm:#9333ea;--pd:rgba(124,58,237,.14);--pg:rgba(124,58,237,.38);
  --g:#00C896;--gl:#34d9a8;--gd:rgba(0,200,150,.13);--gg:rgba(0,200,150,.30);
  --bg:#09090f;--bg2:#0d0d16;--bg3:#12121e;
  --sf:#17172a;--sf2:#1e1e36;
  --b:rgba(255,255,255,.07);--bp:rgba(124,58,237,.28);--bg_:rgba(0,200,150,.25);
  --tx:#c4c4d4;--mt:#5a5a7a;--wh:#ffffff;
  --r:14px;--fh:'Syne',sans-serif;--fb:'DM Sans',sans-serif;--nh:64px;
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);line-height:1.65;overflow-x:hidden;cursor:none}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--p);border-radius:99px}

/* WRAP */
.wrap{max-width:1400px;margin:0 auto;padding:0 56px}

/* TYPE */
.h1{font-family:var(--fh);font-size:clamp(2.4rem,4.8vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:var(--wh)}
.h2{font-family:var(--fh);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--wh)}
.sub{color:var(--mt);font-size:.97rem;margin-top:12px;line-height:1.72;max-width:520px}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g);border:1px solid var(--bg_);background:var(--gd);padding:5px 13px;border-radius:99px;margin-bottom:16px}
.chip::before{content:'';width:5px;height:5px;background:var(--g);border-radius:50%}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:10px;font-family:var(--fh);font-size:.9rem;font-weight:700;cursor:none;border:none;transition:all .22s}
.btn-p{background:linear-gradient(135deg,var(--p),var(--pm));color:#fff;box-shadow:0 4px 20px var(--pg)}
.btn-p:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 12px 32px var(--pg)}
.btn-g{background:linear-gradient(135deg,var(--g),#009e75);color:#041a13;box-shadow:0 4px 20px var(--gg)}
.btn-g:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--tx);border:1px solid var(--bp)}
.btn-o:hover{border-color:var(--pl);color:var(--pl)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pulseG{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}
@keyframes shine{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes wmPulse{0%,100%{opacity:.018;transform:translate(-50%,-50%) scale(1)}50%{opacity:.034;transform:translate(-50%,-50%) scale(1.02)}}
@keyframes bF1{0%,100%{opacity:0}5%,7%{opacity:1}6%{opacity:.3}}
@keyframes bF2{0%,100%{opacity:0}30%,32%{opacity:1}31%{opacity:.2}}
@keyframes bF3{0%,100%{opacity:0}60%,62%{opacity:1}61%{opacity:.4}}
.sr{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.sr.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}

/* CURSOR */
#cd,#cr{position:fixed;border-radius:50%;pointer-events:none;z-index:9999}
#cd{width:6px;height:6px;background:var(--g);transform:translate(-50%,-50%);box-shadow:0 0 8px var(--gg)}
#cr{width:32px;height:32px;border:1.5px solid rgba(124,58,237,.6);transform:translate(-50%,-50%);transition:width .18s,height .18s,border-color .18s}

/* LIGHTNING */
#lbg{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;overflow:hidden}
#lbg svg{width:100%;height:100%}
.bolt{stroke:var(--pl);stroke-width:1.5;fill:none;stroke-linecap:round}
.boltg{stroke:var(--g);stroke-width:1;fill:none;stroke-linecap:round}
.b1{animation:bF1 8s ease-in-out infinite}.b2{animation:bF2 10s ease-in-out infinite}.b3{animation:bF3 12s ease-in-out infinite}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nh);display:flex;align-items:center;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:rgba(9,9,15,.85);border-bottom:1px solid var(--b);transition:background .3s,border-color .3s}
nav.on{background:rgba(9,9,15,.97);border-color:var(--bp)}
.ni{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{font-family:var(--fh);font-size:1.3rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,var(--p) 0%,var(--pl) 25%,#fff 45%,var(--gl) 65%,var(--p) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3.5s linear infinite}
.logo .tld{opacity:.45}
.nl{display:flex;align-items:center;gap:28px;list-style:none}
.nl a{font-size:.87rem;font-weight:500;color:var(--mt);position:relative;padding-bottom:2px;transition:color .2s;cursor:none}
.nl a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--p),var(--g));transform:scaleX(0);transform-origin:left;transition:transform .28s}
.nl a:hover,.nl a.on{color:var(--wh)}.nl a:hover::after,.nl a.on::after{transform:scaleX(1)}
.nc{display:flex;gap:10px;align-items:center}
.hb{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:4px}
.hb span{display:block;width:22px;height:2px;background:var(--tx);border-radius:2px;transition:all .3s}
.mm{display:none;position:fixed;inset:0;top:var(--nh);z-index:199;background:rgba(7,7,13,.97);backdrop-filter:blur(20px);padding:44px 28px;flex-direction:column;gap:28px}
.mm.open{display:flex}
.mm a{font-family:var(--fh);font-size:1.4rem;font-weight:700;color:var(--tx);transition:color .2s;cursor:none}
.mm a:hover{color:var(--pl)}
.mm-sep{height:1px;background:var(--b)}

/* STATS BAND */
.stats-band{background:var(--bg2);border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:32px 0}
.stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 0}
.stat-it{text-align:center;padding:0 32px;border-right:1px solid var(--b)}
.stat-it:last-child{border-right:none}
.stat-n{font-family:var(--fh);font-size:1.9rem;font-weight:800;color:var(--wh);letter-spacing:-.04em;line-height:1}
.stat-n .ap{color:var(--pl)}.stat-n .ag{color:var(--g)}
.stat-l{font-size:.72rem;color:var(--mt);margin-top:4px}

/* PAGE HERO */
.page-hero{padding:calc(var(--nh) + 56px) 0 64px;background:linear-gradient(160deg,rgba(124,58,237,.07) 0%,transparent 60%);border-bottom:1px solid var(--b);position:relative;overflow:hidden}
.page-hero::before{content:attr(data-wm);position:absolute;top:50%;left:50%;font-family:var(--fh);font-size:8rem;font-weight:800;letter-spacing:-.04em;color:var(--wh);opacity:.018;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;user-select:none}

/* SECTION */
.sec{padding:96px 0;position:relative}
.sec-alt{background:var(--bg2)}
.sec-sep{border-top:1px solid var(--b)}

/* CARDS */
.card{background:var(--sf);border:1px solid var(--b);border-radius:var(--r);padding:32px 28px;position:relative;overflow:hidden;transition:transform .28s,box-shadow .28s,border-color .28s}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--pl),var(--g),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 56px rgba(0,0,0,.45);border-color:var(--bp)}
.card:hover::before{transform:scaleX(1)}
.card-ico{width:48px;height:48px;border-radius:12px;background:var(--pd);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;transition:transform .25s}
.card-ico.g{background:var(--gd);border-color:var(--bg_)}
.card:hover .card-ico{transform:scale(1.1) rotate(-4deg)}
.card h3{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--wh);margin-bottom:9px}
.card p{font-size:.86rem;color:var(--mt);line-height:1.72}
.card-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:16px;font-family:var(--fh);font-size:.78rem;font-weight:700;color:var(--pl);transition:gap .2s;cursor:none}
.card-lnk.g{color:var(--g)}.card-lnk:hover{gap:9px}

/* GRID */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.g2-wide{display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:start}

/* STEPS */
.step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--b)}
.step:last-child{border-bottom:none}
.sn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:2px solid var(--b);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:.82rem;font-weight:800;color:var(--mt);transition:all .25s}
.step:hover .sn{border-color:var(--p);color:var(--pl);background:var(--pd)}
.sb h4{font-family:var(--fh);font-size:.96rem;font-weight:700;color:var(--wh);margin-bottom:5px}
.sb p{font-size:.84rem;color:var(--mt);line-height:1.7}

/* DASH */
.dash{background:var(--sf);border:1px solid var(--bp);border-radius:16px;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.dt{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.dtit{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--wh)}
.dlive{display:flex;align-items:center;gap:6px;font-family:var(--fh);font-size:.7rem;font-weight:700;color:var(--g);background:var(--gd);border:1px solid var(--bg_);padding:3px 10px;border-radius:99px}
.dlive::before{content:'';width:5px;height:5px;background:var(--g);border-radius:50%;animation:pulseG 2s infinite}
.drows{display:flex;flex-direction:column;gap:8px}
.dr{background:var(--bg3);border:1px solid var(--b);border-radius:9px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}
.dr:hover{border-color:var(--bp)}
.drl{display:flex;align-items:center;gap:9px}
.dri{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--pd)}
.dri.g{background:var(--gd)}
.dlb{font-size:.8rem;color:var(--mt)}
.dv{font-family:var(--fh);font-size:.84rem;font-weight:700}
.vp{color:var(--pl)}.vg{color:var(--g)}.vw{color:var(--wh)}
.dbw{margin-top:16px}
.dbwt{display:flex;justify-content:space-between;font-size:.72rem;color:var(--mt);margin-bottom:5px}
.dbwt span:last-child{font-family:var(--fh);color:var(--wh);font-weight:600}
.dbwtr{height:5px;background:var(--b);border-radius:99px;overflow:hidden}
.dbwf{height:100%;width:18%;border-radius:99px;background:linear-gradient(90deg,var(--p),var(--g));animation:barGrow 2s 1.2s ease both;transform-origin:left}

/* FAQ */
.faq-item{background:var(--sf);border:1px solid var(--b);border-radius:12px;overflow:hidden;margin-bottom:10px;transition:border-color .2s}
.faq-item.open{border-color:var(--bp)}
.faq-btn{width:100%;padding:16px 18px;background:none;border:none;color:var(--wh);font-family:var(--fh);font-size:.9rem;font-weight:700;text-align:left;cursor:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-arr{color:var(--pl);font-size:1.1rem;transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-arr{transform:rotate(45deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}
.faq-body p{padding:0 18px 16px;font-size:.85rem;color:var(--mt);line-height:1.7}

/* PLANS */
.plan{background:var(--sf);border:1px solid var(--b);border-radius:var(--r);padding:36px 30px;position:relative;transition:transform .28s,box-shadow .28s,border-color .28s}
.plan::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--pl),var(--g),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.plan:hover{transform:translateY(-6px);box-shadow:0 18px 52px rgba(0,0,0,.5);border-color:var(--bp)}
.plan:hover::before{transform:scaleX(1)}
.plan.ft{border-color:var(--bp);background:linear-gradient(155deg,rgba(124,58,237,.1) 0%,var(--sf) 55%)}
.pcrown{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--p),var(--g));color:#fff;font-family:var(--fh);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 18px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 16px var(--pg)}
.pn{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt);margin-bottom:13px}
.pp{font-family:var(--fh);font-size:2.6rem;font-weight:800;color:var(--wh);letter-spacing:-.04em;line-height:1}
.pp sup{font-size:1rem;vertical-align:super}.pp sub{font-size:.8rem;font-weight:500;color:var(--mt);vertical-align:baseline}
.pd2{font-size:.83rem;color:var(--mt);margin:9px 0 22px;line-height:1.6}
.psep{height:1px;background:var(--b);margin-bottom:22px}
.pf{list-style:none;display:flex;flex-direction:column;gap:11px}
.pf li{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;color:var(--tx)}
.pfc{flex-shrink:0;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;margin-top:2px}
.pfc.p{background:var(--pd);color:var(--pl)}.pfc.g{background:var(--gd);color:var(--g)}.pfc.x{background:rgba(255,255,255,.04);color:rgba(255,255,255,.15)}
.pf li.off{color:var(--mt)}

/* FORM */
.fbox{background:var(--sf);border:1px solid var(--bp);border-radius:18px;padding:40px;box-shadow:0 24px 56px rgba(0,0,0,.45)}
.fbox h3{font-family:var(--fh);font-size:1.1rem;font-weight:700;color:var(--wh);margin-bottom:6px}
.fsub{font-size:.84rem;color:var(--mt);margin-bottom:26px}
.fg{margin-bottom:16px}
.fg label{display:block;font-family:var(--fh);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mt);margin-bottom:6px}
.fc{width:100%;background:var(--bg3);border:1px solid var(--b);border-radius:9px;padding:12px 14px;font-family:var(--fb);font-size:.9rem;color:var(--tx);outline:none;transition:border-color .2s,box-shadow .2s;cursor:none}
.fc:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--pd)}
.fc::placeholder{color:var(--mt)}
textarea.fc{resize:vertical;min-height:110px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* CI (contact info) */
.ci{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.cii{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--pd);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:transform .2s;cursor:none}
.cii.g{background:var(--gd);border-color:var(--bg_)}
.ci:hover .cii{transform:scale(1.1) rotate(-5deg)}
.cib strong{display:block;font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--wh);margin-bottom:1px}
.cib span{font-size:.83rem;color:var(--mt)}

/* QC BAND */
.qcband{background:var(--sf);border:1px solid var(--b);border-radius:18px;padding:32px;margin-top:28px}
.qcband h3{font-family:var(--fh);font-size:1.1rem;font-weight:800;color:var(--wh);margin-bottom:20px}
.qcp{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.qcp:last-child{margin-bottom:0}
.qci{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--pd);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;font-size:.85rem}
.qci.g{background:var(--gd);border-color:var(--bg_)}
.qct strong{display:block;font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--wh);margin-bottom:2px}
.qct span{font-size:.8rem;color:var(--mt)}

/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--b);padding:56px 0 32px}
.flogo{font-family:var(--fh);font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,var(--p) 0%,var(--pl) 25%,#fff 45%,var(--gl) 65%,var(--p) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3.5s linear infinite;display:inline-block}
.ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:48px}
.fbrand p{font-size:.82rem;color:var(--mt);margin-top:9px;max-width:260px;line-height:1.6}
.fcols{display:flex;gap:52px;flex-wrap:wrap}
.fcol h4{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt);margin-bottom:13px}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fcol ul li a{font-size:.84rem;color:var(--mt);transition:color .2s;cursor:none}
.fcol ul li a:hover{color:var(--pl)}
.fbot{border-top:1px solid var(--b);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fbot p{font-size:.76rem;color:var(--mt)}
.hrt{color:var(--g)}

/* ── MOBILE ── */
@media(max-width:959px){
  body{cursor:auto}
  .btn,.fc,.faq-btn,.hb{cursor:pointer}
  #cd,#cr{display:none}
  .wrap{padding:0 20px}
  .nl,.nc{display:none}
  .hb{display:flex}
  .g3{grid-template-columns:1fr}
  .g2,.g2-wide{grid-template-columns:1fr;gap:32px}
  .frow{grid-template-columns:1fr}
  .ft{flex-direction:column;gap:24px}
  .fcols{gap:24px}
  .fbot{flex-direction:column;text-align:center}
  .stats-row{gap:12px 0}
  .stat-it{padding:0 18px}
  .fbox{padding:24px 20px}
  .page-hero{padding:calc(var(--nh)+36px) 0 48px}
  .sec{padding:60px 0}
}