@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#03040b;--white:#f0edf8;--violet:#b79be9}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--white);font-family:Cairo,Arial,sans-serif;background:radial-gradient(ellipse at 50% 50%,#090b1c 0%,#03040b 68%);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid #b79be9;outline-offset:8px}#universe{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 50%,#4831ad42,transparent 51%);opacity:var(--portal-glow,.7);pointer-events:none}body:after{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#aca0ec,transparent 65%);opacity:var(--crossing,0);z-index:4}header{position:fixed;top:25px;left:35px;z-index:10}.brand{display:block;width:106px;opacity:.65;transition:opacity .3s}.brand:hover{opacity:1}.brand img{width:100%;height:auto;display:block}main{height:520vh}.stage{height:100svh;position:sticky;top:0;perspective:1000px;overflow:hidden}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 25px;will-change:opacity,transform}#scene-0{z-index:3;transform-origin:50% 50%;}.hero-copy{max-width:650px;text-shadow:0 2px 30px #03040b}h1{font-size:clamp(25px,3vw,43px);font-weight:600;line-height:1.7;letter-spacing:0;margin:0 0 17px}em{font-style:normal;font-weight:700;color:#d6c2f4}p{font-size:15px;line-height:2.1;color:#9692aa;margin:0 0 30px}.primary{position:relative;display:inline-flex;align-items:center;gap:22px;border:1px solid #b497df40;border-radius:50px;background:#0b071729;color:#d5c4eb;padding:8px 21px;font-size:13px;min-height:40px;transition:border-color .3s,background .3s;backdrop-filter:blur(8px);box-shadow:inset 0 0 15px #ffffff03}.primary:hover{border-color:#c5a8f5a3;background:#3d225536}.button-circle{font:19px Arial;color:#b59ad3}.scroll-hint{position:absolute;bottom:40px;font-size:11px;color:#6f6a7d;letter-spacing:1px}.scroll-hint b{display:block;font:18px Arial;color:#897997;margin-top:7px}#scene-1{z-index:5;opacity:0;padding:0;transform-style:preserve-3d;pointer-events:none}.central-statement{position:absolute;left:50%;top:50%;width:min(680px,85vw);transform:translate(-50%,-50%);z-index:5;text-shadow:0 0 25px #03040b,0 0 50px #03040b;pointer-events:auto}.central-statement h2{font-size:clamp(27px,3.2vw,48px);line-height:1.6;font-weight:600;margin:0 0 18px}.central-statement p{font-size:16px;line-height:2;margin:0}.central-statement .arrival{display:block;color:#d0bedf;margin-top:14px;font-size:18px}.glass-world{position:absolute;inset:0;perspective:1000px;transform-style:preserve-3d}.glass-panel{position:absolute;left:50%;top:50%;margin-left:-140px;margin-top:-63px;width:280px;min-height:126px;display:flex;align-items:center;text-align:right;padding:25px 28px;color:#c2bdd1;font-size:17px;line-height:1.9;font-weight:500;border:1px solid #b2a3e029;border-top-color:#c9bce34d;border-radius:6px;background:linear-gradient(135deg,#bca6e414,#2018301c 45%,#080b1773);backdrop-filter:blur(14px);box-shadow:0 30px 65px #0006,inset 0 1px 0 #fff1;will-change:transform;backface-visibility:hidden}.glass-panel:after{content:'';position:absolute;bottom:16px;right:28px;width:30px;height:1px;background:#8972aa5c}.glass-panel:nth-child(3){border-color:#7764a754;background:linear-gradient(130deg,#8665c11b,#070b1380);box-shadow:0 45px 90px #0009,inset 0 1px #ffffff12}.glass-panel:nth-child(5){color:#9c95b0}.motion{position:fixed;bottom:24px;left:32px;z-index:20;background:transparent;border:0;color:#6c6379;font-size:11px;padding:10px}.motion:hover{color:#c5b1e0}.skip{position:fixed;top:-100px;z-index:50;padding:10px;background:#111}.skip:focus{top:0}.no-webgl #scene-0:before{content:'';position:absolute;width:65vmin;height:65vmin;z-index:-1;border:1px solid #8665c1;border-radius:50%;box-shadow:0 0 70px #783fe144,inset 0 0 50px #3b40f526}.paused *{scroll-behavior:auto!important}
@media(max-width:700px){header{left:20px;top:16px}.brand{width:80px;opacity:.6}.hero-copy{max-width:90vw}h1{font-size:26px;line-height:1.8;margin-bottom:18px}.hero-copy p{font-size:13px;line-height:2;max-width:290px;margin:0 auto 24px}.desktop{display:none}.primary{font-size:12px;padding:7px 18px;min-height:38px}.scroll-hint{bottom:60px}.motion{left:15px;bottom:15px;font-size:10px}.central-statement h2{font-size:26px;line-height:1.75}.central-statement p{font-size:12px}.central-statement .arrival{font-size:15px}.glass-panel{width:180px;min-height:91px;margin-left:-90px;margin-top:-45px;padding:18px;font-size:12px;line-height:1.8}.glass-panel:after{right:18px;bottom:12px}.central-statement{width:90vw}.scene{padding:85px 18px}}
@media(prefers-reduced-motion:reduce){.primary,.brand{transition:none}}
@media(max-width:700px){.glass-panel{font-size:14px}.central-statement h2{font-size:24px}.primary{font-size:14px}.hero-copy p{font-size:14px}}
h1{font-size:clamp(25px,2.55vw,36px)}@media(max-width:700px){h1{font-size:23px}.hero-copy p{max-width:260px}}
.stage{perspective:none}