body{color:#fff;background:#050505;margin:0;font-family:Inter,sans-serif}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;width:100%;padding:20px 60px;display:flex;position:fixed}.hero{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{font-family:Orbitron}button{color:#00f0ff;cursor:pointer;background:0 0;border:1px solid #00f0ff;margin:10px;padding:12px 24px;transition:all .3s}button:hover{color:#000;background:#00f0ff;box-shadow:0 0 25px #00f0ff}section{padding:120px 80px}.title{text-align:center;margin-bottom:40px;font-size:32px}.grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.card{background:#111;justify-content:center;align-items:center;height:260px;transition:all .4s;display:flex}.card:hover{transform:scale(1.05);box-shadow:0 0 30px #00f0ff}.playground{text-align:center}.playground .box{background:#111;width:200px;height:200px;margin:40px auto}.contact{justify-content:center;align-items:center;min-height:100vh;display:flex}.contact-container{text-align:center;width:100%;max-width:500px}.contact h2{margin-bottom:40px;font-family:Orbitron;font-size:36px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff0d;border:1px solid #00f0ff33;outline:none;padding:14px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d}@media (width<=1200px){.grid{grid-template-columns:1fr}}.loader-screen{z-index:9999;-webkit-user-select:none;user-select:none;background:#040302;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-webgl-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ref-blank-screen-stage{perspective:1100px;z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:24% 9% 24% 54%}.ref-screen-wall-glow{filter:blur(20px);background:radial-gradient(at 48% 52%,#ffd79147 0%,#d2964b1f 48%,#0000 76%);animation:.16s steps(2,end) infinite refScreenFlicker;position:absolute;inset:-9% -8%}.ref-blank-screen{transform-origin:100%;background:linear-gradient(135deg,#d6d2cc 0%,#e5e2dc 45%,#dedad3 80%,#c9c4bc 100%);border-radius:28px;width:100%;height:100%;animation:.15s steps(2,end) infinite refScreenFlicker;position:relative;overflow:hidden;transform:rotateY(-11deg)rotateX(1deg);box-shadow:-18px 0 55px #ffcd7d38,0 0 35px #ffdca52e,inset 0 0 28px #00000038}.ref-screen-beam-wash{filter:blur(18px);pointer-events:none;background:radial-gradient(#ffeec38c 0%,#ffd28233 45%,#0000 75%);width:65%;height:50%;position:absolute;top:38%;left:-8%}.ref-projected-branding{z-index:1;aspect-ratio:16/9;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(150%,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.ref-projected-logo{object-fit:contain;opacity:.98;filter:saturate(1.4)blur(.1px)drop-shadow(0 0 2px #9c4d0ae6)drop-shadow(0 0 10px #ff891b66);width:100%;height:100%;position:absolute;inset:0}.ref-dust-speck{pointer-events:none;background:#19140fa6;border-radius:50%;animation:.45s steps(2,end) infinite speckFlicker;position:absolute}.ref-hair-scratch{pointer-events:none;border-top:1.5px solid #231c1447;border-radius:50%;width:38px;height:22px;animation:.8s steps(3,end) infinite speckFlicker;position:absolute;top:51%;left:11%;transform:rotate(18deg)}.ref-projector-rays{z-index:4;pointer-events:none;filter:blur(5px);mix-blend-mode:screen;width:20%;height:20%;animation:.14s steps(2,end) infinite refRayFlicker;position:absolute;top:48%;left:39%;transform:translateY(-20%)}.ref-ray-core{clip-path:polygon(0% 35%,100% 0%,100% 100%,0% 65%);background:linear-gradient(90deg,#ffebb4c7 0%,#ffd78c6b 38%,#ffc8731f 75%,#0000 100%);width:95%;height:16%;position:absolute;top:42%;left:0}.ref-ray-fan{clip-path:polygon(0% 44%,100% 0%,100% 100%,0% 56%);background:repeating-conic-gradient(from -16deg at 0%,#ffd28247 0deg,#0000 3.2deg,#ffe1a038 6.4deg,#0000 9.5deg);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0009 45%,#0000 92%);mask-image:linear-gradient(90deg,#000 0%,#0009 45%,#0000 92%)}.loader-hud{z-index:6;opacity:.95;flex-direction:column;align-items:center;gap:7px;width:min(340px,82vw);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.loader-hud-meta{letter-spacing:.22em;color:#ffd296c7;justify-content:space-between;width:100%;font-family:Inter,sans-serif;font-size:9px;font-weight:400;display:flex}.loader-progress-percent{color:#ffe0ad;letter-spacing:.04em;text-shadow:0 0 10px #ffb45080;font-size:12px;font-weight:700}.loader-bar-track{background:#fff3;border-radius:2px;width:100%;height:3px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg,#d4883a,#ffdfb0);height:100%;transition:width .14s}@keyframes refScreenFlicker{0%,to{opacity:.98}33%{opacity:.94}66%{opacity:1}}@keyframes refRayFlicker{0%,to{opacity:.95;transform:translateY(-20%)scaleY(1)}50%{opacity:.82;transform:translateY(-20%)scaleY(.96)}}@keyframes speckFlicker{0%,to{opacity:.75}50%{opacity:.15}}@media (width<=768px){.ref-blank-screen-stage{inset:28% 6% 28% 47%}}@media (width<=600px){.ref-blank-screen-stage{height:min(20vh,145px);inset:8% 16% auto}.ref-blank-screen{border-radius:16px}.ref-projector-rays{width:32%;height:18%;top:30%;left:34%}.loader-hud{bottom:max(18px, env(safe-area-inset-bottom));width:min(340px,88vw)}.loader-hud-meta{letter-spacing:.1em;font-size:8px}.loader-progress-percent{font-size:12px}}