*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{color:#dce2ee;background:#000;overflow-x:hidden}.hero{background:linear-gradient(#0a0e14 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{color:#f0f4fc;letter-spacing:-1px;margin-bottom:12px;font-size:48px;font-weight:300}.hero p{color:#dce2ee73;font-size:16px}.experience,.scroll-shell{position:relative}.stage{width:100%;height:100vh;position:relative;overflow:hidden}.canvas-wrap{z-index:0;position:absolute;inset:0}.canvas-wrap canvas{width:100%;height:100%;display:block}.overlay{z-index:10;pointer-events:none;will-change:opacity, transform;max-width:400px;position:absolute}.overlay-intro{top:50%;left:56px;transform:translateY(-50%)}.overlay-intro h1{letter-spacing:-.5px;color:#f0f4fc;margin-bottom:18px;font-size:32px;font-weight:400;line-height:1.2}.overlay-intro p{color:#dce2ee9e;font-size:13px;line-height:1.62}.overlay-phase5{bottom:80px;left:56px}.overlay-phase5 h1{letter-spacing:-.5px;color:#f0f4fc;margin-bottom:14px;font-size:28px;font-weight:400;line-height:1.2}.overlay-phase5 p{color:#dce2ee8c;font-size:12px;line-height:1.62}.overlay-disc-detail{text-align:right;bottom:80px;right:56px}.overlay-disc-detail h2{color:#f0f4fc;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.3}.overlay-disc-detail p{color:#dce2ee8c;font-size:12px;line-height:1.62}.footer-section{background:linear-gradient(#000 0%,#0a0e14 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.footer-section h1{color:#f0f4fc;letter-spacing:-1px;margin-bottom:12px;font-size:48px;font-weight:300}.footer-section p{color:#dce2ee73;font-size:16px}.debug-hud{z-index:9999;color:#b4dcffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:pre;background:#000000b8;border:1px solid #648cc833;border-radius:8px;padding:10px 14px;font:11px/1.5 SF Mono,Fira Code,monospace;position:fixed;bottom:16px;left:16px}.debug-hud.hidden{display:none}.debug-toggle{z-index:9999;color:#b4dcff99;cursor:pointer;background:#00000080;border:1px solid #648cc833;border-radius:6px;padding:6px 10px;font:11px/1 SF Mono,Fira Code,monospace;transition:opacity .2s;position:fixed;bottom:16px;right:16px}.debug-toggle:hover{opacity:1;color:#b4dcffe6}@media (width<=900px){.overlay-intro{max-width:280px;top:28px;left:24px;transform:none}.overlay-intro h1{font-size:24px}.hero h1,.footer-section h1{font-size:32px}}