@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#0e0f12;--surface:#15161a;--text:#f3f4f5;--muted:#a0a5ad;--accent:#d2202e;--accent-ink:#f44c57;--border:#2f343a;--gutter:clamp(1rem,5vw,6rem)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font:1rem/1.65 Manrope,Arial,sans-serif;
 background-image:radial-gradient(60rem 40rem at 85% -10%,#d2202e2e,transparent 65%),radial-gradient(40rem 30rem at -10% 110%,#d2202e14,transparent 70%)}
[hidden]{display:none!important}
.sprite{position:absolute}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
h1,h2,p{overflow-wrap:break-word}
em{color:var(--accent);font-style:normal}
.page{display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(2.5rem,6vh,4.5rem);min-height:100svh;max-width:84rem;margin:0 auto;padding:clamp(1.25rem,4vh,2.5rem) var(--gutter)}
.logo{display:block;width:auto;height:2.25rem;max-width:100%;aspect-ratio:928/211;fill:currentColor}
.intro{align-self:end;max-width:52rem}
.eyebrow{display:flex;align-items:center;gap:.75rem;font-size:.75rem;letter-spacing:.13em;font-weight:700;color:var(--accent-ink);margin:0 0 1.5rem}
.pulse{position:relative;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);flex:0 0 auto}
.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:pulse 2s ease-out infinite}
@keyframes pulse{from{transform:scale(1);opacity:.7}to{transform:scale(3.5);opacity:0}}
h1{font-size:clamp(2.5rem,6vw,6rem);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 1.5rem}
.lead{max-width:38rem;margin:0;color:#c9ccd1;font-size:clamp(1rem,1.4vw,1.125rem)}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;max-width:52rem}
.card{display:flex;gap:1rem;align-items:flex-start;min-width:0;padding:1.25rem 1.375rem;background:#15161acc;border:1px solid var(--border);border-radius:5px;transition:border-color .2s,background .2s}
.card:hover{border-color:#d2202e99;background:#1b1e23}
.card>span{display:grid;min-width:0}
.card small{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.card strong{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;overflow-wrap:anywhere}
.card .note{font-size:.875rem;color:var(--muted)}
.ic{flex:0 0 auto;width:1.5rem;height:1.5rem;margin-top:.25rem;fill:var(--accent-ink)}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8125rem}
footer button{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px}
footer button:hover{color:var(--accent-ink)}
/* Consent panel: same look as the main site (dist/style.css). */
.button{display:inline-flex;justify-content:center;align-items:center;min-height:2.75rem;max-width:100%;padding:.625rem .75rem;border:1px solid var(--accent);border-radius:3px;background:transparent;color:var(--accent-ink);font-size:.875rem;font-weight:700;text-align:center;line-height:1.5;transition:background .2s}
.button:hover{background:#d2202e1f}
.consent{position:fixed;z-index:100;left:var(--gutter);right:var(--gutter);bottom:1rem;max-width:44rem;margin-left:auto;padding:1.25rem 1.375rem;background:#15161af7;border:1px solid #d2202e66;border-radius:5px;box-shadow:0 20px 60px #000a;backdrop-filter:blur(12px);font-size:.875rem;line-height:1.6}
.consent h2{font-size:1.125rem;letter-spacing:0;margin:0 0 .5rem;font-weight:600}
.consent p{margin:0;color:#c9ccd1}
.consent-options{display:grid;gap:.5rem;margin-top:1rem}
.consent-options label{display:flex;flex-wrap:wrap;gap:.25rem .625rem;align-items:center;font-weight:600}
.consent-options small{flex-basis:100%;padding-left:1.625rem;font-weight:400;color:var(--muted)}
.consent-options input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}
.consent-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin-top:1rem}
@media (max-width:560px){
 .logo{height:1.875rem}
 .consent{left:1rem;right:1rem;bottom:.75rem;padding:1rem}
 .consent-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .consent-actions [data-act=settings]{grid-column:1/-1;order:3}
}
@media (prefers-reduced-motion:reduce){.pulse::after{animation:none}.card{transition:none}}