:root{--fondo:#FFF6EC;--texto:#0C1F1B;--suave:#3d524d;--acento:#086355;--coral:#E8552F}
@media (prefers-color-scheme:dark){:root{--fondo:#062B26;--texto:#FFF6EC;--suave:#b9cfc9;--acento:#3ED9BB;--coral:#ff8a5b}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",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;max-width:36rem;margin:0 auto;padding:4rem 0}
.marca{font-weight:800;font-size:1.25rem;color:var(--acento);margin:0 0 1.5rem;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.6rem);line-height:1.05;margin:0 0 1.25rem;letter-spacing:-.02em}
.lema{font-size:1.15rem;line-height:1.55;color:var(--suave);margin:0 0 2rem}
.pronto{display:inline-block;align-self:flex-start;font-weight:700;color:var(--fondo);background:var(--coral);padding:.6rem 1rem;border-radius:999px;margin:0}
footer{text-align:center;font-size:.85rem;color:var(--suave);padding:1.5rem 0}
a.pronto{text-decoration:none}
a.pronto:focus-visible{outline:3px solid var(--acento);outline-offset:3px}