:root{--bg:#f7f5f1;--fg:#16151a;--muted:#6b6873;--accent:#ff5a36;--btn-fg:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#131217;--fg:#f2f0ec;--muted:#a19dab;--accent:#ff6a49;--btn-fg:#16151a}}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;padding:0 16px}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:640px;width:100%;margin:0 auto;padding:48px 0}
.brand{font-weight:700;letter-spacing:-.01em;font-size:18px;margin-bottom:40px}
.brand span{color:var(--accent)}
h1{font-size:clamp(44px,11vw,88px);line-height:1;letter-spacing:-.035em;font-weight:800}
.en{color:var(--muted)}
h1+.en{font-size:clamp(22px,5vw,32px);font-weight:600;letter-spacing:-.02em;margin:8px 0 28px}
.lead{font-size:18px;max-width:34em}
.lead.en{margin:4px 0 32px;font-size:16px}
.btn{display:inline-block;background:var(--accent);color:var(--btn-fg);text-decoration:none;font-weight:600;padding:14px 22px;border-radius:999px;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.sep{opacity:.6;padding:0 2px}
footer{max-width:640px;width:100%;margin:0 auto;padding:20px 0;color:var(--muted);font-size:13px}