@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{color-scheme:light dark;--surface:#f9f9fb;--ink:#202127;--muted:#62646e;--line:#e3e3e9;--accent:#6246bb;--badge:#eeebf7}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1440px;margin:0 auto;min-height:100dvh;padding:0 64px;display:flex;flex-direction:column}
.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:Outfit,sans-serif;font-size:29px;font-weight:600;letter-spacing:-1.2px}
.wordmark img{object-fit:contain;border-radius:8px}
.header-note{color:var(--muted);font-size:13px}
main{flex:1;display:grid;place-items:center;padding:56px 0 96px}
.announcement{text-align:center;width:100%}
.hero-logo{display:block;object-fit:contain;width:88px;height:auto;margin:0 auto 28px;border-radius:20px}
.status{display:inline-block;margin:0 0 24px;padding:8px 15px;border-radius:999px;background:var(--badge);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.025em}
h1{font-family:Outfit,sans-serif;font-size:clamp(40px,5.3vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 auto;max-width:900px}
.description{color:var(--muted);font-size:clamp(16px,1.6vw,19px);line-height:1.7;margin:28px auto 0;max-width:560px}
footer{border-top:1px solid var(--line);min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}
footer a{color:inherit;text-decoration:none;text-underline-offset:4px}
footer a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}
@media(prefers-color-scheme:dark){:root{--surface:#141419;--ink:#f1f1f5;--muted:#ababb8;--line:#303039;--accent:#cab8ff;--badge:#2b233d}}
@media(max-width:767px){.page{padding:0 24px}.header{height:84px}.header-note{display:none}main{padding:44px 0 72px}.hero-logo{width:72px;margin-bottom:24px}h1{font-size:clamp(32px,8.4vw,56px);letter-spacing:-.04em}.description{max-width:350px;margin-top:22px}.desktop-break{display:none}footer{min-height:90px;flex-wrap:wrap;column-gap:16px;row-gap:8px;padding:20px 0}footer span:nth-child(2){display:none}}