:root{--bg:#07080a;--panel:#101111;--muted:#93999e;--cyan:#8de7ff;--line:#ffffff13}body{background:#07080a}header{background:#07080ae8;height:76px}.hero{display:block!important;min-height:0!important;padding:75px 6% 40px!important;text-align:center;background:radial-gradient(ellipse at 50% 90%,#12374933,transparent 55%)}.hero:before,.hero:after,.hero>.visual,.hero>.scroll,.hero-grid{display:none}.hero-copy{max-width:900px;margin:auto}.hero h1{font-size:clamp(43px,5.3vw,76px);line-height:1.17;letter-spacing:-3px;margin:22px 0}.hero h1 br{display:none}.hero-copy p{font-size:15px;line-height:1.9;max-width:650px;margin:0 auto;color:#a8acb3}.hero-copy .buttons{justify-content:center;margin-top:25px}.hero-notes{display:none}.btn{background:#f4f6f7;color:#101217;border-radius:7px;padding:15px 23px}.btn:hover{box-shadow:0 0 35px #c8eaff22}.gradient{background-image:linear-gradient(100deg,#ebfaff,#7dd8ff,#cbacff)}.navcta{border-color:#ffffff26;color:#eff5ff;border-radius:7px}.resolution-stage{margin:45px auto 0;max-width:1200px;position:relative;text-align:left}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;background:#0f1216;border:1px solid #283037;border-bottom:0;border-radius:10px 10px 0 0;font:10px monospace;color:#8c9aab;letter-spacing:1px}.stage-top strong{color:#d8ecf9;font-weight:400}.stage-dots{display:inline-flex;gap:5px;margin-right:12px}.stage-dots i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4b5966}.stage-dots i:first-child{background:#7de5ee}.resolution-view{position:relative;height:clamp(280px,36vw,490px);overflow:hidden;background:#0b1320;border:1px solid #283037;box-shadow:0 0 70px #71caff0b;border-radius:0 0 10px 10px}#resolutionCanvas{width:100%;height:100%;display:block}.resolution-view:after{content:'';position:absolute;inset:0;border:8px solid #090d12;pointer-events:none;border-radius:0 0 10px 10px}.resolution-label{position:absolute;left:30px;top:25px;z-index:2;font:10px monospace;color:#c1ebff;letter-spacing:2px;text-shadow:0 2px 8px #000}.resolution-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0}.resolution-steps{display:flex;gap:21px;font:10px monospace;color:#515f6d}.resolution-steps span.active{color:#8de7ff}.stage-controls{display:flex;gap:9px}.stage-controls button{padding:8px 12px;border:1px solid #303842;background:#0f1419;color:#b4c5d2;font-size:10px;border-radius:5px}.resolution-progress{position:absolute;height:2px;bottom:0;left:0;background:linear-gradient(90deg,#50c8ef,#d4b5ff);width:0;z-index:3;box-shadow:0 0 12px #85dcff}.hero .technical-note{font-size:10px;line-height:1.8;color:#607080;margin-top:0}.ticker{background:#0b0d10;color:#82909b}.section h2{font-weight:550;letter-spacing:-1.5px}.service{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#30435344,transparent 65%),#101215;border-color:#272c32;border-radius:10px}.service-no{color:#70808d}.service-icon{font-weight:300}.scene-panel,.pixel-demo{background:#0e1217;border-color:#252d33;border-radius:10px}.quote-banner{background:radial-gradient(ellipse at 80% 80%,#26546a30,transparent 65%),#101418;border-color:#28343e}.contact{background:#0c1014}.fx-toggle{background:#12181c;border-color:#35454d}.floating{background:#142028e8}.sectionhead p{max-width:360px}.eyebrow{color:#86b5c7}.room{background:radial-gradient(ellipse at 50% 20%,#233b4a,#0b101b 75%)}.footer-top p{color:#8e9aa6}.pointer-aura{background:radial-gradient(280px circle at var(--px,-1000px) var(--py,-1000px),#8bcfff12,transparent 80%)}.cursor-ring{position:fixed;left:0;top:0;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid #9ce7ff88;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transition:width .18s,height .18s,margin .18s,opacity .2s;box-shadow:0 0 16px #81cfff18}.cursor-ring.over{width:42px;height:42px;margin:-21px 0 0 -21px;border-color:#e1f6ff}.motion-paused .cursor-ring{display:none}.service-icon{animation-duration:8s}.hero .gradient{animation-duration:10s}@media(max-width:760px){header{height:70px}.hero{padding:45px 5% 28px!important}.hero h1{font-size:43px;letter-spacing:-2px}.hero h1 br{display:block}.hero-copy p{font-size:12px;max-width:330px}.hero-copy .buttons{gap:18px}.resolution-stage{margin-top:32px}.stage-top{font-size:8px;padding:12px}.stage-dots{display:none}.resolution-label{font-size:8px;left:20px;top:20px}.resolution-bottom{flex-wrap:wrap;gap:15px}.resolution-steps{gap:16px;font-size:8px}.stage-controls{margin-left:auto}.cursor-ring{display:none}.resolution-view{height:300px}.hero .technical-note{text-align:left;font-size:9px}.section{padding-top:65px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){.cursor-ring{display:none}}
.resolution-view{height:clamp(330px,43vw,570px)}.hero-scene-switch{display:flex;align-items:center;gap:9px;margin:4px 0 18px;flex-wrap:wrap}.hero-scene-switch button{border:1px solid #303c47;background:#0e151c;color:#8b9ba9;border-radius:5px;padding:10px 15px;font-size:11px}.hero-scene-switch button[aria-pressed=true]{background:#15313a;border-color:#73cada;color:#c4f6ff}.hero-scene-switch>span{font-size:9px;color:#687b8a;margin-left:auto}.resolution-steps{gap:19px}.resolution-label{top:16px;font-size:9px;color:#e2f1ff;background:#07111b99;padding:6px 10px;border:1px solid #ffffff15}@media(max-width:760px){.resolution-view{height:320px}.resolution-label{left:12px;top:12px;font-size:7px}.stage-top{letter-spacing:0;font-size:7px}.resolution-steps{gap:13px}.hero-scene-switch button{padding:9px 11px;font-size:10px}.hero-scene-switch>span{margin-left:0;width:100%}.technical-note{max-width:100%}}
.resolution-view{height:auto!important;aspect-ratio:16/9}.resolution-view canvas{position:absolute;inset:0;width:100%;height:100%}.room{background-image:url('assets/retail.png');background-size:cover;background-position:center;min-height:330px}.room .room-grid,.room .room-screen,.room .pedestal,.room.event:after{display:none}.room-caption{background:#07111bc9;color:#e2efff;padding:7px 10px;border-radius:4px;font-size:9px}.resolution-label{background:#06111bc9}.resolution-view:after{border-width:3px}@media(max-width:760px){.resolution-view{aspect-ratio:16/9}.room{min-height:260px}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero h1.pixel-headline{margin:20px auto 8px;animation:none;width:100%;max-width:850px;height:185px;position:relative}.pixel-headline canvas{display:block;width:100%;height:100%}.title-controls{justify-content:center;flex-wrap:wrap;gap:16px;padding:8px 0;margin-bottom:4px}.title-controls .resolution-steps{gap:14px;font-size:9px}.title-controls .stage-controls{margin:0}.title-controls button{padding:6px 10px;font-size:9px}.title-pitch-status{font:10px monospace;color:#687d8d;display:flex;justify-content:center;gap:10px;margin:8px 0 18px}.title-pitch-status #titlePitch{color:#b0edff}.resolution-stage .resolution-bottom{display:none}@media(max-width:760px){.hero h1.pixel-headline{height:116px;margin-top:18px}.title-controls{gap:10px}.title-controls .resolution-steps{gap:12px}.title-pitch-status{margin-bottom:16px}}
.pitch-lab{border:1px solid #ffffff20;border-radius:20px;padding:24px;background:#0b0d14}.lab-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.lab-controls label{display:grid;gap:10px;color:#b9c3d6;font-size:13px}.lab-controls select{background:#141a28;color:white;border:1px solid #ffffff30;border-radius:8px;padding:12px;font:inherit}.lab-screens{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lab-screens figure{margin:0;min-width:0}.lab-screens figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0}.lab-screens figcaption b{color:#a8caff;font-size:22px}.lab-screens figcaption span{font-size:12px;color:#adb7cb}.lab-screens canvas{display:block;width:100%;height:auto;border:1px solid #ffffff20;border-radius:10px}.pitch-facts{color:#d7e4ff;line-height:1.8}.pitch-lab .technical-note{line-height:1.9;margin:20px 0}.pitch-lab .technical-note a{color:#a8caff}@media(max-width:650px){.pitch-lab{padding:14px}.lab-screens{grid-template-columns:1fr}.lab-controls{gap:12px}.lab-controls label{width:100%}}
