:root{color-scheme:dark;--ink:#e8e9f3;--muted:#a3a6bd;--bg:#060912}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{height:100svh;min-height:480px;overflow:hidden;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.universe{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 65% 38%,#15182e 0%,#090d1a 45%,#03060c 100%)}.nebula{position:absolute;pointer-events:none;filter:blur(60px);border-radius:50%;opacity:.65}.nebula-one{width:115vw;height:24vw;min-height:140px;left:-10%;top:32%;transform:rotate(-29deg);background:radial-gradient(ellipse at 48% 50%,#66718a20,#514b8940 30%,#35577524 54%,transparent 72%)}.nebula-two{width:70vw;height:27vw;left:24%;top:13%;transform:rotate(-28deg);background:radial-gradient(ellipse,#3d285149,transparent 66%);filter:blur(45px)}.galactic-dust{position:absolute;inset:-30%;transform:rotate(-31deg);background:radial-gradient(ellipse at center,#a0a0c918 0%,transparent 39%);opacity:.9}.orbital-glow{position:absolute;width:120vw;height:120vw;left:38%;top:24%;border:1px solid #a5b2df09;border-radius:50%;box-shadow:0 0 100px #5974c106,inset 0 0 100px #5974c106}canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 28%,#02040a70 100%);pointer-events:none}.wordmark{position:fixed;left:clamp(26px,5vw,80px);top:clamp(28px,5vh,54px);display:flex;align-items:center;gap:13px;letter-spacing:.28em;font-size:12px;font-weight:500;color:#c9cadb;z-index:2}.brand-orbit{width:24px;height:11px;border:1px solid #b9bdd699;border-radius:50%;transform:rotate(-38deg);position:relative}.brand-orbit:after{content:'';position:absolute;left:9px;top:3px;width:3px;height:3px;background:#e4e5f2;border-radius:50%;box-shadow:0 0 10px #d7dcff}main{position:absolute;left:0;right:0;top:43%;transform:translateY(-30%);text-align:center;padding:0 24px;pointer-events:none}.eyebrow{font-size:10px;line-height:1.8;letter-spacing:.32em;color:#a5a7bd;margin:0 0 24px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(72px,8.5vw,132px);line-height:1.07;margin:0;text-shadow:0 2px 35px #07091877}h1 em{font-weight:400;color:#b7bbd3}.subtitle{font-size:13px;letter-spacing:.09em;line-height:1.8;color:#999eb7;margin:25px 0 0}footer{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:clamp(26px,5vw,80px);right:clamp(26px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}.interaction-hint{font-size:11px;letter-spacing:.065em;color:#a3a6bc;display:flex;gap:10px;align-items:center;margin:0}.interaction-hint>span:first-child{font-size:20px;color:#babdd1}button{font:inherit;color:#b6bbcf;background:#0b102266;border:1px solid #8b95b32e;border-radius:30px;padding:10px 15px;display:flex;gap:9px;align-items:center;cursor:pointer;font-size:10px;letter-spacing:.06em;backdrop-filter:blur(8px);min-height:38px}button:hover{background:#1a213b99;border-color:#aeb8d466}button:focus-visible{outline:2px solid #d0d8ff;outline-offset:4px}.motion-icon{font-size:12px;width:12px;text-align:center}@media(max-width:600px){main{top:43%}.eyebrow{font-size:8px;letter-spacing:.24em;max-width:270px;margin:0 auto 22px}h1{font-size:76px}.subtitle{font-size:11px;margin-top:20px}.nebula-one{width:200vw;height:55vw;left:-55%;top:33%}.nebula-two{width:150vw;height:70vw;left:-35%;top:18%}footer{bottom:max(24px,env(safe-area-inset-bottom));gap:12px}.interaction-hint{font-size:9px;letter-spacing:0;max-width:200px}.motion-label{display:none}button{padding:10px 13px;min-width:42px;min-height:42px}.wordmark{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}