/* HHS calm redesign layer (PREVIEW 2026-10-30). Palette from MATERIAL_MAESTRO: navy #0B132B/#111927, gold #D4AF37, white, pearl #CBD5E1. */
:root{--ink:#0B132B;--ink2:#111927;--gold:#B8962E;--gold-d:#9A7B22;--sea:#1F3A5F;--stone:#4A5568;--line:rgba(11,19,43,.10);--lx-navy:#0B132B;--lx-navy2:#111927;--lx-champ:#D4AF37;--lx-champ2:#E8D48A;--lx-pearl:#F7F8FA;--pearl:#CBD5E1;--ivory:#F7F8FA;--linen:#EEF1F5}
body{background:#F7F8FA;color:#1A2236;line-height:1.8}
h1,h2,h3,h4{color:var(--ink)}
.hero h1,.socio h2{color:#fff}
a{color:var(--sea)}
.site-header{background:rgba(11,19,43,.94);border-bottom:1px solid rgba(212,175,55,.22)}
.btn{background:#D4AF37;color:#0B132B;border-radius:999px;box-shadow:0 8px 24px -14px rgba(212,175,55,.8);padding:12px 24px}
.btn:hover{background:#E0BE4F;color:#0B132B;filter:none}
.btn-light,.btn-ghost{border-radius:999px}
.hero::before{background:linear-gradient(180deg,rgba(11,19,43,.35) 0%,rgba(11,19,43,.78) 70%,rgba(11,19,43,.9) 100%)}
.hero .eyebrow{color:#E8D48A}
.trust,.socio,.site-footer{background:#0B132B}
.site-footer{color:#CBD5E1}
.card{border-radius:18px;border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(11,19,43,.35);transition:transform .3s ease,box-shadow .3s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -30px rgba(11,19,43,.45)}
section{scroll-margin-top:90px}
.faq details{border-radius:12px}
img{border-radius:inherit}
.eyebrow{color:#9A7B22}
.wave path[stroke]{stroke:#D4AF37}
/* Calm "values" band */
.calm-values{background:#fff;padding:64px 0;border-bottom:1px solid var(--line)}
.calm-values ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.calm-values li{padding:24px;border-radius:16px;background:#F7F8FA;border:1px solid var(--line)}
.calm-values b{display:block;font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.calm-values b::before{content:"";display:block;width:28px;height:2px;background:#D4AF37;margin-bottom:14px}
@media (max-width:900px){.calm-values ul{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.calm-values ul{grid-template-columns:1fr}}
/* Simple inner pages (services/guides) */
.page-head{background:linear-gradient(160deg,#0B132B,#111927 60%,#1B2747);color:#E6EAF0;padding:120px 0 70px}
.page-head h1{color:#fff;max-width:860px}
.page-head .lead{max-width:760px;color:#CBD5E1;font-size:1.12rem}
.page-head .crumbs,.page-head .crumbs a{color:#CBD5E1}
.prose{max-width:820px;margin:0 auto;padding:64px 28px}
.prose h2{margin-top:1.6em}
.prose ul{padding-left:1.2em}
.answer{background:#fff;border-left:3px solid #D4AF37;padding:22px 26px;border-radius:12px;box-shadow:0 14px 34px -28px rgba(11,19,43,.4)}
.img-slot{position:relative;border-radius:18px;overflow:hidden;margin:32px 0;background:#EEF1F5}
.img-slot img{width:100%;aspect-ratio:16/9;object-fit:cover}
.img-slot figcaption{position:absolute;left:12px;top:12px;background:rgba(11,19,43,.85);color:#E8D48A;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.placeholder-note{background:#FFF8E1;border:1px dashed #D4AF37;color:#5c4a12;padding:12px 16px;border-radius:10px;font-size:.9rem;margin-bottom:24px}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:28px}
.svc-grid a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);transition:transform .3s}
.svc-grid a:hover{transform:translateY(-3px)}
.svc-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}
.svc-grid span{display:block;padding:16px 18px;font-family:var(--serif);font-size:1.2rem}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
.cta-box{background:#0B132B;color:#CBD5E1;border-radius:20px;padding:36px;margin:48px 0}
.cta-box h2,.cta-box strong{color:#fff;margin-top:0}
.cta-box a:not(.btn){color:#E8D48A}
.guide-list{display:grid;gap:20px}
.guide-list a{display:block;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink)}
.guide-list a small{color:#9A7B22;text-transform:uppercase;letter-spacing:.12em}
.site-header .nav a{white-space:nowrap}@media (min-width:981px){.site-header .nav{gap:16px}.site-header .nav a{font-size:.74rem}}
