body{ background: #f6f5f2; }
/* ============================================================
   STEDARA METHOD - Stylesheet v3
   Aesthetic: Refined editorial calm. Deep slate + warm ivory.
   Fonts: Playfair Display (headings) + Jost (body)
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

:root {
  --page-bg:      #ECEEF2;
  --card-bg:      #FFFFFF;
  --band-tint:    #F4F6F9;
  --text-primary: #181C24;
  --text-muted:   #626878;
  --text-light:   #9AA0AF;
  --accent:       #1C2B45;
  --accent-hover: #111B2E;
  --divider:      #D4D9E4;
  --gold-line:    #B8A47A;
  --max-w:        900px;
  --radius:       20px;
  --shadow:       0 6px 40px rgba(24,28,36,0.09), 0 1px 4px rgba(24,28,36,0.05);
}

body {
  background: var(--page-bg);
  color: var(--text-primary);
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.site-card {
  max-width: var(--max-w);
  margin: 44px auto;
  background: var(--card-bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  animation: fadeUp 0.5s ease both;
}

.band        { padding: 60px 64px; }
.band--white { background: var(--card-bg); }
.band--tint  { background: var(--band-tint); }

/* Brand row */
.brand-row {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 48px;
}
.brand-mark {
  width: 36px;
  height: 36px;
  background: var(--accent);
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.brand-name {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--text-primary);
  text-decoration: none;
}

/* Hero */
.hero-inner {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 52px;
  align-items: center;
}
.hero-kicker {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-line);
  margin-bottom: 18px;
}
.hero-h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 3.8vw, 44px);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-primary);
  margin-bottom: 18px;
}
.hero-sub {
  font-size: 15.5px;
  color: var(--text-muted);
  line-height: 1.72;
  margin-bottom: 16px;
  max-width: 440px;
}


.hero-humanlines{
  margin: 12px 0 0;
  padding: 10px 0 0 14px;
  border-left: 3px solid rgba(184, 152, 84, .45);
}

.hero-humanlines p{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.45;
  color: rgba(0,0,0,.80);
}

.hero-humanlines p:last-child { margin-bottom: 0; }
.hero-bridge {
  font-size: 13.5px;
  color: var(--text-light);
  margin-bottom: 28px;
}

/* CTA */
.cta-cluster { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.btn {
  display: inline-block;
  background: var(--accent);
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.18s ease, transform 0.12s ease;
  cursor: pointer;
  border: none;
}
.btn:hover { background: var(--accent-hover); transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.price-line { font-size: 13px; color: var(--text-muted); line-height: 1.5; }
.price-line strong { color: var(--text-primary); font-weight: 500; }

/* Important to know accordion */
.itkbox {
  margin-top: 20px;
  border: 1px solid var(--divider);
  border-radius: 10px;
  overflow: hidden;
}
.itkbox summary {
  padding: 13px 18px;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--band-tint);
  user-select: none;
}
.itkbox summary::-webkit-details-marker { display: none; }
.itkbox summary::before {
  content: '›';
  font-size: 16px;
  line-height: 1;
  transition: transform 0.2s ease;
  color: var(--text-light);
}
.itkbox[open] summary::before { transform: rotate(90deg); }
.itkbox-body {
  padding: 16px 18px 18px;
  background: var(--card-bg);
  border-top: 1px solid var(--divider);
}
.itkbox-body ul { list-style: none; padding: 0; }
.itkbox-body ul li {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.65;
  padding: 5px 0 5px 16px;
  position: relative;
}
.itkbox-body ul li::before {
  content: '-';
  position: absolute;
  left: 0;
  color: var(--text-light);
  font-size: 12px;
  top: 5px;
}

/* Hero image - abstract photography panel */
.hero-image {
  height: 380px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  background-color: #A8BDD0;
  background-size: cover;
  background-position: 65% center;
}
/* Fallback gradient (shows until real photo loads) */
.hero-image-fallback {
  opacity: 0.55;
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, #C8D6E4 0%, #A4B8CE 40%, #889FB8 100%);
  z-index: -1;
}
/* Subtle texture overlay */
.hero-image-texture {
  position: absolute;
  inset: 0;
  background-image: url('/assets/calm-texture.png');
  background-size: cover;
  opacity: 0.0;
  mix-blend-mode: multiply;
  z-index: 1;
}
/* Gentle vignette */
.hero-image-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(28,43,69,0.18) 100%);
  z-index: 2;
}

/* Section headings */
h2.section-h2 {
  font-family: 'Playfair Display', serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--text-primary);
  margin-bottom: 16px;
}
.section-lead {
  font-size: 15.5px;
  color: var(--text-muted);
  margin-bottom: 24px;
  max-width: 640px;
  line-height: 1.7;
}
.section-close {
  margin-top: 20px;
  font-size: 13.5px;
  color: var(--text-muted);
  font-style: italic;
}

/* Bullet lists */
.styled-list { list-style: none; padding: 0; }
.styled-list li {
  padding: 7px 0 7px 22px;
  position: relative;
  font-size: 15px;
  color: var(--text-primary);
  line-height: 1.55;
}
.styled-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 5px;
  height: 5px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0.35;
}

/* Two-column */
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; }
.col-card {
  background: var(--band-tint);
  border-radius: 12px;
  padding: 28px 28px 26px;
}
.col-card.col-is    { border-top: 3px solid var(--accent); }
.col-card.col-isnot { border-top: 3px solid var(--divider); }
.col-card h3 {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--text-primary);
}
.col-card.col-isnot h3 { color: var(--text-muted); }

.section-divider { border: none; border-top: 1px solid var(--divider); margin: 36px 0; }

/* Step cards */
.steps { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.step-card {
  display: grid;
  grid-template-columns: 52px 1fr;
  background: var(--band-tint);
  border-radius: 12px;
  overflow: hidden;
}
.step-num {
  background: var(--accent);
  display: grid;
  place-items: center;
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  color: rgba(255,255,255,0.4);
}
.step-body { padding: 20px 24px; }
.step-body strong {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 6px;
}
.step-body p { font-size: 14.5px; color: var(--text-muted); line-height: 1.6; }

/* Notice box */
.notice-box {
  background: var(--band-tint);
  border-left: 3px solid var(--accent);
  border-radius: 0 10px 10px 0;
  padding: 24px 28px;
  max-width: 680px;
}
.notice-box p {
  font-size: 13.5px;
  color: var(--text-muted);
  line-height: 1.7;
  margin-bottom: 10px;
}
.notice-box p:last-child { margin-bottom: 0; }

/* FAQ */
.faq-list { margin-top: 8px; }
.faq-item { border-bottom: 1px solid var(--divider); }
.faq-item:first-child { border-top: 1px solid var(--divider); }
.faq-item summary {
  padding: 17px 4px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  user-select: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-chevron {
  width: 18px; height: 18px;
  flex-shrink: 0;
  color: var(--text-light);
  transition: transform 0.2s ease;
}
.faq-item[open] .faq-chevron { transform: rotate(180deg); }
.faq-answer { padding: 0 4px 18px; font-size: 14.5px; color: var(--text-muted); line-height: 1.7; }
.faq-answer a { color: var(--accent); }

/* Enrolment */
.enrolment-price {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--text-primary);
  margin: 16px 0 24px;
}
.enrolment-intro { font-size: 15px; color: var(--text-muted); margin-bottom: 4px; }

/* Footer disclaimer band */
.footer-disclaimer {
  background: var(--band-tint);
  padding: 28px 64px;
  border-top: 1px solid var(--divider);
}
.footer-disclaimer p {
  font-size: 12.5px;
  color: var(--text-light);
  line-height: 1.7;
  margin-bottom: 6px;
}
.footer-disclaimer p:last-child { margin-bottom: 0; }

/* Footer */
.site-footer {
  background: var(--accent);
  padding: 22px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.footer-copy { font-size: 11px; color: rgba(255,255,255,0.3); }
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a {
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  transition: color 0.15s;
}
.footer-links a:hover { color: #fff; }

/* Utilities */
.small-note { font-size: 13px; color: var(--text-light); margin-top: 10px; }
.mt-med  { margin-top: 22px; }
.mt-small { margin-top: 6px; }

/* Legal entity line (sub-pages only) */
.legal-entity {
  font-size: 12px;
  color: var(--text-light);
  margin-top: 32px;
  padding-top: 18px;
  border-top: 1px solid var(--divider);
  line-height: 1.6;
}

/* Sub-pages */
.subpage-h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 3.5vw, 38px);
  font-weight: 500;
  margin-bottom: 28px;
  color: var(--text-primary);
}
.subpage-body p   { margin-bottom: 16px; font-size: 16px; color: var(--text-muted); line-height: 1.7; }
.subpage-body h2  {
  font-family: 'Playfair Display', serif;
  font-size: 21px;
  font-weight: 500;
  margin-top: 28px;
  margin-bottom: 10px;
  color: var(--text-primary);
}
.subpage-body ul  { margin: 0 0 16px 20px; }
.subpage-body ul li { font-size: 15px; color: var(--text-muted); margin-bottom: 6px; }

/* Hero photo collage grid */
/* Unified tonal overlay - ties photos to site palette */
/* Cell placement */

/* Responsive */
@media (max-width: 740px) {
  .site-card  { margin: 0; border-radius: 0; }
  .band       { padding: 44px 24px; }
  .footer-disclaimer { padding: 24px; }
  .site-footer { padding: 22px 24px; flex-direction: column; align-items: flex-start; }
  .hero-inner { grid-template-columns: 1fr; gap: 28px; }
  .hero-image { height: 220px; order: 2; }
  .hero-content { order: 1; }
  .two-col    { grid-template-columns: 1fr; }
}

/* ============================================================
   NEW ELEMENTS - Review update
   ============================================================ */

/* Hero micro disclaimer lines */
.hero-micro-disclaimer {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 10px;
  line-height: 1.5;
}
.hero-micro-disclaimer a {
  color: var(--text-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Hero humanlines - condensed to single line style */
/* Italic closing line for "Does this feel familiar?" */
.section-close-italic {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 15px;
  color: var(--text-primary);
  margin-top: 24px;
  margin-bottom: 6px;
}

/* Section note (used under "How it works") */
.section-note {
  font-size: 13.5px;
  color: var(--text-muted);
  margin-top: 10px;
  font-style: italic;
}

/* Enrolment "what you get" block */
.enrolment-gets {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 24px 28px;
  margin: 24px 0;
  border: 1px solid var(--divider);
}
.enrolment-gets-heading {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 14px;
}

/* Enrolment "why 20" */
.enrolment-why {
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 20px;
  line-height: 1.6;
}
.enrolment-why strong {
  color: var(--text-primary);
}

/* Enrolment price note */
.enrolment-price-note {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-muted);
}

/* Extra spacing utility */
.mt-xsmall { margin-top: 6px; }

/* Footer disclaimer - bold lead-in style */
.footer-disclaimer p strong {
  color: var(--text-primary);
  font-weight: 500;
}

/* Added for v3 copy refinements */

.enrolment-helps {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 24px 28px;
  margin: 24px 0;
  border: 1px solid var(--divider);
}

.muted{ color: var(--text-muted); }
.hero-humanlines .muted { font-size: 0.95em; }
/* Accessibility */
.btn:focus-visible{
  outline: 3px solid rgba(184, 152, 84, .55);
  outline-offset: 3px;
}

/* Deliverables box */
.deliverables-box{
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,245,240,.92));
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.deliverables-box h3{
  margin: 0 0 10px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .2px;
}

.deliverables-list{
  margin: 0;
  padding-left: 18px;
}

.deliverables-list li{
  margin: 0 0 10px;
  line-height: 1.45;
  color: rgba(0,0,0,.82);
}

.deliverables-list li strong{
  font-weight: 700;
}



/* Legal pages */
.legal-h1{ font-family: "Playfair Display", serif; font-size: clamp(28px,3.5vw,40px); font-weight: 500; color: var(--text-primary); margin: 0 0 14px; line-height: 1.2; }
.legal-meta{ font-size: 13px; color: var(--text-light); line-height: 1.6; margin-bottom: 18px; }
.legal-intro{ font-size: 15.5px; color: var(--text-muted); line-height: 1.7; max-width: 720px; }
.legal-section-card{ background: var(--card-bg); border: 1px solid var(--divider); border-radius: 14px; padding: 24px 26px; box-shadow: 0 10px 24px rgba(0,0,0,.05); }
.legal-section-header{ display:flex; align-items:baseline; gap:12px; margin-bottom:14px; }
.legal-section-num{ width:28px; height:28px; border-radius:8px; background: rgba(184,152,84,.18); color: var(--gold-line); display:grid; place-items:center; font-family:"Playfair Display",serif; font-size:14px; }
.legal-section-title{ font-family:"Playfair Display",serif; font-size:18px; font-weight:600; color: var(--text-primary); }
.legal-p{ font-size:15px; color: var(--text-muted); line-height:1.7; margin: 0 0 12px; }
.legal-list{ margin: 0 0 12px 18px; padding: 0; }
.legal-list li{ margin-bottom:6px; color: var(--text-muted); line-height:1.6; font-size:14.5px; }


/* Hero split image (plane + meeting) */
.hero-split{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  display: grid;
  grid-template-rows: 1fr 1fr;
  min-height: 320px;
  position: relative;
}

.hero-split-tile{
  background-size: cover;
  background-position: center;
}

.hero-split-plane{
  background-image: url("/assets/hero-plane.jpg");
}

.hero-split-meeting{
  background-image: url("/assets/hero-meeting.jpg");
}

@media (max-width: 740px){
  .hero-split{ min-height: 260px; }
}


/* ============================================================
   Hero premium text rhythm (v20)
   ============================================================ */
.hero-sub{
  margin-top: 14px;
  max-width: 520px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(0,0,0,.72);
}

.hero-humanlines{
  margin-top: 18px;
  padding-left: 0;
  border-left: none;
  max-width: 520px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(0,0,0,.82);
}

.hero-padline{
  margin-top: 10px;
  max-width: 520px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0,0,0,.70);
}

.hero-outline-lead{
  margin-top: 18px;
  max-width: 520px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0,0,0,.74);
}

.hero-next{
  margin-top: 10px;
  font-size: 14px;
}

.hero-next a,
.hero-next a:visited{
  color: rgba(184,152,84,.95);
  text-decoration: none;
  border-bottom: 1px solid rgba(184,152,84,.40);
  padding-bottom: 2px;
}

.hero-next a:hover{
  border-bottom-color: rgba(184,152,84,.80);
}


/* ============================================================
   Hero split - unified grade + seam divider (v20)
   ============================================================ */
.hero-split{
  position: relative;
}

.hero-split::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,.22), rgba(15,23,42,.12));
  pointer-events: none;
}

.hero-split::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(255,255,255,.18);
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  pointer-events: none;
  z-index: 2;
}

.hero-split-tile{
  filter: saturate(.88) contrast(.98) brightness(.98);
}

.hero-split-plane{ background-position: 60% 38%; }
.hero-split-meeting{ background-position: 55% 60%; }


/* ============================================================
   SALES-LED REBUILD v1
   ============================================================ */
:root{
  --page-bg:#eef1f4;
  --band-tint:#edf1f5;
  --ink-band:#1b2c4a;
  --soft-ink:#22385a;
  --shadow-lg:0 20px 60px rgba(19,31,51,.12),0 6px 18px rgba(19,31,51,.06);
  --shadow-sm:0 12px 24px rgba(19,31,51,.08);
  --max-w:1180px;
}
body{background:var(--page-bg);}
.site-card{max-width:1240px;border-radius:28px;overflow:hidden;box-shadow:0 22px 70px rgba(19,31,51,.12);}
.band{padding:72px 60px;}
.band--ink{background:linear-gradient(180deg,#1b2c4a 0%,#21365a 100%);color:#fff;}
.hero-band{padding-top:42px;padding-bottom:76px;}
.brand-row{margin-bottom:34px;}
.brand-name{font-size:24px;letter-spacing:.01em;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:56px;align-items:center;}
.hero-copy{max-width:560px;}
.hero-kicker{letter-spacing:.18em;margin-bottom:18px;}
.hero-h1{font-size:clamp(52px,5.5vw,78px);line-height:.95;max-width:520px;letter-spacing:-.03em;margin-bottom:24px;}
.hero-sub,.hero-humanlines,.hero-outline-lead{max-width:540px;font-size:19px;line-height:1.62;color:var(--text-muted);}
.hero-humanlines{margin-top:18px;}
.hero-outline-lead{font-size:17px;color:#5f6778;}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap;}
.btn{padding:16px 28px;border-radius:14px;font-size:13px;font-weight:600;letter-spacing:.08em;box-shadow:var(--shadow-sm);}
.btn-block{display:block;text-align:center;width:100%;}
.text-link{color:var(--gold-line);text-decoration:none;border-bottom:1px solid rgba(184,164,122,.5);padding-bottom:2px;font-size:14px;}
.hero-visual{position:relative;min-height:560px;display:flex;justify-content:flex-end;align-items:flex-end;}
.hero-visual-main{width:84%;height:540px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-lg);background:#dfe4ec;position:relative;}
.hero-visual-main img,.scenario-image-card img,.method-card img,.practical-fit-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-visual-inset{position:absolute;left:0;bottom:36px;width:220px;background:#fff;border-radius:22px;padding:14px;box-shadow:var(--shadow-lg);border:1px solid rgba(25,39,63,.08);}
.hero-visual-inset img{width:100%;aspect-ratio:1.05/1;object-fit:cover;border-radius:16px;display:block;margin-bottom:10px;}
.hero-visual-inset p{font-size:13px;line-height:1.55;color:#5e6675;}
.eyebrow{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-line);font-weight:600;margin-bottom:18px;}
.eyebrow--card{margin-bottom:10px;}
.eyebrow--light{color:#d5bc8b;}
.section-h2{font-size:clamp(34px,3vw,52px);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;}
.section-lead{font-size:18px;line-height:1.68;max-width:760px;}
.section-close{font-size:15px;line-height:1.7;color:#687080;font-style:normal;}
.no-italic{font-style:normal;}
.section-h2--light,.section-lead--light,.section-close--light{color:#fff;}
.section-lead--light{color:rgba(255,255,255,.82);}
.section-close--light{color:rgba(255,255,255,.72);}
.section-split{display:grid;grid-template-columns:minmax(0,1.05fr) 360px;gap:36px;align-items:center;}
.scenario-support{display:grid;gap:16px;}
.scenario-image-card{height:260px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);background:#dde4ee;}
.scenario-note{background:#fff;border:1px solid var(--divider);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-sm);}
.scenario-note strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-line);margin-bottom:10px;}
.scenario-note p{font-size:15px;color:var(--text-muted);line-height:1.6;}
.recognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px;}
.recognition-card{background:#fff;border:1px solid rgba(28,43,69,.08);border-radius:22px;padding:20px 22px;box-shadow:var(--shadow-sm);min-height:132px;}
.recognition-num{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--gold-line);margin-bottom:14px;}
.recognition-card p{font-size:16px;line-height:1.55;color:var(--text-primary);}
.method-band{background:linear-gradient(180deg,#f7f8fb 0%, #eef2f6 100%);}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px;}
.method-card{background:#fff;border:1px solid rgba(28,43,69,.08);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-sm);}
.method-card img{aspect-ratio:1.2/1;background:#dde4ee;}
.method-card-body{padding:22px 22px 24px;}
.method-card h3{font-family:'Playfair Display',serif;font-size:30px;line-height:1.05;margin-bottom:12px;color:var(--text-primary);}
.method-card p{font-size:15px;line-height:1.65;color:var(--text-muted);}
.method-card--text{display:flex;align-items:stretch;background:linear-gradient(180deg,#22385a 0%,#1b2c4a 100%);}
.method-card--text .method-card-body{display:flex;flex-direction:column;justify-content:center;}
.method-card--text .eyebrow,.method-card--text h3,.method-card--text p{color:#fff;}
.method-card--text p{color:rgba(255,255,255,.82);}
.trust-grid,.suitability-grid{align-items:start;}
.col-card{border-radius:24px;padding:30px;background:#fff;border:1px solid rgba(28,43,69,.08);box-shadow:var(--shadow-sm);}
.col-card h3{font-size:34px;line-height:1.05;margin-bottom:16px;}
.col-card .styled-list li{font-size:16px;line-height:1.6;padding-left:24px;}
.col-card .styled-list li::before{top:16px;background:var(--gold-line);opacity:.95;width:6px;height:6px;}
.mini-callout{margin-top:18px;padding-top:16px;border-top:1px solid rgba(28,43,69,.1);font-size:14px;line-height:1.6;color:var(--text-muted);}
.practical-fit-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:34px;align-items:center;}
.practical-fit-visual{border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg);}
.practical-fit-visual img{aspect-ratio:1.45/1;}
.steps{gap:18px;margin-top:18px;}
.step-card{grid-template-columns:80px 1fr;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid rgba(28,43,69,.08);}
.step-num{font-size:28px;color:#fff;background:var(--accent);}
.step-body{padding:24px 24px 22px;}
.step-body strong{font-size:16px;margin-bottom:8px;}
.step-body p{font-size:15px;line-height:1.6;}
.enrolment-shell{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:28px;align-items:start;}
.enrolment-main .deliverables-box{margin-top:18px;border-radius:22px;padding:24px;background:#fff;}
.enrolment-main .deliverables-list li{margin-bottom:12px;line-height:1.6;}
.price-card,.side-note-card{background:#fff;border:1px solid rgba(28,43,69,.08);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);}
.price-card{position:sticky;top:28px;}
.price-figure{font-family:'Playfair Display',serif;font-size:58px;line-height:.95;color:var(--text-primary);margin:10px 0 14px;}
.price-copy{font-size:15px;color:var(--text-muted);line-height:1.65;margin-bottom:18px;}
.side-note-card{margin-top:16px;}
.side-note-card p{font-size:14px;line-height:1.65;color:var(--text-muted);}
.faq-list{display:grid;gap:12px;margin-top:12px;}
.faq-item{border:1px solid rgba(28,43,69,.1);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);}
.faq-item:first-child{border-top:1px solid rgba(28,43,69,.1);}
.faq-item summary{padding:22px 20px;font-size:17px;}
.faq-answer{padding:0 20px 22px;font-size:15px;}
#quick-self-check.band--slate,#quick-self-check{background:linear-gradient(180deg,#1b2c4a 0%,#21365a 100%);}
#quick-self-check .section-h2,#quick-self-check .section-lead{color:#fff;}
#quick-self-check .section-lead{color:rgba(255,255,255,.78);}
#quick-self-check .two-col{gap:14px;}
#quick-self-check .col-card{box-shadow:none;border:none;border-radius:22px;}
#quick-self-check .notice-box{max-width:none;background:#fff;border-left:none;border-radius:22px;padding:22px 24px;}
.check-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(28,43,69,.09);}
.check-item:last-child{border-bottom:none;}
.check-item input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px;}
.check-item-text{font-size:15px;line-height:1.55;color:var(--text-primary);}
#not-ready-capture .col-card{border-radius:22px;background:#fff;border:1px solid rgba(28,43,69,.08);box-shadow:var(--shadow-sm);}
#not-ready-capture input,#not-ready-capture select{border-radius:12px !important;border-color:rgba(28,43,69,.2) !important;padding:14px 15px !important;}
.footer-disclaimer{padding:24px 60px 26px;background:#eff2f6;}
.footer-disclaimer p{font-size:12.8px;line-height:1.65;color:#748094;}
.footer-disclaimer p strong{color:var(--text-primary);}
.site-footer{padding:20px 60px;}
@media (max-width: 1100px){
  .site-card{max-width:none;border-radius:0;margin:0;}
  .band,.footer-disclaimer,.site-footer{padding-left:32px;padding-right:32px;}
  .hero-grid,.section-split,.practical-fit-grid,.enrolment-shell{grid-template-columns:1fr;gap:28px;}
  .hero-copy{max-width:none;}
  .hero-h1{max-width:700px;font-size:clamp(42px,7vw,66px);}
  .hero-visual{min-height:0;justify-content:flex-start;}
  .hero-visual-main{width:min(100%,640px);height:auto;aspect-ratio:1.12/1;}
  .hero-visual-inset{left:auto;right:10px;bottom:-20px;}
  .method-grid{grid-template-columns:1fr 1fr;}
  .price-card{position:relative;top:auto;}
}
@media (max-width: 760px){
  .band,.footer-disclaimer,.site-footer{padding-left:20px;padding-right:20px;}
  .hero-band{padding-top:28px;padding-bottom:44px;}
  .brand-row{margin-bottom:22px;}
  .hero-grid,.method-grid,.recognition-grid,.two-col,.section-split,.practical-fit-grid,.enrolment-shell{grid-template-columns:1fr;}
  .hero-h1{font-size:clamp(42px,15vw,60px);line-height:.98;}
  .hero-sub,.hero-humanlines,.hero-outline-lead,.section-lead{font-size:17px;}
  .hero-visual{order:2;padding-top:8px;}
  .hero-visual-main{width:100%;aspect-ratio:1.02/1;height:auto;border-radius:24px;}
  .hero-visual-inset{position:relative;left:auto;right:auto;bottom:auto;width:72%;margin:-38px auto 0 12px;}
  .hero-actions{align-items:flex-start;}
  .btn{width:100%;text-align:center;}
  .text-link{width:auto;}
  .recognition-card,.col-card,.price-card,.side-note-card,.method-card,.faq-item,.deliverables-box,#not-ready-capture .col-card{border-radius:18px;}
  .method-card h3,.col-card h3{font-size:28px;}
  .step-card{grid-template-columns:60px 1fr;}
  .step-num{font-size:24px;}
}


/* ============================================================
   PHASE 2 VISUAL SWEEP OVERRIDES - sales-first premium contrast
   ============================================================ */
:root{
  --page-bg:#e9edf2;
  --card-bg:#fcfbf8;
  --band-tint:#eef2f6;
  --text-primary:#131925;
  --text-muted:#556074;
  --text-light:#7f899a;
  --accent:#162845;
  --accent-hover:#0f1c31;
  --divider:#d8dee8;
  --gold-line:#a88f5d;
  --shadow:0 18px 60px rgba(15,24,40,.12),0 2px 10px rgba(15,24,40,.06);
}
html,body{background:linear-gradient(180deg,#edf1f5 0%,#e7ebf0 100%);} 
body{font-size:17px; line-height:1.72; color:var(--text-primary);} 
.site-card{max-width:1180px; margin:28px auto 52px; background:#f8f9fb; border-radius:26px; box-shadow:0 24px 80px rgba(16,24,40,.12),0 2px 12px rgba(16,24,40,.06);} 
.band{padding:82px 64px; position:relative;} 
.band + .band{border-top:1px solid rgba(22,40,69,.06);} 
.band--white{background:linear-gradient(180deg,#fcfbf8 0%,#f8f8f5 100%);} 
.band--tint{background:linear-gradient(180deg,#f2f5f8 0%,#edf1f5 100%);} 
.band--slate{background:linear-gradient(180deg,#eef1f5 0%,#e6ebf1 100%);} 
.band--ink{background:linear-gradient(180deg,#1a2e4f 0%,#132440 100%);} 
.branded-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(168,143,93,.45),transparent);margin:26px 0 0;}

.brand-row,.brnd-row{margin-bottom:42px;}
.brand-mark,.brnd-mrk{width:30px;height:30px;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(22,40,69,.18);} 
.brand-name,.brnd-nme{font-size:20px; letter-spacing:.02em;}

.hero-grid,.hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:56px;align-items:center;}
.hero-copy,.hero-opy{max-width:590px;}
.hero-kicker,.hero-kiker{font-size:11px; letter-spacing:.22em; margin-bottom:20px; color:var(--gold-line); font-weight:600;}
.hero-h1{font-size:clamp(58px,7vw,86px); line-height:.94; letter-spacing:-0.045em; max-width:7.3ch; margin-bottom:24px; text-wrap:balance;}
.hero-sub,.hero-ub{font-size:21px; line-height:1.52; color:#41506a; max-width:32ch; margin-bottom:18px;}
.hero-humanlines,.hero-humnine{border-left:0; padding:0; margin:20px 0 0; font-size:17px; color:#48556d; max-width:35ch;}
.hero-outline-lead,.hero-outine-ed{font-size:16px; color:#4c576b; max-width:40ch; margin:18px 0 0;}
.hero-actions,.hero-tion{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px;}
.text-link,.text-ink{font-size:14px;font-weight:600;color:var(--gold-line);text-underline-offset:4px;text-decoration-thickness:1px;}
.btn{padding:15px 26px; border-radius:14px; font-size:13px; font-weight:700; letter-spacing:.08em; box-shadow:0 14px 30px rgba(22,40,69,.18);} 
.btn:hover{box-shadow:0 18px 36px rgba(22,40,69,.22);} 
.btn-secondary{background:transparent;color:var(--accent);border:1px solid rgba(22,40,69,.18);box-shadow:none;}
.btn-secondary:hover{background:rgba(22,40,69,.04);}
.hero-visual,.hero-viu{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center;}
.hero-visual-main,.hero-viu-min{width:100%;max-width:470px;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(17,25,41,.16),0 4px 16px rgba(17,25,41,.08);background:#d9dfeb;aspect-ratio:4/4.6;}
.hero-visual-main img,.hero-viu-min img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-visual-inset,.hero-viu-inet{position:absolute;right:-10px;bottom:22px;width:210px;background:rgba(252,251,248,.97);backdrop-filter:blur(10px);border:1px solid rgba(22,40,69,.09);box-shadow:0 22px 50px rgba(17,25,41,.16);border-radius:20px;overflow:hidden;}
.hero-visual-inset img,.hero-viu-inet img{width:100%;height:150px;object-fit:cover;display:block;}
.hero-visual-inset p,.hero-viu-inet p{font-size:12.5px;line-height:1.55;color:#526176;padding:14px 16px 16px;}

.eyebrow,.eyebrow--card,.eyebrow--light,.eyebrow--rd{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-line);margin-bottom:16px;}
.eyebrow--light,.eyebrow--ight{color:#c6b38b;}
h2.section-h2,.etion-h2{font-size:clamp(34px,3.2vw,50px);line-height:1.08;letter-spacing:-.03em;margin-bottom:18px;max-width:14ch;}
.section-h2--light,.etion-h2--ight{color:#f7f4ee;}
.section-lead,.etion-ed{font-size:19px;line-height:1.65;color:#4d5b71;max-width:54ch;margin-bottom:24px;}
.section-lead--light,.etion-ed--ight{color:rgba(244,247,252,.82);} 
.section-close,.etion-oe{font-size:15px;line-height:1.72;color:#657083;max-width:58ch;margin-top:18px;font-style:normal;}
.section-close--light,.etion-oe--ight{color:rgba(244,247,252,.78);} 
.section-note,.etion-note{font-size:14px;color:#6b7486;}

.why-band,.method-band{overflow:visible;}
.recognition-grid,.reognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;}
.recognition-card,.reognition-rd{background:rgba(255,255,255,.72);border:1px solid rgba(22,40,69,.08);border-radius:18px;padding:22px 22px 18px;box-shadow:0 12px 30px rgba(22,40,69,.06);} 
.recognition-card p,.reognition-rd p{font-size:16px;line-height:1.55;color:#2b3341;}
.recognition-num,.reognition-num{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gold-line);margin-bottom:10px;}

.method-grid,.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;}
.method-card,.method-rd{background:rgba(255,255,255,.82);border:1px solid rgba(22,40,69,.08);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(22,40,69,.08);display:flex;flex-direction:column;min-height:100%;}
.method-card img,.method-rd img{display:block;width:100%;aspect-ratio:1.22/1;object-fit:cover;background:#dbe2ec;}
.method-card-body,.method-rd-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;}
.method-card h3,.method-rd h3{font-family:'Playfair Display',serif;font-size:22px;line-height:1.1;color:#202938;letter-spacing:-.02em;}
.method-card p,.method-rd p{font-size:15px;line-height:1.66;color:#5a667a;}
.method-card--text,.method-rd--text{justify-content:center;background:linear-gradient(180deg,#ffffff 0%,#f5f7fa 100%);} 

.practical-fit-grid,.prti-fit-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;}
.practical-fit-visual img,.prti-fit-viu img{width:100%;display:block;border-radius:24px;box-shadow:0 26px 60px rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.12);} 
.practical-fit-copy,.prti-fit-opy{padding-right:10px;}

.two-col,.two-o{gap:24px;}
.col-card,.o-rd{border-radius:22px;padding:28px 28px 26px;background:rgba(255,255,255,.74);border:1px solid rgba(22,40,69,.08);box-shadow:0 14px 32px rgba(22,40,69,.06);} 
.col-card.col-is,.o-i{border-top:4px solid var(--accent);} 
.col-card.col-isnot,.o-inot{border-top:4px solid rgba(22,40,69,.14);} 
.col-card h3,.o-rd h3{font-size:30px;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px;}
.mini-callout,.mini-out{margin-top:16px;padding-top:16px;border-top:1px solid rgba(22,40,69,.08);font-size:13px;line-height:1.7;color:#6a7485;}

.styled-list li,.tyed-it li{padding:9px 0 9px 24px;font-size:16px;color:#252d3a;}
.styled-list li::before,.tyed-it li::before{top:17px;width:6px;height:6px;background:var(--gold-line);opacity:.95;}

.steps{gap:16px;}
.step-card{border-radius:18px;background:rgba(240,243,248,.86);border:1px solid rgba(22,40,69,.06);box-shadow:0 14px 28px rgba(22,40,69,.05);} 
.step-num{font-size:28px;color:rgba(255,255,255,.72);}
.step-body{padding:22px 24px;}
.step-body strong{font-size:15px;margin-bottom:8px;}
.step-body p{font-size:15px;line-height:1.65;color:#566275;}

.enrolment-shell,.enroment-he{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:start;}
.enrolment-main,.enroment-min,.enrolment-side,.enroment-ide{min-width:0;}
.deliverables-box,.deiverbe-box{padding:24px 26px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid rgba(22,40,69,.08);box-shadow:0 18px 42px rgba(22,40,69,.08);} 
.price-card,.prie-rd{background:linear-gradient(180deg,#1a2e4f 0%,#152644 100%);color:#fff;border-radius:24px;padding:26px 24px;box-shadow:0 22px 48px rgba(15,24,40,.24);position:sticky;top:28px;}
.price-card .eyebrow,.price-card .eyebrow--card{color:#d8c39a;}
.price-figure,.prie-figure{font-family:'Playfair Display',serif;font-size:64px;line-height:.95;letter-spacing:-.04em;margin:10px 0 14px;color:#fff;}
.price-copy,.prie-opy{font-size:15px;line-height:1.7;color:rgba(247,248,252,.84);margin-bottom:18px;}
.price-card .btn{width:100%;justify-content:center;text-align:center;background:#fff;color:#162845;box-shadow:none;margin-top:4px;}
.price-card .btn:hover{background:#f0f3f8;}
.price-card .small-note,.side-note-card,.ide-note-rd{font-size:13px;line-height:1.65;color:rgba(247,248,252,.72);margin-top:14px;}
.side-note-card,.ide-note-rd{background:rgba(255,255,255,.07);padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);}

.band--slate .section-h2,.band--slate .section-lead{color:#152744;} 
#quick-self-check.band--slate{background:linear-gradient(180deg,#dfe6ee 0%,#e8edf3 100%);} 
#quick-self-check .col-card{background:#fbfaf7;}
.check-item,.hek-item{padding:14px 0;border-bottom:1px solid rgba(22,40,69,.08);display:flex;gap:12px;align-items:flex-start;}
.check-item:last-child,.hek-item:last-child{border-bottom:0;}
.check-item input,.hek-item input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent);} 
.notice-box,.notie-box{max-width:none;border-left:0;border-radius:18px;padding:22px 24px;background:rgba(255,255,255,.82);border:1px solid rgba(22,40,69,.08);} 
.notice-box .btn,.notie-box .btn{margin-top:4px;}

.faq-list,.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.faq-item,.fq-item{border:1px solid rgba(22,40,69,.08);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(22,40,69,.05);overflow:hidden;} 
.faq-item:first-child{border-top:1px solid rgba(22,40,69,.08);} 
.faq-item summary,.fq-it summary{padding:22px 22px;font-size:16px;font-weight:600;color:#1f2734;}
.faq-answer,.fq-nwer{padding:0 22px 22px;font-size:15px;color:#5a667a;}
.faq-chevron,.fq-hevron{color:var(--gold-line);} 

#not-ready-capture .col-card{padding:24px 24px 22px;border-radius:22px;background:rgba(255,255,255,.8);} 
#not-ready-capture input,#not-ready-capture select{background:#fff;border:1px solid rgba(22,40,69,.14)!important;border-radius:12px!important;padding:14px 15px!important;height:50px;} 

.footer-disclaimer,.footer-diimer{background:linear-gradient(180deg,#f0f3f7 0%,#eaedf2 100%);padding:30px 64px;} 
.footer-disclaimer p,.footer-diimer p{font-size:13px;color:#687486;}
.site-footer,.ite-footer{padding:22px 64px;background:#132440;}
.footer-copy,.footer-opy{color:rgba(255,255,255,.45);} 
.footer-links a{color:rgba(255,255,255,.72);} 

@media (max-width: 1100px){
  .site-card{max-width:100%; margin:0; border-radius:0;}
  .band{padding:68px 38px;}
  .hero-grid,.hero-inner,.enrolment-shell,.enroment-he,.practical-fit-grid,.prti-fit-grid{grid-template-columns:1fr;}
  .hero-copy,.hero-opy{max-width:none;}
  .hero-h1{max-width:8.5ch;font-size:clamp(50px,10vw,76px);} 
  .hero-visual,.hero-viu{min-height:auto;justify-content:flex-start;padding-top:10px;}
  .hero-visual-main,.hero-viu-min{max-width:540px;aspect-ratio:1.15/1;} 
  .hero-visual-inset,.hero-viu-inet{right:12px;bottom:-14px;}
  .method-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .enrolment-side,.enroment-ide{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .price-card,.prie-rd{position:relative;top:auto;}
}
@media (max-width: 740px){
  .band,.footer-disclaimer,.site-footer{padding-left:22px!important;padding-right:22px!important;}
  .hero-h1{font-size:clamp(44px,17vw,66px);max-width:8.6ch;line-height:.96;}
  .hero-sub,.hero-ub{font-size:18px;}
  .hero-humanlines,.hero-humnine,.hero-outline-lead,.hero-outine-ed{max-width:none;}
  .hero-visual-main,.hero-viu-min{aspect-ratio:1/1.08;border-radius:20px;}
  .hero-visual-inset,.hero-viu-inet{position:relative;right:auto;bottom:auto;width:min(82%,240px);margin:-26px 0 0 auto;}
  h2.section-h2,.etion-h2{font-size:36px;max-width:none;}
  .section-lead,.etion-ed{font-size:17px;}
  .recognition-grid,.reognition-grid,.method-grid,.method-grid,.two-col,.two-o,.enrolment-side,.enroment-ide{grid-template-columns:1fr;}
  .price-figure,.prie-figure{font-size:52px;}
  .btn{width:100%;text-align:center;justify-content:center;}
  .hero-actions,.hero-tion{align-items:stretch;}
  .text-link,.text-ink{display:inline-block;padding-top:4px;}
}


/* ===== Next-level refinement sweep ===== */
.hero-band{padding-top:38px;padding-bottom:72px;background:radial-gradient(circle at 78% 18%, rgba(212,187,134,.16), transparent 24%), linear-gradient(180deg,#f9f6ef 0%, #f7f2e9 46%, #fbfaf7 100%);} 
.hero-copy{max-width:650px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(22,40,69,.08);color:#213252;font-weight:600;letter-spacing:.02em;margin-bottom:18px}
.hero-h1{max-width:12.2ch;font-size:clamp(3rem,5.6vw,4.75rem);line-height:.95;letter-spacing:-0.04em}
.hero-sub{font-size:1.14rem;line-height:1.68;color:#344153;max-width:62ch}
.hero-humanlines{font-size:1rem;color:#445166;max-width:62ch}
.hero-outline-lead{font-size:1rem;color:#243042;font-weight:500;max-width:58ch}
.hero-support{font-size:.92rem;color:#556276;max-width:52ch;margin-top:-2px}
.hero-actions{margin-top:28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-primary-cta{padding:16px 22px;font-size:15px;box-shadow:0 18px 40px rgba(18,32,54,.16)}
.text-link{font-weight:600}
.hero-visual-main{max-width:500px;border-radius:30px;box-shadow:0 34px 76px rgba(17,25,41,.18), 0 10px 28px rgba(17,25,41,.08);border:1px solid rgba(22,40,69,.08)}
.hero-visual-inset{right:-18px;bottom:28px;width:238px;border-radius:22px;box-shadow:0 26px 56px rgba(17,25,41,.18)}
.hero-visual-inset p{font-size:12.8px;color:#465368}
.band--tint{background:linear-gradient(180deg,#eff3f7 0%,#e9eef5 100%)}
.confidence-band{padding-top:56px;padding-bottom:62px}
.confidence-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:34px;align-items:start}
.confidence-intro{max-width:560px}
.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.scenario-card{background:rgba(255,255,255,.92);border:1px solid rgba(22,40,69,.08);border-radius:22px;padding:20px 20px 18px;box-shadow:0 16px 34px rgba(22,40,69,.07)}
.scenario-card h3{margin:10px 0 8px;font-size:1.06rem;line-height:1.2;color:#172334}
.scenario-card p{margin:0;color:#556276;font-size:.96rem;line-height:1.58}
.scenario-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f4ede0;color:#5b4923;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
#search-summary.why-band{padding-top:42px;padding-bottom:42px}
.why-band .section-lead,.why-band .section-close{max-width:72ch}
.method-band{padding-top:58px;padding-bottom:68px}
.method-card{border-radius:24px;box-shadow:0 20px 40px rgba(17,25,41,.08);border:1px solid rgba(22,40,69,.08)}
.method-card-body{padding:20px 20px 22px}
.method-card h3{font-size:1.08rem;line-height:1.2}
.method-card p{color:#556276}
#practical-fit.band--ink{background:linear-gradient(180deg,#1d2f4d 0%,#17263f 100%);padding-top:64px;padding-bottom:68px}
.practical-fit-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:42px}
.practical-fit-copy{max-width:500px}
.practical-fit-visual{background:rgba(255,255,255,.06);padding:14px;border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px rgba(0,0,0,.24)}
.practical-fit-visual img{border-radius:20px;box-shadow:none;border:none}
.section-h2--light{max-width:13ch}
.section-lead--light,.section-close--light{color:rgba(245,247,251,.86)}
.section-close,.section-note,.small-note,.footer-disclaimer p,.faq-answer,.price-copy,.cohort-why,.mini-callout{color:#485568}
.col-card{box-shadow:0 18px 38px rgba(22,40,69,.06)}
.enrolment-shell{align-items:start;gap:24px}
.deliverables-box{background:rgba(255,255,255,.9);border:1px solid rgba(22,40,69,.07);box-shadow:0 16px 34px rgba(22,40,69,.05)}
.price-card{padding:30px 26px;border-radius:28px;box-shadow:0 28px 62px rgba(12,22,38,.28)}
.price-figure{font-size:3.6rem;letter-spacing:-.04em;line-height:.95;margin:8px 0 14px}
.price-copy{color:rgba(247,248,252,.84)}
.price-card .small-note{color:rgba(247,248,252,.76)}
.side-note-card{background:linear-gradient(180deg,#fffdfa 0%,#f7f3ea 100%);border-radius:22px}
#quick-self-check.band--slate{background:linear-gradient(180deg,#eff3f7 0%,#e6ecf3 100%);padding-top:56px;padding-bottom:62px}
#quick-self-check .section-h2{color:#15213a;max-width:14ch}
#quick-self-check .section-lead{color:#4b5a70;max-width:62ch}
#quick-self-check .two-col{gap:18px;margin-top:22px}
#quick-self-check .col-card{background:#fff;border:1px solid rgba(22,40,69,.08);box-shadow:0 18px 38px rgba(22,40,69,.06);padding:22px 20px}
#quick-self-check .col-card h3{margin-bottom:14px}
.check-item{padding:12px 12px;border-radius:14px;background:#f8fafd;border:1px solid rgba(22,40,69,.07);margin-bottom:10px;align-items:flex-start}
.check-item input{margin-top:3px;accent-color:#162845}
.check-item-text{color:#2d394c;line-height:1.55;font-size:.96rem}
#quick-self-check .notice-box{background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);border:1px solid rgba(22,40,69,.09);box-shadow:0 18px 38px rgba(22,40,69,.06);padding:24px;border-radius:22px}
.self-check-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.self-check-actions .btn{min-width:250px;justify-content:center}
#faq .faq-list{gap:14px}
.faq-item{border-radius:20px;box-shadow:0 14px 30px rgba(22,40,69,.06)}
.faq-item summary{padding:22px 22px;font-size:16.5px}
#not-ready-capture .col-card{background:linear-gradient(180deg,#fff 0%,#fcfbf8 100%);border:1px solid rgba(22,40,69,.07);box-shadow:0 18px 38px rgba(22,40,69,.05)}
.footer-disclaimer{background:linear-gradient(180deg,#f6f1e8 0%,#f3eee4 100%);border-top:1px solid rgba(22,40,69,.08)}
.footer-disclaimer p{color:#425063}
.site-footer{padding-top:22px;padding-bottom:30px}
@media (max-width: 1100px){
  .hero-h1{max-width:13ch;font-size:clamp(2.7rem,6vw,4rem)}
  .confidence-shell,.practical-fit-grid{grid-template-columns:1fr}
  .confidence-intro,.practical-fit-copy{max-width:none}
  .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .hero-h1{max-width:14ch;font-size:clamp(2.35rem,11vw,3.1rem);line-height:.98}
  .hero-kicker{font-size:12px;padding:7px 12px}
  .hero-sub{font-size:1rem;line-height:1.62}
  .hero-humanlines,.hero-outline-lead,.hero-support{font-size:.96rem}
  .hero-actions{gap:12px}
  .hero-primary-cta{width:100%;justify-content:center}
  .text-link{font-size:14px}
  .scenario-grid{grid-template-columns:1fr}
  .hero-visual-inset{width:min(84%,248px)}
  .price-figure{font-size:3rem}
  .self-check-actions .btn{width:100%;min-width:0}
  #quick-self-check .section-h2{max-width:none}
}

/* --- Final premium refinement sweep --- */
:root{
  --page-bg:#edf0f4;
  --card-bg:#fcfbf8;
  --band-tint:#e7edf4;
  --text-primary:#141a24;
  --text-muted:#4f596a;
  --text-light:#7b8391;
  --divider:#d2d9e4;
  --shadow-md:0 16px 36px rgba(19,28,42,.08), 0 2px 10px rgba(19,28,42,.05);
  --shadow-lg:0 28px 70px rgba(18,27,42,.14), 0 8px 24px rgba(18,27,42,.08);
}
body{color:var(--text-primary)}
.site-card{max-width:920px;background:linear-gradient(180deg,#fbfaf7 0%,#f9f8f5 100%)}
.band{padding:66px 62px}
.band--white{background:linear-gradient(180deg,#fbfaf7 0%,#f8f7f4 100%)}
.band--tint{background:linear-gradient(180deg,#edf2f7 0%,#e7edf4 100%)}
.band--ink{background:linear-gradient(180deg,#20324f 0%,#172740 100%)}
.brand-row{margin-bottom:34px}
.brand-mark{box-shadow:0 8px 18px rgba(19,28,42,.18)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:48px;align-items:center}
.hero-copy{max-width:470px}
.hero-kicker{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(28,43,69,.07);letter-spacing:.14em;margin-bottom:22px}
.hero-h1{font-size:clamp(48px,6vw,66px);line-height:.95;max-width:9ch;letter-spacing:-.03em;margin-bottom:22px}
.hero-sub{font-size:16px;line-height:1.7;color:#485465;max-width:43ch}
.hero-humanlines{padding:14px 0 0 16px;border-left:3px solid rgba(184,164,122,.6);color:#404b5b;max-width:44ch;margin-top:6px}
.hero-outline-lead{font-size:16px;line-height:1.7;color:#2f3948;max-width:43ch;margin-top:18px}
.hero-proof-list{display:flex;flex-wrap:wrap;gap:10px 12px;list-style:none;margin:18px 0 12px;padding:0;max-width:42ch}
.hero-proof-list li{font-size:12px;font-weight:600;letter-spacing:.04em;color:#20324f;background:#fff;border:1px solid rgba(26,41,68,.09);border-radius:999px;padding:8px 12px;box-shadow:0 10px 22px rgba(20,30,46,.05)}
.hero-support{font-size:14px;line-height:1.65;color:#586173;max-width:43ch}
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}
.hero-primary-cta{padding:15px 22px;font-weight:700;letter-spacing:.02em;border-radius:12px;box-shadow:0 18px 30px rgba(28,43,69,.18)}
.text-link{font-size:13px;font-weight:600;color:#8d7448;text-underline-offset:4px}
.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}
.hero-visual-main{width:100%;max-width:405px;aspect-ratio:0.98/1;background:linear-gradient(180deg,#d8dfeb 0%,#c5cfdf 100%);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(20,32,56,.08)}
.hero-visual-main img{width:100%;height:100%;object-fit:cover;display:block}
.hero-visual-inset{position:absolute;left:8%;bottom:9%;width:172px;background:linear-gradient(180deg,#fffdfa 0%,#f8f4ee 100%);border-radius:20px;padding:10px 10px 12px;box-shadow:0 18px 38px rgba(18,27,42,.18);border:1px solid rgba(20,32,56,.08)}
.hero-visual-inset img{width:100%;aspect-ratio:1/1;border-radius:14px;display:block;object-fit:cover;margin-bottom:10px}
.hero-visual-inset p{font-size:11px;line-height:1.45;color:#626b7a}
.section-h2{font-size:54px;line-height:.96;letter-spacing:-.03em;max-width:11ch}
.section-lead{font-size:16px;line-height:1.72;color:var(--text-muted);max-width:42ch}
.section-close,.section-note,.small-note,.price-copy,.faq-answer,.notice-box p,.mini-callout,.deliverables-list li,.recognition-card p,.scenario-card p,.method-card p,.col-card p,.col-card li,.practical-fit-caption span{color:#556172}
.confidence-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:34px;align-items:start}
.confidence-intro .section-h2{max-width:8ch;font-size:60px}
.scenario-grid{gap:18px}
.scenario-card{background:linear-gradient(180deg,#fefcf8 0%,#fbf8f2 100%);border:1px solid rgba(20,32,56,.08);border-radius:22px;padding:20px 18px 18px;box-shadow:0 18px 34px rgba(18,27,42,.07)}
.scenario-card h3{font-size:24px;line-height:1.05;margin:4px 0 10px;font-family:'Playfair Display',serif}
.scenario-card p{font-size:14px;line-height:1.6}
.recognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.recognition-card{background:rgba(255,255,255,.78);border:1px solid rgba(20,32,56,.08);border-radius:18px;padding:18px 18px 16px;box-shadow:0 14px 28px rgba(18,27,42,.05)}
.recognition-num{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;color:#b08d57;margin-bottom:12px}
.why-band .section-h2{font-size:58px;max-width:8ch}
.method-band .section-h2{font-size:58px;max-width:9ch}
.method-grid{gap:18px;align-items:stretch}
.method-card{background:linear-gradient(180deg,#fffdf9 0%,#faf7f2 100%);border:1px solid rgba(20,32,56,.08);border-radius:22px;overflow:hidden;box-shadow:0 20px 36px rgba(18,27,42,.07);display:flex;flex-direction:column}
.method-card img{aspect-ratio:1.18/1;background:#d6dde8}
.method-card-body{padding:18px 18px 20px}
.method-card h3{font-family:'Playfair Display',serif;font-size:24px;line-height:1.08;margin:4px 0 10px}
.method-card p{font-size:14px;line-height:1.65}
.method-card--text{justify-content:center;background:linear-gradient(180deg,#243754 0%,#1d2e49 100%);border-color:rgba(255,255,255,.08);box-shadow:0 24px 46px rgba(16,25,40,.18)}
.method-card--text p{color:rgba(255,255,255,.84)}
#practical-fit.band--ink{padding-top:70px;padding-bottom:72px}
.practical-fit-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:38px;align-items:start}
.section-h2--light{color:#fff;max-width:8ch}
.section-lead--light,.section-close--light{color:rgba(255,255,255,.82)}
.practical-fit-copy{max-width:400px}
.practical-fit-visual{background:rgba(255,255,255,.04);padding:16px;border-radius:28px;border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 54px rgba(0,0,0,.20)}
.practical-fit-frame{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.practical-fit-frame img{width:100%;display:block;aspect-ratio:1.45/1;object-fit:cover}
.practical-fit-caption-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.practical-fit-caption{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:13px 14px}
.practical-fit-caption strong{display:block;color:#fff;font-size:12px;letter-spacing:.04em;margin-bottom:6px}
.practical-fit-caption span{display:block;font-size:12px;line-height:1.45;color:rgba(255,255,255,.76)}
.trust-grid,.suitability-grid{gap:16px}
.col-card{background:linear-gradient(180deg,#fffdfa 0%,#f9f7f3 100%);border-radius:22px;border:1px solid rgba(20,32,56,.09);box-shadow:0 18px 32px rgba(18,27,42,.05);padding:24px 24px 22px}
.col-card h3{font-family:'Playfair Display',serif;font-size:26px;line-height:1.08;margin-bottom:14px}
.styled-list li{padding-left:18px;margin-bottom:14px;font-size:15px;line-height:1.65}
.styled-list li::before{content:"";width:5px;height:5px;border-radius:50%;background:#b08d57;position:absolute;left:0;top:.82em}
.mini-callout{margin-top:18px;padding-top:14px;border-top:1px solid rgba(20,32,56,.10);font-size:13px;line-height:1.6;color:#687486}
.enrolment-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.enrolment-main .section-h2{max-width:9ch;font-size:58px}
.deliverables-box{background:linear-gradient(180deg,#fffdfa 0%,#f8f5ee 100%);border:1px solid rgba(20,32,56,.08);border-radius:22px;padding:24px;box-shadow:0 20px 36px rgba(18,27,42,.06)}
.deliverables-box h3{font-family:'Playfair Display',serif;font-size:24px;margin-bottom:14px}
.price-card{background:linear-gradient(180deg,#243755 0%,#1c2d47 100%);border-radius:24px;padding:22px 22px 20px;box-shadow:0 24px 48px rgba(18,27,42,.22)}
.price-figure{font-family:'Playfair Display',serif;font-size:68px;line-height:.92;letter-spacing:-.04em;color:#fff;margin:8px 0 14px}
.price-anchor{font-size:13px;line-height:1.45;color:rgba(255,255,255,.72);margin:0 0 8px;font-weight:500}
.price-copy{color:rgba(255,255,255,.82);font-size:14px;line-height:1.65}
.price-card .btn{margin-top:18px;background:#fff;color:#182844;font-weight:700}
.price-card .small-note{margin-top:14px;color:rgba(255,255,255,.72);font-size:12.5px}
.side-note-card{margin-top:14px;background:linear-gradient(180deg,#fffdf9 0%,#f8f5ef 100%);border:1px solid rgba(20,32,56,.08);box-shadow:0 18px 28px rgba(18,27,42,.05)}
#quick-self-check.band--slate{background:linear-gradient(180deg,#e6edf4 0%,#dde6f0 100%)}
#quick-self-check .section-h2{font-size:56px;max-width:7ch;color:#152340}
#quick-self-check .section-lead{color:#4b5b72;max-width:44ch}
#quick-self-check .col-card{background:linear-gradient(180deg,#fffdfa 0%,#fbf8f2 100%);border:1px solid rgba(20,32,56,.08);box-shadow:0 20px 34px rgba(18,27,42,.06);padding:20px}
#quick-self-check .col-card h3{font-size:22px}
.check-item{background:#fff;border:1px solid rgba(20,32,56,.08);border-radius:14px;padding:14px 14px 14px 42px;display:block;position:relative;margin-bottom:10px}
.check-item input{position:absolute;left:14px;top:16px;width:16px;height:16px}
.check-item-text{font-size:14px;line-height:1.5;color:#445061;display:block}
#quick-self-check .notice-box{margin-top:16px}
.notice-box{background:linear-gradient(180deg,#fffdf9 0%,#fbfaf7 100%);border:1px solid rgba(20,32,56,.08);box-shadow:0 18px 34px rgba(18,27,42,.06);border-radius:20px;padding:20px 22px}
.notice-box p{font-size:14px;line-height:1.6;color:#586678}
.self-check-actions .btn{min-width:230px}
.btn-secondary{background:#fff;color:#20324f;border:1px solid rgba(20,32,56,.12)}
#faq .section-h2{font-size:clamp(1.75rem,3.4vw,2.25rem);line-height:1.12;max-width:22ch}
.faq-item{background:linear-gradient(180deg,#fffdfa 0%,#faf8f4 100%);border:1px solid rgba(20,32,56,.08);border-radius:16px;box-shadow:0 14px 26px rgba(18,27,42,.04)}
.faq-item summary{padding:20px 22px;font-size:15px;font-weight:600;color:#192331}
.faq-answer{padding:0 22px 20px;font-size:14px;line-height:1.7}
#not-ready-capture .section-h2{font-size:58px;max-width:7ch}
#not-ready-form{background:linear-gradient(180deg,#fffdfa 0%,#faf7f2 100%);border:1px solid rgba(20,32,56,.08);box-shadow:0 18px 34px rgba(18,27,42,.05);border-radius:20px;padding:22px}
#not-ready-form input,#not-ready-form select{background:#fff;border:1px solid rgba(20,32,56,.12);border-radius:12px;padding:13px 14px;color:#243041}
.footer-disclaimer-band p{font-size:12.5px;line-height:1.65;color:#5f6978}
.footer-links a,.footer-bottom{font-size:12px}

@media (max-width: 900px){
  .band{padding:48px 30px}
  .hero-grid,.confidence-shell,.practical-fit-grid,.enrolment-shell{grid-template-columns:1fr;gap:26px}
  .hero-copy{max-width:none}
  .hero-h1,.section-h2,.why-band .section-h2,.method-band .section-h2,#faq .section-h2,#quick-self-check .section-h2,#not-ready-capture .section-h2,.enrolment-main .section-h2,.confidence-intro .section-h2{font-size:44px;max-width:none}
  .hero-visual{min-height:0}
  .hero-visual-main{max-width:none;aspect-ratio:1.08/1}
  .hero-visual-inset{left:18px;bottom:18px;width:160px}
  .method-grid{grid-template-columns:1fr 1fr}
  .practical-fit-caption-row{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .site-card{margin:16px auto;border-radius:22px}
  .band{padding:38px 20px}
  .hero-h1,.section-h2,.why-band .section-h2,.method-band .section-h2,#faq .section-h2,#quick-self-check .section-h2,#not-ready-capture .section-h2,.enrolment-main .section-h2,.confidence-intro .section-h2{font-size:38px;line-height:.98}
  .hero-actions{align-items:stretch}
  .hero-actions .btn,.hero-actions .text-link{width:100%}
  .hero-visual-main{aspect-ratio:.96/1}
  .hero-visual-inset{position:relative;left:auto;bottom:auto;width:100%;margin-top:-34px;max-width:220px;margin-left:16px}
  .scenario-grid,.recognition-grid,.method-grid,.two-col,.enrolment-shell{grid-template-columns:1fr}
  .price-figure{font-size:56px}
  .self-check-actions{flex-direction:column}
  .self-check-actions .btn{width:100%;min-width:0}
}

/* ===== 9.5 uplift sweep ===== */
.hero-band{background:radial-gradient(circle at 84% 12%, rgba(195,171,118,.10), transparent 26%), linear-gradient(180deg,#f9f7f3 0%, #f7f5f1 100%);}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr);gap:44px;align-items:center}
.hero-copy{max-width:470px}
.hero-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef1f6;color:#4f607a;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:20px}
.hero-h1{max-width:8.4ch;font-size:clamp(34px,4.1vw,58px);line-height:.94;letter-spacing:-.035em;margin-bottom:20px}
.hero-sub{max-width:37ch;font-size:16px;line-height:1.72;color:#4e596a}
.hero-humanlines{margin-top:16px;border-left:2px solid rgba(184,164,122,.36);padding:10px 0 0 16px;color:#4e596a}
.hero-outline-lead{margin-top:16px;font-size:15.5px;color:#283142;font-weight:500;line-height:1.68;max-width:38ch}
.hero-proof-list{margin-top:16px;margin-bottom:14px}
.hero-proof-list li{background:linear-gradient(180deg,#fff 0%,#faf7f2 100%);border-color:rgba(23,35,58,.08);box-shadow:0 8px 20px rgba(20,30,46,.05);font-size:11px}
.hero-support{max-width:40ch;font-size:13px;color:#637083;line-height:1.62;margin-bottom:18px}
.hero-actions{gap:14px;align-items:center}
.hero-primary-cta{padding:16px 22px;box-shadow:0 16px 28px rgba(20,33,57,.18)}
.text-link{font-weight:600}
.hero-visual{position:relative;min-height:442px;padding:20px 0 0 12px}
.hero-visual::before{content:"";position:absolute;inset:26px 22px 24px 18px;border-radius:28px;background:linear-gradient(180deg,#e7ebf2 0%,#dce3ee 100%);box-shadow:0 32px 58px rgba(19,28,42,.10)}
.hero-visual-main{position:absolute;right:40px;top:54px;width:276px;aspect-ratio:.92/1;border-radius:22px;overflow:hidden;box-shadow:0 26px 54px rgba(22,35,57,.20);z-index:2}
.hero-visual-main img{width:100%;height:100%;object-fit:cover}
.hero-visual-inset{position:absolute;left:28px;bottom:46px;width:164px;background:rgba(255,251,245,.96);backdrop-filter:blur(6px);border:1px solid rgba(23,35,58,.08);border-radius:18px;padding:10px;box-shadow:0 20px 38px rgba(19,28,42,.18);z-index:3}
.hero-visual-inset img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block}
.hero-visual-inset p{font-size:11px;line-height:1.42;color:#5f6b7d;margin-top:8px}

.compact-summary{display:grid;gap:22px}
.summary-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:end}
.summary-title{font-family:'Playfair Display',serif;font-size:42px;line-height:.98;letter-spacing:-.03em;color:var(--text-primary);max-width:7.8ch}
.summary-intro{max-width:58ch;font-size:15px;line-height:1.72;color:#4f5b6d}
.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.summary-pill-card{background:linear-gradient(180deg,#fffdfa 0%,#f8f6f1 100%);border:1px solid rgba(20,32,56,.08);border-radius:18px;padding:18px 18px 16px;box-shadow:0 14px 28px rgba(18,27,42,.04)}
.summary-pill-card strong{display:block;font-size:14px;line-height:1.3;color:#18233a;margin-bottom:8px}
.summary-pill-card span{display:block;font-size:13px;line-height:1.58;color:#5b6678}
#search-summary.why-band{padding-top:34px;padding-bottom:34px}

.method-card{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}
.method-card:hover{transform:translateY(-3px);box-shadow:0 28px 48px rgba(20,32,56,.10);border-color:rgba(20,32,56,.12)}
.method-card img{aspect-ratio:1.08/1}
.method-card--text{padding:0}
.method-card--text .method-card-body{padding:22px 20px}
.method-card--text h3{color:#fff}

.scenario-card{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.scenario-card:hover{transform:translateY(-2px);box-shadow:0 20px 34px rgba(20,32,56,.08);border-color:rgba(20,32,56,.10)}

.practical-fit-grid{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:34px;align-items:center}
.practical-fit-copy{max-width:360px}
.practical-fit-visual{padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.04) 100%);}
.practical-fit-frame{border-radius:20px}
.practical-fit-caption-row{gap:10px}
.practical-fit-caption{padding:12px 13px;background:rgba(255,255,255,.05)}
.practical-fit-caption strong{font-size:11px;letter-spacing:.05em}
.practical-fit-caption span{font-size:11.5px;line-height:1.42}

.section-close,.section-note,.small-note,.price-copy,.faq-answer,.notice-box p,.mini-callout,.deliverables-list li,.recognition-card p,.scenario-card p,.method-card p,.col-card p,.col-card li,.practical-fit-caption span,.summary-intro,.summary-pill-card span,.hero-support{color:#4f5c6d}
.footer-disclaimer-band p{color:#556173}

.price-card{box-shadow:0 28px 54px rgba(18,27,42,.26)}
.price-card .btn{box-shadow:0 12px 24px rgba(255,255,255,.14)}

#faq .faq-list{gap:12px}
.faq-item{transition:transform .2s ease, box-shadow .22s ease, border-color .22s ease}
.faq-item:hover{transform:translateY(-1px);box-shadow:0 18px 28px rgba(18,27,42,.05);border-color:rgba(20,32,56,.10)}
.faq-item[open]{box-shadow:0 22px 32px rgba(18,27,42,.06);border-color:rgba(20,32,56,.12)}
.faq-item summary{transition:background .2s ease}
.faq-item[open] summary{background:rgba(255,255,255,.55)}
.faq-chevron{transition:transform .22s ease}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}

#quick-self-check .check-item{transition:border-color .2s ease, box-shadow .2s ease, background .2s ease}
#quick-self-check .check-item:hover{border-color:rgba(20,32,56,.14);box-shadow:0 8px 18px rgba(18,27,42,.04)}
#quick-self-check .notice-box{box-shadow:0 22px 34px rgba(18,27,42,.06)}

.btn{transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.text-link:focus-visible,.faq-item summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8ea8d8;outline-offset:3px}

@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-copy{max-width:none}
  .hero-h1{max-width:9.2ch;font-size:48px}
  .hero-visual{min-height:360px;padding:0}
  .hero-visual::before{inset:8px 0 0 0}
  .hero-visual-main{right:26px;top:30px;width:min(78vw,290px)}
  .hero-visual-inset{left:18px;bottom:18px;width:152px}
  .summary-header{grid-template-columns:1fr;gap:14px}
  .summary-title{font-size:36px;max-width:none}
  .summary-strip{grid-template-columns:1fr}
  .practical-fit-grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 640px){
  .hero-kicker{font-size:10px;padding:7px 10px}
  .hero-h1{font-size:42px;line-height:.96;max-width:7.8ch}
  .hero-sub{font-size:15px}
  .hero-visual{min-height:0;display:grid;gap:14px}
  .hero-visual::before{display:none}
  .hero-visual-main{position:relative;right:auto;top:auto;width:100%;aspect-ratio:1.08/1}
  .hero-visual-inset{position:relative;left:auto;bottom:auto;width:min(58vw,210px);margin:-72px 0 0 14px}
  .summary-title{font-size:32px;line-height:1.02}
}


/* ===== agreed image and method update ===== */
.hero-visual--single::before{inset:18px 14px 16px 16px;background:linear-gradient(180deg,#e6eaf1 0%,#dfe5ef 100%)}
.hero-visual-main--meeting{position:absolute;right:20px;top:26px;width:340px;aspect-ratio:.78/1;border-radius:28px;overflow:hidden;box-shadow:0 28px 60px rgba(22,35,57,.22);z-index:2}
.hero-visual-main--meeting img{object-position:center 46%}
.hero-visual--single .hero-visual-main{box-shadow:none}
.hero-copy{max-width:455px}
.hero-humanlines{max-width:39ch}
.hero-outline-lead{max-width:38ch}
.hero-proof-list{max-width:44ch}
.hero-support{max-width:43ch}

.method-grid--textonly{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.method-card--textual{background:linear-gradient(180deg,#fffdfa 0%,#faf8f4 100%);border:1px solid rgba(20,32,56,.08);border-radius:24px;box-shadow:0 18px 34px rgba(18,27,42,.05)}
.method-card--textual .method-card-body{padding:24px 22px 22px}
.method-card--textual h3{margin-top:6px}
.method-card--textual p{color:#4a5668}
.method-card--ink{background:linear-gradient(180deg,#243b62 0%,#1e3152 100%);border-color:rgba(27,41,68,.28)}
.method-card--ink .method-card-body{padding:24px 22px 22px}
.method-card--ink h3,.method-card--ink p{color:#fff}
.eyebrow--card-light{color:rgba(255,255,255,.82)}
.method-band .section-lead{max-width:54ch}
.method-band .section-h2{max-width:11ch}

.practical-fit-copy{max-width:380px}
.practical-fit-visual--single{padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.12)}
.practical-fit-visual--single .practical-fit-frame{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.practical-fit-visual--single .practical-fit-frame img{aspect-ratio:1.45/1;object-fit:cover;object-position:center 42%}
.practical-fit-caption-row--single{grid-template-columns:1fr}
.practical-fit-caption--strong{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.practical-fit-caption--strong strong{font-size:12px}
.practical-fit-caption--strong span{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.9)}
#practical-fit .section-h2--light{color:#f2f5fb}
#practical-fit .section-lead--light{color:rgba(255,255,255,.9)}
#practical-fit .section-close--light{color:rgba(255,255,255,.76)}
#practical-fit .practical-fit-copy{color:#fff}

@media (max-width: 900px){
  .hero-visual-main--meeting{right:18px;top:24px;width:min(72vw,360px)}
  .method-grid--textonly{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .hero-visual--single{min-height:0;display:block;padding:0}
  .hero-visual--single::before{display:none}
  .hero-visual-main--meeting{position:relative;right:auto;top:auto;width:100%;aspect-ratio:1.02/1;border-radius:22px}
  .hero-copy{max-width:none}
}


/* Principle block refresh */
.principle-grid {
  display:grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: clamp(2rem, 3vw, 3.5rem);
  align-items: center;
}

.principle-copy {
  max-width: 45rem;
}

.principle-copy .section-h2 {
  max-width: 10ch;
  margin-bottom: 1.1rem;
}

.principle-copy .section-lead,
.principle-copy .section-close {
  max-width: 34rem;
}

.principle-visual {
  margin: 0;
  align-self: center;
}

.principle-visual-shell {
  background: rgba(255,255,255,0.36);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 1.75rem;
  box-shadow: 0 24px 60px rgba(17, 36, 74, 0.16);
  padding: 1rem;
}

.principle-note {
  display: inline-block;
  margin: 0 0 0.75rem;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(17,36,74,0.62);
}

.principle-visual img {
  width: 100%;
  display:block;
  border-radius: 1.25rem;
  aspect-ratio: 1.18 / 1;
  object-fit: cover;
  border: 1px solid rgba(17,36,74,0.08);
}

@media (max-width: 960px) {
  .principle-grid {
    grid-template-columns: 1fr;
  }
  .principle-copy .section-h2,
  .principle-copy .section-lead,
  .principle-copy .section-close {
    max-width: none;
  }
  .principle-visual {
    max-width: 34rem;
  }
}


/* === April 2026 premium responsiveness and hero cleanup === */
body{
  font-family:'Jost',sans-serif;
}
body, p, li, a, span, small, input, button, textarea, select{
  font-family:'Jost',sans-serif;
}
h1,h2,h3,h4,h5,h6,.hero-h1,.section-h2,.scenario-card h3,.method-card h3,.col-card h3,.brand-name{
  font-family:'Playfair Display',serif;
}
.site-card{
  width:min(100% - 32px, 920px);
  margin:24px auto;
}
.band{
  padding:64px 56px;
}
.hero-band{
  padding-top:34px;
  padding-bottom:56px;
}
.brand-row{
  margin-bottom:26px;
}
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
  gap:52px;
  align-items:start;
}
.hero-copy{
  max-width:500px;
}
.hero-kicker{
  font-size:13px;
  line-height:1.35;
}
.hero-h1{
  max-width:10.1ch;
  font-size:clamp(3.35rem,6.1vw,4.85rem);
  line-height:.93;
  margin-bottom:20px;
}
.hero-sub,
.hero-humanlines,
.hero-outline-lead,
.hero-support{
  font-size:1rem;
  line-height:1.72;
  max-width:43ch;
}
.hero-sub{color:#485465;}
.hero-humanlines{
  margin-top:12px;
  padding:12px 0 0 16px;
}
.hero-outline-lead{
  margin-top:18px;
  font-weight:500;
  color:#273244;
}
.hero-proof-list{
  margin:18px 0 12px;
  gap:10px;
}
.hero-proof-list li{
  font-size:12px;
  line-height:1.2;
}
.hero-actions{
  margin-top:28px;
  gap:14px 18px;
}
.hero-primary-cta{
  min-height:52px;
  padding:15px 22px;
}
.text-link{
  font-size:14px;
}
.hero-visual{
  min-height:0;
  align-items:flex-start;
  justify-content:flex-end;
  padding-top:0;
}
.hero-visual-main{
  max-width:410px;
  width:100%;
  aspect-ratio:.98/1.12;
}

@media (max-width: 1024px){
  .site-card{
    width:min(100% - 24px, 920px);
    margin:16px auto;
    border-radius:18px;
  }
  .band{
    padding:48px 34px;
  }
  .hero-band{
    padding-top:28px;
    padding-bottom:44px;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);
    gap:34px;
    align-items:start;
  }
  .hero-h1{
    font-size:clamp(2.95rem,6vw,4rem);
    max-width:10.6ch;
  }
  .hero-sub,
  .hero-humanlines,
  .hero-outline-lead,
  .hero-support{
    font-size:.98rem;
  }
  .hero-visual-main{
    max-width:360px;
  }
}

@media (max-width: 820px){
  .site-card{
    width:min(100% - 20px, 920px);
    margin:10px auto 18px;
    border-radius:16px;
  }
  .band{
    padding:40px 24px;
  }
  .brand-row{
    margin-bottom:18px;
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero-copy{
    max-width:none;
  }
  .hero-h1{
    max-width:12ch;
    font-size:clamp(2.5rem,8vw,3.55rem);
  }
  .hero-sub,
  .hero-humanlines,
  .hero-outline-lead,
  .hero-support{
    max-width:none;
  }
  .hero-actions{
    align-items:stretch;
  }
  .hero-primary-cta{
    width:100%;
    justify-content:center;
  }
  .hero-visual{
    order:-1;
    justify-content:center;
  }
  .hero-visual-main{
    max-width:min(100%, 520px);
    aspect-ratio:1.08/1;
  }
}

@media (max-width: 560px){
  .site-card{
    width:100%;
    margin:0;
    border-radius:0;
  }
  .band{
    padding:34px 18px;
  }
  .hero-band{
    padding-top:20px;
    padding-bottom:36px;
  }
  .brand-name{
    font-size:24px;
  }
  .hero-kicker{
    font-size:12px;
    padding:6px 11px;
    letter-spacing:.08em;
  }
  .hero-h1{
    font-size:clamp(2.15rem,12vw,3rem);
    max-width:none;
    line-height:.97;
  }
  .hero-sub,
  .hero-humanlines,
  .hero-outline-lead,
  .hero-support{
    font-size:.97rem;
    line-height:1.64;
  }
  .hero-humanlines{
    padding-left:14px;
    border-left-width:2px;
  }
  .hero-proof-list li{
    font-size:11.5px;
    padding:8px 11px;
  }
  .hero-actions{
    gap:12px;
  }
  .text-link{
    font-size:13px;
  }
}


/* ============================================================
   APRIL 2026 HOMEPAGE PREMIUM TYPOGRAPHY + RESPONSIVE POLISH
   ============================================================ */
:root{
  --font-display:'Playfair Display',serif;
  --font-ui:'Jost',sans-serif;
  --hero-copy-max: 560px;
}

html{
  -webkit-text-size-adjust:100%;
}

body,
button,
input,
select,
textarea{
  font-family:var(--font-ui);
}

h1,h2,h3,h4,.hero-h1,.section-h2,.method-card h3,.col-card h3,.price-figure{
  font-family:var(--font-display);
  font-weight:600;
}

p, li, a, span, summary, label, input, select, textarea{
  font-family:var(--font-ui);
}

.hero-band{
  padding-top:42px;
  padding-bottom:72px;
}

.hero-grid{
  align-items:start;
  gap:56px;
}

.hero-copy{
  max-width:var(--hero-copy-max);
  padding-top:4px;
}

.hero-kicker,
.eyebrow,
.recognition-num,
.scenario-chip,
.btn,
.brand-name{
  letter-spacing:.08em;
}

.hero-kicker{
  display:inline-block;
  margin-bottom:18px;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
  text-transform:uppercase;
  color:var(--gold-line);
}

.hero-h1{
  margin-bottom:22px;
  font-size:clamp(58px,5.2vw,84px);
  line-height:.92;
  letter-spacing:-.038em;
  max-width:520px;
}

.hero-sub,
.hero-humanlines,
.hero-support,
.hero-outline-lead{
  max-width:var(--hero-copy-max);
  margin-top:0;
  margin-bottom:16px;
  font-size:16px;
  line-height:1.72;
  color:var(--text-muted);
}

.hero-humanlines{
  padding:12px 0 0 20px;
  margin:6px 0 10px;
  border-left:1px solid rgba(168,143,93,.3);
  color:#5a6475;
}

.hero-outline-lead{
  margin-top:18px;
  margin-bottom:18px;
  font-size:18px;
  line-height:1.62;
  color:var(--text-primary);
}

.hero-proof-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 16px;
  padding:0;
  list-style:none;
}

.hero-proof-list li{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:10px 16px;
  border:1px solid rgba(28,43,69,.08);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 24px rgba(15,24,40,.05);
  font-size:13px;
  line-height:1.2;
  font-weight:500;
  color:#3a4658;
}

.hero-actions{
  margin-top:26px;
  gap:16px 20px;
}

.hero-primary-cta{
  min-width:194px;
}

.text-link{
  font-size:14px;
  line-height:1.4;
  font-weight:500;
}

.hero-visual{
  align-items:flex-start;
  justify-content:flex-end;
  min-height:0;
  padding-top:0;
}

.hero-visual-main{
  width:min(100%, 470px);
  height:auto;
  aspect-ratio:.82/1;
  margin-top:-14px;
  border-radius:30px;
}

@media (max-width: 1100px){
  .hero-band{
    padding-top:32px;
    padding-bottom:56px;
  }

  .hero-grid{
    gap:34px;
  }

  .hero-copy{
    max-width:none;
    padding-top:0;
  }

  .hero-h1{
    max-width:680px;
    font-size:clamp(48px,7vw,68px);
  }

  .hero-sub,
  .hero-humanlines,
  .hero-support,
  .hero-outline-lead{
    max-width:none;
  }

  .hero-visual{
    justify-content:flex-start;
  }

  .hero-visual-main{
    width:min(100%, 560px);
    margin-top:0;
    aspect-ratio:1.04/1;
  }
}

@media (max-width: 760px){
  .hero-band{
    padding-top:24px;
    padding-bottom:42px;
  }

  .brand-row{
    margin-bottom:18px;
  }

  .hero-grid{
    gap:22px;
  }

  .hero-copy{
    order:1;
  }

  .hero-h1{
    font-size:clamp(40px,13.2vw,54px);
    line-height:.96;
    margin-bottom:18px;
  }

  .hero-sub,
  .hero-humanlines,
  .hero-support,
  .hero-outline-lead,
  .section-lead,
  .recognition-card p,
  .method-card p,
  .step-body p,
  .faq-answer,
  .scenario-note p,
  .price-copy,
  .side-note-card p,
  .section-close{
    font-size:15px;
    line-height:1.68;
  }

  .hero-humanlines{
    padding-left:16px;
    margin:4px 0 8px;
  }

  .hero-outline-lead{
    font-size:17px;
  }

  .hero-proof-list{
    gap:8px;
  }

  .hero-proof-list li{
    min-height:36px;
    padding:9px 14px;
    font-size:12px;
  }

  .hero-actions{
    gap:12px;
    margin-top:22px;
  }

  .hero-primary-cta,
  .btn{
    width:100%;
  }

  .text-link{
    display:inline-block;
    width:auto;
  }

  .hero-visual{
    order:2;
    padding-top:2px;
  }

  .hero-visual-main{
    width:100%;
    aspect-ratio:1.02/1;
    border-radius:24px;
  }
}

@media (max-width: 480px){
  .band,
  .footer-disclaimer,
  .site-footer{
    padding-left:16px;
    padding-right:16px;
  }

  .hero-h1{
    font-size:clamp(36px,12vw,46px);
  }

  .hero-sub,
  .hero-humanlines,
  .hero-support,
  .hero-outline-lead,
  .section-lead,
  .recognition-card p,
  .method-card p,
  .step-body p,
  .faq-answer,
  .scenario-note p,
  .price-copy,
  .side-note-card p,
  .section-close{
    font-size:14px;
    line-height:1.65;
  }

  .hero-proof-list li{
    width:100%;
    justify-content:center;
  }
}


/* ============================================================
   RESPONSIVE FIX PATCH — April 2026 audit fixes
   1. mt-6 utility (was missing, used in self-check notice box)
   2. Hero image absolute→relative reset at 820px (portrait tablet fix)
   3. Section heading size reductions at 640px and 480px
   4. Dead .hero-visual-inset rules cleared via safe no-op
   ============================================================ */

/* Fix 1: mt-6 utility */
.mt-6 { margin-top: 32px; }

/* Fix 2: Hero meeting image — reset to flow layout when grid collapses */
@media (max-width: 820px) {
  .hero-visual-main--meeting {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    aspect-ratio: 1.05 / 1;
    border-radius: 22px;
    margin-top: 0;
  }
  .hero-visual--single::before {
    display: none;
  }
  .hero-visual--single {
    min-height: 0;
    padding: 0;
    justify-content: flex-start;
  }
}

/* Fix 3a: Section headings at 640px — reduce from 38px to 32px */
@media (max-width: 640px) {
  .hero-h1,
  h2.section-h2,
  .section-h2,
  .why-band .section-h2,
  .method-band .section-h2,
  #faq .section-h2,
  #quick-self-check .section-h2,
  #not-ready-capture .section-h2,
  .enrolment-main .section-h2,
  .confidence-intro .section-h2 {
    font-size: 32px;
    line-height: 1.02;
    max-width: none;
  }
}

/* Fix 3b: Hero h1 and section headings at 480px — reduce further */
@media (max-width: 480px) {
  .hero-h1 {
    font-size: clamp(28px, 10vw, 38px);
    line-height: 1.0;
  }
  h2.section-h2,
  .section-h2,
  .why-band .section-h2,
  .method-band .section-h2,
  #faq .section-h2,
  #quick-self-check .section-h2,
  #not-ready-capture .section-h2,
  .enrolment-main .section-h2,
  .confidence-intro .section-h2 {
    font-size: 28px;
    line-height: 1.06;
  }
}


.eligible-h2{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,2.7rem);
  line-height:1.08;
  color:var(--text-strong);
  letter-spacing:-0.02em;
}


/* Supporting pages gateway */
.support-links-shell{ display:grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 34px; align-items:start; }
.support-links-lead{ max-width: 16ch; }
.support-links-grid{ display:grid; gap:16px; }
.support-links-card{ display:flex; flex-direction:column; align-items:flex-start; background: rgba(255,255,255,.72); border:1px solid rgba(20,32,56,.08); border-radius:16px; padding:20px 22px; box-shadow: 0 12px 28px rgba(0,0,0,.035); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.support-links-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,.05); border-color: rgba(184,152,84,.32); }
.support-links-card h3{ margin:0 0 8px; font-family: "Playfair Display", serif; font-size: 24px; line-height:1.18; color: var(--text-primary); }
.support-links-card p{ margin:0; font-size:14.5px; line-height:1.65; color: var(--text-muted); max-width: 52ch; }
.support-links-kicker{ display:block; margin-bottom:10px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color: var(--gold-line); font-weight:700; }
.support-links-button{ display:inline-flex; align-items:center; justify-content:center; margin-top:16px; padding:11px 16px; border-radius:999px; border:1px solid rgba(20,32,56,.14); background:#fff; color: var(--navy); text-decoration:none; font-size:13px; font-weight:700; line-height:1; transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.support-links-button:hover{ background: rgba(255,255,255,.94); border-color: rgba(184,152,84,.42); box-shadow: 0 10px 20px rgba(20,32,56,.08); transform: translateY(-1px); }
.support-links-button:focus-visible{ outline:2px solid rgba(184,152,84,.55); outline-offset:3px; }
@media (max-width: 860px){ .support-links-shell{ grid-template-columns: 1fr; gap: 22px; } .support-links-lead{ max-width:none; } }


/* ============================================================
   FAQ compatibility patch — homepage + support pages
   Purpose:
   - keep current support-page FAQ styling intact
   - restore safe homepage FAQ wrapper styling for .faq-section
   - support both icon class names used across versions:
     .faq-chevron and .faq-indicator
   ============================================================ */

.faq-section{
  margin-top:0;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.faq-section h2{
  margin-bottom:16px;
}

.faq-chevron,
.faq-indicator{
  width:18px;
  height:18px;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text-light);
  line-height:1;
  transition:transform 0.2s ease;
}

.faq-item[open] .faq-chevron,
.faq-item[open] .faq-indicator{
  transform:rotate(180deg);
}

@media (max-width:768px){
  .faq-section{
    margin-top:32px;
  }
}

.hero-pullquote{
  max-width:var(--hero-copy-max);
  margin:20px 0 0 10px;
  padding:14px 18px;
  border-left:2px solid rgba(168,143,93,.42);
  border-radius:0 14px 14px 0;
  color:#465365;
  font-family:var(--font-display);
  font-size:clamp(18px,2vw,22px);
  font-style:italic;
  line-height:1.45;
  letter-spacing:-.01em;
  background:rgba(246,242,234,.58);
}

/* Public education/resource cards: scoped link states for the Read before you decide section. */
#read-before-you-decide .suitability-grid .resource-card h3 > a,
#read-before-you-decide .suitability-grid .resource-card h3 > a:link,
#read-before-you-decide .suitability-grid .resource-card h3 > a:visited,
#read-before-you-decide .suitability-grid .article-card h3 > a,
#read-before-you-decide .suitability-grid .article-card h3 > a:link,
#read-before-you-decide .suitability-grid .article-card h3 > a:visited{
  color:#17233a;
  text-decoration:none;
  border-bottom:1px solid rgba(23,35,58,.28);
  box-shadow:inset 0 -0.08em 0 rgba(184,164,122,.12);
  transition:color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#read-before-you-decide .suitability-grid .resource-card h3 > a:hover,
#read-before-you-decide .suitability-grid .article-card h3 > a:hover{
  color:#9a7a2f;
  border-bottom-color:#9a7a2f;
  box-shadow:inset 0 -0.18em 0 rgba(154,122,47,.14);
}

#read-before-you-decide .suitability-grid .resource-card h3 > a:focus-visible,
#read-before-you-decide .suitability-grid .article-card h3 > a:focus-visible{
  color:#17233a;
  outline:2px solid rgba(154,122,47,.58);
  outline-offset:4px;
  border-bottom-color:transparent;
  border-radius:4px;
  box-shadow:0 0 0 4px rgba(154,122,47,.12);
}

#read-before-you-decide .suitability-grid .resource-card h3 > a:active,
#read-before-you-decide .suitability-grid .article-card h3 > a:active{
  color:#111b2e;
  border-bottom-color:#111b2e;
}

/* Read before you decide: dark Next Step card copy contrast. */
#read-before-you-decide .enrolment-side .price-card p.section-note{
  color:rgba(255,255,255,.84);
  line-height:1.68;
}
