@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat&display=swap);
:root {
  --z-content-low: 10;
  --z-content: 20;
  --z-content-high: 30;
  --z-nav-low: 100;
  --z-nav: 200;
  --z-nav-sticky: 300;
  --z-overlay: 400;
  --z-spotlight: 1000;
  --z-critical: 2000;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
}
:root {
  --background: #F3ECE2;
  --foreground: #2F4A33;
  --surface: #EAE0D2;
  --surface-foreground: var(--foreground);
  --sidebar: #2F4A33;
  --sidebar-foreground: #F3ECE2;
  --card: #FFFFFF;
  --card-foreground: var(--foreground);
  --popup: #FFFFFF;
  --popup-foreground: var(--foreground);
  --primary: #5F6B4E;
  --primary-foreground: #FFFFFF;
  --secondary: #E8D9D4;
  --secondary-foreground: #2F4A33;
  --accent: #C4A39C;
  --accent-foreground: #2F4A33;
  --muted: #EAE0D2;
  --muted-foreground: #4F6652;
  --success: hsl(150, 45%, 36%);
  --success-foreground: hsl(0, 0%, 100%);
  --error: hsl(5, 65%, 48%);
  --error-foreground: hsl(0, 0%, 100%);
  --warning: hsl(38, 90%, 55%);
  --warning-foreground: hsl(38, 40%, 15%);
  --info: hsl(195, 45%, 40%);
  --info-foreground: hsl(0, 0%, 100%);
  --info-hover: hsl(195, 45%, 35%);
  --info-active: hsl(195, 45%, 30%);
  --border: #DCCBC4;
  --font-family-base: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-display: "Fraunces", Georgia, serif;
  --font-family-heading: var(--font-family-display);
  --font-family-monospace: "JetBrains Mono", Menlo, monospace;
  --font-family-cursive: "Caveat", cursive;
  --radius-sm: 0.375rem;
  --radius: 0.625rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-full: 9999px;
  --shadow: 0 1px 2px hsla(85, 14%, 24%, 0.05), 0 3px 8px hsla(85, 14%, 24%, 0.06);
  --shadow-md: 0 2px 4px hsla(85, 14%, 24%, 0.05), 0 12px 24px -8px hsla(85, 14%, 24%, 0.1);
  --shadow-lg: 0 4px 8px hsla(85, 14%, 24%, 0.05), 0 24px 48px -12px hsla(85, 14%, 24%, 0.16);
  --shadow-focus: 0 0 0 3px rgba(95,107,78,0.35);
  --animation-duration-fast: 150ms;
  --animation-duration-normal: 250ms;
  --animation-duration-slow: 400ms;
  --chart-color-1: #5F6B4E;
  --chart-color-2: #C4A39C;
  --chart-color-3: hsl(195, 45%, 40%);
  --chart-color-4: hsl(150, 45%, 36%);
  --chart-color-5: hsl(5, 65%, 48%);
}
.dark {
  --background: hsl(165, 25%, 9%);
  --foreground: hsl(40, 40%, 92%);
  --surface: hsl(165, 22%, 12%);
  --surface-foreground: var(--foreground);
  --sidebar: hsl(165, 25%, 7%);
  --sidebar-foreground: hsl(40, 40%, 92%);
  --card: hsl(165, 22%, 13%);
  --card-foreground: var(--foreground);
  --popup: hsl(165, 22%, 13%);
  --popup-foreground: var(--foreground);
  --primary: #8A9874;
  --primary-foreground: hsl(165, 35%, 10%);
  --secondary: hsl(165, 18%, 20%);
  --secondary-foreground: hsl(40, 40%, 92%);
  --accent: #C4A39C;
  --accent-foreground: hsl(165, 35%, 10%);
  --muted: hsl(165, 15%, 20%);
  --muted-foreground: hsl(40, 15%, 70%);
  --success: hsl(150, 45%, 45%);
  --success-foreground: hsl(0, 0%, 100%);
  --error: hsl(5, 65%, 58%);
  --error-foreground: hsl(0, 0%, 100%);
  --warning: hsl(38, 90%, 55%);
  --warning-foreground: hsl(38, 40%, 90%);
  --info: hsl(195, 45%, 55%);
  --info-foreground: hsl(0, 0%, 100%);
  --info-hover: hsl(195, 45%, 50%);
  --info-active: hsl(195, 45%, 45%);
  --border: hsl(165, 15%, 22%);
  --shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
  --shadow-md: 0 8px 20px hsla(0, 0%, 0%, 0.25);
  --shadow-lg: 0 20px 40px hsla(0, 0%, 0%, 0.3);
  --shadow-focus: 0 0 0 3px rgba(196,163,156,0.4);
}
.section { padding: var(--spacing-16) var(--spacing-6); }
.alt { background: var(--surface); }
.container { max-width: 1160px; margin: 0 auto; }
.narrow { max-width: 760px; margin: 0 auto; }
.eyebrow { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.8rem; font-weight: 600; color: var(--primary); margin: 0 0 var(--spacing-3); }
.h1 { font-family: var(--font-family-display); font-weight: 400; font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.08; margin: 0 0 var(--spacing-6); color: var(--primary); letter-spacing: -0.01em; }
.h2 { font-family: var(--font-family-display); font-weight: 400; font-size: clamp(1.7rem, 3.5vw, 2.6rem); line-height: 1.15; margin: 0 0 var(--spacing-4); color: var(--primary); }
.h3 { font-family: var(--font-family-display); font-weight: 600; font-size: 1.3rem; margin: 0 0 var(--spacing-2); color: var(--primary); }
.lead { font-size: 1.2rem; line-height: 1.65; color: var(--muted-foreground); margin: 0 0 var(--spacing-8); }
.body { line-height: 1.7; font-size: 1.05rem; }
.actions { display: flex; flex-wrap: wrap; gap: var(--spacing-3); }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-6); }
.grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--spacing-6); }
.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--spacing-8); box-shadow: var(--shadow); }
.featured { border-color: var(--accent); box-shadow: var(--shadow-lg); }
.price { font-family: var(--font-family-display); font-size: 2.4rem; color: var(--primary); margin: var(--spacing-2) 0; }
.small { font-size: 0.9rem; color: var(--muted-foreground); line-height: 1.6; }
.list { padding-left: 1.2rem; line-height: 1.8; margin: var(--spacing-4) 0; }
.modules { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--spacing-3); }
.module { display: flex; gap: var(--spacing-4); align-items: flex-start; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--spacing-4) var(--spacing-6); }
.num { font-family: var(--font-family-display); font-size: 1.6rem; color: var(--accent); min-width: 2rem; }
.num { color: var(--primary); }
.quote { font-family: var(--font-family-display); font-size: 1.35rem; line-height: 1.55; border-left: 3px solid var(--accent); padding-left: var(--spacing-6); margin: 0; color: var(--foreground); }
.draftBanner { background: hsla(38, 90%, 55%, 0.15); border: 1px solid var(--warning); border-radius: var(--radius); padding: var(--spacing-4) var(--spacing-6); margin-bottom: var(--spacing-8); font-weight: 500; }
.faq { border-top: 1px solid var(--border); padding: var(--spacing-4) 0; }
.faq summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; }
.faq p { line-height: 1.65; color: var(--muted-foreground); }
.shell { min-height: 100vh; display: flex; flex-direction: column; background: var(--background); color: var(--foreground); font-family: var(--font-family-base); }
.header { position: sticky; top: 0; z-index: var(--z-nav-sticky); background: color-mix(in srgb, var(--background) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
.headerInner { max-width: 1160px; margin: 0 auto; padding: var(--spacing-4) var(--spacing-6); display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4); }
.brand { font-family: var(--font-family-display); font-size: 1.25rem; font-weight: 600; color: var(--primary); text-decoration: none; display: flex; align-items: center; gap: var(--spacing-2); }
.flame { color: var(--accent); }
.nav { display: flex; align-items: center; gap: var(--spacing-6); }
.navLink { color: var(--foreground); text-decoration: none; font-size: 0.95rem; opacity: 0.8; }
.navLink:hover, .active { opacity: 1; color: var(--primary); }
.active { font-weight: 600; }
.menuBtn { display: none; background: none; border: 1px solid var(--border); border-radius: var(--radius-full); padding: var(--spacing-2) var(--spacing-4); font: inherit; color: var(--foreground); cursor: pointer; }
.main { flex: 1; }
.footer { background: var(--sidebar); color: var(--sidebar-foreground); padding: var(--spacing-12) var(--spacing-6) var(--spacing-8); margin-top: var(--spacing-16); }
.footerInner { max-width: 1160px; margin: 0 auto; display: flex; justify-content: space-between; gap: var(--spacing-8); flex-wrap: wrap; }
.footerBrand { font-family: var(--font-family-display); font-size: 1.4rem; margin: 0 0 var(--spacing-2); }
.footerTag { opacity: 0.75; margin: 0; }
.footerLinks { display: flex; flex-wrap: wrap; gap: var(--spacing-3) var(--spacing-6); max-width: 520px; }
.footerLinks a { color: var(--sidebar-foreground); opacity: 0.85; text-decoration: none; }
.footerLinks a:hover { opacity: 1; text-decoration: underline; }
.disclaimer { max-width: 1160px; margin: var(--spacing-8) auto 0; padding-top: var(--spacing-6); border-top: 1px solid hsla(40, 40%, 90%, 0.15); font-size: 0.9rem; line-height: 1.6; opacity: 0.85; }
.crisis, .copy { max-width: 1160px; margin: var(--spacing-2) auto 0; font-size: 0.8rem; opacity: 0.6; }
@media (max-width: 860px) {
  .menuBtn { display: block; }
  .nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: flex-start; padding: var(--spacing-6); background: var(--background); border-bottom: 1px solid var(--border); gap: var(--spacing-4); }
  .nav.open { display: flex; }
}
.form { display: grid; gap: var(--spacing-4); }
.label { display: grid; gap: var(--spacing-2); font-weight: 500; font-size: 0.95rem; }
select, input, textarea { font: inherit; padding: var(--spacing-3); border-radius: var(--radius); border: 1px solid var(--border); background: var(--card); color: var(--foreground); }
.error { color: var(--error); margin: 0; }
.done { background: var(--surface); border-radius: var(--radius-lg); padding: var(--spacing-8); line-height: 1.6; }
.doneTitle { font-family: var(--font-family-display); font-size: 1.5rem; color: var(--primary); margin: 0 0 var(--spacing-2); }
*{box-sizing:border-box} body{margin:0} a{color:var(--primary)}
.hero { padding: var(--spacing-20) var(--spacing-6) var(--spacing-16); background: radial-gradient(ellipse at 80% 0%, rgba(196,163,156,0.25), transparent 60%), var(--background); }
.pillar { border-top: 3px solid var(--accent); } .center{text-align:center}
.wrap { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-12); align-items: start; }
@media (max-width: 860px) { .wrap { grid-template-columns: 1fr; } }
.leadForm{display:grid;gap:var(--spacing-4)} input,textarea,select{font:inherit;padding:var(--spacing-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--foreground);width:100%}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius-full);padding:.6rem 1.25rem;font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:filter var(--animation-duration-fast)}
.btn:hover{filter:brightness(1.12)} .btn.sm{padding:.4rem 1rem;font-size:.9rem;color:var(--primary-foreground);opacity:1} .btn.lg{padding:.8rem 1.6rem;font-size:1.05rem}
.btn.outline{background:transparent;color:var(--primary)} .btn:disabled{opacity:.6;cursor:default}

.brandLogo{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--accent)}
.brand{color:var(--foreground)}
.footerLogo{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-3);box-shadow:0 0 0 2px var(--accent)}
.btn:not(.outline){background:var(--primary);color:var(--primary-foreground)}
/* EEH additions */
.wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:#2F4A33;text-decoration:none;line-height:1.1;font-size:1.05rem}
.wordmark small{display:block;font-family:inherit;font-weight:400;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5F6B4E}
.cccLogo{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin-bottom:1rem}
.contactBlock p{margin:.25rem 0}
.contactBlock a{color:#2F4A33}
.eho{font-size:.85rem;color:#4F6652;margin:.5rem 0}
.label select,.label textarea,.label input{width:100%}
/* ===== BOLD THEME: black / white / blush ===== */
:root{--background:#FFFFFF;--foreground:#2B2B2D;--surface:#F1E4E0;--card:#FFFFFF;--card-foreground:#2B2B2D;--primary:#2B2B2D;--primary-foreground:#FFFFFF;--secondary:#F1E4E0;--secondary-foreground:#2B2B2D;--accent:#C4A39C;--accent-foreground:#2B2B2D;--muted:#F1E4E0;--muted-foreground:#3A3A3A;--border:#D9D9D9;--sidebar:#58585D;--sidebar-foreground:#FFFFFF;--font-family-display:"Montserrat","Inter Tight",Arial,sans-serif;--radius-lg:.5rem;--radius-md:.4rem;--radius:.35rem;--shadow:none;--shadow-md:0 8px 24px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--shadow-focus:0 0 0 3px rgba(196,163,156,.6)}
.h1,.h2,.h3,.price,.doneTitle,.footerBrand,.num{font-family:var(--font-family-display);color:#2B2B2D;font-weight:800;letter-spacing:-.01em}
.h1{font-weight:900;text-transform:uppercase;letter-spacing:-.005em}
.h3{font-weight:700}
.eyebrow{color:#2B2B2D;font-weight:800;letter-spacing:.22em;font-size:.78rem}
.eyebrow::before{content:"";display:inline-block;width:28px;height:3px;background:var(--accent);vertical-align:middle;margin-right:.6rem}
.alt{background:#F1E4E0}
.card{border:1px solid #D9D9D9;border-radius:.5rem;box-shadow:none;background:#fff;color:#2B2B2D}
.card:hover{border-color:#2B2B2D}
.featured{border:2px solid #2B2B2D;box-shadow:inset 0 4px 0 var(--accent)}
.pillar{border-top:4px solid var(--accent)}
.quote{border-left:4px solid var(--accent);font-weight:600}
.lead,.small,.faq p{color:#3A3A3A}
a{color:#2B2B2D;text-decoration-color:var(--accent);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
/* header */
.header{background:#58585D;border-bottom:3px solid var(--accent);backdrop-filter:none}
.wordmark{color:#fff;font-family:var(--font-family-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.wordmark small{color:var(--accent);font-weight:700;letter-spacing:.3em}
.navLink{color:#fff;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.navLink:hover,.navLink.active{color:var(--accent);opacity:1}
.menuBtn{color:#fff;border-color:#fff}
@media (max-width:860px){.nav{background:#58585D;border-bottom:3px solid var(--accent)}}
/* buttons */
.btn,.btn:not(.outline){background:var(--accent);color:#2B2B2D;border:2px solid var(--accent);border-radius:.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}
.btn.sm{color:#2B2B2D}
.btn:hover,.btn:not(.outline):hover{background:#58585D;color:#fff;border-color:#58585D;filter:none}
.btn.outline{background:transparent;color:#2B2B2D;border:2px solid #2B2B2D}
.btn.outline:hover{background:#2B2B2D;color:#fff}
.header .btn:hover{background:#fff;color:#2B2B2D;border-color:#fff}
/* hero */
.hero{background:#58585D;color:#fff;border-bottom:6px solid var(--accent)}
.hero .h1,.hero .h2,.hero .h3{color:#fff}
.hero .eyebrow{color:var(--accent)}
.hero .lead,.hero .body,.hero .small{color:#E6E6E6}
.hero a:not(.btn){color:#fff}
.hero .btn:hover{background:#fff;color:#2B2B2D;border-color:#fff}
.hero .btn.outline{color:#fff;border-color:#fff}
.hero .btn.outline:hover{background:var(--accent);color:#2B2B2D;border-color:var(--accent)}
.hero .card,.hero .card *:not(.btn){color:#2B2B2D}
/* footer */
.footer{background:#58585D;color:#fff;border-top:6px solid var(--accent)}
.footer a,.footerLinks a{color:#fff}
.footerLinks a:hover{color:var(--accent)}
.footerTag a{color:var(--accent)}
.eho{color:#CFCFCF}
.contactBlock a{color:#2B2B2D}
.done{background:#F1E4E0}
input,textarea,select{border-color:#BDBDBD}
input:focus,textarea:focus,select:focus{border-color:#2B2B2D}
/* CCC card keeps logo legible only */
#court-chaos .cccLogo{box-shadow:0 0 0 3px #F3ECE2}
/* medium grey: no blush text on grey */
.wordmark small{color:#fff}
.navLink:hover,.navLink.active{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.hero .eyebrow{color:#fff}
.footerTag a{color:#fff;text-decoration:underline;text-decoration-color:var(--accent)}
.footerLinks a:hover{color:#fff;text-decoration-color:var(--accent)}
.eho{color:#fff}
.hero .lead,.hero .body,.hero .small{color:#fff}