@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&display=swap');

/* ── RIGHT SIDE SPACE FIX ───────────────────────────────── */
html, body { overflow-x: hidden; max-width: 100vw; }
*, *::before, *::after { max-width: 100vw; }
.mq-sec, .mq-row, .br-sec, .ann { max-width: 100vw; overflow: hidden; }

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --bg:    #020818;
  --bg2:   #030d22;
  --card:  #060f28;
  --card2: #0a1535;
  --card3: #0d1d42;
  --cy:    #00d4ff;
  --cy2:   #00f0ff;
  --cy3:   #0099bb;
  --cy-d:  rgba(0,212,255,.1);
  --cy-g:  0 0 30px rgba(0,212,255,.55), 0 0 80px rgba(0,212,255,.2);
  --pu:    #7b2ff7;
  --pu2:   #9d5af5;
  --pu3:   #5b1fd4;
  --pu-d:  rgba(123,47,247,.12);
  --pu-g:  0 0 30px rgba(123,47,247,.55), 0 0 80px rgba(123,47,247,.2);
  --go:    #d4a017;
  --go2:   #f0c040;
  --go3:   #fde68a;
  --go4:   #b8860b;
  --go-d:  rgba(212,160,23,.12);
  --gr:    #16a34a;
  --gr2:   #22c55e;
  --gr-g:  0 0 28px rgba(34,197,94,.55);
  --red:   #dc2626;
  --wh:    #e8f4ff;
  --si:    #8ab0c8;
  --di:    #3d5a72;
  --mu:    #1e3a52;
  --bor:   rgba(0,212,255,.1);
  --bor2:  rgba(0,212,255,.25);
  --borpu: rgba(123,47,247,.15);
  --fR:    'Orbitron', sans-serif;
  --fH:    'Orbitron', sans-serif;
  --fB:    'Exo 2', sans-serif;
  --fI:    'Exo 2', sans-serif;
  --neon-cy:  0 0 8px var(--cy2), 0 0 20px var(--cy), 0 0 60px rgba(0,212,255,.3), 0 0 120px rgba(0,212,255,.1);
  --neon-pu:  0 0 8px var(--pu2), 0 0 20px var(--pu), 0 0 60px rgba(123,47,247,.3);
  --neon-go:  0 0 8px var(--go2), 0 0 20px var(--go), 0 0 60px rgba(212,160,23,.3);
  --neon-gr:  0 0 8px var(--gr2), 0 0 20px var(--gr), 0 0 60px rgba(34,197,94,.3);
  --glass:    rgba(6,15,40,.65);
  --glass-b:  blur(20px) saturate(1.5);
  --breathe:  3.8s;
}

/* ── RESET ──────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg);color:var(--wh);font-family:var(--fB);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{font-family:inherit;cursor:pointer}

/* ── SCROLLBAR ──────────────────────────────────────────── */
::-webkit-scrollbar{width:6px;background:var(--bg)}
::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--bg),var(--bg2));border-left:1px solid rgba(0,212,255,.04)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cy),var(--pu2));border-radius:0;transition:background .3s}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cy2),var(--pu));box-shadow:var(--neon-cy)}

/* ── SELECTION ──────────────────────────────────────────── */
::selection{background:rgba(0,212,255,.25);color:var(--cy2);text-shadow:0 0 12px rgba(0,212,255,.6)}

/* ── CURSOR ─────────────────────────────────────────────── */
#cur{width:14px;height:14px;background:transparent;border:2px solid var(--cy);border-radius:0;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 8px rgba(0,212,255,.9),0 0 20px rgba(0,212,255,.3);transition:transform .08s,width .2s,height .2s,background .2s}
#cur-r{width:36px;height:36px;border:1px solid rgba(0,212,255,.3);border-radius:0;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%) rotate(45deg);transition:all .14s ease}
body.ch #cur{width:20px;height:20px;background:rgba(0,212,255,.15);border-color:var(--cy2);box-shadow:0 0 16px rgba(0,212,255,.9),0 0 40px rgba(0,212,255,.4)}
body.ch #cur-r{width:54px;height:54px;border-color:rgba(123,47,247,.4)}
@media(hover:none){#cur,#cur-r{display:none}}

/* ── LOADER ─────────────────────────────────────────────── */
#loader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .8s,visibility .8s}
#loader.out{opacity:0;visibility:hidden}
#loader::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.08),transparent 70%);animation:loader-pulse 3s ease-in-out infinite;filter:blur(40px)}
#loader::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(123,47,247,.06),transparent 70%);animation:loader-pulse 3s ease-in-out 1.5s infinite;filter:blur(30px)}
@keyframes loader-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}
.lo-icon{font-size:2.8rem;animation:lo-f 1.6s ease-in-out infinite,lo-g 1.6s ease-in-out infinite alternate;position:relative;z-index:1;color:var(--cy)}
@keyframes lo-f{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(30deg)}}
@keyframes lo-g{from{filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}to{filter:drop-shadow(0 0 28px rgba(0,212,255,1))}}
.lo-name{font-family:var(--fR);font-size:clamp(.65rem,2.2vw,1rem);font-weight:900;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(135deg,var(--cy2) 0%,var(--cy) 40%,var(--pu2) 70%,var(--cy) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lo-p 1.4s ease-in-out infinite alternate;position:relative;z-index:1}
@keyframes lo-p{from{opacity:.4;letter-spacing:6px}to{opacity:1;letter-spacing:10px}}
.lo-sub{font-size:.5rem;letter-spacing:7px;text-transform:uppercase;color:var(--di);position:relative;z-index:1}
.lo-bar{width:180px;height:1px;background:rgba(0,212,255,.07);overflow:hidden;position:relative;z-index:1}
.lo-fill{height:100%;background:linear-gradient(90deg,var(--pu2),var(--cy2),var(--pu));background-size:200% 100%;animation:lo-b 2.2s ease forwards,lo-sh 1.2s linear infinite;box-shadow:0 0 12px rgba(0,212,255,.5)}
@keyframes lo-b{from{width:0}to{width:100%}}
@keyframes lo-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── BACKGROUND ─────────────────────────────────────────── */
.tss-bg{position:fixed;inset:0;pointer-events:none;z-index:0}
.tss-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,212,255,.03) 1px,transparent 0);background-size:40px 40px}
.tss-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 8% 15%,rgba(0,212,255,.05) 0%,transparent 45%),radial-gradient(ellipse at 92% 80%,rgba(123,47,247,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(0,212,255,.03) 0%,transparent 60%)}
#cvs{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.28}

/* ── AMBIENT LAYERS ─────────────────────────────────────── */
.smoke-layer{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.smoke-layer::before{content:'';position:absolute;width:600px;height:600px;top:10%;left:-10%;background:radial-gradient(ellipse,rgba(0,212,255,.03),transparent 70%);border-radius:50%;animation:ambient-1 18s ease-in-out infinite;filter:blur(80px)}
.smoke-layer::after{content:'';position:absolute;width:500px;height:500px;bottom:5%;right:-5%;background:radial-gradient(ellipse,rgba(123,47,247,.04),transparent 70%);border-radius:50%;animation:ambient-2 22s ease-in-out infinite;filter:blur(60px)}
@keyframes ambient-1{0%,100%{transform:translate(0,0) scale(1);opacity:.4}25%{transform:translate(80px,-40px) scale(1.3);opacity:.7}50%{transform:translate(40px,-80px) scale(1.1);opacity:.5}75%{transform:translate(-20px,-30px) scale(1.4);opacity:.6}}
@keyframes ambient-2{0%,100%{transform:translate(0,0) scale(1);opacity:.3}33%{transform:translate(-60px,30px) scale(1.2);opacity:.6}66%{transform:translate(-30px,60px) scale(1.5);opacity:.4}}

/* ── VAPOR WISPS ────────────────────────────────────────── */
.vapor-wisp{position:fixed;pointer-events:none;z-index:1;border-radius:50%;filter:blur(40px);opacity:0;animation:wisp-float linear infinite}
.vapor-wisp:nth-child(1){width:120px;height:120px;background:rgba(0,212,255,.04);left:15%;top:60%;animation-duration:15s}
.vapor-wisp:nth-child(2){width:80px;height:80px;background:rgba(123,47,247,.05);right:20%;top:30%;animation-duration:20s;animation-delay:3s}
.vapor-wisp:nth-child(3){width:160px;height:160px;background:rgba(0,212,255,.03);left:50%;bottom:20%;animation-duration:25s;animation-delay:7s}
@keyframes wisp-float{0%{opacity:0;transform:translateY(100px) scale(.5)}15%{opacity:.6}50%{opacity:.3;transform:translateY(-200px) translateX(50px) scale(1.5)}85%{opacity:.5}100%{opacity:0;transform:translateY(-400px) translateX(-30px) scale(.8)}}

/* ── ANNOUNCEMENT ───────────────────────────────────────── */
.ann{position:fixed;top:0;width:100%;z-index:600;background:linear-gradient(90deg,rgba(0,212,255,.07),rgba(123,47,247,.05),rgba(0,212,255,.07));border-bottom:1px solid rgba(0,212,255,.12);padding:7px 0;overflow:hidden;backdrop-filter:blur(10px)}
.ann::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.05),transparent);animation:ann-glow 4s ease-in-out infinite}
@keyframes ann-glow{0%,100%{opacity:0}50%{opacity:1}}
.ann-t{display:flex;animation:ann-s 38s linear infinite;width:max-content}
.ann-t:hover{animation-play-state:paused}
.ann-i{font-family:var(--fB);font-size:.62rem;letter-spacing:4px;text-transform:uppercase;color:rgba(0,212,255,.65);white-space:nowrap;padding:0 46px}
.ann-dot{color:var(--pu2);text-shadow:0 0 8px rgba(123,47,247,.8)}
@keyframes ann-s{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── NAVBAR ─────────────────────────────────────────────── */
#nav{position:fixed;top:32px;width:100%;z-index:500;padding:16px 60px;display:flex;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,212,255,.06)}
#nav.sc{top:0;background:rgba(2,8,24,.92);backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--bor);padding:12px 60px;box-shadow:0 4px 32px rgba(0,0,0,.5),0 1px 0 rgba(0,212,255,.06)}
.nl{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;position:relative}
.nl::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cy),transparent);opacity:0;transition:opacity .4s}
.nl:hover::after{opacity:.5}
.nl-m{font-family:var(--fR);font-size:.88rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,var(--cy2) 0%,var(--cy) 40%,var(--pu2) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(0,212,255,.4));transition:filter .3s}
.nl:hover .nl-m{filter:drop-shadow(0 0 16px rgba(0,212,255,.8))}
.nl-s{font-size:.42rem;letter-spacing:5px;text-transform:uppercase;color:var(--pu2);margin-top:1px;text-shadow:0 0 8px rgba(123,47,247,.4)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-family:var(--fB);font-size:.68rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--si);position:relative;transition:color .3s}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--cy),var(--pu2));transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px rgba(0,212,255,.4)}
.nav-links a:hover,.nav-links a.act{color:var(--cy);text-shadow:0 0 20px rgba(0,212,255,.4)}
.nav-links a:hover::after,.nav-links a.act::after{width:100%}
.nav-cta{display:inline-flex!important;align-items:center;gap:7px;background:linear-gradient(135deg,var(--gr2),var(--gr))!important;color:#fff!important;padding:9px 20px;font-family:var(--fB)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:2px;transition:all .3s!important;box-shadow:0 4px 18px rgba(34,197,94,.25);position:relative;overflow:hidden;border-radius:0}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s}
.nav-cta:hover::before{transform:translateX(100%)}
.nav-cta::after{display:none!important}
.nav-cta:hover{box-shadow:var(--neon-gr)!important;transform:translateY(-1px)}
.nav-ham{display:none;flex-direction:column;gap:5px;background:transparent;border:none;padding:4px;cursor:pointer}
.nav-ham span{display:block;width:24px;height:1.5px;background:var(--cy);transition:all .35s;transform-origin:center;box-shadow:0 0 4px rgba(0,212,255,.4)}
.nav-ham.op span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-ham.op span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-ham.op span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-mob{display:none;position:fixed;inset:0;background:rgba(2,8,24,.98);z-index:490;flex-direction:column;align-items:center;justify-content:center;gap:5px;backdrop-filter:blur(24px)}
.nav-mob.op{display:flex}
.nav-mob::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.04),transparent 60%);animation:mob-pulse 6s ease-in-out infinite}
@keyframes mob-pulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}
.nav-mob a{font-family:var(--fH);font-size:1rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--si);padding:13px 48px;width:84%;text-align:center;border-bottom:1px solid rgba(0,212,255,.06);transition:all .3s;position:relative;z-index:1}
.nav-mob a:hover{color:var(--cy);text-shadow:var(--neon-cy)}
.nm-cta{margin-top:16px!important;background:linear-gradient(135deg,var(--gr2),var(--gr))!important;color:#fff!important;font-family:var(--fB)!important;font-size:.85rem!important;border-bottom:none!important}

/* ── BUTTONS ────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fB);font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:0}
.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-110%);transition:transform .4s ease}
.btn:hover::before{transform:translateX(110%)}
.btn:hover{transform:translateY(-2px)}
.btn-go{padding:13px 36px;background:linear-gradient(135deg,var(--go2),var(--go),var(--go4));color:var(--bg);box-shadow:0 4px 18px rgba(212,160,23,.3)}
.btn-go:hover{box-shadow:var(--neon-go)}
.btn-pu{padding:13px 36px;background:linear-gradient(135deg,var(--cy2),var(--cy),var(--cy3));color:var(--bg);box-shadow:0 4px 18px rgba(0,212,255,.3)}
.btn-pu:hover{box-shadow:var(--neon-cy)}
.btn-gr{padding:13px 36px;background:linear-gradient(135deg,var(--gr2),var(--gr));color:#fff;box-shadow:0 4px 18px rgba(34,197,94,.28)}
.btn-gr:hover{box-shadow:var(--neon-gr)}
.btn-ol{padding:13px 36px;background:transparent;color:var(--cy);border:1px solid rgba(0,212,255,.3);position:relative}
.btn-ol:hover{background:var(--cy-d);box-shadow:var(--neon-cy);border-color:rgba(0,212,255,.6)}
.btn-sm{padding:8px 20px;font-size:.65rem}
.btn-smoke{padding:14px 40px;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,47,247,.12));border:1px solid rgba(0,212,255,.2);color:var(--cy);backdrop-filter:blur(12px);position:relative;overflow:hidden}
.btn-smoke::before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(0,212,255,.1),transparent,rgba(123,47,247,.08),transparent);animation:smoke-btn-spin 4s linear infinite}
.btn-smoke::after{content:'';position:absolute;inset:1px;background:linear-gradient(135deg,rgba(6,15,40,.9),rgba(10,21,53,.9))}
.btn-smoke span{position:relative;z-index:1}
.btn-smoke:hover{box-shadow:var(--neon-cy),var(--neon-pu);transform:translateY(-3px)}
@keyframes smoke-btn-spin{to{transform:rotate(360deg)}}

/* ── HERO ───────────────────────────────────────────────── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;padding:calc(32px + 58px) 32px 80px}
.h-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.07;filter:blur(2px) saturate(.6)}
.h-ov{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 38%,rgba(0,212,255,.12) 0%,transparent 55%),radial-gradient(ellipse at 82% 62%,rgba(123,47,247,.1) 0%,transparent 50%),linear-gradient(180deg,var(--bg) 0%,rgba(3,13,34,.2) 50%,var(--bg) 100%)}
.h-smoke{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.h-smoke-cloud{position:absolute;filter:blur(60px);opacity:0}
.h-smoke-cloud:nth-child(1){width:400px;height:200px;background:rgba(0,212,255,.05);bottom:15%;left:10%;animation:hero-cloud 12s ease-in-out infinite}
.h-smoke-cloud:nth-child(2){width:300px;height:180px;background:rgba(123,47,247,.06);bottom:25%;right:15%;animation:hero-cloud 16s ease-in-out 4s infinite}
.h-smoke-cloud:nth-child(3){width:500px;height:250px;background:rgba(0,212,255,.03);top:20%;left:30%;animation:hero-cloud 20s ease-in-out 8s infinite}
@keyframes hero-cloud{0%{opacity:0;transform:translateY(40px) scaleX(1)}30%{opacity:.7}60%{opacity:.4;transform:translateY(-60px) scaleX(1.3)}100%{opacity:0;transform:translateY(-120px) scaleX(1.6)}}
.h-rings{position:absolute;top:50%;left:50%;pointer-events:none}
.h-ring{position:absolute;animation:h-spin-d linear infinite}
.hr1{width:min(680px,88vw);height:min(680px,88vw);border:1px solid rgba(0,212,255,.05);animation-duration:70s;transform:translate(-50%,-50%) rotate(45deg)}
.hr2{width:min(520px,65vw);height:min(520px,65vw);border:1px solid rgba(123,47,247,.06);animation-duration:50s;animation-direction:reverse;transform:translate(-50%,-50%) rotate(45deg)}
.hr3{width:min(360px,45vw);height:min(360px,45vw);border:1px solid rgba(0,212,255,.04);animation-duration:35s;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes h-spin-d{to{transform:translate(-50%,-50%) rotate(calc(45deg + 360deg))}}
.hr1::before{content:'';position:absolute;top:50%;left:-4px;width:8px;height:8px;background:var(--cy);opacity:.6;box-shadow:0 0 8px var(--cy),0 0 20px rgba(0,212,255,.4);transform:translateY(-50%)}
.hr2::before{content:'';position:absolute;top:-4px;left:50%;width:6px;height:6px;background:var(--pu2);opacity:.5;box-shadow:0 0 8px var(--pu2);transform:translateX(-50%)}
.h-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.h-scan::before{content:'';position:absolute;top:-120%;right:12%;width:1px;height:340%;background:linear-gradient(180deg,transparent,rgba(0,212,255,.2),transparent);transform:rotate(-12deg);animation:h-sc 7s ease-in-out infinite}
.h-scan::after{content:'';position:absolute;top:-120%;right:30%;width:1px;height:340%;background:linear-gradient(180deg,transparent,rgba(123,47,247,.12),transparent);transform:rotate(-12deg);animation:h-sc 7s ease-in-out 2.5s infinite}
@keyframes h-sc{0%,100%{opacity:.15}50%{opacity:1}}
.h-cnt{position:relative;z-index:3;text-align:center;max-width:900px}
.h-crown{font-size:3rem;display:block;margin-bottom:14px;animation:h-cf 2.2s ease-in-out infinite,h-cg 2.2s ease-in-out infinite alternate}
@keyframes h-cf{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes h-cg{from{filter:drop-shadow(0 0 8px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 28px rgba(0,212,255,1))}}
.h-eye{display:inline-flex;align-items:center;gap:12px;font-family:var(--fB);font-size:.56rem;letter-spacing:7px;text-transform:uppercase;color:var(--cy);border:1px solid rgba(0,212,255,.2);padding:7px 22px;margin-bottom:24px;background:rgba(0,212,255,.04);animation:fu .8s ease .3s both;backdrop-filter:blur(8px);text-shadow:0 0 12px rgba(0,212,255,.5)}
.h-eye::before,.h-eye::after{content:'//';font-size:.5rem;color:var(--pu2);opacity:.7}
.h-h1{font-family:var(--fR);font-size:clamp(1.8rem,7vw,6rem);font-weight:900;line-height:.92;letter-spacing:2px;margin-bottom:18px;animation:fu .8s ease .55s both}
.h-l1{display:block;background:linear-gradient(135deg,var(--cy2) 0%,var(--cy) 40%,var(--pu2) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(0,212,255,.35));animation:hero-text-breathe var(--breathe) ease-in-out infinite}
@keyframes hero-text-breathe{0%,100%{filter:drop-shadow(0 0 24px rgba(0,212,255,.35))}50%{filter:drop-shadow(0 0 40px rgba(0,212,255,.7)) drop-shadow(0 0 80px rgba(0,212,255,.2))}}
.h-l2{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(0,212,255,.4);animation:hero-stroke-pulse 4s ease-in-out infinite}
@keyframes hero-stroke-pulse{0%,100%{-webkit-text-stroke-color:rgba(0,212,255,.4)}50%{-webkit-text-stroke-color:rgba(123,47,247,.5)}}
.h-l3{display:block;font-size:.22em;letter-spacing:10px;text-transform:uppercase;background:linear-gradient(90deg,var(--pu2),var(--cy),var(--pu2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0;margin-top:10px;background-size:200% 100%;animation:shimmer-text 3s linear infinite}
@keyframes shimmer-text{0%{background-position:200% 0}100%{background-position:-200% 0}}
.h-sub{font-family:var(--fI);font-style:italic;font-size:1rem;font-weight:300;color:var(--si);letter-spacing:4px;margin-bottom:12px;animation:fu .8s ease .8s both}
.h-loc{display:inline-flex;align-items:center;gap:7px;font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:42px;animation:fu .8s ease .95s both}
.h-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fu .8s ease 1.1s both}
.h-stats{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;z-index:3;animation:fu .8s ease 1.3s both}
.hs{padding:12px 24px;text-align:center;background:rgba(6,15,40,.82);backdrop-filter:blur(12px);border:1px solid rgba(0,212,255,.1);border-right:none;transition:all .3s}
.hs:hover{background:rgba(0,212,255,.05);border-color:rgba(0,212,255,.22)}
.hs:first-child{border-left:2px solid rgba(0,212,255,.3)}
.hs:last-child{border-right:2px solid rgba(0,212,255,.3)}
.hs-n{font-family:var(--fH);font-size:1.4rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--cy2),var(--cy));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs-l{font-size:.52rem;letter-spacing:3px;text-transform:uppercase;color:var(--di);margin-top:3px}
.h-si{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;animation:fi 1s ease 2.2s both}
.si-l{width:1px;height:40px;background:linear-gradient(to bottom,var(--cy),transparent);animation:si-a 2.4s ease-in-out infinite}
.si-t{font-size:.48rem;letter-spacing:5px;color:rgba(0,212,255,.28)}
@keyframes si-a{0%{height:0;opacity:1}100%{height:40px;opacity:0}}

/* ── MARQUEE ────────────────────────────────────────────── */
.mq-sec{position:relative;z-index:2;overflow:hidden;background:rgba(6,15,40,.72);border-top:1px solid var(--bor);border-bottom:1px solid var(--bor);backdrop-filter:blur(8px)}
.mq-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 15%,transparent 85%,var(--bg) 100%);z-index:2;pointer-events:none}
.mq-row{display:flex;overflow:hidden;padding:9px 0}
.mq-row+.mq-row{border-top:1px solid rgba(0,212,255,.04)}
.mq-t{display:flex;width:max-content}
.mq-fwd{animation:mq-f 24s linear infinite}
.mq-rev{animation:mq-r 24s linear infinite}
.mq-t:hover{animation-play-state:paused}
.mq-i{font-family:var(--fB);font-size:.62rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;padding:0 28px;color:rgba(0,212,255,.22);transition:all .3s}
.mq-i:hover{color:var(--cy);text-shadow:0 0 20px rgba(0,212,255,.4)}
.mq-d{color:var(--pu2);text-shadow:0 0 6px rgba(123,47,247,.6)}
@keyframes mq-f{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ── STATS BAR ──────────────────────────────────────────── */
.sb{position:relative;z-index:2;background:rgba(6,15,40,.88);border-bottom:1px solid var(--bor);display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(8px)}
.sbi{padding:22px 20px;text-align:center;border-right:1px solid var(--bor);position:relative;overflow:hidden;transition:all .4s}
.sbi:last-child{border-right:none}
.sbi::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(0,212,255,.05),transparent 70%);opacity:0;transition:opacity .5s}
.sbi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);opacity:0;transition:opacity .4s}
.sbi:hover{background:rgba(0,212,255,.02)}
.sbi:hover::before{opacity:1}
.sbi:hover::after{opacity:1}
.sbi-n{font-family:var(--fH);font-size:2rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--cy2),var(--cy));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s}
.sbi:hover .sbi-n{filter:drop-shadow(0 0 12px rgba(0,212,255,.5))}
.sbi-l{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--si);margin-top:5px}

/* ── SECTION COMMONS ────────────────────────────────────── */
section{position:relative;z-index:2}
.sp{padding:88px 60px}
.sp-sm{padding:60px 60px}
.sh{text-align:center;margin-bottom:52px}
.sh-eye{display:inline-block;font-family:var(--fB);font-size:.56rem;letter-spacing:7px;text-transform:uppercase;color:var(--cy);margin-bottom:10px;text-shadow:0 0 12px rgba(0,212,255,.3)}
.sh-eye::before{content:'// '}
.sh-eye::after{content:' //'}
.sh-t{font-family:var(--fR);font-size:clamp(1.2rem,2.8vw,2.2rem);font-weight:900;text-transform:uppercase;line-height:1.12;color:var(--wh);letter-spacing:2px}
.sh-t .go{background:linear-gradient(135deg,var(--cy2),var(--cy));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(0,212,255,.3))}
.sh-t .pu{color:var(--pu2);-webkit-text-fill-color:var(--pu2);text-shadow:0 0 12px rgba(123,47,247,.3)}
.sh-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}
.sh-orn::before,.sh-orn::after{content:'';width:60px;height:8px;background-image:repeating-linear-gradient(90deg,rgba(0,212,255,.3) 0,rgba(0,212,255,.3) 6px,transparent 6px,transparent 10px,rgba(0,212,255,.1) 10px,rgba(0,212,255,.1) 14px,transparent 14px,transparent 20px);background-size:20px 100%}
.sh-orn span{color:var(--cy);font-size:.6rem;letter-spacing:4px;text-shadow:0 0 8px rgba(0,212,255,.4);font-family:var(--fH)}
.rdiv{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:26px 60px}
.rdiv::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1))}
.rdiv::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.1),transparent)}
.rdiv span{font-family:var(--fH);font-size:.62rem;letter-spacing:5px;color:rgba(0,212,255,.32);white-space:nowrap}

/* ── PRODUCT CARDS ──────────────────────────────────────── */
.pblock{padding:72px 60px}
.pblock+.pblock{padding-top:0}
.cat-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:13px;border-bottom:1px solid var(--bor)}
.cat-hl{display:flex;align-items:center;gap:12px}
.cat-icon{font-size:1.35rem;filter:drop-shadow(0 0 4px rgba(0,212,255,.3))}
.cat-title{font-family:var(--fH);font-size:1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--wh)}
.cat-cnt{font-family:var(--fB);font-size:.55rem;letter-spacing:2px;padding:2px 9px;background:var(--cy-d);border:1px solid rgba(0,212,255,.18);color:var(--cy)}
.cat-va{font-family:var(--fB);font-size:.68rem;letter-spacing:3px;text-transform:uppercase;color:var(--cy);transition:all .3s;display:flex;align-items:center;gap:5px}
.cat-va:hover{text-shadow:var(--neon-cy);gap:9px;color:var(--cy2)}
.cat-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:38px;justify-content:center}
.ct{padding:8px 20px;background:transparent;border:1px solid rgba(0,212,255,.1);color:var(--si);font-family:var(--fB);font-size:.6rem;letter-spacing:3px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.ct::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.04),transparent);opacity:0;transition:opacity .3s}
.ct:hover{border-color:var(--cy);color:var(--cy)}
.ct:hover::before{opacity:1}
.ct.on{background:var(--cy-d);border-color:rgba(0,212,255,.35);color:var(--cy);box-shadow:0 0 15px rgba(0,212,255,.1),inset 0 0 20px rgba(0,212,255,.04)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pg3{grid-template-columns:repeat(3,1fr)}

/* Hexagonal product card */
.pc{background:var(--card);border:1px solid rgba(0,212,255,.08);position:relative;overflow:hidden;transition:all .45s cubic-bezier(.4,0,.2,1);clip-path:polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0% calc(100% - 16px),0% 16px)}
.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pu),var(--cy),var(--pu));opacity:0;transition:opacity .45s;z-index:4}
.pc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.03),transparent 55%);opacity:0;transition:opacity .45s}
.pc:hover{border-color:rgba(0,212,255,.3);transform:translateY(-9px);box-shadow:0 28px 65px rgba(0,0,0,.6),0 0 35px rgba(0,212,255,.1),0 0 80px rgba(0,212,255,.04)}
.pc:hover::before,.pc:hover::after{opacity:1}
.pc.hid{display:none}

/* Scan-line hover */
.pc .pc-smoke{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s;overflow:hidden}
.pc:hover .pc-smoke{opacity:1}
.pc-smoke::before{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent);animation:scan-line 1.8s linear infinite}
@keyframes scan-line{0%{top:-5%}100%{top:105%}}

.pb{position:absolute;top:11px;left:11px;z-index:5;font-family:var(--fB);font-size:.5rem;letter-spacing:2px;text-transform:uppercase;padding:3px 9px}
.pb-hot{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 0 12px rgba(220,38,38,.4);animation:badge-pulse 2s ease-in-out infinite}
.pb-new{background:linear-gradient(135deg,var(--pu2),var(--pu3));color:#fff;box-shadow:0 0 12px rgba(123,47,247,.4)}
.pb-feat{background:linear-gradient(135deg,var(--cy),var(--cy3));color:var(--bg);box-shadow:0 0 12px rgba(0,212,255,.3)}
.pb-prem{background:linear-gradient(135deg,var(--go2),var(--go4));color:var(--bg);box-shadow:0 0 12px rgba(212,160,23,.3)}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 12px rgba(220,38,38,.4)}50%{box-shadow:0 0 20px rgba(220,38,38,.7)}}
.pi{height:235px;overflow:hidden;position:relative;background:linear-gradient(135deg,#040e20,#091830)}
.pi::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--card) 0%,transparent 52%);z-index:1}
.pi::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.04),transparent);z-index:1;opacity:0;transition:opacity .4s}
.pc:hover .pi::before{opacity:1}
.pi img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.4,0,.2,1),filter .65s;filter:brightness(.84) contrast(1.08) saturate(1.1)}
.pc:hover .pi img{transform:scale(1.1);filter:brightness(.9) contrast(1.12) saturate(1.2)}
.pi-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;opacity:.18}
.pinfo{padding:18px;position:relative;z-index:3}
.pbr{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.pbn{font-family:var(--fB);font-size:.56rem;letter-spacing:4px;text-transform:uppercase;color:var(--cy);text-shadow:0 0 6px rgba(0,212,255,.2)}
.pcat{font-family:var(--fB);font-size:.46rem;letter-spacing:2px;padding:2px 7px;background:var(--pu-d);border:1px solid rgba(123,47,247,.15);color:var(--pu2)}
.pn{font-family:var(--fH);font-size:.78rem;font-weight:700;color:var(--wh);margin-bottom:7px;line-height:1.3;transition:color .3s}
.pc:hover .pn{color:var(--cy2)}
.pd{font-family:var(--fI);font-style:italic;font-size:.82rem;color:var(--si);line-height:1.6;margin-bottom:9px}
.ptags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}
.ptag{font-size:.54rem;letter-spacing:2px;padding:2px 7px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--si);transition:all .3s}
.ptag:hover{border-color:rgba(0,212,255,.25);color:var(--cy);background:rgba(0,212,255,.04)}
.pf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,212,255,.08);padding-top:12px}
.pp{font-family:var(--fH);font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,var(--cy2),var(--cy));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 4px rgba(0,212,255,.3))}
.po{font-size:.67rem;color:var(--mu);text-decoration:line-through;margin-left:4px}
.pc-ask{font-size:.7rem;color:var(--si);font-style:italic}
.p-obtn{padding:6px 13px;background:transparent;border:1px solid var(--gr2);color:var(--gr2);font-family:var(--fB);font-size:.55rem;letter-spacing:2px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.p-obtn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.1),transparent);transform:translateX(-100%);transition:transform .4s}
.p-obtn:hover::before{transform:translateX(0)}
.p-obtn:hover{background:var(--gr2);color:#fff;box-shadow:0 0 16px rgba(34,197,94,.45)}
.vaw{text-align:center;margin-top:42px}

/* ── ABOUT ──────────────────────────────────────────────── */
.about-lay{padding:88px 60px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1400px;margin:0 auto}
.av{position:relative}
.av-main{width:100%;height:500px;object-fit:cover;border:1px solid var(--bor);filter:brightness(.84) contrast(1.08) saturate(1.05);transition:filter .5s}
.av:hover .av-main{filter:brightness(.9) contrast(1.1) saturate(1.15)}
.av-fl{position:absolute;bottom:-22px;right:-22px;width:175px;height:175px;object-fit:cover;border:2px solid var(--cy);box-shadow:var(--cy-g);transition:box-shadow .4s}
.av:hover .av-fl{box-shadow:var(--cy-g),0 0 40px rgba(0,212,255,.2)}
.ac{position:absolute;width:22px;height:22px;border-color:var(--cy);border-style:solid;transition:all .4s}
.ac.tl{top:-7px;left:-7px;border-width:2px 0 0 2px}
.ac.tr{top:-7px;right:-7px;border-width:2px 2px 0 0}
.ac.bl{bottom:-7px;left:-7px;border-width:0 0 2px 2px}
.ac.br{bottom:-7px;right:-7px;border-width:0 2px 2px 0}
.av:hover .ac{border-color:var(--pu2);box-shadow:0 0 8px rgba(123,47,247,.4)}
.at .sh{text-align:left;margin-bottom:20px}
.at .sh-orn{justify-content:flex-start}
.at .sh-orn::before{display:none}
.at-d{font-family:var(--fI);font-style:italic;font-size:1rem;line-height:1.9;color:var(--si);margin-bottom:24px}
.at-f{margin-bottom:28px}
.at-f li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(0,212,255,.05);font-size:.94rem;color:var(--si);transition:all .3s}
.at-f li:hover{padding-left:8px;color:var(--wh);border-bottom-color:rgba(0,212,255,.15)}
.at-f li::before{content:'›';font-size:.6rem;flex-shrink:0;color:var(--cy)}
.ow-c{display:flex;align-items:center;gap:14px;padding:14px;background:var(--card2);border:1px solid var(--bor);border-left:3px solid var(--cy);transition:all .3s}
.ow-c:hover{border-left-color:var(--pu2);background:rgba(0,212,255,.04)}
.ow-av{width:48px;height:48px;background:linear-gradient(135deg,var(--cy),var(--pu));display:flex;align-items:center;justify-content:center;font-family:var(--fR);font-size:.8rem;font-weight:900;color:var(--bg);flex-shrink:0;box-shadow:0 0 12px rgba(0,212,255,.3)}
.ow-n{font-family:var(--fH);font-size:.78rem;font-weight:700;color:var(--wh)}
.ow-t{font-size:.58rem;letter-spacing:3px;text-transform:uppercase;color:var(--cy);margin-top:2px}

/* ── WHY / TRUST ────────────────────────────────────────── */
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto}
.wc{background:var(--card);border:1px solid var(--bor);padding:30px 22px;position:relative;overflow:hidden;transition:all .4s;clip-path:polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0% calc(100% - 16px),0% 16px)}
.wc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pu),var(--cy),var(--pu));opacity:0;transition:opacity .4s}
.wc::after{content:'';position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,212,255,.03),transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}
.wc:hover{border-color:var(--bor2);transform:translateY(-7px);box-shadow:0 16px 50px rgba(0,0,0,.4)}
.wc:hover::before,.wc:hover::after{opacity:1}
.wc-i{font-size:2.4rem;margin-bottom:16px;display:block;transition:transform .4s,filter .4s}
.wc:hover .wc-i{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 0 12px rgba(0,212,255,.5))}
.wc-t{font-family:var(--fH);font-size:.78rem;font-weight:700;color:var(--wh);margin-bottom:10px;text-transform:uppercase;transition:color .3s;letter-spacing:2px}
.wc:hover .wc-t{color:var(--cy)}
.wc-d{font-size:.88rem;color:var(--si);line-height:1.72}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:920px;margin:0 auto}
.tc{background:var(--card);border:1px solid var(--bor);padding:30px;text-align:center;transition:all .4s;position:relative;overflow:hidden}
.tc::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(0,212,255,.04),transparent 70%);opacity:0;transition:opacity .4s}
.tc:hover{border-color:var(--bor2);box-shadow:var(--neon-cy);transform:translateY(-4px)}
.tc:hover::before{opacity:1}
.tc-i{font-size:2.8rem;margin-bottom:14px;transition:transform .4s}
.tc:hover .tc-i{transform:scale(1.1) rotate(5deg)}
.tc-t{font-family:var(--fH);font-size:.7rem;font-weight:700;color:var(--cy);letter-spacing:2px;text-transform:uppercase;margin-bottom:9px}
.tc-d{font-size:.88rem;color:var(--si);line-height:1.72}

/* ── PARALLAX ───────────────────────────────────────────── */
.par{height:440px;position:relative;overflow:hidden;z-index:2;display:flex;align-items:center;justify-content:center}
.par-bg{position:absolute;inset:-22%;background-size:cover;background-position:center;opacity:.14;will-change:transform}
.par-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(2,8,24,.85),rgba(123,47,247,.08))}
.par-sl{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,212,255,.008) 3px,rgba(0,212,255,.008) 4px);pointer-events:none}
.par-smoke{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.par-smoke::before{content:'';position:absolute;width:100%;height:60%;bottom:0;left:0;background:linear-gradient(0deg,rgba(2,8,24,.6),transparent);z-index:1}
.par-smoke::after{content:'';position:absolute;width:600px;height:200px;bottom:-10%;left:20%;background:radial-gradient(ellipse,rgba(0,212,255,.06),transparent 70%);border-radius:50%;filter:blur(40px);animation:par-smoke-drift 10s ease-in-out infinite}
@keyframes par-smoke-drift{0%,100%{transform:translateX(0) scaleX(1);opacity:.4}50%{transform:translateX(100px) scaleX(1.5);opacity:.7}}
.par-c{position:relative;z-index:2;text-align:center;padding:0 24px}
.par-o{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.par-o::before{content:'';width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--cy))}
.par-o::after{content:'';width:80px;height:1px;background:linear-gradient(90deg,var(--cy),transparent)}
.par-c h2{font-family:var(--fR);font-size:clamp(1.5rem,4vw,3rem);font-weight:900;text-transform:uppercase;color:var(--wh);margin-bottom:12px;text-shadow:0 0 40px rgba(0,212,255,.15);letter-spacing:3px}
.par-c p{font-family:var(--fI);font-style:italic;font-size:1rem;color:var(--si);letter-spacing:4px;margin-bottom:30px}

/* ── BRANDS ─────────────────────────────────────────────── */
.br-sec{padding:50px 0;overflow:hidden;position:relative;z-index:2;border-top:1px solid var(--bor)}
.br-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 10%,transparent 90%,var(--bg) 100%);z-index:2;pointer-events:none}
.br-t{display:flex;animation:mq-f 18s linear infinite;width:max-content}
.br-i{font-family:var(--fR);font-size:.8rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(0,212,255,.07);padding:0 48px;white-space:nowrap;transition:all .3s}
.br-i:hover{color:var(--cy);text-shadow:0 0 20px rgba(0,212,255,.4)}

/* ── BRANCHES ───────────────────────────────────────────── */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto}
.brc{background:var(--card);border:1px solid var(--bor);padding:24px;position:relative;overflow:hidden;transition:all .4s;clip-path:polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0% calc(100% - 16px),0% 16px)}
.brc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--bcc,var(--cy));opacity:.7}
.brc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(0,212,255,.03),transparent);opacity:0;transition:opacity .4s}
.brc:hover{border-color:rgba(0,212,255,.22);transform:translateY(-5px);box-shadow:0 16px 50px rgba(0,0,0,.5),0 0 30px rgba(0,212,255,.06)}
.brc:hover::after{opacity:1}
.brc-main{position:absolute;top:13px;right:13px;font-family:var(--fB);font-size:.46rem;letter-spacing:2px;text-transform:uppercase;padding:3px 9px;background:linear-gradient(135deg,var(--cy),var(--cy3));color:var(--bg);z-index:3;box-shadow:0 0 10px rgba(0,212,255,.3)}
.brc-iw{width:100%;height:140px;overflow:hidden;margin-bottom:13px;border:1px solid var(--bor);position:relative}
.brc-iw::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.08),transparent);opacity:0;transition:opacity .4s}
.brc:hover .brc-iw::after{opacity:1}
.brc-iw img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.1);transition:transform .5s,filter .5s}
.brc:hover .brc-iw img{transform:scale(1.06);filter:brightness(.82) contrast(1.15)}
.brc-city{font-size:.57rem;letter-spacing:5px;text-transform:uppercase;margin-bottom:4px;color:var(--pu2)}
.brc-name{font-family:var(--fH);font-size:.85rem;font-weight:700;color:var(--wh);margin-bottom:7px}
.brc-addr{font-size:.82rem;color:var(--si);line-height:1.62;margin-bottom:11px}
.brc-ph{font-family:var(--fH);font-size:.78rem;color:var(--cy);margin-bottom:13px;transition:text-shadow .3s}
.brc:hover .brc-ph{text-shadow:0 0 8px rgba(0,212,255,.4)}
.brc-btns{display:flex;gap:7px;flex-wrap:wrap}
.bb{padding:7px 13px;font-family:var(--fB);font-size:.5rem;letter-spacing:2px;text-transform:uppercase;transition:all .3s;display:inline-flex;align-items:center;gap:5px;border:none;position:relative;overflow:hidden}
.bb::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .4s}
.bb:hover::before{transform:translateX(100%)}
.bb-wa{background:var(--gr2);color:#fff}
.bb-wa:hover{box-shadow:var(--neon-gr);transform:translateY(-1px)}
.bb-out{background:transparent;border:1px solid var(--bor);color:var(--si)}
.bb-out:hover{border-color:var(--cy);color:var(--cy);box-shadow:0 0 12px rgba(0,212,255,.2)}

/* ── REVIEWS ────────────────────────────────────────────── */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1400px;margin:0 auto 50px}
.rc{background:var(--card);border:1px solid var(--bor);padding:26px;position:relative;transition:all .4s;overflow:hidden}
.rc::before{content:'"';position:absolute;top:13px;right:17px;font-size:5rem;line-height:1;color:rgba(0,212,255,.04);font-family:Georgia,serif;pointer-events:none;transition:color .3s}
.rc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);opacity:0;transition:opacity .4s}
.rc:hover{border-color:var(--bor2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 25px rgba(0,212,255,.05)}
.rc:hover::before{color:rgba(0,212,255,.08)}
.rc:hover::after{opacity:1}
.rc-s{font-size:.84rem;letter-spacing:3px;margin-bottom:13px}
.rs-f{color:var(--cy);text-shadow:0 0 8px rgba(0,212,255,.5)}
.rs-e{color:var(--mu)}
.rc-t{font-family:var(--fI);font-style:italic;font-size:.92rem;color:var(--si);line-height:1.82;margin-bottom:18px}
.rc-a{display:flex;align-items:center;gap:12px}
.rc-av{width:40px;height:40px;background:linear-gradient(135deg,var(--cy),var(--pu));display:flex;align-items:center;justify-content:center;font-family:var(--fH);font-size:.72rem;font-weight:700;color:var(--bg);flex-shrink:0;box-shadow:0 0 8px rgba(0,212,255,.3);transition:box-shadow .3s}
.rc:hover .rc-av{box-shadow:0 0 16px rgba(0,212,255,.5)}
.rc-n{font-family:var(--fH);font-size:.76rem;color:var(--wh)}
.rc-d{font-size:.62rem;color:var(--di);margin-top:2px}
.rc-rep{margin-top:15px;padding:11px 13px;background:rgba(0,212,255,.05);border-left:2px solid var(--cy);font-size:.84rem;color:var(--si);line-height:1.65;transition:background .3s}
.rc:hover .rc-rep{background:rgba(0,212,255,.08)}
.rc-rl{font-family:var(--fB);font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:var(--cy);margin-bottom:4px}
.rf-wrap{max-width:700px;margin:0 auto;background:var(--card2);border:1px solid var(--bor);padding:36px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));position:relative;overflow:hidden}
.rf-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.04),transparent 60%);pointer-events:none}
.rf-t{font-family:var(--fR);font-size:1rem;font-weight:700;color:var(--wh);margin-bottom:22px;text-align:center;position:relative;letter-spacing:2px}
.rf-stars{display:flex;gap:10px;justify-content:center;margin-bottom:20px}
.rfs{font-size:2.2rem;cursor:pointer;transition:all .2s;color:var(--mu)}
.rfs.on{color:var(--cy);text-shadow:0 0 12px rgba(0,212,255,.6);transform:scale(1.12)}
.rfs:hover{transform:scale(1.2);color:var(--cy2)}
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}
.rf-g{display:flex;flex-direction:column;gap:5px}
.rf-l{font-family:var(--fB);font-size:.59rem;letter-spacing:4px;text-transform:uppercase;color:var(--cy)}
.rf-in,.rf-ta{padding:10px 13px;background:var(--bg2);border:1px solid var(--bor);color:var(--wh);font-family:var(--fB);font-size:.93rem;outline:none;transition:all .3s;width:100%}
.rf-in:focus,.rf-ta:focus{border-color:var(--cy);box-shadow:0 0 0 2px rgba(0,212,255,.06)}
.rf-in::placeholder,.rf-ta::placeholder{color:var(--di)}
.rf-ta{min-height:100px;resize:vertical;grid-column:1/-1}
.rf-sub{width:100%;margin-top:14px;padding:13px;background:linear-gradient(135deg,var(--pu2),var(--pu3));color:#fff;border:none;font-family:var(--fH);font-size:.68rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.rf-sub::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .4s}
.rf-sub:hover::before{transform:translateX(100%)}
.rf-sub:hover{box-shadow:var(--neon-pu);transform:translateY(-1px)}
.rf-ok{display:none;padding:13px;margin-bottom:16px;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.25);color:var(--cy);text-align:center;font-size:.89rem}

/* ── MAP + CONTACT ──────────────────────────────────────── */
.mc{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;overflow:hidden}
.me{width:100%;height:520px;border:none;display:block;filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.2) saturate(.7)}
.mph{width:100%;height:520px;background:var(--card);border:1px solid var(--bor);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden}
.mph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.04),transparent);animation:mph-p 3.5s ease-in-out infinite}
@keyframes mph-p{0%,100%{opacity:.4}50%{opacity:1}}
.mph-i{font-size:3.5rem;position:relative;z-index:1}
.mph-t{font-family:var(--fH);font-size:.6rem;letter-spacing:4px;color:rgba(0,212,255,.3);text-transform:uppercase;position:relative;z-index:1}
.cp{background:var(--card);border-left:1px solid var(--bor);padding:36px 28px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;position:relative}
.cp-t{font-family:var(--fR);font-size:.95rem;font-weight:700;color:var(--wh);margin-bottom:5px;letter-spacing:2px}
.cp-s{font-family:var(--fI);font-style:italic;font-size:.85rem;color:var(--si);margin-bottom:24px}
.cp-i{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(0,212,255,.05);align-items:flex-start;transition:all .3s}
.cp-i:hover{padding-left:6px;border-bottom-color:rgba(0,212,255,.14)}
.cp-i:last-of-type{border-bottom:none}
.cp-ic{font-size:1.2rem;flex-shrink:0;margin-top:1px;transition:transform .3s}
.cp-i:hover .cp-ic{transform:scale(1.15)}
.cp-l{font-family:var(--fB);font-size:.55rem;letter-spacing:4px;text-transform:uppercase;color:var(--cy);margin-bottom:3px}
.cp-v{font-size:.9rem;color:var(--si);line-height:1.5}
.cp-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:13px;background:linear-gradient(135deg,var(--gr2),var(--gr));color:#fff;border:none;font-family:var(--fH);font-size:.68rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.cp-wa::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s}
.cp-wa:hover::before{transform:translateX(100%)}
.cp-wa:hover{box-shadow:var(--neon-gr);transform:translateY(-1px)}
.cp-dir{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px;padding:11px;background:transparent;color:var(--cy);border:1px solid rgba(0,212,255,.25);font-family:var(--fB);font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s}
.cp-dir:hover{background:var(--cy-d);box-shadow:var(--neon-cy)}

/* ── CONTACT STRIP ──────────────────────────────────────── */
.cstrip{padding:50px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;position:relative;z-index:2;border-bottom:1px solid var(--bor)}
.csi{display:flex;gap:14px;align-items:center;transition:all .3s}
.csi:hover{transform:translateY(-3px)}
.csi-i{width:50px;height:50px;flex-shrink:0;background:var(--cy-d);border:1px solid var(--bor);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s}
.csi:hover .csi-i{border-color:var(--cy);box-shadow:0 0 20px rgba(0,212,255,.12)}
.csi-l{font-family:var(--fB);font-size:.55rem;letter-spacing:4px;text-transform:uppercase;color:var(--cy);margin-bottom:3px}
.csi-v{font-family:var(--fH);font-size:.8rem;color:var(--wh)}

/* ── FOOTER – Asymmetric ────────────────────────────────── */
footer{position:relative;z-index:2;background:var(--bg2);border-top:1px solid var(--bor);overflow:hidden}
footer::before{content:'';position:absolute;top:-100px;left:0;right:0;height:200px;background:linear-gradient(0deg,var(--bg2),transparent);pointer-events:none;z-index:1}
footer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at 50% 100%,rgba(0,212,255,.03),transparent 60%);pointer-events:none}
.ft-w{padding:8px 60px;background:rgba(0,212,255,.03);border-bottom:1px solid rgba(0,212,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:.6rem;color:rgba(255,255,255,.15);letter-spacing:1px;position:relative;z-index:2}
.ft-o{display:flex;align-items:center;gap:16px;padding:14px 60px;border-bottom:1px solid rgba(0,212,255,.04);position:relative;z-index:2}
.ft-o::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.08))}
.ft-o::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.08),transparent)}
.ft-o span{font-family:var(--fB);font-size:.57rem;letter-spacing:4px;color:rgba(0,212,255,.28);white-space:nowrap}
/* Asymmetric: brand 2.5fr, 3 compact cols */
.ft-body{padding:48px 60px 26px;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:40px;position:relative;z-index:2}
.ft-brand-col{padding-right:30px;border-right:1px solid rgba(0,212,255,.06)}
.ft-logo{font-family:var(--fR);font-size:1.2rem;font-weight:900;background:linear-gradient(135deg,var(--cy2),var(--cy),var(--pu2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px;text-decoration:none;filter:drop-shadow(0 0 8px rgba(0,212,255,.3));transition:filter .3s;letter-spacing:3px}
.ft-logo:hover{filter:drop-shadow(0 0 16px rgba(0,212,255,.6))}
.ft-sub{font-size:.52rem;letter-spacing:5px;color:var(--pu2);text-transform:uppercase;margin-bottom:13px;text-shadow:0 0 8px rgba(123,47,247,.3)}
.ft-desc{font-family:var(--fI);font-style:italic;font-size:.88rem;color:var(--si);line-height:1.82;max-width:300px;margin-bottom:18px}
.ft-soc{display:flex;gap:9px}
.fsc{width:36px;height:36px;border:1px solid var(--bor);display:flex;align-items:center;justify-content:center;color:var(--si);text-decoration:none;transition:all .3s;position:relative;overflow:hidden}
.fsc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(0,212,255,.08),transparent);opacity:0;transition:opacity .3s}
.fsc:hover{border-color:var(--cy);color:var(--cy);box-shadow:var(--neon-cy);transform:translateY(-2px)}
.fsc:hover::before{opacity:1}
.fsc-wa{border-color:rgba(34,197,94,.25);color:var(--gr2)}
.fsc-wa:hover{box-shadow:var(--neon-gr);border-color:var(--gr2)}
.ft-col h4{font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cy);margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.1)}
.ft-col ul li{margin-bottom:7px}
.ft-col ul li a{font-size:.86rem;color:var(--si);transition:all .3s;position:relative}
.ft-col ul li a::before{content:'';position:absolute;left:-10px;top:50%;width:0;height:1px;background:var(--cy);transition:width .3s;transform:translateY(-50%)}
.ft-col ul li a:hover{color:var(--cy);padding-left:14px}
.ft-col ul li a:hover::before{width:8px}
.ft-mt{font-size:.47rem;letter-spacing:2px;padding:1px 5px;background:var(--cy-d);border:1px solid rgba(0,212,255,.25);color:var(--cy);margin-left:5px;text-transform:uppercase;animation:badge-pulse 3s ease-in-out infinite}
.ft-bot{border-top:1px solid var(--bor);margin:0 60px;padding:16px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.ft-cp{font-size:.7rem;color:rgba(255,255,255,.12);letter-spacing:1px}
.ft-lk a{font-size:.7rem;color:rgba(255,255,255,.12);transition:color .3s}
.ft-lk a:hover{color:var(--cy);text-shadow:0 0 8px rgba(0,212,255,.3)}

/* ── WHATSAPP FLOAT ─────────────────────────────────────── */
.wa-f{position:fixed;bottom:26px;right:26px;z-index:1000;display:flex;align-items:center}
.wa-bub{background:linear-gradient(135deg,#15803d,#166534);color:#fff;padding:11px 15px;border-radius:0;display:flex;align-items:center;gap:8px;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-family:var(--fB);font-size:.82rem;font-weight:600;transition:max-width .55s cubic-bezier(.4,0,.2,1),padding .45s,opacity .45s;pointer-events:none;box-shadow:0 4px 18px rgba(21,128,61,.35)}
.wa-bub.op{max-width:290px;opacity:1;pointer-events:auto;padding:11px 15px}
.wa-bx{cursor:pointer;opacity:.65;padding:0 3px;transition:opacity .2s;font-size:.8rem;line-height:1}
.wa-bx:hover{opacity:1}
.wa-btn{position:relative;width:58px;height:58px;flex-shrink:0;background:linear-gradient(135deg,var(--gr2),var(--gr));display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s;box-shadow:0 4px 22px rgba(34,197,94,.4);border-radius:0}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(34,197,94,.65)}
.wa-btn svg{width:28px;height:28px;fill:#fff}
.wa-btn::before{content:'';position:absolute;inset:-9px;border:2px solid rgba(34,197,94,.28);animation:wa-r 2.2s ease-in-out infinite}
.wa-btn::after{content:'';position:absolute;inset:-18px;border:1px solid rgba(34,197,94,.13);animation:wa-r 2.2s ease-in-out .6s infinite}
.wa-smoke{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(34,197,94,.06),transparent 70%);animation:wa-smoke-pulse 4s ease-in-out infinite;pointer-events:none}
@keyframes wa-smoke-pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.6}}
@keyframes wa-r{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.1);opacity:0}}
.wa-bdg{position:absolute;top:-3px;right:-3px;width:18px;height:18px;background:var(--red);color:#fff;font-size:.52rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bdg-p .4s cubic-bezier(.4,0,.2,1) both;box-shadow:0 0 8px rgba(220,38,38,.5)}
@keyframes bdg-p{from{transform:scale(0)}to{transform:scale(1)}}

/* ── INNER PAGES ────────────────────────────────────────── */
.ph{position:relative;z-index:2;padding:140px 60px 62px;text-align:center;border-bottom:1px solid var(--bor);overflow:hidden}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.04),transparent 50%);animation:page-header-glow 5s ease-in-out infinite}
@keyframes page-header-glow{0%,100%{opacity:.4}50%{opacity:1}}
.ph::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent)}
.ph-t{font-family:var(--fR);font-size:clamp(1.8rem,4.5vw,3.5rem);font-weight:900;text-transform:uppercase;animation:fu .8s ease .2s both;position:relative;text-shadow:0 0 40px rgba(0,212,255,.12);letter-spacing:4px}
.ph-s{font-family:var(--fI);font-style:italic;font-size:1rem;color:var(--si);margin-top:12px;letter-spacing:3px;animation:fu .8s ease .4s both;position:relative}
.pp-sec{padding:40px 60px 88px}
.pf-bar{display:flex;gap:13px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:34px;max-width:1400px;margin-inline:auto}
.pf-srch{display:flex;flex:1;max-width:360px}
.pf-srch input{flex:1;padding:9px 12px;background:var(--card2);border:1px solid var(--bor);border-right:none;color:var(--wh);font-family:var(--fB);font-size:.9rem;outline:none;transition:all .3s}
.pf-srch input:focus{border-color:var(--cy);box-shadow:0 0 15px rgba(0,212,255,.06)}
.pf-srch input::placeholder{color:var(--di)}
.pf-srch button{padding:9px 12px;background:linear-gradient(135deg,var(--cy),var(--cy3));border:none;color:var(--bg);cursor:pointer;transition:all .3s}
.pf-srch button:hover{box-shadow:0 0 12px rgba(0,212,255,.4)}
.pno{text-align:center;padding:60px;color:var(--di);font-family:var(--fH);font-size:.7rem;letter-spacing:3px;display:none}

/* ── UTILITIES ──────────────────────────────────────────── */
.glass-card{background:var(--glass);backdrop-filter:var(--glass-b);border:1px solid rgba(0,212,255,.07);position:relative;overflow:hidden}
.glass-card:hover{border-color:rgba(0,212,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.4)}
.neon-gold{text-shadow:0 0 7px rgba(0,212,255,.6),0 0 20px rgba(0,212,255,.3)}
.neon-purple{text-shadow:0 0 7px rgba(123,47,247,.6),0 0 20px rgba(123,47,247,.3)}
.neon-green{text-shadow:0 0 7px rgba(34,197,94,.6),0 0 20px rgba(34,197,94,.3)}
.breathe{animation:breathe-anim var(--breathe) ease-in-out infinite}
@keyframes breathe-anim{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}
.smoke-trail{position:relative}
.smoke-trail::after{content:'';position:absolute;bottom:-10px;left:50%;width:60%;height:20px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,212,255,.06),transparent 70%);filter:blur(8px);opacity:0;transition:opacity .4s}
.smoke-trail:hover::after{opacity:1}
.vapor-divider{position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),rgba(123,47,247,.06),rgba(0,212,255,.1),transparent);margin:40px 60px}
.vapor-divider::before{content:'';position:absolute;top:-10px;left:50%;width:200px;height:20px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,212,255,.05),transparent);filter:blur(10px);animation:divider-glow 3s ease-in-out infinite}
@keyframes divider-glow{0%,100%{opacity:.3}50%{opacity:.8}}

/* ── FLOATING PARTICLES ─────────────────────────────────── */
.smoke-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.smoke-particle{position:absolute;width:3px;height:3px;background:rgba(0,212,255,.12);animation:particle-float linear infinite}
.smoke-particle:nth-child(1){left:10%;animation-duration:12s;width:2px;height:2px}
.smoke-particle:nth-child(2){left:25%;animation-duration:18s;animation-delay:2s;width:4px;height:4px;background:rgba(123,47,247,.1)}
.smoke-particle:nth-child(3){left:45%;animation-duration:15s;animation-delay:5s}
.smoke-particle:nth-child(4){left:65%;animation-duration:20s;animation-delay:3s;width:5px;height:5px;background:rgba(0,212,255,.08)}
.smoke-particle:nth-child(5){left:80%;animation-duration:14s;animation-delay:8s;width:2px;height:2px}
.smoke-particle:nth-child(6){left:35%;animation-duration:22s;animation-delay:1s}
.smoke-particle:nth-child(7){left:55%;animation-duration:16s;animation-delay:6s;width:4px;height:4px}
.smoke-particle:nth-child(8){left:90%;animation-duration:19s;animation-delay:4s;background:rgba(0,212,255,.06)}
@keyframes particle-float{0%{bottom:-10px;opacity:0;transform:translateX(0) scale(1)}10%{opacity:.6}50%{opacity:.3;transform:translateX(40px) scale(1.5)}90%{opacity:.1}100%{bottom:100vh;opacity:0;transform:translateX(-20px) scale(.5)}}

/* ── REVEAL ─────────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-l{opacity:0;transform:translateX(-38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-r{opacity:0;transform:translateX(38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-scale{opacity:0;transform:scale(.9);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv.on,.rv-l.on,.rv-r.on,.rv-scale.on{opacity:1;transform:translate(0) scale(1)}
.d1{transition-delay:.08s!important}.d2{transition-delay:.16s!important}.d3{transition-delay:.24s!important}
.d4{transition-delay:.32s!important}.d5{transition-delay:.40s!important}.d6{transition-delay:.48s!important}
.d7{transition-delay:.56s!important}.d8{transition-delay:.64s!important}

/* ── KEYFRAMES ──────────────────────────────────────────── */
@keyframes fu{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(0,212,255,.2)}50%{box-shadow:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(0,212,255,.2)}}
@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── FOCUS ──────────────────────────────────────────────── */
:focus-visible{outline:1px solid var(--cy);outline-offset:3px;box-shadow:0 0 0 3px rgba(0,212,255,.12)}

/* ── REDUCED MOTION ─────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.smoke-layer,.smoke-particles,.vapor-wisp,.h-smoke{display:none}}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1200px){.pgrid{grid-template-columns:repeat(3,1fr)}.wgrid{grid-template-columns:repeat(2,1fr)}.bgrid{grid-template-columns:repeat(2,1fr)}.mc{grid-template-columns:1fr}.me,.mph{height:380px}}
@media(max-width:900px){#nav{padding:13px 22px}#nav.sc{padding:10px 22px}.nav-links{display:none}.nav-ham{display:flex}.hero{padding:calc(32px + 48px) 18px 70px}.h-stats{bottom:58px}.hs{padding:9px 15px}.hs-n{font-size:1.1rem}.sb{grid-template-columns:repeat(2,1fr)}.sbi:nth-child(2){border-right:none}.pblock,.pp-sec{padding-left:20px;padding-right:20px}.pgrid{grid-template-columns:repeat(2,1fr);gap:13px}.about-lay{grid-template-columns:1fr;padding:60px 20px;gap:38px}.av-fl{display:none}.sp,.sp-sm{padding-left:20px;padding-right:20px}.wgrid{grid-template-columns:repeat(2,1fr)}.bgrid{grid-template-columns:1fr}.rgrid{grid-template-columns:1fr}.tgrid{grid-template-columns:1fr}.cstrip{grid-template-columns:1fr;padding:38px 20px}.ft-body{grid-template-columns:1fr 1fr;padding:38px 20px 18px;gap:26px}.ft-brand-col{grid-column:1/-1;padding-right:0;border-right:none;border-bottom:1px solid rgba(0,212,255,.06);padding-bottom:20px}.ft-bot{margin:0 20px;flex-direction:column;gap:6px;text-align:center}.ft-o,.ft-w{padding-left:20px;padding-right:20px}.ph,.pp-sec{padding-left:20px;padding-right:20px}.pf-bar{flex-direction:column;align-items:stretch}.pf-srch{max-width:100%}.par{height:360px}.rf-grid{grid-template-columns:1fr}.vapor-divider{margin-left:20px;margin-right:20px}}
@media(max-width:600px){.h-h1{font-size:2.2rem}.h-btns{flex-direction:column;align-items:center}.h-stats{display:none}.pgrid{grid-template-columns:1fr}.wgrid{grid-template-columns:1fr}.ct{font-size:.55rem;padding:7px 12px}.rf-wrap{padding:22px 18px}.smoke-particles .smoke-particle:nth-child(n+5){display:none}}