@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');

:root { color-scheme: light; --ink: #111722; --muted: #505c6c; --blue: #064cff; --green: #10743b; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; min-height: 100svh; color: var(--ink); font-family: 'Figtree', sans-serif; background: linear-gradient(180deg, #fff 78%, #f0f5ff); border-top: 5px solid var(--blue); }
main { width: min(960px, 100%); min-height: calc(100svh - 5px); margin: auto; padding: clamp(32px, 7vh, 80px) 28px 28px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.identity { width: 100%; }
.wordmark { display: block; width: min(780px, 100%); height: auto; margin: auto; }
h1 { margin: -22px 0 0; font-size: clamp(21px, 3.3vw, 32px); font-weight: 500; line-height: 1.3; letter-spacing: -.02em; text-wrap: balance; }
.contact { margin: clamp(40px, 7vh, 72px) 0; }
.contact p { margin: 8px 0; color: var(--muted); font-size: 18px; line-height: 1.5; }
.contact .coming { font-size: 25px; color: var(--ink); font-weight: 600; }
.whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 54px; padding: 15px 24px; margin-top: 24px; border-radius: 8px; background: var(--green); color: #fff; text-decoration: none; font-size: 17px; font-weight: 600; }
.whatsapp:hover { background: #095d2e; }
.number { display: block; width: fit-content; margin: 10px auto 0; padding: 12px; color: var(--muted); text-decoration: none; font-size: 16px; }
.number:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
::selection { background: #dce6ff; color: #111722; }
footer { margin-top: auto; padding-top: 24px; width: 100%; display: flex; justify-content: center; gap: 32px; border-top: 1px solid #d9e0eb; }
footer p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
@media (max-width: 520px) { main { padding: 48px 20px 24px; } h1 { margin-top: 0; } .contact { margin: 48px 0; } footer { flex-direction: column; gap: 5px; } .whatsapp { padding-inline: 18px; } }