:root { --bg:#fff; --surface:#fff; --panel:#f2f5f4; --r-panel:8px; }
h1,h2,h3 { letter-spacing:0; }
.hero { position:relative; isolation:isolate; background:#f8fafb url('hero-recovery-layers-v1.webp') center/cover; padding:4rem 0; min-height:560px; display:flex; align-items:center; color-scheme:light; --accent:#216e50; --accent-hover:#19543e; --accent-ink:#fff; }
.hero::before { content:""; position:absolute; inset:0; background:rgba(255,255,255,.1); z-index:-1; }
.hero-grid { display:block; width:100%; }
.hero-copy { width:52%; max-width:570px; }
.hero-copy h1 { font-size:3rem; color:#192934; }
.hero-sub { color:#374d5c; max-width:570px; }
.hero-figure { display:none; }
.hero .btn-ghost { color:#203c50; border-color:#8d9eaa; background:rgba(255,255,255,.35); }
.hero .btn-ghost:hover { color:#192934; border-color:#526d7e; background:rgba(255,255,255,.75); }
.duotone img { filter:none; }
.duotone::after { display:none; }
@media(prefers-color-scheme:dark){:root{--bg:#111a16;--surface:#17221b;--panel:#1b2820}}
@media(max-width:768px){.hero{padding:3rem 0;min-height:0;background-position:84% center}.hero::before{background:rgba(255,255,255,.67)}.hero-copy{width:100%}.hero-copy h1{font-size:2.5rem}}