:root{--bg:#01040a;--cyan:#78efff;--line:rgba(125,230,255,.18);--panel:rgba(4,11,20,.82);--text:#ecfbff;--muted:rgba(225,244,255,.62)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}button{color:inherit}#universe{position:fixed;inset:0;width:100%;height:100%;display:block;background:#01040a;touch-action:none;cursor:grab}#universe:active{cursor:grabbing}#vignette{pointer-events:none;position:fixed;inset:0;z-index:4;background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(0,0,0,.12) 67%,rgba(0,0,0,.58) 118%)}.hud{position:fixed;z-index:18;transition:opacity .55s,transform .55s}.intro-running .hud{opacity:0;pointer-events:none}.topbar{left:0;right:0;top:0;height:104px;padding:24px 28px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,4,10,.44),transparent)}.brand{display:flex;gap:11px;align-items:center;background:none;border:0;padding:0;cursor:pointer}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(92,236,255,.55);box-shadow:0 0 22px rgba(55,225,255,.08);font-size:13px;font-weight:800;color:#d8fcff}.brand-copy{display:flex;flex-direction:column;align-items:flex-start}.brand-copy b{font-size:11px;letter-spacing:.18em}.brand-copy small{font-size:6px;letter-spacing:.22em;opacity:.45;margin-top:4px}.nav-actions{display:flex;gap:8px}.hud-btn,.quality,.back-btn,.close-x{border:1px solid var(--line);background:rgba(3,9,16,.72);backdrop-filter:blur(15px);border-radius:11px;color:#e9fbff;cursor:pointer;transition:.18s}.hud-btn{padding:11px 14px;font-size:9px;letter-spacing:.14em}.hud-btn:hover,.quality:hover,.back-btn:hover{border-color:rgba(109,236,255,.62);background:rgba(20,48,64,.62);box-shadow:0 0 26px rgba(79,220,255,.08)}.statusbar{left:23px;bottom:20px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.11em;color:rgba(225,245,255,.58);text-transform:uppercase}.pulse-dot{width:5px;height:5px;border-radius:50%;background:#62f2ff;box-shadow:0 0 12px #5cefff}.quality-stack{right:20px;bottom:15px;display:grid;gap:6px;justify-items:end}.quality{min-width:62px;padding:8px 11px;font-size:8px;letter-spacing:.14em}.fps-box{display:flex;align-items:baseline;gap:7px;padding:6px 9px;border:1px solid rgba(125,230,255,.09);border-radius:10px;background:rgba(2,7,13,.58);backdrop-filter:blur(12px)}.fps-box small{font-size:6px;letter-spacing:.13em;opacity:.42}.fps-box b{font-size:12px;color:#7df3ff}.hover-label{position:fixed;z-index:24;width:min(290px,72vw);padding:12px 14px;border:1px solid rgba(128,234,255,.15);border-radius:13px;background:rgba(2,8,15,.88);backdrop-filter:blur(16px);pointer-events:none;opacity:0;transform:translate(14px,14px) scale(.97);transition:opacity .14s,transform .14s}.hover-label.show{opacity:1;transform:translate(14px,14px) scale(1)}.hover-label .eyebrow,.kicker{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#77eefe;opacity:.8}.hover-label b{display:block;margin:5px 0 4px;font-size:13px;letter-spacing:.06em}.hover-label small{display:block;color:var(--muted);line-height:1.45;font-size:9px}.drawer{position:fixed;z-index:32;right:0;top:0;width:min(620px,92vw);height:100%;padding:34px;background:rgba(2,7,14,.99);border-left:1px solid rgba(125,230,255,.13);backdrop-filter:none;transform:translateX(104%);transition:.35s cubic-bezier(.2,.8,.2,1);overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.drawer h2{margin:7px 0 0;font-size:31px}.close-x{width:34px;height:34px;font-size:21px}.index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.index-card{min-height:145px;text-align:left;padding:17px;border-radius:15px;border:1px solid rgba(136,232,255,.11);background:linear-gradient(145deg,rgba(9,23,39,.76),rgba(3,8,15,.88));color:#effcff;cursor:pointer;transition:.18s}.index-card:hover{border-color:var(--glow);transform:translateY(-2px);box-shadow:0 0 34px color-mix(in srgb,var(--glow) 18%,transparent)}.index-card small{font-size:7px;letter-spacing:.12em;color:var(--glow);opacity:.8}.index-card b{display:block;margin:9px 0 8px;font-size:15px}.index-card p{margin:0;font-size:10px;line-height:1.5;color:rgba(228,245,255,.58)}.detail{position:fixed;inset:0;z-index:30;opacity:0;pointer-events:none;background:rgba(0,4,10,.10);backdrop-filter:blur(6px) saturate(1.06);transition:opacity .34s}.detail.open{opacity:1;pointer-events:auto}.detail-shell{position:absolute;inset:4vh 3vw 4vh 50vw;border:1px solid rgba(131,231,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(2,9,18,.88),rgba(4,11,21,.94));box-shadow:0 40px 130px rgba(0,0,0,.52);overflow:hidden;transform:translateX(70px) scale(.985);transition:.42s cubic-bezier(.2,.82,.2,1)}.detail.open .detail-shell{transform:none}.detail-topline{height:58px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(131,231,255,.08)}.back-btn{padding:9px 12px;font-size:8px;letter-spacing:.13em}.detail-scroll{height:calc(100% - 58px);overflow:auto;padding:36px 42px 44px}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px);gap:24px;align-items:start}.detail-hero>div{min-width:0}.project-badge{display:inline-flex;padding:6px 8px;border-radius:8px;background:rgba(106,235,255,.06);border:1px solid rgba(106,235,255,.11);font-size:7px;letter-spacing:.13em;color:#8deeff}.detail h1{font-size:clamp(30px,2.85vw,46px);line-height:.96;letter-spacing:-.04em;margin:14px 0 18px;max-width:100%;overflow-wrap:normal;word-break:normal}.detail-lead{font-size:16px;line-height:1.65;color:rgba(232,248,255,.75);max-width:760px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;align-content:start}.metric{padding:16px;border-radius:14px;border:1px solid rgba(135,232,255,.1);background:rgba(104,226,255,.035)}.metric b{display:block;font-size:20px}.metric small{display:block;font-size:7px;letter-spacing:.11em;opacity:.47;margin-top:5px;text-transform:uppercase}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:36px}.detail h3{font-size:9px;letter-spacing:.17em;color:#7ceeff;margin:0 0 12px}.detail-columns p{font-size:12px;line-height:1.75;color:rgba(226,244,255,.65)}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{padding:7px 9px;border-radius:9px;background:rgba(128,225,255,.05);border:1px solid rgba(128,225,255,.09);font-size:8px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.media-slot{aspect-ratio:16/10;border-radius:13px;overflow:hidden;border:1px dashed rgba(154,232,255,.14);background:rgba(4,11,20,.7);display:grid;place-items:center}.media-slot img,.media-slot video{width:100%;height:100%;object-fit:cover}.media-placeholder{text-align:center;padding:10px;color:rgba(207,245,255,.38)}.media-placeholder b{display:block;font-size:8px;letter-spacing:.1em;margin-bottom:5px}.media-placeholder small{font-size:7px;word-break:break-all}.link-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.link-row a,.contact-links a{color:#c8fbff;text-decoration:none;padding:10px 13px;border-radius:10px;border:1px solid rgba(113,235,255,.16);background:rgba(74,226,255,.04);font-size:9px}.modal-panel{position:fixed;z-index:35;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,3,8,.6);backdrop-filter:blur(15px);opacity:0;pointer-events:none;transition:.25s}.modal-panel.open{opacity:1;pointer-events:auto}.modal-card{position:relative;width:min(760px,95vw);max-height:88vh;overflow:auto;padding:38px;border-radius:22px;border:1px solid rgba(138,231,255,.13);background:rgba(3,10,18,.96)}.modal-card>.close-x{position:absolute;right:18px;top:18px}.modal-card h1{font-size:clamp(34px,6vw,60px);margin:10px 0 18px}.modal-card p{line-height:1.7;color:rgba(231,247,255,.7)}.bigline{font-size:18px!important;color:#f1fdff!important}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.fact{padding:16px;border-radius:14px;border:1px solid rgba(141,230,255,.1);background:rgba(112,231,255,.035)}.fact b{font-size:22px}.fact small{display:block;font-size:7px;letter-spacing:.12em;opacity:.5;margin-top:5px}.contact-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.loader{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#01040a;transition:opacity .55s,visibility .55s}.loader.done{opacity:0;visibility:hidden}.loader-core{position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(90,235,255,.07);box-shadow:0 0 80px rgba(26,222,255,.06)}.loader-core:before,.loader-core:after{content:"";position:absolute;inset:18px;border:1px solid rgba(103,236,255,.22);border-radius:50%;animation:spin 2.8s linear infinite}.loader-core:after{inset:44px;border-color:rgba(170,133,255,.24);animation-direction:reverse;animation-duration:1.9s}.loader-core span{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#b8fbff;border-radius:50%;box-shadow:0 0 24px #58ecff;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}.loader-copy{position:relative;margin-top:220px;text-align:center;letter-spacing:.24em}.loader-copy b{display:block;font-size:11px}.loader-copy small{display:block;margin-top:7px;font-size:7px;opacity:.4}.engine-error{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,90vw);padding:25px;border:1px solid rgba(255,110,110,.3);border-radius:18px;background:#090d16}.loading .hud{opacity:0}.ready .hud{opacity:1}.debug-hidden{display:none!important}@media(max-width:900px){.detail h1{font-size:clamp(30px,6vw,43px)}.topbar{padding:18px 12px}.brand-copy{display:none}.nav-actions{gap:5px}.hud-btn{padding:9px 10px;font-size:7px}.detail-shell{inset:10vh 3vw 3vh}.detail-hero,.detail-columns{grid-template-columns:1fr}.detail-scroll{padding:22px}.detail h1{font-size:clamp(30px,8.5vw,42px)}.index-grid{grid-template-columns:1fr 1fr}.drawer{padding:22px}}@media(max-width:560px){.nav-actions .hud-btn:nth-child(2),.nav-actions .hud-btn:nth-child(3){display:none}.detail-shell{inset:8vh 0 0;border-radius:20px 20px 0 0}.metrics{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:1fr}.index-grid{grid-template-columns:1fr}.statusbar{max-width:68vw;font-size:6px}.quality-stack{right:9px}.drawer{width:100%}}
.micro-footer{left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:6px;letter-spacing:.13em;color:rgba(220,244,255,.25);text-transform:uppercase}.micro-footer a{color:inherit;text-decoration:none}.micro-footer a:hover{color:rgba(160,239,255,.72)}
@media(max-width:560px){.nav-actions .hud-btn:nth-child(2),.nav-actions .hud-btn:nth-child(3){display:block}.topbar{height:82px}.hud-btn{padding:8px 7px;font-size:6px}.nav-actions{gap:3px}.micro-footer{display:none}}
/* v5 overrides */
.fps-stack{position:fixed;z-index:46;right:7px;bottom:7px;display:block}
.quality-stack,.quality{display:none!important}
.detail{background:rgba(0,4,10,.055);backdrop-filter:none}
.detail-shell{background:linear-gradient(145deg,rgba(2,9,18,.70),rgba(4,11,21,.84))}
@media(max-width:560px){.fps-stack{right:5px;bottom:5px}}

/* v31.1 commercial contact layer */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px}.offer{padding:16px;border-radius:14px;border:1px solid rgba(141,230,255,.11);background:linear-gradient(145deg,rgba(112,231,255,.045),rgba(85,120,255,.025))}.offer b{display:block;font-size:10px;letter-spacing:.12em;color:#8deeff;margin-bottom:9px}.offer p{margin:0;font-size:10px;line-height:1.55;color:rgba(231,247,255,.58)}.contact-how{margin:20px 0 0!important;color:rgba(239,251,255,.82)!important}.contact-primary{margin-top:16px}.contact-links .cta-primary{border-color:rgba(113,235,255,.48);background:linear-gradient(135deg,rgba(57,208,255,.20),rgba(125,103,255,.16));box-shadow:0 0 34px rgba(80,220,255,.10);font-weight:700;letter-spacing:.08em}.contact-links .cta-primary:hover{border-color:rgba(159,246,255,.78);background:linear-gradient(135deg,rgba(57,208,255,.28),rgba(125,103,255,.23));box-shadow:0 0 42px rgba(80,220,255,.16)}.contact-secondary{margin:25px 0 0!important;font-size:10px;line-height:1.6;color:rgba(224,243,255,.48)!important}.contact-secondary-links{margin-top:11px}.contact-secondary-links a{opacity:.72}@media(max-width:700px){.offer-grid{grid-template-columns:1fr}.modal-card{padding:30px 22px}.modal-card h1{font-size:clamp(31px,11vw,52px)}}