:root { --ink:#111318; --paper:#f7f6f1; --sun:#f7c845; --muted:#5d626c; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; grid-template-rows:1fr auto; background:var(--paper); color:var(--ink); font-family:Inter, ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
main { display:grid; place-items:center; padding:2rem; }
.hero { width:min(100%, 760px); text-align:center; padding:clamp(2.5rem,8vw,6.5rem) clamp(1.5rem,6vw,5rem); border:1px solid #deddd5; border-radius:28px; background:#fff; box-shadow:0 24px 60px rgba(17,19,24,.08); }
.mark { width:76px; height:76px; object-fit:contain; margin-bottom:1.75rem; }
.eyebrow { margin:0 0 .8rem; font-size:.78rem; font-weight:800; letter-spacing:.16em; color:var(--muted); }
h1 { max-width:610px; margin:0 auto; font-size:clamp(2.35rem,7vw,4.7rem); letter-spacing:-.065em; line-height:.96; }
.intro { max-width:540px; margin:1.5rem auto 2.2rem; color:var(--muted); font-size:1.08rem; line-height:1.6; }
.launch { display:inline-flex; align-items:center; gap:.75rem; padding:1rem 1.35rem; border-radius:999px; background:var(--ink); color:#fff; text-decoration:none; font-weight:750; transition:transform .18s ease, background .18s ease; }
.launch:hover,.launch:focus-visible { background:#2e323a; transform:translateY(-2px); }
.launch span { color:var(--sun); font-size:1.35rem; line-height:.8; }
.notice { margin:1.4rem 0 0; color:#777b83; font-size:.82rem; }
footer { padding:1.5rem 2rem 2rem; text-align:center; color:#777b83; font-size:.8rem; }
@media (max-width:480px) { main { padding:1rem; } .hero { border-radius:20px; } .mark { width:62px; height:62px; } }