
:root{--display:"Zilla Slab",Georgia,serif;--body:"Manrope",system-ui,sans-serif;--display-weight:700;--display-track:-.01em;--radius:6px;
--paper:#F3F1EA;--ink:#1C221E;--brand:#2F6B3A;--brand-ink:#fff;--accent:#FFD000;--accent-ink:#1C221E;--accent-text:#2F6B3A;--stone:#E7E4D8;--line:#D2CDBB;
--head-bg:#1C221E;--head-ink:#F3F1EA}
html[data-theme="orange"]{--accent:#FF7A1A;--accent-ink:#1C221E}
html[data-theme="red"]{--brand:#7A2E1F;--accent:#FFD000;--accent-text:#7A2E1F}
html[data-theme="blue"]{--brand:#1F4F7A;--accent:#FFD000;--accent-text:#1F4F7A}
.btn-yellow{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px var(--accent)}
.site-header .logo .mark{background:var(--brand);border-radius:6px;font-family:var(--display)}
.hero-ats{position:relative;min-height:36rem;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#1C221E}
.ats-bg{position:absolute;inset:0;border-radius:0}
.ats-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,34,30,.15) 0%,rgba(28,34,30,.55) 45%,rgba(28,34,30,.95) 100%)}
.ats-bg .tag{top:.75rem;bottom:auto;z-index:2}
.ats-inner{position:relative;z-index:1;padding-top:8rem;padding-bottom:3rem}
.ats-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:.8rem;padding:.4rem .9rem;border-radius:999px;margin-bottom:1rem}
.ats-pill::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#C21E1E;box-shadow:0 0 0 3px rgba(194,30,30,.25)}
.hero-ats h1{font-size:clamp(2.9rem,12vw,5.8rem);line-height:.95;max-width:11ch;color:#fff}
.hero-ats .lead{color:rgba(255,255,255,.88);max-width:34rem}
.sec-services .svc-grid{gap:1.25rem}
.svc{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 0 var(--line)}
.svc .photo{aspect-ratio:16/11;border-radius:0}
.svc-body{padding:1rem 1.1rem 1.2rem;border-top:5px solid var(--brand)}
.svc h3{font-size:1.6rem}
.sec-forest{background:var(--brand);color:#EEF3EC}
.sec-forest h2{color:#fff}
.sec-forest .quotes li{background:rgba(0,0,0,.18);border-radius:6px;padding:1.2rem 1.3rem;border-top:4px solid var(--accent)}
.sec-forest .quotes blockquote{font-size:1.12rem;font-weight:700}
.sec-forest .quotes cite{color:var(--accent)}
.sec-steps .steps li{border-top:0;background:#fff;border-radius:6px;padding:1.3rem}
.sec-steps .steps li::before{font-family:var(--display);color:var(--brand)}
.cta-band{background:var(--ink)}
@media (min-width:800px){.hero-ats{min-height:40rem}.ats-inner{padding-bottom:4.5rem}.sec-services .svc-grid{grid-template-columns:repeat(3,1fr)}}
