:root { color-scheme:dark; --page:#050506; --text:#f4f5f7; --muted:#a4a9b2; --blue:#75ceff; }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--page); }
body { min-height:100svh; margin:0; color:var(--text); background:radial-gradient(circle at 50% 28%,rgba(70,159,225,.1),transparent 28rem),var(--page); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
main { width:min(680px,calc(100% - 40px)); margin:0 auto; padding:clamp(90px,15vh,160px) 0 80px; text-align:center; }
.mark { display:block; width:76px; height:76px; margin:0 auto 30px; object-fit:contain; }
.eyebrow { margin:0 0 17px; color:var(--blue); font-size:11px; letter-spacing:.22em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(38px,7vw,66px); line-height:1; font-weight:500; letter-spacing:-.055em; }
.intro { max-width:560px; margin:27px auto 36px; color:var(--muted); font-size:clamp(16px,2.3vw,19px); line-height:1.7; }
.action { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 21px; border:1px solid rgba(117,206,255,.52); border-radius:999px; background:rgba(117,206,255,.06); color:var(--text); font:500 13px/1 Inter,ui-sans-serif,sans-serif; text-decoration:none; cursor:pointer; }
.action:hover { background:rgba(117,206,255,.12); }
.secondary { display:block; width:max-content; margin:20px auto 0; color:var(--muted); font-size:12px; text-decoration:none; }
.action:focus-visible,.secondary:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }