/* ============================================================
   JEN ADRIAN RDH — CUSTOM CSS
   Applied via Appearance > Additional CSS
   Works with native WordPress blocks + class names below
   ============================================================ */

/* ------ PAGE-LEVEL SECTION HELPERS ------ */

/* gc-hero: full-width section, base bg, generous padding */
.gc-hero {
  background: #f4f7fb !important;
  padding-top: clamp(3rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

/* gc-dark: dark contrast section — #1e1810 bg */
.gc-dark {
  background: #1e1810 !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.gc-dark h1, .gc-dark h2, .gc-dark h3,
.gc-dark .wp-block-heading {
  color: #a9c0d6 !important;
}
.gc-dark p, .gc-dark li {
  color: rgba(169, 192, 214, 0.65) !important;
}
.gc-dark a { color: #a9c0d6 !important; }

/* gc-tint: light grey card-tint section */
.gc-tint {
  background: rgba(30, 24, 16, 0.05) !important;
  padding-top: clamp(3rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

/* gc-blue: primary blue-grey section */
.gc-blue {
  background: #a9c0d6 !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

/* ------ TYPOGRAPHY HELPERS ------ */

/* gc-eyebrow: small uppercase label above headings */
.gc-eyebrow p,
.gc-eyebrow {
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(30, 24, 16, 0.50) !important;
  margin-bottom: 1rem !important;
}
.gc-dark .gc-eyebrow p,
.gc-dark .gc-eyebrow {
  color: rgba(169, 192, 214, 0.45) !important;
}

/* gc-muted: muted body text */
.gc-muted p,
.gc-muted {
  color: rgba(30, 24, 16, 0.55) !important;
}

/* gc-stat-number: large display number for stats */
.gc-stat-number p,
.gc-stat-number {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(2.5rem, 5vw, 3.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  color: #a9c0d6 !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}

/* gc-step-number: large faded step/sequence number */
.gc-step-number p,
.gc-step-number {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  font-weight: 300 !important;
  color: rgba(30, 24, 16, 0.10) !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
}

/* gc-quote-mark */
.gc-quote-mark p,
.gc-quote-mark {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 80px !important;
  font-weight: 300 !important;
  color: rgba(169, 192, 214, 0.25) !important;
  line-height: 0.8 !important;
  margin-bottom: 1.5rem !important;
}

/* gc-quote-text */
.gc-quote-text p,
.gc-quote-text {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.8rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.3px !important;
  line-height: 1.45 !important;
  color: #a9c0d6 !important;
}

/* ------ CARD / BOX HELPERS ------ */

/* gc-card: white card with border */
.gc-card {
  background: #ffffff !important;
  border: 1px solid rgba(30, 24, 16, 0.12) !important;
  border-radius: 6px !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* gc-stat-row: each stat item in dark section */
.gc-stat-row {
  background: rgba(169, 192, 214, 0.06) !important;
  padding: 1.5rem !important;
  margin-bottom: 2px !important;
}

/* gc-step-row: step row with top border */
.gc-step-row {
  border-top: 1px solid rgba(30, 24, 16, 0.12) !important;
  padding-top: clamp(2rem, 3vw, 3rem) !important;
  padding-bottom: clamp(2rem, 3vw, 3rem) !important;
}
.gc-step-row:last-child {
  border-bottom: 1px solid rgba(30, 24, 16, 0.12) !important;
}

/* gc-border-top: simple top border divider */
.gc-border-top {
  border-top: 1px solid rgba(30, 24, 16, 0.12) !important;
  padding-top: clamp(2rem, 3vw, 3rem) !important;
}

/* gc-pillar: one of the 4 "what makes this different" pillars */
.gc-pillar {
  border-right: 1px solid rgba(30, 24, 16, 0.12) !important;
  padding: clamp(1.5rem, 2vw, 2rem) clamp(1rem, 2vw, 1.5rem) !important;
}
.gc-pillar:last-child {
  border-right: none !important;
}

/* gc-contact-cell: direct contact info cell */
.gc-contact-cell {
  background: #ffffff !important;
  border-right: 1px solid rgba(30, 24, 16, 0.12) !important;
  padding: clamp(1.5rem, 2.5vw, 2rem) !important;
  transition: background 0.15s;
}
.gc-contact-cell:hover {
  background: #f4f7fb !important;
}
.gc-contact-cell:last-child {
  border-right: none !important;
}
.gc-contact-cell-wrap {
  border: 1px solid rgba(30, 24, 16, 0.12) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* ------ BUTTON HELPERS ------ */

/* gc-btn-dark: filled dark button (for CTA on blue section) */
.gc-btn-dark .wp-block-button__link,
.gc-btn-dark a {
  background: #1e1810 !important;
  color: #f4f7fb !important;
  border-color: transparent !important;
}
.gc-btn-dark .wp-block-button__link:hover,
.gc-btn-dark a:hover {
  background: #2e2620 !important;
}

/* gc-btn-primary: blue-grey filled button */
.gc-btn-primary .wp-block-button__link,
.gc-btn-primary a {
  background: #a9c0d6 !important;
  color: #1e1810 !important;
  border-color: rgba(30, 24, 16, 0.08) !important;
}

/* ------ CONTACT FORM STYLING ------ */

/* Style the Jetpack contact form inputs to match theme */
.gc-form-wrap .contact-form input[type="text"],
.gc-form-wrap .contact-form input[type="email"],
.gc-form-wrap .contact-form input[type="tel"],
.gc-form-wrap .contact-form select,
.gc-form-wrap .contact-form textarea,
.gc-form-wrap .wp-block-jetpack-contact-form input,
.gc-form-wrap .wp-block-jetpack-contact-form textarea,
.gc-form-wrap .wp-block-jetpack-contact-form select {
  background: #f4f7fb !important;
  border: 1px solid rgba(30, 24, 16, 0.15) !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-size: 16px !important;
  color: #1e1810 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.gc-form-wrap .contact-form input:focus,
.gc-form-wrap .contact-form textarea:focus,
.gc-form-wrap .contact-form select:focus,
.gc-form-wrap .wp-block-jetpack-contact-form input:focus,
.gc-form-wrap .wp-block-jetpack-contact-form textarea:focus {
  border-color: #a9c0d6 !important;
  outline: none !important;
  background: #ffffff !important;
}
.gc-form-wrap .contact-form label,
.gc-form-wrap .wp-block-jetpack-contact-form label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: rgba(30, 24, 16, 0.55) !important;
  margin-bottom: 5px !important;
  display: block !important;
}
.gc-form-wrap .contact-form [type="submit"],
.gc-form-wrap .wp-block-jetpack-contact-form [type="submit"],
.gc-form-wrap .contact-form__submit {
  background: #1e1810 !important;
  color: #f4f7fb !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 13px 18px !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 8px !important;
}
.gc-form-wrap .contact-form [type="submit"]:hover,
.gc-form-wrap .wp-block-jetpack-contact-form [type="submit"]:hover {
  background: #2e2620 !important;
}

/* ------ LINK HELPERS ------ */

/* gc-link-plain: underlined contact link */
.gc-link-plain a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(30, 24, 16, 0.2) !important;
  color: #1e1810 !important;
  transition: text-decoration-color 0.15s !important;
}
.gc-link-plain a:hover {
  text-decoration-color: #1e1810 !important;
}

/* ------ FOOTER DARK BAND ------ */
.gc-footer-band {
  background: #1e1810 !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.gc-footer-band p, .gc-footer-band a,
.gc-footer-band .wp-block-heading {
  color: #a9c0d6 !important;
}
.gc-footer-band a:hover { opacity: 0.75 !important; }
.gc-footer-label p,
.gc-footer-label {
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(169, 192, 214, 0.45) !important;
  margin-bottom: 0.75rem !important;
}

/* ------ HIDE THE DEFAULT PAGE TITLE (use heading block instead) ------ */
.page-id-231 .entry-title,
.page-id-231 .wp-block-post-title {
  display: none !important;
}

/* ------ RESPONSIVE FIXES ------ */
@media (max-width: 768px) {
  .gc-pillar { border-right: none !important; border-bottom: 1px solid rgba(30,24,16,0.12) !important; }
  .gc-contact-cell { border-right: none !important; border-bottom: 1px solid rgba(30,24,16,0.12) !important; }
  .gc-contact-cell:last-child { border-bottom: none !important; }
}


/* ============================================================
   GC PAGE LAYOUT — full layout system for gc- classes
   ============================================================ */

/* Reset */
.gc-page *, .gc-page *::before, .gc-page *::after { box-sizing: border-box; }
.gc-page a { text-decoration: none; color: inherit; }

/* Constrain */
.gc-constrain {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

/* Sections */
.gc-section { width: 100%; }
.gc-section-base { background: #f4f7fb; padding-block: clamp(3rem,5vw,5rem); }
.gc-section-tint { background: rgba(30,24,16,0.05); padding-block: clamp(3rem,5vw,5rem); }
.gc-section-dark { background: #1e1810; padding-block: 72px; }
.gc-section-blue { background: #a9c0d6; padding-block: 72px; }
.gc-section-border { background: #f4f7fb; padding-block: clamp(2rem,4vw,4rem); border-top: 1px solid rgba(30,24,16,0.10); }
.gc-hero { background: #f4f7fb; padding-block: clamp(3rem,5vw,5rem); }

/* Grid layouts */
.gc-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); align-items: start; }
.gc-three-col { display: grid; grid-template-columns: repeat(3,1fr); }
.gc-four-col { display: grid; grid-template-columns: repeat(4,1fr); }

/* Hero grid */
.gc-hero-grid { align-items: start; gap: clamp(2rem,5vw,4rem); }

/* Typography */
.gc-h1 {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(3rem,7vw,86px) !important;
  font-weight: 400 !important;
  letter-spacing: -1.6px !important;
  line-height: 1 !important;
  color: #1e1810 !important;
  margin-bottom: 1.25rem !important;
}
.gc-h2 {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(2rem,4vw,47.5px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.8px !important;
  line-height: 1.1 !important;
  color: #1e1810 !important;
  margin-bottom: 1rem !important;
}
.gc-h3 {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 19.5px !important;
  font-weight: 600 !important;
  color: #1e1810 !important;
  margin-bottom: 0.5rem !important;
}
.gc-eyebrow-text {
  font-family: 'Albert Sans', sans-serif !important;
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(30,24,16,0.50) !important;
  margin-bottom: 0.75rem !important;
}
.gc-body-muted {
  font-family: 'Albert Sans', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(30,24,16,0.55) !important;
}

/* Hero left column */
.gc-hero-sub {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(30,24,16,0.55) !important;
  margin-bottom: 1.75rem !important;
  max-width: 440px;
}

/* Buttons */
.gc-btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 2rem; }
.gc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 18px;
  font-family: 'Albert Sans', sans-serif !important;
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none !important;
  border: 1px solid rgba(30,24,16,0.12);
  transition: background 0.15s, opacity 0.15s;
  white-space: nowrap;
}
.gc-btn-ghost { background: rgba(30,24,16,0.05); color: #1e1810 !important; }
.gc-btn-ghost:hover { background: rgba(30,24,16,0.09) !important; }
.gc-btn-filled { background: #a9c0d6 !important; color: #1e1810 !important; border-color: rgba(30,24,16,0.08); }
.gc-btn-filled:hover { background: #9ab3ca !important; }
.gc-btn-dark { background: #1e1810 !important; color: #f4f7fb !important; border-color: transparent; }
.gc-btn-dark:hover { background: #2e2620 !important; }

/* Direct contact links */
.gc-direct { border-top: 1px solid rgba(30,24,16,0.10); padding-top: 1.5rem; }
.gc-direct-label {
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(30,24,16,0.45) !important;
  margin-bottom: 0.75rem !important;
}
.gc-direct-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px !important;
  color: #1e1810 !important;
  text-decoration: none !important;
  margin-bottom: 0.5rem;
  transition: opacity 0.15s;
}
.gc-direct-link:hover { opacity: 0.65; }

/* Form card */
.gc-form-card {
  background: #fff;
  border: 1px solid rgba(30,24,16,0.12);
  border-radius: 6px;
  padding: clamp(1.5rem,3vw,2.5rem);
}
.gc-form-title {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  letter-spacing: -0.4px !important;
  color: #1e1810 !important;
  margin-bottom: 6px !important;
}
.gc-form-sub {
  font-size: 14px !important;
  color: rgba(30,24,16,0.50) !important;
  margin-bottom: 1.25rem !important;
  line-height: 1.5 !important;
}
.gc-form-note {
  font-size: 12px !important;
  color: rgba(30,24,16,0.45) !important;
  text-align: center;
  margin-top: 0.75rem !important;
}

/* Contact cells */
.gc-contact-cells {
  border: 1px solid rgba(30,24,16,0.12);
  border-radius: 4px;
  overflow: hidden;
}
.gc-cell {
  background: #fff;
  padding: clamp(1.25rem,2.5vw,2rem);
  border-right: 1px solid rgba(30,24,16,0.12);
  transition: background 0.15s;
}
.gc-cell:hover { background: #f4f7fb; }
.gc-cell--last { border-right: none; }
.gc-cell-label {
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(30,24,16,0.45) !important;
  margin-bottom: 0.5rem !important;
}
.gc-cell-value {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  letter-spacing: -0.3px !important;
  color: #1e1810 !important;
  display: block;
  margin-bottom: 6px;
  line-height: 1.1;
  text-decoration: none !important;
}
.gc-cell-value--sm { font-size: 20px !important; }
.gc-cell-note { font-size: 14px !important; color: rgba(30,24,16,0.50) !important; line-height: 1.5 !important; }

/* Different section */
.gc-different-header { align-items: end; margin-bottom: 2rem; }
.gc-pillars { border-top: 1px solid rgba(30,24,16,0.12); }
.gc-pillar-card {
  padding: clamp(1.25rem,2vw,1.75rem) clamp(0.75rem,1.5vw,1.25rem);
  border-right: 1px solid rgba(30,24,16,0.12);
}
.gc-pillar-card--last { border-right: none; }
.gc-pillar-num {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 300 !important;
  color: rgba(30,24,16,0.08) !important;
  line-height: 1 !important;
  margin-bottom: 0.75rem !important;
  letter-spacing: -1px !important;
}

/* Dark quote section */
.gc-section-dark .gc-h2 { color: #a9c0d6 !important; }
.gc-quote-grid { align-items: center; }
.gc-quote-mark {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: 80px !important;
  font-weight: 300 !important;
  color: rgba(169,192,214,0.22) !important;
  line-height: 0.8 !important;
  margin-bottom: 1rem !important;
}
.gc-quote-body {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(1.2rem,2vw,1.7rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.3px !important;
  line-height: 1.45 !important;
  color: #a9c0d6 !important;
  margin-bottom: 1rem !important;
}
.gc-quote-attr {
  font-size: 12.8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: rgba(169,192,214,0.40) !important;
}
.gc-stats { display: flex; flex-direction: column; gap: 3px; }
.gc-stat {
  background: rgba(169,192,214,0.06);
  padding: 1.25rem 1.5rem;
}
.gc-stat-val {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(2rem,4vw,3rem) !important;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  color: #a9c0d6 !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}
.gc-stat-lbl { font-size: 14px !important; color: rgba(169,192,214,0.50) !important; line-height: 1.4 !important; }

/* Steps section */
.gc-steps { border-top: 1px solid rgba(30,24,16,0.10); margin-top: 2rem; }
.gc-step {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 2rem;
  padding-block: clamp(1.75rem,3vw,3rem);
  border-bottom: 1px solid rgba(30,24,16,0.10);
  align-items: start;
}
.gc-step-num {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-size: clamp(2.5rem,4vw,3.5rem) !important;
  font-weight: 300 !important;
  color: rgba(30,24,16,0.09) !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  text-align: center;
  padding-top: 4px;
}
.gc-step-body .gc-h3 { margin-bottom: 0.4rem !important; }

/* CTA section */
.gc-section-blue .gc-h2 { color: #1e1810 !important; }
.gc-cta-grid { align-items: center; }
.gc-cta-right .gc-body-muted { margin-bottom: 1.5rem; }

/* Hide default WP page title on Get Connected */
.page-id-231 .wp-block-post-title,
.page-id-231 .entry-title { display: none !important; }

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .gc-two-col, .gc-hero-grid, .gc-quote-grid, .gc-cta-grid, .gc-different-header { grid-template-columns: 1fr !important; }
  .gc-four-col { grid-template-columns: 1fr 1fr !important; }
  .gc-pillar-card { border-right: none !important; border-bottom: 1px solid rgba(30,24,16,0.12) !important; }
  .gc-pillar-card--last { border-bottom: none !important; }
}
@media (max-width: 600px) {
  .gc-three-col { grid-template-columns: 1fr !important; }
  .gc-four-col { grid-template-columns: 1fr !important; }
  .gc-cell { border-right: none !important; border-bottom: 1px solid rgba(30,24,16,0.12) !important; }
  .gc-cell--last { border-bottom: none !important; }
  .gc-step { grid-template-columns: 60px 1fr !important; gap: 1rem !important; }
}


/* ============================================================
   GET CONNECTED PAGE — standalone HTML layout CSS
   ============================================================ */
.wrap { max-width:1200px; margin-inline:auto; padding-inline:clamp(1.5rem,4vw,3rem); }
.hero { background:#f4f7fb; padding-block:clamp(3.5rem,7vw,6rem); }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,5rem); align-items:start; }
.hero-left { padding-top:0.5rem; }
.hero-headline { margin-bottom:1.25rem; }
.hero-sub { font-size:17px; line-height:1.65; color:rgba(30,24,16,.55); max-width:440px; margin-bottom:1.75rem; }
.hero-btns { margin-bottom:2rem; }
.hero-direct { border-top:1px solid rgba(30,24,16,.12); padding-top:1.5rem; margin-top:.5rem; }
.direct-label { font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(30,24,16,.40); margin-bottom:.75rem; display:block; }
.direct-link { display:flex; align-items:center; gap:10px; font-size:17px; color:#1e1810; margin-bottom:.5rem; transition:opacity .15s; text-decoration:none; }
.direct-link:hover { opacity:.6; }
.btn-row { display:flex; flex-wrap:wrap; gap:12px; }
.btn { display:inline-flex; align-items:center; gap:6px; padding:12px 18px; font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.4px; border-radius:4px; border:1px solid rgba(30,24,16,.12); cursor:pointer; transition:background .15s; white-space:nowrap; text-decoration:none; }
.btn-ghost { background:rgba(30,24,16,.05); color:#1e1810; }
.btn-ghost:hover { background:rgba(30,24,16,.09); }
.btn-primary { background:#a9c0d6; color:#1e1810; border-color:rgba(30,24,16,.08); }
.btn-primary:hover { background:#9ab3ca; }
.btn-dark { background:#1e1810; color:#f4f7fb; border-color:transparent; }
.btn-dark:hover { background:#2e2620; }
.form-card { background:#fff; border:1px solid rgba(30,24,16,.12); border-radius:6px; padding:clamp(1.75rem,3vw,2.5rem); }
.form-title { font-family:'Barlow Semi Condensed',sans-serif; font-size:28px; font-weight:400; letter-spacing:-.4px; color:#1e1810; margin-bottom:4px; }
.form-sub { font-size:14px; color:rgba(30,24,16,.55); margin-bottom:1.25rem; line-height:1.5; }
.form-note { font-size:12px; color:rgba(30,24,16,.40); text-align:center; margin-top:.75rem; }
.contact-strip { background:#f4f7fb; border-top:1px solid rgba(30,24,16,.12); padding-block:clamp(2rem,4vw,3.5rem); }
.cells-wrap { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(30,24,16,.12); border-radius:4px; overflow:hidden; }
.cell { background:#fff; padding:clamp(1.25rem,2.5vw,2rem); border-right:1px solid rgba(30,24,16,.12); transition:background .15s; }
.cell:last-child { border-right:none; }
.cell:hover { background:#f4f7fb; }
.cell-label { font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(30,24,16,.40); margin-bottom:.5rem; display:block; }
.cell-value { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(20px,2.5vw,28px); font-weight:400; letter-spacing:-.3px; color:#1e1810; display:block; margin-bottom:6px; line-height:1.15; text-decoration:none; }
.cell-value--sm { font-size:clamp(16px,2vw,21px); }
.cell-note { font-size:14px; color:rgba(30,24,16,.55); line-height:1.5; }
.different-section { background:rgba(30,24,16,.05); padding-block:clamp(3rem,6vw,5rem); }
.different-header { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:2.5rem; }
.pillars { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(30,24,16,.12); }
.pillar { padding:clamp(1.25rem,2vw,1.75rem) clamp(.75rem,1.5vw,1.25rem); border-right:1px solid rgba(30,24,16,.12); }
.pillar:last-child { border-right:none; }
.pillar-num { font-family:'Barlow Semi Condensed',sans-serif; font-size:52px; font-weight:300; color:rgba(30,24,16,.07); line-height:1; margin-bottom:.75rem; letter-spacing:-1px; display:block; }
.dark-section { background:#1e1810; padding-block:72px; }
.quote-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.quote-mark { font-family:'Barlow Semi Condensed',sans-serif; font-size:80px; font-weight:300; color:rgba(169,192,214,.18); line-height:.8; margin-bottom:1rem; display:block; }
.quote-body { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(1.2rem,2.2vw,1.75rem); font-weight:400; letter-spacing:-.3px; line-height:1.45; color:#a9c0d6; margin-bottom:1.25rem; }
.quote-attr { font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(169,192,214,.35); }
.stats { display:flex; flex-direction:column; gap:3px; }
.stat { background:rgba(169,192,214,.06); padding:1.25rem 1.5rem; }
.stat-val { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(2rem,4vw,3rem); font-weight:400; letter-spacing:-1px; color:#a9c0d6; line-height:1; margin-bottom:4px; display:block; }
.stat-lbl { font-size:14px; color:rgba(169,192,214,.45); line-height:1.4; }
.steps-section { background:#f4f7fb; padding-block:clamp(3rem,6vw,5rem); }
.steps-header { margin-bottom:2.5rem; }
.steps { border-top:1px solid rgba(30,24,16,.12); }
.step { display:grid; grid-template-columns:90px 1fr; gap:clamp(1.5rem,3vw,2.5rem); padding-block:clamp(1.75rem,3vw,2.75rem); border-bottom:1px solid rgba(30,24,16,.12); align-items:start; }
.step-num { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(2.5rem,4vw,3.5rem); font-weight:300; color:rgba(30,24,16,.08); line-height:1; letter-spacing:-1px; text-align:center; padding-top:4px; }
.step-body .h3 { margin-bottom:.4rem; }
.blue-section { background:#a9c0d6; padding-block:72px; }
.cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.blue-section .h2 { color:#1e1810; }
.cta-right .body-sm { color:rgba(30,24,16,.60); margin-bottom:1.5rem; }
.eyebrow { font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(30,24,16,.50); margin-bottom:.75rem; display:block; }
.dark-section .eyebrow { color:rgba(169,192,214,.45); }
h1.hero-headline, .hero-headline { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(3.2rem,7vw,86px); font-weight:400; letter-spacing:-1.6px; line-height:1; color:#1e1810; }
.h2 { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(2rem,4vw,47.5px); font-weight:400; letter-spacing:-.8px; line-height:1.1; color:#1e1810; }
.dark-section .h2 { color:#a9c0d6; }
.h3 { font-family:'Barlow Semi Condensed',sans-serif; font-size:19.5px; font-weight:600; color:#1e1810; margin-bottom:.4rem; }
.body-sm { font-size:17px; line-height:1.65; }
.muted { color:rgba(30,24,16,.55); }
.footer-band { background:#1e1810; padding-block:56px; }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-wrap:wrap; }
.footer-label { font-family:'Albert Sans',sans-serif; font-size:12.8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(169,192,214,.40); display:block; margin-bottom:.5rem; }
.footer-links { display:flex; flex-direction:column; gap:6px; }
.footer-link { font-size:17px; color:#a9c0d6; transition:opacity .15s; text-decoration:none; }
.footer-link:hover { opacity:.6; }
.footer-copy { font-size:13px; color:rgba(169,192,214,.30); align-self:flex-end; }
@media (max-width:960px) {
  .hero-grid,.quote-grid,.cta-grid,.different-header { grid-template-columns:1fr !important; }
  .pillars { grid-template-columns:1fr 1fr; }
  .pillar:nth-child(2) { border-right:none; }
  .pillar:nth-child(3) { border-top:1px solid rgba(30,24,16,.12); border-right:1px solid rgba(30,24,16,.12); }
  .pillar:nth-child(4) { border-top:1px solid rgba(30,24,16,.12); }
}
@media (max-width:640px) {
  .cells-wrap { grid-template-columns:1fr; }
  .cell { border-right:none; border-bottom:1px solid rgba(30,24,16,.12); }
  .cell:last-child { border-bottom:none; }
  .pillars { grid-template-columns:1fr; }
  .pillar { border-right:none !important; border-bottom:1px solid rgba(30,24,16,.12); }
  .pillar:last-child { border-bottom:none; }
  .step { grid-template-columns:60px 1fr; gap:1rem; }
  .footer-inner { flex-direction:column; align-items:flex-start; }
}