/* ── Page Hero ─────────────────────────────────────────────── */
    .er-hero {
      background: var(--c-bg);
      padding-top: calc(var(--nav-h) + 80px);
      padding-bottom: 80px;
    }
    .er-hero__inner {
      max-width: 680px;
    }
    .er-hero__eyebrow {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
    }
    .er-hero__eyebrow-line {
      display: block;
      width: 32px; height: 1px;
      background: var(--c-gold);
      flex-shrink: 0;
    }
    .er-hero__eyebrow span {
      font-family: var(--f-display);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--c-gold);
    }
    .er-hero h1 {
      margin-bottom: 24px;
    }
    .er-hero__body {
      font-size: 18px;
      line-height: 1.75;
      color: var(--c-text-2);
      margin-bottom: 40px;
    }
    .er-hero__ctas {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-bottom: 40px;
    }
    .er-hero__cta-secondary {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--f-display);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--c-text-2);
      border-bottom: 1px solid var(--c-border);
      padding-bottom: 2px;
      transition: color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out;
    }
    .er-hero__cta-secondary:hover {
      color: var(--c-gold-dark);
      border-color: var(--c-gold);
    }
    .er-hero__pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 24px;
      border-top: 1px solid var(--c-border);
    }
    .er-hero__pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--f-display);
      font-size: 11.5px;
      font-weight: 600;
      letter-spacing: 0.04em;
      color: #3d3027;
      color: oklch(28% 0.01 85);
      background: #eee8e0;
      background: oklch(94% 0.01 85);
      border: 1px solid #cdbea0;
      border: 1px solid oklch(78% 0.06 85);
      border-radius: var(--r-sm);
      padding: 7px 13px;
    }
    .er-hero__pill svg {
      width: 12px; height: 12px;
      stroke: var(--c-gold);
      fill: none;
      stroke-width: 2;
      flex-shrink: 0;
    }

    /* ── Definition section ────────────────────────────────────── */
    .s-definition {
      background: var(--c-surface);
      border-top: 1px solid var(--c-border);
    }
    .definition-grid {
      display: grid;
      grid-template-columns: 5fr 4fr;
      gap: 72px;
      align-items: start;
    }
    .definition-left p {
      font-size: 17px;
      line-height: 1.8;
      color: var(--c-text-2);
      margin-bottom: 20px;
    }
    .definition-left p:last-child { margin-bottom: 0; }
    .definition-right h4 {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--c-gold-dark);
      margin-bottom: 20px;
    }
    .who-list {
      display: flex;
      flex-direction: column;
    }
    .who-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1px solid var(--c-border);
    }
    .who-item:last-child { border-bottom: none; }
    .who-dot {
      display: block;
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--c-gold);
      flex-shrink: 0;
      margin-top: 8px;
    }
    .who-item span {
      font-family: var(--f-display);
      font-size: 14.5px;
      color: var(--c-text-1);
      line-height: 1.55;
    }

    /* ── Case types section ────────────────────────────────────── */
    .s-case-types {
      background: var(--c-bg);
    }
    .case-types-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 72px;
    }
    .case-type-item {
      display: grid;
      grid-template-columns: 36px 1fr;
      gap: 20px;
      align-items: start;
      padding: 28px 0;
      border-bottom: 1px solid var(--c-border);
    }
    .case-type-item:last-child { border-bottom: none; }
    @media (min-width: 901px) {
      .case-type-item:nth-last-child(2) { border-bottom: none; }
    }
    .case-type-num {
      font-family: var(--f-display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: var(--c-gold);
      padding-top: 4px;
    }
    .case-type-item h4 {
      font-size: 16px;
      font-weight: 600;
      color: var(--c-text-1);
      margin-bottom: 5px;
      letter-spacing: -0.01em;
    }
    .case-type-item p {
      font-size: 14px;
      color: var(--c-text-2);
      margin: 0;
      line-height: 1.6;
    }

    /* ── Process timeline section ──────────────────────────────── */
    .s-process {
      background: var(--c-surface);
      border-top: 1px solid var(--c-border);
    }
    .process-timeline {
      max-width: 680px;
      display: flex;
      flex-direction: column;
    }
    .process-step {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 24px;
    }
    .process-step__track {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .process-step__num {
      width: 40px; height: 40px;
      border-radius: 50%;
      background: var(--c-gold-tint-2);
      border: 1.5px solid #c8ae80;
      border: 1.5px solid oklch(78% 0.07 85);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--f-display);
      font-size: 12px;
      font-weight: 700;
      color: var(--c-gold-dark);
      flex-shrink: 0;
    }
    .process-step__line {
      width: 1.5px;
      flex: 1;
      background: var(--c-gold);
      opacity: 0.3;
      margin: 6px 0;
      min-height: 28px;
    }
    .process-step:last-child .process-step__line { display: none; }
    .process-step__body {
      padding-bottom: 44px;
    }
    .process-step:last-child .process-step__body { padding-bottom: 0; }
    .process-step__body h4 {
      font-size: 18px;
      font-weight: 700;
      color: var(--c-text-1);
      margin-bottom: 8px;
      padding-top: 8px;
    }
    .process-step__body p {
      font-size: 16px;
      color: var(--c-text-2);
      margin: 0;
      line-height: 1.72;
    }

    /* ── Testimonial section ───────────────────────────────────── */
    .s-testimonial {
      background: #f3ede0;
      background: oklch(97% 0.012 85);
      border-top: 1px solid var(--c-border);
      border-bottom: 1px solid var(--c-border);
    }
    .testimonial-inner {
      max-width: 780px;
      margin: 0 auto;
      text-align: center;
    }
    .testimonial-mark {
      font-family: var(--f-tagline);
      font-size: 72px;
      line-height: 0.6;
      color: var(--c-gold);
      display: block;
      margin-bottom: 28px;
      user-select: none;
      aria-hidden: true;
    }
    .testimonial-quote {
      font-family: var(--f-tagline);
      font-size: clamp(22px, 3vw, 36px);
      font-style: italic;
      color: var(--c-text-1);
      line-height: 1.45;
      margin-bottom: 28px;
    }
    .testimonial-source {
      font-family: var(--f-display);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--c-gold-dark);
      margin: 0;
    }

    /* ── Why section ───────────────────────────────────────────── */
    .s-why {
      background: var(--c-bg);
    }
    .why-grid {
      display: grid;
      grid-template-columns: 6fr 4fr;
      gap: 80px;
      align-items: start;
    }
    .why-reasons {
      display: flex;
      flex-direction: column;
    }
    .why-item {
      display: flex;
      align-items: flex-start;
      gap: 18px;
      padding: 28px 0;
      border-bottom: 1px solid var(--c-border);
    }
    .why-item:last-child { border-bottom: none; }
    .why-dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: var(--c-gold);
      flex-shrink: 0;
      margin-top: 9px;
    }
    .why-item h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--c-text-1);
      margin-bottom: 7px;
    }
    .why-item p {
      font-size: 15px;
      color: var(--c-text-2);
      margin: 0;
      line-height: 1.68;
    }
    .why-photo-col {
      position: sticky;
      top: calc(var(--nav-h) + 24px);
    }
    .why-photo {
      width: 100%;
      border-radius: var(--r-xl);
      display: block;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: top center;
    }
    .why-plate {
      margin-top: 16px;
      padding: 16px 20px;
      background: var(--c-gold-tint-2);
      border: 1px solid #d9c8a8;
      border: 1px solid oklch(88% 0.04 85);
      border-radius: var(--r-md);
    }
    .why-plate__name {
      font-family: var(--f-display);
      font-size: 17px;
      font-weight: 700;
      color: var(--c-text-1);
      margin-bottom: 3px;
    }
    .why-plate__title {
      font-family: var(--f-display);
      font-size: 10.5px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--c-gold-dark);
    }

    /* ── Final CTA strip ───────────────────────────────────────── */
    .s-cta-final {
      background: var(--c-gold-dark);
      padding: var(--section-py) 0;
    }
    .cta-final__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 48px;
      flex-wrap: wrap;
    }
    .cta-final__text { max-width: 600px; }
    .cta-final__text h2 {
      font-size: clamp(26px, 3.5vw, 44px);
      color: #f5f0e8;
      color: oklch(97% 0.008 85);
      margin-bottom: 14px;
    }
    .cta-final__text p {
      font-size: 17px;
      color: #cfc8bc;
      color: oklch(82% 0.012 85);
      line-height: 1.72;
    }
    .cta-final__actions {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      flex-shrink: 0;
    }

    /* ── Responsive ─────────────────────────────────────────────── */
    @media (max-width: 900px) {
      .er-hero               { padding-top: calc(var(--nav-h) + 52px); padding-bottom: 56px; }
      .definition-grid       { grid-template-columns: 1fr; gap: 48px; }
      .case-types-list       { grid-template-columns: 1fr; gap: 0; }
      .why-grid              { grid-template-columns: 1fr; gap: 48px; }
      .why-photo-col         { position: static; }
      .why-photo             { max-width: 320px; aspect-ratio: 3/4; }
      .cta-final__inner      { flex-direction: column; align-items: flex-start; }
    }
    @media (max-width: 640px) {
      .er-hero__ctas         { flex-direction: column; align-items: flex-start; }
      .process-timeline      { max-width: 100%; }
    }