@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f5fbff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5fbff;--muted:#91a2bb;--cyan:#4ce9ff;--cyan-soft:#8af4ff;--violet:#9a68ff;--night:#030712;--glass:#040a17eb;--hairline:#85e5ff40;--surface:#070f1cf0;--surface-strong:#040a16f7;--control-height:48px;background:#030712;font-family:Inter Variable,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:320px}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.experience-shell{isolation:isolate;background:radial-gradient(circle at 50% 52%,#14365538,#0000 42%),#030712;width:100%;height:100%;position:relative;overflow:hidden}.ambient-field{z-index:0;pointer-events:none;background:radial-gradient(circle at 82% 74%,#7142d61f,#0000 28%);position:absolute;inset:0}.camera-feed{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.mode-camera-viewer .camera-feed{opacity:.72}.mode-camera-viewer:before{z-index:1;content:"";background:linear-gradient(#0207129e,#03060e1f 45%,#040712c7);position:absolute;inset:0}.experience-canvas{z-index:2;touch-action:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.phase-idle .experience-canvas{opacity:.24;filter:blur(10px);transform:scale(1.04)}.runtime-error-overlay,.runtime-error-screen{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#01040cd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.runtime-error-card{background:linear-gradient(145deg,#1c0a1cf5,#080d1cf5);border:1px solid #ff69897a;border-radius:20px;width:min(100%,560px);max-height:min(86vh,720px);padding:22px;overflow:auto;box-shadow:0 24px 100px #0000008c,0 0 40px #ff4d851f}.runtime-error-card h1,.runtime-error-card h2{margin:7px 0 8px;font-family:Space Grotesk Variable,sans-serif;font-weight:420}.runtime-error-card p{color:#ffd9e2;overflow-wrap:anywhere;margin:0 0 7px;line-height:1.5}.runtime-error-kicker,.runtime-error-context{color:#ff9cb5;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem}.runtime-error-context{color:#9eacbd;letter-spacing:.08em;display:block}.runtime-error-details{color:#d8e7f6;margin-top:16px}.runtime-error-details summary{cursor:pointer;font-size:.72rem}.runtime-error-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#ffccd9;background:#00000047;border:1px solid #ffffff1a;border-radius:10px;max-height:260px;margin:9px 0 0;padding:12px;font:.68rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.runtime-error-card button{color:#fff0f4;cursor:pointer;background:#5e1737ad;border:1px solid #ff98b36b;border-radius:999px;margin-top:14px;padding:9px 14px}.runtime-error-copy{color:#ffd6e1!important;background:#1f2b42d1!important;margin-right:8px!important}.runtime-error-actions{gap:8px;display:flex}.brand-lockup{z-index:8;top:max(20px, env(safe-area-inset-top));letter-spacing:.48em;white-space:nowrap;align-items:center;gap:.72em;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(.68rem,2.6vw,.92rem);font-weight:460;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand-accent{color:#89d9ff}.brand-spark{width:18px;height:18px;filter:drop-shadow(0 0 8px var(--cyan));margin-right:.2em;position:relative}.brand-spark i{background:var(--cyan);width:7px;height:7px;position:absolute}.brand-spark i:first-child{top:5px;left:0}.brand-spark i:nth-child(2){background:#7cf4ff;top:0;left:6px}.brand-spark i:nth-child(3){background:#7072ff;top:10px;left:6px}.landing-panel{z-index:10;text-align:center;background:linear-gradient(#02060e1f,#02060fa3);flex-direction:column;justify-content:center;align-items:center;padding:12vh 26px 7vh;animation:1s cubic-bezier(.2,.8,.2,1) both reveal;display:flex;position:absolute;inset:0}.landing-panel h1{letter-spacing:-.06em;margin:0;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(2.8rem,12vw,6.6rem);font-weight:330;line-height:.86}.landing-panel h1 em{color:#0000;-webkit-text-stroke:1px #83e4ffd1;text-shadow:0 0 30px #3dd8ff38;font-style:normal}.start-button,.cta-button{min-height:var(--control-height);color:#f6fdff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#08263cdb,#23174bd1);border:1px solid #5be7ffbf;border-radius:999px;justify-content:space-between;align-items:center;min-width:min(360px,86vw);padding:17px 19px 17px 24px;font-size:.7rem;font-weight:650;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 0 30px #21c2ff21,inset 0 0 20px #5edaff0d}.start-button:hover,.cta-button:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 0 38px #34d6ff42}.start-button i{border:1px solid #9eefff80;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.landing-note{color:#66758c;margin:14px 0 0;font-size:.68rem}.landing-link{color:var(--muted);text-underline-offset:4px;margin-top:18px;font-size:.7rem;text-decoration:underline}.experience-hud{z-index:7;pointer-events:none;position:absolute;inset:0}.experience-hud button,.experience-hud a{pointer-events:auto}.chapter-heading{top:max(108px, calc(env(safe-area-inset-top) + 94px));text-align:center;width:min(92vw,560px);animation:.9s cubic-bezier(.2,.8,.2,1) both heading-in;position:absolute;left:50%;transform:translate(-50%)}.chapter-heading h1{letter-spacing:.18em;margin:0;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(1.8rem,7vw,3rem);font-weight:380;line-height:1}.status-panel{left:50%;bottom:calc(142px + env(safe-area-inset-bottom));border:1px solid var(--hairline);background:var(--glass);pointer-events:auto;border-radius:16px;align-items:center;gap:15px;width:min(88vw,430px);padding:15px 18px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #00000047}.status-panel p{color:#d8e7f6;margin:0;font-size:.78rem}.status-error{display:block}.status-error>div{gap:8px;margin-top:12px;display:flex}.status-error button,.utility-controls button,.demo-controls button{min-height:var(--control-height);color:#dcecf7;background:var(--surface);cursor:pointer;border:1px solid #87e2ff3d;border-radius:999px;padding:8px 14px}.status-error button:hover,.utility-controls button:hover,.demo-controls button:hover,.demo-controls button.active{color:#fff;background:#1b415bbf;border-color:#5ce9ffb3}.stability-ring{--placement-progress:0;background:conic-gradient(var(--cyan) calc(var(--placement-progress) * 1turn), #59e7ff1f 0);border-radius:50%;flex:none;width:38px;height:38px;position:relative;box-shadow:0 0 18px #4ce9ff33}.stability-ring:after{content:"";border-radius:inherit;background:#07111f;position:absolute;inset:4px}.stability-ring i{z-index:1;border-radius:inherit;background:var(--cyan);box-shadow:0 0 10px var(--cyan);position:absolute;inset:15px}.mode-notice{color:#b3d4e8;letter-spacing:.09em;text-transform:uppercase;background:#02081185;border:1px solid #86e4ff38;border-radius:999px;padding:7px 12px;font-size:.58rem;position:absolute;top:165px;left:50%;transform:translate(-50%)}.demo-controls{left:50%;bottom:calc(176px + env(safe-area-inset-bottom));pointer-events:auto;animation:.6s .2s both controls-in;position:absolute;transform:translate(-50%)}.compact-controls{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:999px;align-items:center;gap:7px;max-width:94vw;padding:8px;display:flex;box-shadow:0 12px 36px #0000003d}.compact-controls button{text-transform:capitalize;font-size:.65rem}.configurator-panel{background:var(--surface);border:1px solid #8fe1ff42;border-radius:16px;width:min(90vw,440px);padding:12px 14px;box-shadow:0 14px 44px #0000004d}.control-row>span{color:#7990a7;letter-spacing:.12em;text-transform:uppercase;font-size:.55rem}.control-row{align-items:center;gap:8px;margin-top:11px;display:flex}.configurator-panel .control-row:first-child{margin-top:0}.control-row>span{margin-right:auto}.swatch{width:44px;height:44px;border:2px solid #ffffff38!important;min-height:44px!important;padding:0!important}.swatch-graphite{background:#273041!important}.swatch-silver{background:#bdcad8!important}.swatch-aurora{background:linear-gradient(135deg,#33d8ff,#905dff)!important}.swatch.active{box-shadow:0 0 0 2px #07111f, 0 0 0 3px var(--cyan), 0 0 16px var(--cyan)}.segmented{justify-content:flex-end}.segmented button{font-size:.62rem}.utility-controls{top:max(82px, calc(env(safe-area-inset-top) + 68px));right:max(14px, env(safe-area-inset-right));align-items:flex-end;gap:6px;display:flex;position:absolute}.utility-controls button{color:#c7d8e8;background:var(--surface-strong);border-color:#ffffff24;font-size:.58rem}.experience-dock{right:max(18px, env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:auto;gap:12px;display:grid;position:absolute}.primary-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-actions .cta-button{min-width:0;padding:12px 16px;font-size:.58rem}.next-button{min-height:var(--control-height);color:#e8faff;background:var(--surface-strong);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #73e1ff6b;border-radius:999px;align-items:center;gap:12px;padding:6px 7px 6px 16px;font-size:.58rem;display:flex}.next-button i{background:linear-gradient(135deg,#16577c,#4a327d);border-radius:50%;place-items:center;width:33px;height:33px;font-size:1rem;font-style:normal;display:grid}.next-button:disabled{opacity:.6}.demo-progress{grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:0;list-style:none;display:grid}.demo-progress li{color:#53677c;letter-spacing:.12em;text-align:center;padding-top:7px;font-size:.48rem;position:relative}.demo-progress li:before{content:"";background:#79b4d62e;height:1px;position:absolute;top:0;left:0;right:0}.demo-progress li[aria-current=step]{color:var(--cyan)}.demo-progress li[aria-current=step]:before{background:linear-gradient(90deg, var(--cyan), var(--violet));height:2px;box-shadow:0 0 12px var(--cyan)}@keyframes reveal{0%{opacity:0}}@keyframes heading-in{0%{opacity:0;letter-spacing:.28em;transform:translate(-50%,-18px)}}@keyframes controls-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (min-width:760px){.landing-panel{text-align:left;align-items:flex-start;padding-left:9vw}.chapter-heading{top:11vh}.demo-controls{bottom:112px}.experience-dock{grid-template-columns:minmax(240px,420px) auto;align-items:end;bottom:34px;left:4vw;right:4vw}}@media (max-width:759px){.chapter-heading{left:max(18px, env(safe-area-inset-left));text-align:left;width:calc(100% - 180px);transform:none}}@media (max-height:700px){.chapter-heading{top:88px}.demo-controls{bottom:138px}.landing-panel{padding-top:70px}}@media (orientation:landscape) and (max-height:520px){.brand-lockup{top:12px;left:24px;transform:none}.chapter-heading{text-align:left;width:260px;top:62px;left:24px;transform:none}.chapter-heading h1{font-size:1.55rem}.demo-controls{bottom:78px;left:auto;right:20px;transform:none}.experience-dock{grid-template-columns:1fr auto;align-items:end;bottom:18px;left:20px;right:20px}.utility-controls{flex-direction:row;top:12px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
