:root{color-scheme:dark;--teal:#60d9cc;--bg:#0b0b0d;--muted:#a1b8b5}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f3f7f6;font-family:Arial,Helvetica,sans-serif}
.coming-soon-page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px 24px 28px;background:var(--bg)}
.coming-soon-page::after{content:"";position:absolute;top:0;left:50%;width:1px;height:120px;background:linear-gradient(var(--teal),transparent);opacity:.35;z-index:-1}
.launch{width:min(100%,1000px);text-align:center;margin:auto 0;position:relative;padding:24px 0 64px}
.launch-logo{width:min(100%,740px);margin:0 auto;mix-blend-mode:lighten}
.launch-logo img{display:block;width:100%;height:auto}
.launch-rule{position:relative;width:120px;height:1px;margin:8px auto 40px;background:#285a55;overflow:hidden}
.launch-rule::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--teal),transparent);animation:light-pass 4.8s ease-in-out infinite}
.launch-intro{margin:0 0 20px;color:var(--muted);font-size:clamp(16px,2.2vw,22px);line-height:1.6;letter-spacing:.035em;font-weight:400}
.launch-intro strong{color:#eff8f6;font-weight:500}
h1{margin:0;font-size:clamp(56px,8.5vw,108px);line-height:1.05;letter-spacing:-.065em;font-weight:600}
h1 span{color:var(--teal)}
footer{font-size:13px;line-height:1.6;letter-spacing:.06em;color:#819894;text-align:center}
@keyframes light-pass{0%,100%{transform:translateX(-100%);opacity:0}35%,65%{opacity:1}85%{transform:translateX(100%);opacity:0}}
@media(max-width:600px){.coming-soon-page{padding:24px 20px}.launch{padding:24px 0 56px}.launch-logo{width:100%}.launch-rule{margin:16px auto 32px}.launch-intro{max-width:260px;margin:0 auto 22px}.launch-intro strong{display:block}h1{font-size:clamp(48px,12vw,72px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.launch-rule::after{animation:none}}