@font-face{font-family:Inter;src:url('inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#020305;color:#f8f8f8}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #75baff;outline-offset:8px}
.stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#020305}.art{position:absolute;inset:-2%;background:url('light-sculpture.webp') center/cover no-repeat;animation:light-breathe 12s ease-in-out infinite alternate;will-change:transform;transform-origin:73% 50%}.stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 62%)}canvas{position:absolute;width:100%;height:100%;inset:0;mix-blend-mode:screen}
.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding:38px 4.5vw 38px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:21px;letter-spacing:.34em;font-weight:500;line-height:1.25}.wordmark span{display:block;font-size:12px;letter-spacing:.58em;margin-top:3px}.login{display:flex;align-items:center;gap:26px;font-size:15px;letter-spacing:.035em}.login svg,button svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.3}.login svg{transition:transform .25s}.login:hover svg{transform:translateX(5px)}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px 0 170px}h1{font-size:clamp(80px,9.2vw,158px);font-weight:780;line-height:.88;letter-spacing:-.07em;margin:0 0 34px;animation:arrive 1.1s cubic-bezier(.16,1,.3,1) both}.services,.audience{font-size:clamp(16px,1.8vw,28px);line-height:1.45;letter-spacing:-.035em;color:#b7b9bf;margin:0;animation:arrive 1.2s .15s both}.coming{display:flex;align-items:center;gap:17px;margin:45px 0 0;font-size:19px;letter-spacing:.2em;animation:arrive 1.2s .3s both}.coming span{width:16px;height:16px;border-radius:50%;background:#1262ff;box-shadow:0 0 24px #1262ff80;animation:beacon 3s ease-in-out infinite}footer p{font-size:11px;letter-spacing:.36em;margin:0}button{border:0;background:none;color:#b3b7c0;display:flex;gap:18px;align-items:center;cursor:pointer;padding:10px 0;font-size:14px;letter-spacing:.025em}button:hover{color:white}
.paused .art,.paused .coming span{animation-play-state:paused}
@keyframes light-breathe{from{transform:scale(1) rotate(-.6deg);filter:brightness(.83)}to{transform:scale(1.045) rotate(.6deg);filter:brightness(1.15)}}
@keyframes beacon{50%{box-shadow:0 0 28px #1262ffaa;opacity:.5}}
@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.page{padding-inline:7vw}h1{font-size:180px}}
@media(max-width:700px){.page{padding:28px 25px 20px;min-height:100svh}.wordmark{font-size:16px}.wordmark span{font-size:9px}.login{font-size:12px;gap:10px}.login svg{width:19px}.art{background-position:65% center;opacity:.8}.stage:after{background:linear-gradient(180deg,#02030533 0%,#02030566 25%,#020305dd 78%,#020305 100%)}main{padding:160px 0 55px;justify-content:flex-end}h1{font-size:clamp(66px,13.3vw,94px);margin-bottom:25px;letter-spacing:-.065em}.services,.audience{max-width:310px;font-size:17px;line-height:1.65}.coming{font-size:15px;margin-top:32px;gap:12px}.coming span{width:11px;height:11px}footer{align-items:flex-end;gap:12px}footer p{font-size:8px;letter-spacing:.22em;max-width:155px;line-height:1.8}button{font-size:10px;gap:8px;white-space:nowrap}button svg{width:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.art{will-change:auto}}