/* AivaroLab — Terminal/Holographic Design System v1.0 */

:root{
  --bg:#050508; --panel:#0D0E18; --surface:#111320;
  --b1:rgba(0,240,255,0.1); --b2:rgba(0,240,255,0.22); --b3:rgba(0,240,255,0.38);
  --cy:#00F0FF; --cy2:#00C8D8; --cy-dim:rgba(0,240,255,0.07); --cy-glow:0 0 28px rgba(0,240,255,0.28);
  --mg:#FF2D78; --mg-glow:0 0 28px rgba(255,45,120,0.28);
  --go:#FFD93D; --tx:#C0C8E0; --mu:#58607A; --wh:#F0F4FF;
  --r:6px; --rl:12px; --rx:18px; --r2:24px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Outfit",sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden;}
body::before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,0.011) 2px,rgba(0,240,255,0.011) 4px);
  animation:scan 6s linear infinite;}
@keyframes scan{from{background-position:0 0}to{background-position:0 80px}}
.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);}
#o1{width:600px;height:600px;top:-150px;left:-80px;background:radial-gradient(circle,rgba(0,240,255,0.055),transparent 70%);}
#o2{width:500px;height:500px;top:35%;right:-120px;background:radial-gradient(circle,rgba(255,45,120,0.045),transparent 70%);}
/* CURSOR */
#c{position:fixed;width:12px;height:12px;border:2px solid var(--cy);pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .15s,height .15s,border-color .2s;}
#ct{position:fixed;width:38px;height:38px;border:1px solid rgba(0,240,255,0.28);pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:left .1s,top .1s;}
*{cursor:none!important;}
@media(max-width:768px){#c,#ct{display:none;}*{cursor:auto!important;}}
/* SYSBAR */
.sysbar{background:var(--panel);border-bottom:1px solid var(--b1);padding:7px 40px;display:flex;align-items:center;justify-content:space-between;font-family:"Space Mono",monospace;font-size:.62rem;color:var(--mu);position:relative;z-index:100;}
.sb-l{display:flex;align-items:center;gap:18px;}
.dot{width:8px;height:8px;border-radius:50%;}
.dot.r{background:#FF5F57}.dot.y{background:#FFBD2E}.dot.g{background:#28C840}
.sb-live{display:flex;align-items:center;gap:6px;color:var(--cy);}
.pulse{width:6px;height:6px;background:var(--cy);border-radius:50%;animation:blink 1.2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
/* NAV */
nav{position:sticky;top:0;z-index:200;background:rgba(8,9,15,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);padding:0 40px;height:62px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:"Space Mono",monospace;font-size:1.05rem;font-weight:700;color:var(--wh);text-decoration:none;display:flex;align-items:center;}
.logo .br{color:var(--cy);font-size:1.25rem;}
.logo .dt{color:var(--mg);}
.nav-ul{display:flex;list-style:none;}
.nav-ul a{display:flex;align-items:center;height:62px;padding:0 16px;text-decoration:none;color:var(--mu);font-size:.78rem;font-family:"Space Mono",monospace;transition:color .2s;position:relative;}
.nav-ul a::after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--cy);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1);}
.nav-ul a:hover,.nav-ul a.on{color:var(--cy);}
.nav-ul a:hover::after,.nav-ul a.on::after{transform:scaleX(1);}
.nav-r{display:flex;gap:8px;align-items:center;}
.lt{display:flex;background:var(--surface);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;}
.lb{background:none;border:none;padding:6px 11px;font-family:"Space Mono",monospace;font-size:.62rem;font-weight:700;color:var(--mu);cursor:none;transition:all .2s;}
.lb.on{background:var(--cy);color:var(--bg);}
.bn{background:transparent;border:1px solid var(--b2);color:var(--tx);padding:7px 16px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;cursor:none;transition:all .22s;}
.bn:hover{border-color:var(--cy);color:var(--cy);}
.bmg{background:var(--mg);color:#fff;border:none;padding:8px 18px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;cursor:none;transition:all .28s;box-shadow:0 0 18px rgba(255,45,120,.28);}
.bmg:hover{box-shadow:var(--mg-glow);transform:translateY(-1px);}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;}
.ham span{display:block;width:20px;height:1.5px;background:var(--tx);transition:all .3s;}
/* PAGES */
.pg{display:none;position:relative;z-index:1;}
.pg.on{display:block;animation:pgi .4s cubic-bezier(.22,1,.36,1);}
@keyframes pgi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* LAYOUT */
.w{max-width:1160px;margin:0 auto;padding:0 40px;}
.ws{max-width:800px;margin:0 auto;padding:0 40px;}
.s{padding:96px 0;}.ss{padding:68px 0;}
/* TYPE */
.lbl{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--cy);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.lbl::before{content:"//";color:var(--mg);}
.d1{font-family:"Outfit",sans-serif;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:900;line-height:.97;letter-spacing:-2px;color:var(--wh);}
.d1 .hl{color:var(--cy);position:relative;display:inline-block;}
.d1 .hl::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cy),var(--mg));}
.d2{font-family:"Outfit",sans-serif;font-size:clamp(1.8rem,3.5vw,2.9rem);font-weight:800;line-height:1.05;letter-spacing:-1px;color:var(--wh);}
.d2 .hl{color:var(--cy);}
.bt{font-size:1rem;color:var(--mu);line-height:1.8;max-width:520px;}
/* BUTTONS */
.bcy{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--cy);border:1px solid var(--cy);padding:12px 26px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.86rem;font-weight:700;cursor:none;transition:all .28s;text-decoration:none;position:relative;overflow:hidden;}
.bcy::before{content:"";position:absolute;inset:0;background:var(--cy);transform:translateX(-100%);transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:-1;}
.bcy:hover{color:var(--bg);box-shadow:var(--cy-glow);}
.bcy:hover::before{transform:translateX(0);}
.bmag{display:inline-flex;align-items:center;gap:9px;background:var(--mg);color:#fff;border:none;padding:13px 26px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.86rem;font-weight:700;cursor:none;transition:all .28s;text-decoration:none;}
.bmag:hover{box-shadow:var(--mg-glow);transform:translateY(-2px);}
.bgh{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--tx);border:1px solid var(--b2);padding:10px 22px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.83rem;font-weight:500;cursor:none;transition:all .22s;text-decoration:none;}
.bgh:hover{border-color:var(--cy);color:var(--cy);}
/* HERO */
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding:76px 40px 56px;max-width:1160px;margin:0 auto;}
.hl-l{animation:fs 1s .05s cubic-bezier(.22,1,.36,1) both;}
.hl-r{animation:fs 1s .2s cubic-bezier(.22,1,.36,1) both;}
@keyframes fs{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.type-line{font-family:"Space Mono",monospace;font-size:.76rem;color:var(--cy);margin-bottom:20px;display:flex;align-items:center;gap:6px;}
.tcur{display:inline-block;width:8px;height:14px;background:var(--cy);animation:blink 1s infinite;vertical-align:middle;}
.hbtns{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px;}
.hm{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap;}
.hmi{display:flex;flex-direction:column;gap:2px;}
.hmn{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:900;color:var(--wh);}
.hml{font-family:"Space Mono",monospace;font-size:.55rem;color:var(--mu);letter-spacing:1.5px;text-transform:uppercase;}
.hsep{width:1px;background:var(--b1);align-self:stretch;}
/* TERMINAL PANEL */
.tp{background:var(--panel);border:1px solid var(--b2);border-radius:var(--rx);overflow:hidden;box-shadow:0 0 56px rgba(0,240,255,0.07);position:relative;}
.tp::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);}
.tbar{background:#08090F;padding:9px 14px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--b1);}
.tdts{display:flex;gap:5px;}
.td{width:10px;height:10px;border-radius:50%;}
.td.r{background:#FF5F57}.td.y{background:#FFBD2E}.td.g{background:#28C840}
.ttl{font-family:"Space Mono",monospace;font-size:.62rem;color:var(--mu);flex:1;text-align:center;}
.tbody{padding:18px;display:flex;flex-direction:column;gap:11px;}
.tprod{background:var(--surface);border:1px solid var(--b1);border-radius:var(--rl);padding:15px;position:relative;overflow:hidden;transition:border-color .3s;}
.tprod::after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cy),var(--mg));border-radius:2px 0 0 2px;}
.tprod:hover{border-color:var(--b3);}
.tprod.ft{border-color:rgba(0,240,255,.28);background:linear-gradient(135deg,rgba(0,240,255,.048),var(--surface));}
.tpr{display:flex;justify-content:space-between;align-items:flex-start;}
.tbdg{font-family:"Space Mono",monospace;font-size:.52rem;background:var(--cy);color:var(--bg);padding:2px 6px;border-radius:3px;letter-spacing:1px;font-weight:700;}
.tcat{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--mu);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.tname{font-family:"Outfit",sans-serif;font-size:.92rem;font-weight:800;color:var(--wh);margin-bottom:3px;line-height:1.2;}
.tsub{font-size:.76rem;color:var(--mu);}
.trow{display:flex;align-items:center;justify-content:space-between;margin-top:11px;}
.tprice{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:900;color:var(--cy);}
.tprice s{font-size:.78rem;font-weight:400;color:var(--mu);margin-right:4px;}
.tbuy{background:var(--mg);color:#fff;border:none;padding:6px 14px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;cursor:none;transition:all .22s;}
.tbuy:hover{background:#ff4d8a;}
.tstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b1);border-radius:var(--rl);overflow:hidden;}
.tsc{background:var(--surface);padding:11px;text-align:center;}
.tsn{font-family:"Outfit",sans-serif;font-size:1.05rem;font-weight:900;color:var(--wh);}
.tsl{font-family:"Space Mono",monospace;font-size:.5rem;color:var(--mu);letter-spacing:1px;text-transform:uppercase;}
/* TICKER */
.ticker{background:var(--panel);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:13px 0;overflow:hidden;position:relative;z-index:1;}
.ttrack{display:flex;gap:56px;animation:tick 24s linear infinite;width:max-content;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.titem{display:flex;align-items:center;gap:9px;white-space:nowrap;}
.titem span{font-family:"Space Mono",monospace;font-size:.68rem;color:var(--mu);letter-spacing:1.5px;text-transform:uppercase;}
.tidot{width:4px;height:4px;background:var(--cy);border-radius:50%;}
/* PROD GRID */
.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:46px;}
.pc{background:var(--panel);border:1px solid var(--b1);border-radius:var(--rx);overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .4s;position:relative;}
.pc::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.5),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1);}
.pc:hover{transform:translateY(-6px);border-color:var(--b3);box-shadow:0 20px 55px rgba(0,0,0,.5),var(--cy-glow);}
.pc:hover::before{transform:scaleX(1);}
.pc.s2{grid-column:span 2;}
.pv{height:138px;display:flex;align-items:center;justify-content:center;font-size:2.7rem;position:relative;overflow:hidden;border-bottom:1px solid var(--b1);}
.s2 .pv{height:175px;font-size:3.8rem;}
.v1{background:linear-gradient(135deg,rgba(0,240,255,.08),rgba(0,240,255,.02));}
.v2{background:linear-gradient(135deg,rgba(255,45,120,.08),rgba(255,45,120,.02));}
.v3{background:linear-gradient(135deg,rgba(255,217,61,.08),rgba(255,45,120,.03));}
.v4{background:linear-gradient(135deg,rgba(0,240,255,.06),rgba(255,45,120,.04));}
.v5{background:linear-gradient(135deg,rgba(255,45,120,.06),rgba(255,217,61,.04));}
.v6{background:linear-gradient(135deg,rgba(0,240,255,.05),rgba(255,217,61,.06));}
.pflag{position:absolute;top:11px;left:11px;z-index:2;font-family:"Space Mono",monospace;font-size:.52rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 7px;border-radius:4px;}
.fh{background:var(--mg);color:#fff;}.fn{background:var(--cy);color:var(--bg);}.fb{background:var(--go);color:var(--bg);}
.pb{padding:19px;}
.pcat{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--cy);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.pcat.mc{color:var(--mg);}
.pname{font-family:"Outfit",sans-serif;font-size:.96rem;font-weight:800;color:var(--wh);margin-bottom:7px;line-height:1.2;}
.s2 .pname{font-size:1.15rem;}
.pdesc{font-size:.8rem;color:var(--mu);line-height:1.62;margin-bottom:14px;}
.pfoot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--b1);}
.pprice{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:900;color:var(--wh);}
.pprice s{font-size:.78rem;font-weight:400;color:rgba(90,96,122,.6);margin-right:3px;}
.pprice.cy{color:var(--cy);}
.pbtn{background:transparent;border:1px solid var(--b2);color:var(--tx);padding:7px 16px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;cursor:none;transition:all .22s;}
.pc:hover .pbtn{border-color:var(--cy);color:var(--cy);}
/* FEATURES */
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);border-radius:var(--rx);overflow:hidden;margin-top:50px;}
.fc{background:var(--panel);padding:34px 30px;position:relative;overflow:hidden;transition:background .28s;}
.fc:hover{background:var(--surface);}
.fc::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cy),var(--mg));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1);}
.fc:hover::after{transform:scaleX(1);}
.fi{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--mu);letter-spacing:2px;margin-bottom:12px;}
.fic{font-size:1.5rem;margin-bottom:13px;}
.fc h3{font-family:"Outfit",sans-serif;font-size:.95rem;font-weight:800;color:var(--wh);margin-bottom:8px;}
.fc p{font-size:.8rem;color:var(--mu);line-height:1.68;}
/* STEPS */
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;position:relative;}
.sg::after{content:"";position:absolute;top:27px;left:12%;right:12%;height:1px;background:repeating-linear-gradient(90deg,var(--cy) 0,var(--cy) 6px,transparent 6px,transparent 14px);opacity:.22;}
.step{text-align:center;padding:0 22px;}
.snum{width:54px;height:54px;border:1px solid var(--b3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:var(--panel);font-family:"Space Mono",monospace;font-size:.9rem;font-weight:700;color:var(--cy);position:relative;z-index:1;transition:all .28s;}
.step:hover .snum{background:var(--cy);color:var(--bg);box-shadow:var(--cy-glow);}
.step h4{font-family:"Outfit",sans-serif;font-size:.92rem;font-weight:800;color:var(--wh);margin-bottom:7px;}
.step p{font-size:.78rem;color:var(--mu);line-height:1.62;}
/* TESTIMONIALS */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:46px;}
.tc{background:var(--panel);border:1px solid var(--b1);border-radius:var(--rx);padding:26px;position:relative;overflow:hidden;transition:border-color .28s,box-shadow .28s;}
.tc::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.35),transparent);}
.tc:hover{border-color:var(--b3);box-shadow:var(--cy-glow);}
.tcs{display:flex;gap:3px;margin-bottom:13px;}
.tcs span{color:var(--go);font-size:.88rem;}
.tcq{font-size:2.3rem;color:rgba(0,240,255,.12);font-family:"Outfit",sans-serif;font-weight:900;line-height:.8;margin-bottom:9px;}
.tc p{font-size:.84rem;color:var(--tx);line-height:1.72;margin-bottom:20px;font-style:italic;}
.tcw{display:flex;align-items:center;gap:9px;}
.tcav{width:36px;height:36px;border-radius:50%;font-family:"Space Mono",monospace;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.a1{background:linear-gradient(135deg,var(--cy),#0080ff);color:var(--bg);}
.a2{background:linear-gradient(135deg,var(--mg),#ff8c42);color:#fff;}
.a3{background:linear-gradient(135deg,var(--go),#ff8c42);color:var(--bg);}
.tcn{font-family:"Outfit",sans-serif;font-size:.86rem;font-weight:700;color:var(--wh);}
.tcr{font-size:.7rem;color:var(--mu);}
/* EMAIL CAPTURE */
.caps{background:var(--panel);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:88px 40px;position:relative;overflow:hidden;}
.caps::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,240,255,.038),transparent 50%,rgba(255,45,120,.028));}
.capi{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:1;}
.ef{display:flex;gap:9px;margin:26px auto 0;max-width:490px;flex-wrap:wrap;justify-content:center;}
.ei{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--b2);color:var(--wh);font-family:"Outfit",sans-serif;font-size:.88rem;padding:12px 16px;border-radius:var(--r);outline:none;transition:border-color .22s;}
.ei:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(0,240,255,.09);}
.ei::placeholder{color:var(--mu);}
/* FAQ */
.fl{max-width:750px;margin:46px auto 0;}
.fi-item{border:1px solid var(--b1);border-radius:var(--rl);margin-bottom:7px;overflow:hidden;transition:border-color .22s;}
.fi-item.op{border-color:var(--b3);}
.fq{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:none;transition:background .2s;}
.fq:hover{background:var(--surface);}
.fqt{font-family:"Outfit",sans-serif;font-size:.92rem;font-weight:700;color:var(--wh);}
.fqic{width:26px;height:26px;border:1px solid var(--b2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--cy);font-size:.88rem;flex-shrink:0;transition:all .28s;}
.fi-item.op .fqic{transform:rotate(45deg);background:var(--cy);color:var(--bg);border-color:var(--cy);}
.fa{max-height:0;overflow:hidden;padding:0 20px;font-size:.85rem;color:var(--mu);line-height:1.76;transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .28s;}
.fi-item.op .fa{max-height:180px;padding:0 20px 18px;}
/* BLOG */
.bg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;margin-top:46px;}
.bc{background:var(--panel);border:1px solid var(--b1);border-radius:var(--rx);overflow:hidden;transition:transform .32s,border-color .28s,box-shadow .32s;}
.bc:hover{transform:translateY(-5px);border-color:var(--b3);box-shadow:var(--cy-glow);}
.bth{height:175px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;border-bottom:1px solid var(--b1);}
.bc:first-child .bth{height:235px;font-size:3.8rem;}
.bv1{background:linear-gradient(135deg,rgba(0,240,255,.08),rgba(0,240,255,.02));}
.bv2{background:linear-gradient(135deg,rgba(255,45,120,.08),rgba(255,45,120,.02));}
.bv3{background:linear-gradient(135deg,rgba(255,217,61,.08),rgba(0,240,255,.02));}
.bv4{background:linear-gradient(135deg,rgba(0,240,255,.05),rgba(255,45,120,.05));}
.bb{padding:20px;}
.btag{display:inline-block;font-family:"Space Mono",monospace;font-size:.56rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--cy-dim);border:1px solid var(--b2);color:var(--cy);padding:2px 7px;border-radius:4px;margin-bottom:9px;}
.btitle{font-family:"Outfit",sans-serif;font-size:.95rem;font-weight:800;color:var(--wh);line-height:1.28;margin-bottom:7px;}
.bc:first-child .btitle{font-size:1.08rem;}
.bexc{font-size:.78rem;color:var(--mu);line-height:1.62;margin-bottom:11px;}
.bmet{font-family:"Space Mono",monospace;font-size:.58rem;color:rgba(90,96,122,.6);}
.br{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:var(--cy);margin-top:9px;text-decoration:none;transition:gap .2s;}
.bc:hover .br{gap:8px;}
/* FREE */
.rh{background:linear-gradient(135deg,rgba(0,240,255,.055),rgba(255,45,120,.035));border:1px solid var(--b2);border-radius:var(--r2);display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;margin-bottom:22px;}
.rhl{padding:46px 42px;}
.rhl h2{font-family:"Outfit",sans-serif;font-size:1.95rem;font-weight:900;color:var(--wh);margin-bottom:11px;line-height:1.08;}
.rhl p{font-size:.86rem;color:var(--mu);line-height:1.72;margin-bottom:20px;}
.rhr{display:flex;align-items:center;justify-content:center;background:rgba(0,240,255,.026);border-left:1px solid var(--b1);font-size:6.5rem;position:relative;overflow:hidden;}
.rhr::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(0,240,255,.028) 18px,rgba(0,240,255,.028) 19px);}
.rl{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.rc{background:var(--panel);border:1px solid var(--b1);border-radius:var(--rx);padding:24px;display:flex;gap:15px;align-items:flex-start;transition:border-color .28s,transform .28s,box-shadow .28s;}
.rc:hover{border-color:var(--cy);transform:translateY(-3px);box-shadow:var(--cy-glow);}
.ric{width:46px;height:46px;border-radius:var(--r);background:var(--cy-dim);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.rtype{font-family:"Space Mono",monospace;font-size:.56rem;color:var(--cy);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;}
.rtitle{font-family:"Outfit",sans-serif;font-size:.92rem;font-weight:800;color:var(--wh);margin-bottom:6px;}
.rdesc{font-size:.78rem;color:var(--mu);line-height:1.58;margin-bottom:13px;}
/* ABOUT */
.al{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;}
.avp{background:var(--panel);border:1px solid var(--b2);border-radius:var(--r2);padding:42px;position:relative;overflow:hidden;}
.avp::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);}
.absg{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.abs{background:var(--surface);border:1px solid var(--b1);border-radius:var(--rl);padding:18px 14px;}
.absn{font-family:"Outfit",sans-serif;font-size:1.65rem;font-weight:900;line-height:1;margin-bottom:4px;}
.n1{color:var(--cy)}.n2{color:var(--mg)}.n3{color:var(--go)}.n4{color:#a78bfa}
.absl{font-family:"Space Mono",monospace;font-size:.56rem;color:var(--mu);letter-spacing:1px;text-transform:uppercase;}
.abm{grid-column:span 2;margin-top:3px;background:var(--cy-dim);border:1px solid var(--b2);border-radius:var(--rl);padding:16px;}
.abml{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--cy);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.abmt{font-size:.84rem;color:var(--tx);line-height:1.68;font-style:italic;}
/* CONTACT */
.cl{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start;margin-top:52px;}
.ci-wrap{display:flex;flex-direction:column;gap:11px;}
.cii{background:var(--panel);border:1px solid var(--b1);border-radius:var(--rl);padding:14px 18px;display:flex;gap:12px;align-items:center;transition:border-color .22s;}
.cii:hover{border-color:var(--b3);}
.ciic{width:38px;height:38px;border-radius:var(--r);background:var(--cy-dim);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.citag{font-family:"Space Mono",monospace;font-size:.56rem;color:var(--cy);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px;}
.cival{font-size:.88rem;color:var(--tx);font-weight:500;}
.cfp{background:var(--panel);border:1px solid var(--b2);border-radius:var(--r2);padding:38px;position:relative;overflow:hidden;}
.cfp::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);}
.cfpt{font-family:"Outfit",sans-serif;font-size:1.15rem;font-weight:800;color:var(--wh);margin-bottom:24px;}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.fg2{margin-bottom:13px;}
.fg2 label{display:block;font-family:"Space Mono",monospace;font-size:.58rem;color:var(--mu);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px;}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;background:var(--surface);border:1px solid var(--b1);color:var(--wh);font-family:"Outfit",sans-serif;font-size:.86rem;padding:11px 14px;border-radius:var(--r);outline:none;transition:border-color .22s;resize:none;appearance:none;}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(0,240,255,.08);}
.fg2 textarea{height:105px;}
.fg2 input::placeholder,.fg2 textarea::placeholder{color:var(--mu);}
.fg2 select option{background:var(--surface);}
.fsub{width:100%;background:linear-gradient(135deg,var(--cy),var(--cy2));color:var(--bg);border:none;padding:13px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.88rem;font-weight:800;cursor:none;transition:all .28s;margin-top:5px;}
.fsub:hover{box-shadow:var(--cy-glow);transform:translateY(-1px);}
.fsub.ok{background:linear-gradient(135deg,#00a854,#007a3d);}
/* FOOTER */
footer{background:#08090F;border-top:1px solid var(--b1);padding:68px 40px 26px;position:relative;z-index:1;}
.ftg{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px;max-width:1160px;margin-left:auto;margin-right:auto;}
.ftb .logo{font-size:1.05rem;margin-bottom:13px;display:block;}
.ftb p{font-size:.8rem;color:var(--mu);line-height:1.68;max-width:250px;margin-bottom:18px;}
.fts{display:flex;gap:7px;}
.ftsc{width:34px;height:34px;background:var(--surface);border:1px solid var(--b1);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:.72rem;font-weight:700;text-decoration:none;transition:all .22s;font-family:"Space Mono",monospace;}
.ftsc:hover{border-color:var(--cy);color:var(--cy);}
.ftc h5{font-family:"Space Mono",monospace;font-size:.58rem;color:rgba(90,96,122,.5);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}
.ftc ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.ftc ul a{font-size:.8rem;color:var(--mu);text-decoration:none;transition:color .2s;}
.ftc ul a:hover{color:var(--cy);}
.ftbot{border-top:1px solid var(--b1);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;max-width:1160px;margin:0 auto;}
.ftbot p{font-family:"Space Mono",monospace;font-size:.62rem;color:rgba(90,96,122,.45);}
.ftbot span{color:var(--cy);}
/* SCROLL FADE */
.sf{opacity:0;transform:translateY(20px);transition:opacity .58s ease,transform .58s ease;}
.sf.in{opacity:1;transform:none;}
.d1x{transition-delay:.05s}.d2x{transition-delay:.12s}.d3x{transition-delay:.19s}
.d4x{transition-delay:.26s}.d5x{transition-delay:.33s}.d6x{transition-delay:.40s}
/* MODAL */
.mov{position:fixed;inset:0;z-index:9000;background:rgba(5,5,8,.92);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .32s;}
.mov.open{opacity:1;pointer-events:all;}
.mb{background:var(--panel);border:1px solid var(--b2);border-radius:var(--r2);max-width:555px;width:100%;max-height:91vh;overflow-y:auto;position:relative;transform:scale(.94) translateY(18px);transition:transform .38s cubic-bezier(.22,1,.36,1);box-shadow:0 0 75px rgba(0,240,255,.11);}
.mb::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),var(--mg),transparent);}
.mov.open .mb{transform:scale(1) translateY(0);}
.mcls{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:var(--r);background:var(--surface);border:1px solid var(--b1);color:var(--mu);font-size:.88rem;cursor:none;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;}
.mcls:hover{background:var(--mg);color:#fff;border-color:var(--mg);}
.mi{padding:34px;}
.mtag{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--cy);letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;}
.mtit{font-family:"Outfit",sans-serif;font-size:1.45rem;font-weight:900;color:var(--wh);margin-bottom:9px;line-height:1.12;}
.mpr{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
.mprice{font-family:"Outfit",sans-serif;font-size:1.95rem;font-weight:900;color:var(--cy);}
.mprice s{font-size:.9rem;font-weight:400;color:rgba(90,96,122,.7);margin-right:5px;}
.msave{background:var(--mg);color:#fff;font-family:"Space Mono",monospace;font-size:.58rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:4px;}
.milt{font-family:"Space Mono",monospace;font-size:.58rem;color:var(--mu);letter-spacing:2px;text-transform:uppercase;margin-bottom:9px;}
.mill{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.mill li{display:flex;align-items:center;gap:9px;font-size:.84rem;color:var(--tx);}
.mill li::before{content:"✓";width:17px;height:17px;background:var(--cy);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:900;flex-shrink:0;}
.mdiv{height:1px;background:var(--b1);margin:18px 0;}
.ob{background:var(--cy-dim);border:1px dashed var(--b3);border-radius:var(--rl);padding:15px;display:flex;gap:11px;align-items:flex-start;margin-bottom:18px;}
.obc{width:21px;height:21px;border:2px solid var(--b3);border-radius:var(--r);background:var(--surface);flex-shrink:0;cursor:none;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.obc.on{background:var(--cy);border-color:var(--cy);}
.obc.on::after{content:"✓";font-size:.62rem;font-weight:900;color:var(--bg);}
.obt{font-family:"Outfit",sans-serif;font-size:.88rem;font-weight:800;color:var(--wh);margin-bottom:2px;}
.obd{font-size:.76rem;color:var(--mu);margin-bottom:5px;}
.obp{font-family:"Outfit",sans-serif;font-size:.92rem;font-weight:900;color:var(--cy);}
.ckt{font-family:"Outfit",sans-serif;font-size:.97rem;font-weight:800;color:var(--wh);margin-bottom:16px;}
.tbar2{background:var(--surface);border:1px solid var(--b1);border-radius:var(--rl);padding:13px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;}
.tl{font-family:"Space Mono",monospace;font-size:.68rem;color:var(--mu);letter-spacing:1px;}
.ta{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:900;color:var(--wh);}
.pbtn2{width:100%;background:linear-gradient(135deg,var(--cy),var(--cy2));color:var(--bg);border:none;padding:14px;border-radius:var(--r);font-family:"Outfit",sans-serif;font-size:.9rem;font-weight:900;cursor:none;transition:all .28s;letter-spacing:.5px;}
.pbtn2:hover:not(:disabled){box-shadow:var(--cy-glow);transform:translateY(-1px);}
.pbtn2:disabled{opacity:.45;}
.pbtn2.pr{background:linear-gradient(135deg,#004455,#003344);color:var(--cy);}
.sbadge{display:flex;align-items:center;gap:9px;margin-top:11px;padding:11px 13px;background:var(--surface);border-radius:var(--r);border:1px solid var(--b1);font-size:.76rem;color:var(--mu);line-height:1.48;}
.sbico{font-size:.95rem;flex-shrink:0;}
.ss-screen{display:none;text-align:center;padding:8px 0;}
.ss-screen.show{display:block;animation:fs .48s cubic-bezier(.22,1,.36,1);}
.ssico{font-size:3.4rem;margin-bottom:13px;}
.sstit{font-family:"Outfit",sans-serif;font-size:1.42rem;font-weight:900;color:var(--wh);margin-bottom:7px;}
.sssub{font-size:.86rem;color:var(--mu);line-height:1.68;margin-bottom:20px;max-width:390px;margin-left:auto;margin-right:auto;}
.sslist{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;text-align:left;}
.ssl{display:flex;gap:11px;align-items:center;background:var(--surface);border-radius:var(--rl);padding:11px 14px;}
.ssli{font-size:.95rem;}.sslx{font-size:.8rem;color:var(--tx);}
/* SHOP FILTER */
.sfbtn{background:var(--surface);border:1px solid var(--b1);color:var(--mu);padding:7px 16px;border-radius:var(--r);font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.5px;cursor:none;transition:all .22s;}
.sfbtn:hover,.asf{background:var(--cy);border-color:var(--cy);color:var(--bg);font-weight:700;}
/* RESPONSIVE */
@media(max-width:1024px){
  nav,.caps,.w,.ws{padding-left:24px;padding-right:24px;}
  footer{padding-left:24px;padding-right:24px;}
  .hero{grid-template-columns:1fr;padding-left:24px;padding-right:24px;padding-top:52px;min-height:auto;}
  .hl-r{order:-1;}
  .pg-grid{grid-template-columns:1fr 1fr;}
  .pc.s2{grid-column:span 2;}
  .fg{grid-template-columns:1fr 1fr;}
  .sg{grid-template-columns:1fr 1fr;gap:26px;}.sg::after{display:none;}
  .tg{grid-template-columns:1fr 1fr;}
  .bg{grid-template-columns:1fr 1fr;}
  .al{grid-template-columns:1fr;}
  .cl{grid-template-columns:1fr;}
  .ftg{grid-template-columns:1fr 1fr;gap:34px;}
  .rh{grid-template-columns:1fr;}.rhr{display:none;}
  .rl{grid-template-columns:1fr;}
}
@media(max-width:768px){
  nav{padding:0 16px;}
  .nav-ul{display:none;position:fixed;top:92px;left:0;right:0;background:rgba(8,9,15,.98);flex-direction:column;padding:22px 16px;gap:0;border-bottom:1px solid var(--b1);z-index:299;}
  .nav-ul.open{display:flex;}
  .nav-ul a{height:auto;padding:13px 0;border-bottom:1px solid var(--b1);}
  .ham{display:flex;}.bn{display:none;}
  .hero,.w,.ws,.caps{padding-left:16px;padding-right:16px;}
  footer{padding-left:16px;padding-right:16px;}
  .s,.ss{padding:58px 0;}
  .pg-grid{grid-template-columns:1fr;}.pc.s2{grid-column:span 1;}
  .fg{grid-template-columns:1fr;}
  .sg{grid-template-columns:1fr;}
  .tg{grid-template-columns:1fr;}
  .bg{grid-template-columns:1fr;}
  .ftg{grid-template-columns:1fr;gap:26px;}
  .fr{grid-template-columns:1fr;}
  .mi{padding:22px 16px;}
  .absg{grid-template-columns:1fr 1fr;}
  .sysbar{display:none;}
}
/* ── Stripe Elements iframe fix ── */
#stripe-card-element iframe {
  width: 100% !important;
  min-height: 40px !important;
}
#stripe-card-element .StripeElement {
  width: 100% !important;
}

/* ── SHOP PRODUCT CARDS EXPANDABILE ── */
.shop-list { display:flex; flex-direction:column; gap:16px; }

.spc {
  border:1px solid var(--b1);
  border-radius:14px;
  overflow:hidden;
  transition:border-color .2s;
}
.spc:hover { border-color:rgba(0,240,255,0.3); }
.spc.open { border-color:var(--cy); }

.spc-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:22px 24px;
}
.spc-left { flex:1; }
.spc-right {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  min-width:130px;
}

.spc-name {
  font-family:'Space Mono',monospace;
  font-size:1.15rem;
  font-weight:700;
  color:var(--wh);
  margin:4px 0 8px;
  line-height:1.3;
}
.spc-desc {
  font-size:.88rem;
  color:var(--mu);
  line-height:1.5;
}
.spc-price {
  font-family:'Space Mono',monospace;
  font-size:1.4rem;
  font-weight:700;
  color:var(--wh);
  white-space:nowrap;
}
.spc-price s { font-size:.9rem; color:var(--mu); margin-right:4px; }

.spc-toggle {
  background:transparent;
  border:1px solid var(--b1);
  color:var(--cy);
  font-family:'Space Mono',monospace;
  font-size:.68rem;
  padding:6px 12px;
  border-radius:6px;
  cursor:pointer;
  white-space:nowrap;
  transition:all .2s;
  letter-spacing:.5px;
}
.spc-toggle:hover { background:rgba(0,240,255,0.07); border-color:var(--cy); }

/* Expanded body */
.spc-body {
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
  border-top:0px solid var(--b1);
}
.spc.open .spc-body {
  max-height:600px;
  border-top:1px solid var(--b1);
}

.spc-cols {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding:20px 24px 24px;
}
.spc-col {
  padding:0 16px;
  border-right:1px solid var(--b1);
}
.spc-col:first-child { padding-left:0; }
.spc-col:last-child { border-right:none; }

.spc-col-title {
  font-family:'Space Mono',monospace;
  font-size:.72rem;
  color:var(--cy);
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--b1);
}
.spc-item {
  font-size:.83rem;
  color:var(--tx);
  line-height:1.5;
  padding:3px 0;
}

/* Hide old grid, use list */
#shopG.pg-grid { display:flex; flex-direction:column; gap:16px; }

@media(max-width:700px){
  .spc-top { flex-direction:column; gap:14px; }
  .spc-right { align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
  .spc-cols { grid-template-columns:1fr; }
  .spc-col { border-right:none; border-bottom:1px solid var(--b1); padding:0 0 14px; margin-bottom:14px; }
  .spc-col:last-child { border-bottom:none; margin-bottom:0; }
}