@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--bg:#050608;--panel:#0b0e13;--line:#252b35;--text:#f5f7fb;--muted:#8993a1;--blue:#2f7cff;--red:#f04444;--green:#48d483;--purple:#a46bff;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.brand>span:last-child>span{color:var(--red)}.brand-mark{border:2px solid var(--blue);color:#fff;width:34px;height:30px;font:800 14px var(--display);letter-spacing:-.08em;box-shadow:4px 4px 0 var(--red);place-items:center;display:grid;transform:skew(-8deg)}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0dde;border:1px solid #2b313a;border-radius:10px;align-items:center;width:min(1420px,100% - 40px);height:66px;padding:0 20px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.nav-links{color:#9da6b2;gap:34px;margin:auto;font-size:12px;display:flex}.nav-links a:hover{color:#fff}.nav-cta,.primary{background:var(--blue);letter-spacing:.08em;border-radius:4px;padding:13px 18px;font-size:11px;font-weight:800;box-shadow:0 10px 32px #2f7cff33}.nav-cta b{margin-left:10px;font-size:16px}.hero{background:radial-gradient(at 78%,#102f6f55,#0000 36%),radial-gradient(at 62% 68%,#6f202d33,#0000 28%),#050608;align-items:center;min-height:880px;padding:180px max(32px,50% - 710px) 100px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;width:43%;max-width:610px;position:relative}.live-label,.section-index{color:#768190;letter-spacing:.18em;margin:0 0 24px;font-size:11px;font-weight:700}.live-label i{background:var(--red);width:7px;height:7px;box-shadow:0 0 15px var(--red);border-radius:50%;margin-right:9px;animation:1.5s infinite pulse;display:inline-block}.hero h1,.section-intro h2,.flow-head h2,.obs-copy h2,.end-section h2{font:900 clamp(5.5rem,9vw,9.2rem)/.76 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0}.hero h1 em,.section-intro h2 em,.flow-head h2 em,.obs-copy h2 em{color:var(--blue);font-style:normal}.hero-lead{color:#aab2bd;max-width:520px;margin:30px 0;font-size:16px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary{border:1px solid var(--blue);align-items:center;gap:24px;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px #2f7cff55}.primary span{font-size:18px}.secondary{color:#c3cbd5;letter-spacing:.08em;border:1px solid #3a424f;border-radius:4px;align-items:center;padding:13px 18px;font-size:11px;font-weight:700;display:inline-flex}.hero-meta{color:#687381;letter-spacing:.12em;gap:22px;margin-top:44px;font-size:9px;display:flex}.hero-meta b{color:var(--red);margin-right:6px}.scroll-cue{color:#6d7885;letter-spacing:.18em;font-size:9px;position:absolute;bottom:30px;left:max(32px,50% - 710px)}.scroll-cue span{color:var(--blue);margin-left:10px;font-size:18px}.desk-scene{z-index:1;width:65%;height:610px;transform-style:preserve-3d;filter:drop-shadow(0 55px 45px #000);animation:7s ease-in-out infinite float;position:absolute;top:50%;right:-4%;transform:translateY(-44%)perspective(1400px)rotateX(7deg)rotateY(-10deg)}.desk-scene.large{width:100%;height:610px;animation:none;position:relative;top:auto;right:auto;transform:perspective(1400px)rotateX(8deg)rotateY(-8deg)}.ambient-grid{opacity:.55;background-color:#0000;background-image:linear-gradient(#10234744 1px,#0000 1px),linear-gradient(90deg,#10234744 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:translateZ(-100px)rotateX(60deg);-webkit-mask-image:radial-gradient(#000,#0000 68%);mask-image:radial-gradient(#000,#0000 68%)}.desk-surface{clip-path:polygon(2% 0,98% 0,100% 74%,92% 100%,6% 100%,0 70%);background:linear-gradient(135deg,#281d18,#0d0d0f 60%);border-top:3px solid #4d2d24;height:29%;position:absolute;bottom:3%;left:-5%;right:-5%;transform:translateZ(20px);box-shadow:0 35px 50px #000}.monitor{background:#070a0e;border:7px solid #171b21;border-radius:7px;position:absolute;overflow:hidden;box-shadow:0 24px 40px #000,inset 0 0 0 1px #414a57}.monitor-chat{width:26%;height:48%;top:19%;left:0;transform:rotateY(10deg)}.monitor-game{z-index:3;width:50%;height:54%;top:5%;left:22%}.monitor-obs{width:26%;height:48%;top:17%;right:0;transform:rotateY(-10deg)}.window-head{color:#697584;letter-spacing:.1em;border-bottom:1px solid #252c35;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:7px;display:flex}.window-head i,.card-top i{background:#f15f5f;border-radius:50%;width:7px;height:7px}.window-head i:nth-child(2),.card-top i:nth-child(2){background:#eab846}.window-head i:nth-child(3),.card-top i:nth-child(3){background:#4bc873}.window-head span{margin:auto}.chat-content{color:#8792a0;padding:18px 12px;font-size:8px;line-height:1.5}.chat-content>b{color:var(--purple);font-size:10px}.chat-content p{border-bottom:1px solid #1b2129;margin:0;padding:8px 0}.chat-content strong{color:#f5f7fb}.chat-input{background:#11161d;border:1px solid #242c37;margin-top:15px;padding:9px}.chat-input b{float:right;color:var(--blue)}.screen-off{color:#606b79;letter-spacing:.14em;place-items:center;height:90%;font-size:9px;display:grid}.game-content{background:linear-gradient(#142e50,#41647e 49%,#101820 50%);position:absolute;inset:27px 0 0;overflow:hidden}.moon{background:#ffd6a1;border-radius:50%;width:75px;height:75px;position:absolute;top:15%;right:12%;box-shadow:0 0 55px #ff9b59}.terrain{background:linear-gradient(162deg,#263b46,#15242f);width:120%;height:58%;position:absolute;bottom:-16%;left:-8%;transform:rotate(-4deg)}.player{z-index:2;clip-path:polygon(27% 0,73% 0,80% 52%,100% 100%,0 100%,20% 52%);filter:drop-shadow(0 0 12px #ff5366);background:#e7a4a0;width:25px;height:65px;position:absolute;bottom:23%}.p1{left:37%}.p2{filter:drop-shadow(0 0 12px #3e7fff);background:#9ebcf9;left:54%}.game-hud{z-index:3;color:#fff;letter-spacing:.09em;font-size:8px;line-height:1.6;position:absolute;top:14px;left:18px}.game-hud b{color:#77a9ff}.monitor-foot{z-index:-1;background:#181d23;width:8%;height:15%;position:absolute;bottom:-11%;left:46%}.monitor-foot:after{content:"";background:#181d23;width:270%;height:15px;position:absolute;bottom:0;left:-85%}.obs-mini{position:absolute;inset:27px 7px 7px}.mini-game{background:linear-gradient(#142d4a,#47627a 50%,#19262f 51%);position:absolute;inset:0}.mini-guest{border:2px solid var(--red);color:#fff;background:linear-gradient(135deg,#41151f,#22314a);width:43%;height:33%;padding:7px;font-size:7px;position:absolute;bottom:8px;right:7px}.mini-guest.cam{background:linear-gradient(135deg,#542632,#a47d75)}.mini-guest.mic{border-color:var(--green)}.mini-bar{gap:4px;display:flex;position:absolute;bottom:9px;left:7px}.mini-bar span{background:var(--green);width:18px;height:3px;box-shadow:0 0 7px var(--green);display:block}.keyboard{z-index:4;background:repeating-linear-gradient(90deg,#202831 0 8px,#10151b 9px 12px);border:5px solid #151a20;width:35%;height:15%;position:absolute;bottom:11%;left:28%;transform:perspective(300px)rotateX(52deg)}.tower{z-index:2;background:#080d14;border:4px solid #222932;width:12%;height:41%;position:absolute;bottom:10%;right:4%;box-shadow:inset 0 0 35px #2f7cff44}.tower:before,.tower:after{content:"";aspect-ratio:1;width:56%;box-shadow:0 0 18px var(--blue),inset 0 0 14px var(--blue);border:5px solid #2d5a92;border-radius:50%;position:absolute;left:17%}.tower:before{top:9%}.tower:after{box-shadow:0 0 18px var(--red),inset 0 0 14px var(--red);border-color:#762b37;bottom:9%}.light-strip{z-index:5;background:linear-gradient(90deg,transparent,var(--blue),var(--red),transparent);height:3px;box-shadow:0 0 20px var(--blue);position:absolute;bottom:3.7%;left:11%;right:12%}.connection-beam{z-index:6;text-align:center;width:38%;color:var(--green);letter-spacing:.17em;font-size:8px;position:absolute;top:1%;left:29%}.connection-beam:after{content:"";background:linear-gradient(90deg,transparent,var(--green),transparent);height:1px;box-shadow:0 0 14px var(--green);animation:2.4s linear infinite scan;position:absolute;top:21px;left:0;right:0}.connection-beam.off{color:var(--red)}.connection-beam.off:after{background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 14px var(--red)}.desk-section,.flow-section,.obs-section,.end-section{border-top:1px solid #171c23;padding:150px max(32px,50% - 710px)}.desk-section{background:linear-gradient(110deg,#080b0f,#050608);grid-template-columns:.72fr 1.28fr;gap:90px;display:grid}.section-intro{padding-top:25px}.section-intro h2,.flow-head h2,.obs-copy h2{font-size:clamp(5rem,8vw,8rem)}.section-intro>p:last-child,.obs-copy>p:not(.section-index),.end-section>p:not(.section-index){color:#8d97a5;max-width:360px;font-size:15px;line-height:1.65}.interactive-rig{min-width:0}.rig-controls{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.rig-controls button{color:#9da8b6;letter-spacing:.1em;background:#0a0e13;border:1px solid #2b323c;border-radius:3px;padding:11px 13px;font-size:9px}.rig-controls button.selected{color:#d5e4ff;border-color:#46699d}.dot{border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.dot.purple{background:var(--purple)}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.flow-section{background:#080a0d}.flow-head{margin-bottom:80px}.flow-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.flow-grid article{padding:35px 35px 0 0}.flow-grid article+article{border-left:1px solid var(--line);padding-left:35px}.flow-grid article>span{color:var(--red);font:700 14px var(--display)}.flow-grid h3{font:800 55px var(--display);letter-spacing:-.03em;margin:16px 0 12px}.flow-grid article>p{color:#8e98a5;min-height:56px;font-size:13px;line-height:1.5}.flow-card{background:linear-gradient(145deg,#12171e,#090c10);border:1px solid #303844;border-radius:7px;margin-top:30px;padding:18px;box-shadow:0 22px 35px #0008}.card-top{color:#788492;align-items:center;gap:5px;height:16px;font-size:7px;display:flex}.card-top b{margin:auto;font-weight:400}.flow-card strong{letter-spacing:.08em;margin:26px 0 7px;font-size:15px;display:block}.flow-card small{color:#7c8796;font-size:9px;display:block}.flow-card button{background:var(--blue);border:0;border-radius:3px;width:100%;margin-top:22px;padding:10px;font-size:9px;font-weight:800}.card-02 button{background:var(--green);color:#04130b}.card-03 button{background:var(--red)}.obs-section{background:radial-gradient(at 80% 30%,#172e5e44,#0000 42%),#06080b;grid-template-columns:.7fr 1.3fr;align-items:center;gap:90px;display:grid}.obs-copy h2{font-size:clamp(4.5rem,7vw,7rem)}.source-list{border-top:1px solid #27303b;margin-top:38px}.source-list button{color:#828d9b;text-align:left;background:0 0;border:0;border-bottom:1px solid #27303b;align-items:center;gap:10px;width:100%;padding:15px 0;font-size:12px;display:flex}.source-list button.active{color:#fff}.source-list button>b{color:var(--green);letter-spacing:.1em;margin-left:auto;font-size:9px}.source-list button span{border-radius:50%;width:8px;height:8px}.obs-window{background:#0a0d12;border:1px solid #36404c;border-radius:9px;overflow:hidden;box-shadow:0 35px 70px #000b}.obs-title{color:#87929f;letter-spacing:.1em;border-bottom:1px solid #2c343e;align-items:center;gap:20px;height:40px;padding:0 15px;font-size:9px;display:flex}.obs-title>span{gap:5px;display:flex}.obs-title i{background:#f15b5b;border-radius:50%;width:8px;height:8px}.obs-title i:nth-child(2){background:#e9b745}.obs-title i:nth-child(3){background:#4ac875}.obs-title b{color:var(--red);margin-left:auto;font-size:9px}.obs-canvas{background:#101820;border:1px solid #27303b;height:440px;margin:15px;position:relative;overflow:hidden}.obs-game{background:linear-gradient(#153251,#47677c 50%,#101921 51%);position:absolute;inset:0}.obs-guest{border:2px solid var(--red);color:#fff;background:linear-gradient(135deg,#421723,#243b54);width:30%;height:34%;padding:10px;font-size:9px;position:absolute;bottom:18px;right:18px}.obs-guest.cam{background:linear-gradient(135deg,#6c2e3b,#ac8172)}.obs-guest.mic{border-color:var(--green)}.obs-lower{color:#cbd4df;gap:14px;font-size:9px;display:flex;position:absolute;bottom:12px;left:14px}.obs-lower span{color:#657282}.obs-status{color:#687483;letter-spacing:.1em;gap:26px;padding:0 15px 15px;font-size:9px;display:flex}.green-text{color:var(--green)}.red-text{color:var(--red)}.end-section{text-align:center;background:radial-gradient(at 50% 100%,#16326c44,#0000 50%),#080a0d;padding-top:180px;padding-bottom:180px}.end-section .section-index{color:var(--blue)}.end-section h2{max-width:800px;margin:0 auto 28px;font-size:clamp(5.5rem,10vw,10rem)}.end-section>p:not(.section-index){margin:0 auto 35px}.end-section .primary{display:inline-flex}footer{color:#697584;letter-spacing:.12em;border-top:1px solid #252b34;justify-content:space-between;align-items:center;padding:46px max(32px,50% - 710px);font-size:9px;display:flex}footer .brand{color:#fff}@keyframes float{0%,to{transform:translateY(-44%)perspective(1400px)rotateX(7deg)rotateY(-10deg)}50%{transform:translateY(-47%)perspective(1400px)rotateX(8deg)rotateY(-8deg)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 4px var(--red)}}@keyframes scan{0%{opacity:.2;transform:translate(-18%)}50%{opacity:1}to{opacity:.2;transform:translate(18%)}}@media (max-width:1100px){.hero{padding-top:150px;display:block}.hero-copy{width:70%}.desk-scene{width:100%;height:520px;margin-top:30px;position:relative;top:auto;right:auto;transform:none}.desk-section,.obs-section{grid-template-columns:1fr;gap:60px}.desk-scene.large{height:560px}.obs-copy{max-width:650px}}@media (max-width:760px){.topbar{width:calc(100% - 20px);height:58px;top:10px}.nav-links{display:none}.nav-cta{margin-left:auto;padding:11px;font-size:9px}.hero{min-height:850px;padding:125px 20px 45px}.hero-copy{width:100%}.hero h1{font-size:5.8rem}.hero-lead{font-size:14px}.hero-meta{flex-wrap:wrap;gap:10px;font-size:8px}.desk-scene{width:calc(100% + 64px);height:350px;margin-inline:-32px;transform:scale(.9)}.desk-scene.large{transform-origin:top;height:360px;margin-bottom:-45px;transform:scale(.9)}.monitor{border-width:4px}.monitor-chat,.monitor-obs{height:45%}.monitor-game{height:50%}.hero-actions{gap:8px}.primary,.secondary{font-size:9px}.desk-section,.flow-section,.obs-section,.end-section{padding:90px 20px}.section-intro h2,.flow-head h2,.obs-copy h2{font-size:5.4rem}.flow-grid{grid-template-columns:1fr}.flow-grid article,.flow-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:32px 0}.flow-grid h3{font-size:4rem}.obs-canvas{height:280px}.obs-status{gap:10px;font-size:7px}.obs-lower{font-size:7px}.end-section h2{font-size:6rem}footer{gap:22px;padding:35px 20px;font-size:8px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}