html,body{scroll-behavior:auto}html,body{height:100%}body{margin:0;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}:root{--bg: #0f1116;--bg-2: #0a0c10;--fg: #e9eef6;--accent: #7cc4ff}.section{min-height:100vh;display:grid;place-items:center;padding:4rem 2rem;color:var(--fg)}.section--intro,.section--outro{background:var(--bg)}.section--pin{background:var(--bg-2);padding:0}.headline{font-size:clamp(2rem,6vw,5rem);text-align:center;line-height:1.05;letter-spacing:.01em}.subtle{opacity:.75;margin-top:1rem}.stage{position:relative;width:min(90vw,1000px);height:min(70vh,700px);border:1px solid rgba(255,255,255,.15);border-radius:16px;background:radial-gradient(80% 80% at 50% 50%,rgba(124,196,255,.08),transparent 70%),linear-gradient(to bottom right,#ffffff0d,#fff0);box-shadow:0 10px 30px #00000059 inset;overflow:hidden}.box{position:absolute;width:120px;height:120px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--accent),#89f7fe);color:#071018;font-weight:700;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:0 10px 20px #00000059,inset 0 0 0 2px #00000026}@media (prefers-reduced-motion: reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}