* { box-sizing: border-box; }
:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #1e293b; background: #f8fafc; }
body { margin: 0 auto; width: min(1120px, 100%); min-height: 100svh; padding: 40px 32px 28px; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 12px; }
.mark { width: 44px; height: 44px; object-fit: contain; }
.wordmark { width: 154px; height: auto; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 96px 0; }
h1 { margin: 0; font-size: clamp(40px, 6vw, 72px); line-height: 1.08; letter-spacing: -.03em; }
h1 span { display: block; margin-top: 16px; color: #4f46e5; }
p { max-width: 620px; margin: 32px 0 0; font-size: clamp(18px, 2.4vw, 22px); line-height: 1.55; color: #475569; }
footer { border-top: 1px solid #e2e8f0; padding-top: 22px; color: #475569; font-size: 14px; line-height: 1.5; }
@media (max-width: 479px) { body { padding: 24px 20px; } main { padding: 72px 0; } h1 { font-size: 40px; } }