:root{--bg:#faf9f6;--ink:#141414;--muted:#5c5c5c;--accent:#0b5fff;--measure:34rem;--space:1.5rem}
@media (prefers-color-scheme:dark){:root{--bg:#131313;--ink:#f2f1ec;--muted:#a8a8a8;--accent:#7aa7ff}}
*{box-sizing:border-box}
html{font:400 1.0625rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:var(--space)}
main{flex:1;max-width:var(--measure);margin:auto;width:100%}
h1{font-size:clamp(2.25rem,6vw,3.5rem);letter-spacing:-.02em;line-height:1;margin:0 0 calc(var(--space)*1.5);font-weight:600}
.offer{font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:1.4;margin:0 0 calc(var(--space)*1.5)}
.contact{margin:0;font-size:1.125rem}
a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:2px}
footer{max-width:var(--measure);margin:calc(var(--space)*2) auto 0;width:100%;color:var(--muted);font-size:.875rem}
footer p{margin:.25rem 0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}