*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;background:#050505;color:#f5f5f5;font-family:Inter,Arial,sans-serif;overflow-x:hidden}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #241010}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.15) brightness(.48);z-index:-3}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(255,0,30,.16),transparent 32%),linear-gradient(90deg,#050505 5%,rgba(5,5,5,.78) 48%,rgba(5,5,5,.3) 100%);z-index:-2}.nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,92%);height:88px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:800 17px Orbitron;letter-spacing:2px;min-width:0;flex-shrink:1}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand img{width:38px;height:38px;object-fit:cover;border:1px solid #e20a20;box-shadow:0 0 22px rgba(255,0,30,.3)}.brand span span,.hero h1 span,h2 span{color:#e50922}.nav-links{display:flex;gap:30px}.nav-links a,.footer a{color:#c9c9c9;text-decoration:none;font:600 11px Orbitron;letter-spacing:1.5px;transition:.25s}.nav-links a:hover,.footer a:hover{color:#ff1731}.sound-btn,.menu-btn{border:1px solid #5d2025;background:rgba(0,0,0,.45);color:#fff;font:700 10px Orbitron;letter-spacing:1px;padding:11px 14px;cursor:pointer;min-height:44px;flex:none}.sound-btn:hover{border-color:#ff1731;background:#16070a}.menu-btn{display:none}.hero-content{padding-top:80px}.eyebrow,.section-kicker,.live-note,.spec-badge{font:700 10px Orbitron;letter-spacing:2px;color:#aaa}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff1731;box-shadow:0 0 12px #ff1731;margin-right:8px;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}h1{font:900 clamp(58px,10vw,138px)/.85 Orbitron;letter-spacing:-5px;margin:28px 0 22px;text-shadow:0 20px 60px #000}h2{font:800 clamp(35px,5vw,66px)/1 Orbitron;letter-spacing:-2px;margin:14px 0 0}.hero-copy{font-size:18px;color:#ccc;letter-spacing:2px}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-block;padding:15px 22px;text-decoration:none;font:800 11px Orbitron;letter-spacing:1.5px}.btn-primary{background:#e50922;color:#fff;box-shadow:0 0 35px rgba(229,9,34,.24)}.btn-primary:hover{background:#ff1935;transform:translateY(-2px)}.btn-ghost{border:1px solid #555;color:#fff;background:rgba(0,0,0,.25)}.hero-stats{display:flex;gap:40px;margin-top:70px}.hero-stats div{display:grid;gap:5px}.hero-stats strong{font:800 20px Orbitron}.hero-stats span{font:600 8px Orbitron;color:#777;letter-spacing:1px}.scroll-cue{position:absolute;right:4%;bottom:30px;writing-mode:vertical-rl;font:700 9px Orbitron;color:#777;letter-spacing:2px}.scroll-cue span{color:#e50922;font-size:18px}.section{padding:110px 0;position:relative}.intro{background:linear-gradient(180deg,#070707,#0b0506)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.lead{font-size:18px;line-height:1.9;color:#aaa;max-width:590px}.games{background:#080808}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.live-note{color:#777}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{position:relative;min-height:250px;padding:28px;background:linear-gradient(145deg,#151515,#090909);border:1px solid #252525;overflow:hidden;transition:.35s;transform-style:preserve-3d;display:block;text-decoration:none;color:inherit;cursor:pointer}.game-card:hover{transform:perspective(800px) rotateX(3deg) rotateY(-4deg) translateY(-8px);border-color:#8d1724;box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 35px rgba(229,9,34,.08)}.card-glow{position:absolute;width:150px;height:150px;right:-50px;top:-50px;background:#e50922;filter:blur(80px);opacity:.13}.game-number{position:absolute;right:18px;top:15px;font:700 10px Orbitron;color:#555}.game-icon{font:900 31px Orbitron;color:#e50922;margin-bottom:35px}.game-card h3{font:800 18px Orbitron;margin:0 0 8px}.game-card p{color:#777;font-size:12px}.status{display:flex;align-items:center;gap:7px;margin-top:28px;font:700 9px Orbitron;letter-spacing:1px}.status i{width:6px;height:6px;border-radius:50%;background:#22e47a;box-shadow:0 0 10px #22e47a}.status b{color:#22e47a}.status small{color:#555;margin-left:auto}.status-disclaimer{color:#555;font-size:11px;line-height:1.7;margin-top:22px}.status-disclaimer code{color:#aaa}.setup{background:#050505}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#252525;border:1px solid #252525}.spec-panel{min-height:150px;padding:25px;background:#090909;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;transition:.25s}
a.spec-panel{cursor:pointer}
a.spec-panel:hover{background:#120a0b;box-shadow:inset 0 0 0 1px #5d2025}.spec-panel span{font:700 9px Orbitron;color:#666;letter-spacing:2px}.spec-panel strong{font:800 16px Orbitron}.spec-panel em{font-style:normal;color:#777;font-size:11px}.spec-badge{border:1px solid #3d171b;padding:10px;color:#e50922}.settings{background:linear-gradient(180deg,#080808,#0b0506)}.settings-layout{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center}.dpi-orb{aspect-ratio:1;border:1px solid #321317;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;background:radial-gradient(circle,#16090b,#070707 58%);box-shadow:inset 0 0 80px rgba(229,9,34,.07),0 0 60px rgba(229,9,34,.05)}.dpi-orb strong{font:900 76px Orbitron}.dpi-orb span,.dpi-orb small{font:700 9px Orbitron;color:#777;letter-spacing:3px}.dpi-orb span{color:#e50922}.orb-ring{position:absolute;inset:12%;border:1px dashed #6d1a25;border-radius:50%;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-table{border-top:1px solid #2b2b2b}.setting-row{display:flex;justify-content:space-between;padding:17px 5px;border-bottom:1px solid #202020}.setting-row span{color:#888;font-size:13px}.setting-row b{font:700 11px Orbitron;color:#eee}.clips{background:#060606}.clip-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clip-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #292929}.footer{padding:28px 0;border-top:1px solid #222;background:#030303}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:11px;color:#555}.footer .brand{font-size:12px}@media(max-width:850px){.nav-links{display:none;position:absolute;top:75px;left:0;right:0;padding:18px;background:#080808;border:1px solid #222;flex-direction:column;gap:18px}.nav-links.open{display:flex}.menu-btn{display:block;margin-left:auto;margin-right:8px}.nav .sound-btn{font-size:9px}.two-col,.settings-layout{grid-template-columns:1fr;gap:30px}.game-grid{grid-template-columns:1fr 1fr}.spec-grid{grid-template-columns:1fr 1fr}.settings-layout{max-width:700px}.dpi-orb{width:min(300px,80vw);margin:auto}.hero-stats{gap:22px;margin-top:50px}}@media(max-width:560px){.container{width:90%}.nav{height:72px}.brand{font-size:13px}.brand img{width:32px;height:32px}.hero-content{padding-top:60px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-copy{font-size:14px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats strong{font-size:15px}.section{padding:80px 0}.game-grid,.clip-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start}.scroll-cue{display:none}}@media(max-width:400px){.container{width:94%}.nav{width:94%}.brand{font-size:11px;gap:8px}.brand img{width:26px;height:26px}.menu-btn{padding:9px 11px;font-size:9px}.sound-btn{padding:9px 10px;font-size:7.5px;letter-spacing:.5px}.hero h1{font-size:44px}.hero-stats{gap:8px}.hero-actions{flex-wrap:wrap}.btn{padding:13px 16px;font-size:10px}}@media(max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:100px 0 50px}.hero-content{padding-top:0}.hero h1{font-size:clamp(36px,7vw,64px);margin:14px 0}.hero-stats{margin-top:26px}.scroll-cue{display:none}}


/* SOCIAL HUB */
.social{background:#050505}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social-card{position:relative;display:flex;align-items:center;gap:16px;min-height:120px;padding:22px;text-decoration:none;color:#fff;background:linear-gradient(145deg,#171717,#080808);border:1px solid #2b2b2b;overflow:hidden;transition:.3s;transform-style:preserve-3d}.social-card:after{content:"";position:absolute;right:-55px;bottom:-65px;width:150px;height:150px;background:#e50922;filter:blur(65px);opacity:.1}.social-card:hover{transform:perspective(700px) rotateX(3deg) rotateY(-4deg) translateY(-7px);border-color:#9b1826;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(229,9,34,.09)}.social-icon{width:52px;height:52px;display:grid;place-items:center;flex:none;border:1px solid #561721;background:#0b0b0b;color:#e50922;font:900 13px Orbitron}.social-card span:not(.social-icon){display:grid;gap:7px;min-width:0}.social-card small{font:700 8px Orbitron;letter-spacing:2px;color:#666}.social-card strong{font:700 13px Orbitron;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card>b{margin-left:auto;color:#555;font-size:22px;transition:.25s}.social-card:hover>b{color:#e50922;transform:translate(3px,-3px)}@media(max-width:850px){.social-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.social-grid{grid-template-columns:1fr}}

/* ============================================================
   HERO REDESIGN — cinematic fullscreen hero (IntrovertAim)
   Only touches .hero and its children. Everything below the
   hero (games, setup, settings, clips, social, footer) is
   untouched by this block.
   ============================================================ */
@font-face{font-family:"Podium Fallback";src:local("Arial Black");}
.font-podium,.brand span,.hero h1{font-family:"FSP DEMO - PODIUM Sharp 4.11","Orbitron",sans-serif;}

.hero{min-height:100svh;overflow:hidden;}
.hero-video{filter:saturate(.72) contrast(1.12) brightness(.5);}
.hero-overlay{background:radial-gradient(circle at 68% 40%,rgba(255,20,40,.14),transparent 34%),linear-gradient(90deg,#050505 8%,rgba(5,5,5,.82) 42%,rgba(5,5,5,.38) 78%,rgba(5,5,5,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.55) 100%);}
.hero-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 160px 40px rgba(0,0,0,.55);}

/* --- nav --- */
.nav{height:auto;padding:20px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;}
.nav .brand{grid-column:1;font-size:22px;letter-spacing:3px;}
.brand img{width:40px;height:40px;}
.nav-links{grid-column:2;display:flex;gap:34px;justify-self:center;}
.nav-links a{font:600 11px Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;}
.nav-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;}
.sound-btn{font:700 10px Inter,sans-serif;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);}

.menu-btn{display:none;border:1px solid #5d2025;background:rgba(0,0,0,.45);width:44px;height:44px;padding:0;align-items:center;justify-content:center;cursor:pointer;}
.menu-btn-bars{display:flex;flex-direction:column;gap:4px;width:18px;}
.menu-btn-bars i{display:block;height:2px;width:100%;background:#fff;border-radius:2px;}

/* --- fullscreen mobile menu --- */
.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;display:flex;flex-direction:column;}
.mobile-menu.open{opacity:1;visibility:visible;}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px;border-bottom:1px solid #221315;}
.mobile-close-btn{border:1px solid #5d2025;background:rgba(0,0,0,.35);color:#fff;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;}
.mobile-menu-links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 6%;}
.mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;color:#fff;text-decoration:none;font:800 clamp(28px,7vw,46px) "FSP DEMO - PODIUM Sharp 4.11","Orbitron",sans-serif;letter-spacing:1px;border-bottom:1px solid #1c1c1c;opacity:.9;transition:.25s;}
.mobile-menu-links a:hover,.mobile-menu-links a:active{opacity:1;color:#ff1731;padding-left:14px;}
.mobile-menu-links a svg{opacity:.5;flex:none;}

/* --- eyebrow / badge --- */
.hero .eyebrow{font:600 12px Inter,sans-serif;letter-spacing:.28em;color:rgba(255,255,255,.65);text-transform:uppercase;margin-bottom:clamp(20px,3vw,32px);}
.hero-badge{position:absolute;right:clamp(24px,5vw,64px);top:130px;z-index:5;display:none;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);color:rgba(255,255,255,.85);font:600 10px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;}
.hero-badge svg{color:#ff1731;flex:none;}

/* --- heading / copy --- */
.hero-content{padding-top:0;}
.hero h1{font-size:clamp(2.8rem,8vw,7rem);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 20px;}
.hero-copy{font:400 clamp(14px,1.6vw,17px)/1.7 Inter,sans-serif;color:rgba(255,255,255,.7);letter-spacing:.02em;max-width:34ch;margin-bottom:0;}

/* --- CTAs --- */
.hero-actions{gap:14px;margin-top:38px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:10px;font:700 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.18em;padding:15px 22px;transition:transform .3s ease,background .3s ease,border-color .3s ease;}
.btn-primary{background:#fff;color:#0a0a0a;box-shadow:none;}
.btn-primary:hover{background:#fff;transform:translateY(-2px);}
.btn-primary .btn-arrow{transition:transform .3s ease;}
.btn-primary:hover .btn-arrow{transform:translate(2px,-2px);}
.btn-ghost{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);backdrop-filter:blur(6px);}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);}

/* --- stats --- */
.hero-stats{gap:clamp(28px,4vw,56px);margin-top:clamp(34px,6vw,64px);flex-wrap:wrap;}
.hero-stats strong{font:700 clamp(22px,3.2vw,44px) Inter,sans-serif;letter-spacing:-.02em;}
.hero-stats span{font:600 10px Inter,sans-serif;color:rgba(255,255,255,.5);letter-spacing:.18em;}

.scroll-cue{font:600 10px Inter,sans-serif;letter-spacing:.2em;}

/* --- entrance animations --- */
@keyframes fade-up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fade-in{from{opacity:0;}to{opacity:1;}}
.animate-fade-up,.animate-fade-up-delay-1,.animate-fade-up-delay-2,.animate-fade-up-delay-3,.animate-fade-up-delay-4{opacity:0;animation:fade-up .8s ease-out forwards;}
.animate-fade-up{animation-delay:0s;}
.animate-fade-up-delay-1{animation-delay:.2s;}
.animate-fade-up-delay-2{animation-delay:.4s;}
.animate-fade-up-delay-3{animation-delay:.6s;}
.animate-fade-up-delay-4{animation-delay:.8s;}
.animate-fade-in-delay{opacity:0;animation:fade-in 1s ease-out .9s forwards;}

@media(prefers-reduced-motion:reduce){
  .animate-fade-up,.animate-fade-up-delay-1,.animate-fade-up-delay-2,.animate-fade-up-delay-3,.animate-fade-up-delay-4,.animate-fade-in-delay{animation:none;opacity:1;transform:none;}
  .pulse,.orb-ring{animation:none;}
}

/* --- responsive nav / hero --- */
@media(max-width:1024px){
  .nav-links{display:none;}
  .menu-btn{display:flex;margin:0;}
  .hero-badge{top:120px;}
}
@media(max-width:640px){
  .hero-badge{display:none;}
  .nav{padding:16px 0;}
  .brand img{width:32px;height:32px;}
  .nav .brand{font-size:16px;letter-spacing:2px;}
}
@media(min-width:641px){
  .hero-badge.hidden-mobile{display:flex;}
}