:root{--x: 50%;--y: 50%}html,body{overflow-x:hidden;height:100%}body{background-color:#020617;margin:0;font-family:Inter,sans-serif;color:#e2e8f0}.blueprint-frame{position:fixed;inset:0;border:1px solid rgba(39,39,42,.8);z-index:1000;pointer-events:none;mix-blend-mode:exclusion}.blueprint-crosshair{position:absolute;width:10px;height:10px;border-color:#10b98180;pointer-events:none}.blueprint-crosshair-tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.blueprint-crosshair-tr{top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}.blueprint-crosshair-bl{bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}.blueprint-crosshair-br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.blueprint-coord{position:absolute;font-family:Share Tech Mono,monospace;font-size:8px;color:#71717a99;letter-spacing:2px}.blueprint-coord-top{top:8px;left:16px}.blueprint-coord-bottom{bottom:8px;right:16px}.cinematic-environment{transition:filter 1s ease}.font-mono{font-family:Share Tech Mono,monospace}.tactical-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.digital-grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:calc(.03 + (var(--system-load, 0) * .15));background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");transition:opacity .5s ease}#spotlight{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 600px at var(--x) var(--y),rgba(16,185,129,.05),transparent 80%);mix-blend-mode:screen}#trail-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}.slant-btn{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .3s ease}.slant-btn:hover{box-shadow:0 0 20px #10b98166}.notch-container{clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,0 100%)}#audio-hud{transition:all .5s cubic-bezier(.4,0,.2,1)!important}#audio-hud.collapsed{width:130px!important;height:14px!important;background:#10b981!important;overflow:hidden!important;opacity:.6!important;border-radius:3px!important;border-color:transparent!important;transition:all .7s cubic-bezier(.19,1,.22,1)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding-right:8px!important}#audio-hud.collapsed #hud-speaker{opacity:1!important}#audio-hud.collapsed #audio-drag-handle,#audio-hud.collapsed #audio-body{display:none!important}#audio-hud.collapsed:hover{width:14rem!important;height:auto!important;background:#09090be6!important;opacity:1!important;border-radius:0!important;border-color:#27272a!important}#audio-hud.collapsed:hover #audio-drag-handle,#audio-hud.collapsed:hover #audio-body{display:flex!important}.pad-clip{clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);transition:all .3s ease}.pad-clip:hover{box-shadow:0 0 25px #10b98133;text-shadow:0 0 10px rgba(16,185,129,.5)}.bracket{position:relative}.bracket:before,.bracket:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(16,185,129,.5);pointer-events:none;transition:all .3s ease}.bracket:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.bracket:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.bracket:hover:before,.bracket:hover:after{width:30px;height:30px;border-color:#10b981}.side-label{position:fixed;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;color:#fff3;letter-spacing:.2em;pointer-events:none;z-index:100}.label-left{left:10px}.label-right{right:10px}.scanline-sweep{position:absolute;top:0;left:0;width:100%;height:5px;background:#ffffff1a;animation:sweep 4s linear infinite;z-index:20;pointer-events:none}@keyframes sweep{0%{transform:translateY(-10px);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(400px);opacity:0}}.interactive-glow{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle 350px at var(--x) var(--y),rgba(16,185,129,.1),transparent 80%);opacity:0;transition:opacity .5s ease}*:hover>.interactive-glow{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.card-reveal-wrapper{transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateZ(-200px) scale(.8);opacity:0;will-change:transform,opacity;transform-style:preserve-3d}.card-reveal-wrapper.popped{transform:translateZ(0) scale(1);opacity:1}.glass-lens{position:absolute;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;z-index:5;pointer-events:none;will-change:transform;animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(5deg)}}.lens-1{clip-path:polygon(15% 0,100% 20%,85% 100%,0 80%);width:140px;height:160px;top:20%;left:8%;animation-delay:0s}.lens-2{clip-path:polygon(0 10%,100% 0,90% 100%,10% 90%);width:200px;height:120px;top:45%;right:5%;animation-delay:-2s}.lens-3{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:90px;height:90px;top:80%;left:12%;animation-delay:-4s}.lens-4{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);width:180px;height:150px;bottom:15%;right:10%;animation-delay:-1s}.lens-5{clip-path:polygon(0 0,100% 30%,70% 100%,30% 100%);width:100px;height:140px;top:10%;right:25%;animation-delay:-6s}.tilt-container{perspective:1200px;display:block;overflow:visible}.tilt-card{will-change:transform;transform-style:preserve-3d;transition:transform .15s ease-out;box-shadow:0 50px 100px -20px #000c,0 0 0 1px #10b9811a}.tilt-card:hover{z-index:60;box-shadow:0 50px 100px -20px #000000e6,0 0 0 1px #10b98180}.card-shine{position:absolute;inset:0;pointer-events:none;z-index:30;opacity:0;transition:opacity .3s;background:radial-gradient(circle 350px at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.1),transparent 60%)}.scene{width:120px;height:120px;perspective:1000px;position:absolute;top:50%;right:10%;transform:translateY(-50%);z-index:10;pointer-events:none}.cube__face{position:absolute;width:120px;height:120px;border:1px solid rgba(16,185,129,.3);background:#10b98105;box-shadow:inset 0 0 20px #10b9811a;display:flex;align-items:center;justify-content:center}.cube__face--front{transform:rotateY(0) translateZ(60px)}.cube__face--right{transform:rotateY(90deg) translateZ(60px)}.cube__face--back{transform:rotateY(180deg) translateZ(60px)}.cube__face--left{transform:rotateY(-90deg) translateZ(60px)}.cube__face--top{transform:rotateX(90deg) translateZ(60px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(60px)}.drift-wrapper{width:60px;height:60px;animation:float-drift 12s infinite ease-in-out;will-change:transform}.drift-wrapper:nth-of-type(2){animation-delay:-3s;animation-duration:14s}.drift-wrapper:nth-of-type(3){animation-delay:-7s;animation-duration:10s}@keyframes float-drift{0%{transform:translate(0)}25%{transform:translate(4px,2px)}50%{transform:translate(1px,-4px)}75%{transform:translate(-3px,3px)}to{transform:translate(0)}}.glitch-element{width:100%;height:100%;animation:jitter 3s infinite linear;will-change:transform,opacity}@keyframes jitter{0%,94%{transform:translate(0);opacity:1}95%{transform:translate(2px,-2px);opacity:.4}96%{transform:translate(-2px,1px);opacity:.8}98%{transform:translate(1px,2px);opacity:.2}99%{transform:translate(-1px,-1px);opacity:.9}to{transform:translate(0);opacity:1}}svg.hud-optics{width:60px;height:60px}.readout-text{font-family:Share Tech Mono,monospace;font-size:11px;font-weight:700;text-align:center;line-height:60px;letter-spacing:.5px}.tactical-grid-bg{position:fixed;inset:-50%;z-index:-3;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:200px 200px;will-change:transform}.shard{position:absolute;background:#10b9810d;border:1px solid rgba(16,185,129,.2);z-index:-10;pointer-events:none;will-change:transform}.shard-1{clip-path:polygon(20% 0,100% 0,80% 100%,0% 100%);width:100px;height:100px;top:15%;left:10%}.shard-2{clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);width:150px;height:80px;top:40%;right:5%}.shard-3{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);width:60px;height:120px;top:75%;left:15%}.shard-4{clip-path:polygon(0 0,100% 20%,80% 100%,20% 100%);width:120px;height:120px;bottom:10%;right:15%}.tilt-container{perspective:1000px;display:block;overflow:visible}.tilt-card{will-change:transform;transform-style:preserve-3d;transition:transform .15s ease-out}.tilt-card:hover{z-index:60}.card-shine{position:absolute;inset:0;pointer-events:none;z-index:30;opacity:0;transition:opacity .3s;background:radial-gradient(circle 300px at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.15),transparent 60%)}.tilt-card:hover .card-shine{opacity:1}.reveal-row{opacity:0;transform:scale(1.1) translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-row.active{opacity:1;transform:scale(1) translateY(0)}.scene{width:100px;height:100px;perspective:800px;position:absolute;top:50%;right:15%;transform:translateY(-50%);z-index:10;pointer-events:none}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform}.cube__face{position:absolute;width:100px;height:100px;border:1px solid rgba(16,185,129,.5);background:#10b9810d;box-shadow:inset 0 0 15px #10b9811a;display:flex;align-items:center;justify-content:center}.cube__face--front{transform:rotateY(0) translateZ(50px)}.cube__face--right{transform:rotateY(90deg) translateZ(50px)}.cube__face--back{transform:rotateY(180deg) translateZ(50px)}.cube__face--left{transform:rotateY(-90deg) translateZ(50px)}.cube__face--top{transform:rotateX(90deg) translateZ(50px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(50px)}@media (max-width: 768px){.pad-clip{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}#audio-hud{inset:auto 20px 20px auto!important;transform:scale(.85);transform-origin:bottom right;max-width:200px}#marketing-engine{padding-top:10vh!important}#marketing-engine h1{word-break:keep-all;font-size:clamp(2rem,8vw,3rem)!important}}