:root{--bg:#111315;--text:#f4f5f2;--muted:#8e9498;--accent:#18b7a0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}
body{color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
main{min-height:100vh;min-height:100svh;padding:42px 6vw 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
main:before{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;right:-20vw;top:-30vw;background:var(--accent);filter:blur(110px);opacity:.07;pointer-events:none}
.brand{display:flex;align-items:center;gap:13px;z-index:1;animation:up .8s ease both}
.mark{width:34px;height:34px;border:2px solid var(--text);border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1;color:var(--accent)}
.brand strong{font-size:18px;letter-spacing:-.04em}.brand i{font-style:normal;color:var(--muted);font-weight:450}
.hero{width:min(920px,100%);margin:auto;text-align:center;padding:8vh 0;z-index:1}
.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.2em;margin:0 0 28px;animation:up .9s .1s ease both}
h1{font-size:clamp(42px,7vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:650;margin:0;animation:up 1s .2s ease both}
h1 span{color:var(--accent)}.soon{color:var(--muted);letter-spacing:.1em;margin-top:34px;animation:up 1s .4s ease both}
footer{display:flex;justify-content:space-between;color:#ffffff55;font-size:10px;letter-spacing:.18em;z-index:1;animation:up 1s .6s ease both}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:600px){main{padding:28px 24px 22px}.hero{padding:5vh 0}h1{font-size:clamp(42px,12vw,64px)}.eyebrow{font-size:10px;letter-spacing:.15em}}