/* HERO */
    .hero-swm {
      min-height: 100vh;
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding-top: 104px;
    }

    .hero-left {
      padding: 80px 64px 80px 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-right: var(--rule);
    }

    .hero-eyebrow {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--accent-light);
      margin-bottom: 32px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .hero-eyebrow::before {
      content: '';
      display: block;
      width: 32px;
      height: 1px;
      background: var(--accent-light);
    }

    .hero-headline {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(44px, 5vw, 68px);
      font-weight: 300;
      line-height: 1.08;
      letter-spacing: -0.01em;
      color: var(--black);
      margin-bottom: 40px;
    }

    .hero-headline em {
      font-style: italic;
      font-weight: 300;
    }

    .hero-tagline {
      font-size: 14px;
      line-height: 1.8;
      color: var(--warm-gray);
      max-width: 460px;
      margin-bottom: 56px;
      border-left: 2px solid var(--accent);
      padding-left: 20px;
    }

    .hero-actions {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    }

    .btn-primary {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--off-white);
      background: var(--black);
      padding: 16px 32px;
      text-decoration: none;
      transition: background 0.2s;
      display: inline-block;
    }

    .btn-primary:hover { background: var(--accent); }

    .btn-ghost {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--black);
      border: 1px solid var(--black);
      padding: 16px 32px;
      text-decoration: none;
      transition: all 0.2s;
      display: inline-block;
    }

    .btn-ghost:hover {
      background: var(--black);
      color: var(--off-white);
    }

    .hero-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 80px 48px;
      background: var(--black);
      position: relative;
      overflow: hidden;
    }

    .hero-right::before {
      content: '';
      position: absolute;
      top: -120px; right: -120px;
      width: 480px; height: 480px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(45,92,66,0.4) 0%, transparent 70%);
      pointer-events: none;
    }

    .hero-stat-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: rgba(255,255,255,0.08);
      margin-bottom: 48px;
    }

    .hero-stat {
      background: var(--black);
      padding: 32px;
    }

    .hero-stat-value {
      font-family: 'Cormorant Garamond', serif;
      font-size: 48px;
      font-weight: 300;
      color: #fff;
      line-height: 1;
      margin-bottom: 8px;
    }

    .hero-stat-label {
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.4);
    }

    .hero-proof {
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 32px;
    }

    .hero-proof-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--accent-light);
      margin-bottom: 12px;
    }

    .hero-proof-text {
      font-family: 'Cormorant Garamond', serif;
      font-size: 20px;
      font-weight: 300;
      font-style: italic;
      color: rgba(255,255,255,0.75);
      line-height: 1.6;
    }

    /* SECTION BASICS */
    section { padding: 120px 48px; }

    .section-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 48px;
      margin-bottom: 80px;
      padding-bottom: 40px;
      border-bottom: var(--rule);
    }

    .section-number {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--warm-gray);
      white-space: nowrap;
      padding-top: 6px;
    }

    .section-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(36px, 4vw, 54px);
      font-weight: 300;
      line-height: 1.1;
      flex: 1;
    }

    .section-title em { font-style: italic; }

    .section-description {
      font-size: 14px;
      line-height: 1.8;
      color: var(--warm-gray);
      max-width: 380px;
    }

    /* PROBLEM SECTION */
    .problem-section {
      background: #fff;
      border-top: var(--rule);
      border-bottom: var(--rule);
    }

    .problem-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1px;
      background: var(--border);
    }

    .problem-card {
      background: #fff;
      padding: 48px 40px;
    }

    .problem-card-number {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--warm-gray);
      margin-bottom: 24px;
    }

    .problem-card-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 26px;
      font-weight: 400;
      line-height: 1.3;
      margin-bottom: 16px;
    }

    .problem-card-body {
      font-size: 13px;
      line-height: 1.8;
      color: var(--warm-gray);
    }

    /* VISIBILITY SECTION */
    .visibility-section {
      background: var(--off-white);
    }

    .visibility-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: start;
    }

    .visibility-left { }

    .visibility-right {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }

    .visibility-item {
      border-left: 2px solid var(--border);
      padding-left: 28px;
      transition: border-color 0.2s;
    }

    .visibility-item:hover {
      border-left-color: var(--accent);
    }

    .visibility-item-tag {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--accent-light);
      margin-bottom: 8px;
    }

    .visibility-item-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px;
      font-weight: 400;
      margin-bottom: 10px;
    }

    .visibility-item-body {
      font-size: 13px;
      line-height: 1.8;
      color: var(--warm-gray);
    }

    .pull-quote {
      font-family: 'Cormorant Garamond', serif;
      font-size: 32px;
      font-weight: 300;
      font-style: italic;
      line-height: 1.4;
      color: var(--black);
      margin-bottom: 32px;
    }

    .pull-quote-source {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--warm-gray);
    }

    /* HOW IT WORKS */
    .how-section {
      background: var(--black);
      color: #fff;
    }

    .how-section .section-title { color: #fff; }
    .how-section .section-number { color: rgba(255,255,255,0.3); }
    .how-section .section-description { color: rgba(255,255,255,0.4); }
    .how-section .section-header { border-bottom-color: rgba(255,255,255,0.1); }

    .how-steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(255,255,255,0.08);
    }

    .how-step {
      background: var(--black);
      padding: 48px 40px;
      position: relative;
    }

    .how-step-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 72px;
      font-weight: 300;
      color: rgba(255,255,255,0.06);
      position: absolute;
      top: 24px; right: 32px;
      line-height: 1;
    }

    .how-step-tag {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--accent-light);
      margin-bottom: 20px;
    }

    .how-step-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
      margin-bottom: 16px;
      line-height: 1.3;
    }

    .how-step-body {
      font-size: 13px;
      line-height: 1.8;
      color: rgba(255,255,255,0.5);
      margin-bottom: 24px;
    }

    .how-step-detail {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.25);
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 20px;
    }

    /* CASE STUDY */
    .case-section {
      background: var(--accent);
      color: #fff;
    }

    .case-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }

    .case-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
      margin-bottom: 24px;
    }

    .case-headline {
      font-family: 'Cormorant Garamond', serif;
      font-size: 46px;
      font-weight: 300;
      line-height: 1.1;
      margin-bottom: 28px;
    }

    .case-body {
      font-size: 14px;
      line-height: 1.8;
      color: rgba(255,255,255,0.7);
      margin-bottom: 40px;
    }

    .case-link {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid rgba(255,255,255,0.3);
      padding-bottom: 4px;
      transition: border-color 0.2s;
    }

    .case-link:hover { border-color: #fff; }

    .case-metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: rgba(255,255,255,0.12);
    }

    .case-metric {
      background: rgba(0,0,0,0.15);
      padding: 40px 32px;
    }

    .case-metric-value {
      font-family: 'Cormorant Garamond', serif;
      font-size: 52px;
      font-weight: 300;
      color: #fff;
      line-height: 1;
      margin-bottom: 8px;
    }

    .case-metric-label {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
    }

    .case-client {
      grid-column: 1 / -1;
      padding: 24px 32px;
      background: rgba(0,0,0,0.2);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.4);
    }

    /* ENGAGEMENT TIERS */
    .tiers-section {
      background: #fff;
    }

    .tiers-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
    }

    .tier-card {
      border: 1px solid var(--border);
      padding: 56px 48px;
      position: relative;
      transition: border-color 0.3s, box-shadow 0.3s;
    }

    .tier-card:hover {
      border-color: var(--black);
      box-shadow: 0 16px 48px rgba(0,0,0,0.08);
    }

    .tier-card.featured {
      border-color: var(--black);
      background: var(--black);
      color: #fff;
    }

    .tier-badge {
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--accent-light);
      margin-bottom: 24px;
    }

    .tier-card.featured .tier-badge {
      color: rgba(255,255,255,0.45);
    }

    .tier-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 36px;
      font-weight: 400;
      line-height: 1.1;
      margin-bottom: 12px;
    }

    .tier-card.featured .tier-name { color: #fff; }

    .tier-description {
      font-size: 13px;
      line-height: 1.8;
      color: var(--warm-gray);
      margin-bottom: 40px;
      padding-bottom: 32px;
      border-bottom: var(--rule);
    }

    .tier-card.featured .tier-description {
      color: rgba(255,255,255,0.5);
      border-bottom-color: rgba(255,255,255,0.1);
    }

    .tier-includes-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--warm-gray);
      margin-bottom: 20px;
    }

    .tier-card.featured .tier-includes-label { color: rgba(255,255,255,0.35); }

    .tier-includes {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 48px;
    }

    .tier-includes li {
      font-size: 13px;
      line-height: 1.5;
      color: var(--black);
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .tier-card.featured .tier-includes li { color: rgba(255,255,255,0.75); }

    .tier-includes li::before {
      content: '→';
      font-size: 12px;
      color: var(--accent-light);
      margin-top: 1px;
      flex-shrink: 0;
    }

    .tier-card.featured .tier-includes li::before { color: rgba(255,255,255,0.35); }

    .tier-cta {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--black);
      border: 1px solid var(--black);
      padding: 14px 28px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.2s;
    }

    .tier-cta:hover {
      background: var(--black);
      color: var(--off-white);
    }

    .tier-card.featured .tier-cta {
      color: var(--black);
      background: var(--off-white);
      border-color: var(--off-white);
    }

    .tier-card.featured .tier-cta:hover {
      background: #fff;
    }

    /* CTA BANNER */
    .cta-banner {
      padding: 120px 48px;
      background: var(--off-white);
      border-top: var(--rule);
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 80px;
      align-items: center;
    }

    .cta-headline {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(36px, 4vw, 56px);
      font-weight: 300;
      line-height: 1.1;
      max-width: 640px;
    }

    .cta-headline em { font-style: italic; }

    .cta-sub {
      font-size: 13px;
      line-height: 1.8;
      color: var(--warm-gray);
      margin-top: 20px;
      max-width: 560px;
    }

    .cta-right {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-width: 220px;
    }

    /* FOOTER */
    footer {
      background: var(--black);
      color: rgba(255,255,255,0.35);
      padding: 40px 48px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 11px;
      letter-spacing: 0.06em;
    }

    footer a {
      color: rgba(255,255,255,0.35);
      text-decoration: none;
    }

    footer a:hover { color: rgba(255,255,255,0.7); }

    /* RESPONSIVE */
    @media (max-width: 960px) {
      section { padding: 80px 24px; }
      .hero { grid-template-columns: 1fr; }
      .hero-right { min-height: 400px; }
      .hero-left { padding: 60px 24px; }
      .problem-grid { grid-template-columns: 1fr; }
      .visibility-grid { grid-template-columns: 1fr; }
      .how-steps { grid-template-columns: 1fr; }
      .case-inner { grid-template-columns: 1fr; }
      .tiers-grid { grid-template-columns: 1fr; }
      .cta-banner { grid-template-columns: 1fr; }
      .section-header { flex-direction: column; gap: 24px; }
    }
  

    /* ── Nav (from v12) ── */
    .top-bar {
      background: var(--black);
      display: flex; justify-content: flex-end; align-items: center;
      padding: 0 48px; height: 36px; gap: 28px;
    }
    .top-bar a {
      font-size: 11px; font-weight: 500; letter-spacing: 0.08em;
      text-transform: uppercase; color: rgba(255,255,255,0.45);
      text-decoration: none; transition: color 0.2s;
    }
    .top-bar a:hover { color: rgba(255,255,255,0.85); }

    /* Top bar dropdown — Opportunities only */
    .top-bar .tb-dropdown-wrap { position: relative; }
    .top-bar .tb-dropdown-wrap > a { display: flex; align-items: center; gap: 4px; }
    .top-bar .tb-dropdown-wrap > a svg { opacity: 0.5; transition: transform 0.2s; }
    .top-bar .tb-dropdown-wrap:hover > a svg { transform: rotate(180deg); }
    .tb-dropdown {
      position: absolute; top: 100%; right: 0;
      min-width: 230px; background: var(--white);
      border: 1px solid var(--border-l);
      border-top: 2px solid var(--black);
      box-shadow: 0 12px 32px rgba(0,0,0,0.12);
      opacity: 0; pointer-events: none;
      transform: translateY(-4px);
      transition: opacity 0.18s, transform 0.18s;
      z-index: 500; margin-top: 1px;
    }
    .top-bar .tb-dropdown-wrap:hover .tb-dropdown {
      opacity: 1; pointer-events: auto; transform: translateY(0);
    }
    .tb-dropdown-header {
      padding: 12px 16px 8px;
      font-size: 12px; font-weight: 800; color: var(--black);
      border-bottom: 1px solid var(--border-l);
    }
    .tb-dropdown a {
      display: block; padding: 10px 16px;
      font-size: 12px; font-weight: 400; color: #444;
      text-decoration: none; border-bottom: 1px solid var(--border-l);
      transition: all 0.15s; letter-spacing: 0; text-transform: none;
    }
    .tb-dropdown a:last-child { border-bottom: none; }
    .tb-dropdown a:hover { color: var(--black); background: var(--off-white); padding-left: 22px; }
    /* ─── HERO ─── */
    
    /* Nav uses DM Sans to match v12 */
    .top-bar, nav, .nav-logo-name, .nav-logo-sub2,
    .nav-links a, .nav-cta, .dropdown a,
    .tb-dropdown a, .tb-dropdown-header,
    .ham-btn, .nav-icon-btn { font-family: 'DM Sans', sans-serif !important; }

    /* ─── STICKY BOTTOM CTA ─── */
    .sticky-cta {
      position: fixed; bottom: 0; left: 0; right: 0; z-index: 150;
      background: var(--green-lt);
      display: flex; align-items: center; justify-content: space-between;
      padding: 14px 48px; gap: 24px;
      transform: translateY(100%);
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 -4px 24px rgba(0,0,0,0.2);
    }
    .sticky-cta.visible { transform: translateY(0); }
    .sticky-cta-text {
      font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.85);
      display: flex; align-items: center; gap: 16px;
    }
    .sticky-cta-text strong { color: #fff; font-weight: 700; }
    .sticky-cta-actions { display: flex; gap: 10px; align-items: center; }
    .sticky-cta-btn {
      font-size: 11px; font-weight: 700; letter-spacing: 0.10em;
      text-transform: uppercase; color: var(--black); background: var(--white);
      padding: 10px 22px; text-decoration: none; transition: background 0.2s;
      white-space: nowrap;
    }
    .sticky-cta-btn:hover { background: var(--off-white); }
    .sticky-cta-dismiss {
      background: none; border: none; cursor: pointer;
      color: rgba(255,255,255,0.5); font-size: 18px; padding: 4px 8px;
      transition: color 0.2s; line-height: 1;
    }
    .sticky-cta-dismiss:hover { color: rgba(255,255,255,0.9); }

    /* ─── RESPONSIVE ─── */
    @media (max-width: 1100px) {
      .nav-links { position: static; transform: none; display: none; }
      .hero-main { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .insights-grid { grid-template-columns: 1fr; }
      .services-layout { grid-template-columns: 1fr; }
      .services-list { border-right: none; border-bottom: 1px solid var(--border-l); }
      .ba-layout { grid-template-columns: 1fr; gap: 2px; }
      .ba-center { flex-direction: row; padding: 20px 0; border: none; }
      .contact-layout { grid-template-columns: 1fr; }
      .footer-main { grid-template-columns: 1fr 1fr; }
      .logos-grid { grid-template-columns: repeat(3, 1fr); }
      section { padding: 72px 24px; }
      nav, .top-bar, .footer-main, .footer-bottom { padding-left: 24px; padding-right: 24px; }
      .hero-main { padding: 60px 24px 40px; }
      .hero-strip { grid-template-columns: 1fr; }
      .hero-strip-item { padding: 18px 24px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.07); }
      .cap-grid { grid-template-columns: 1fr; }
      .cap-card:last-child { grid-column: auto; }
      .industries-header { grid-template-columns: 1fr; }
    }

    /* ─── MANDATE STRIP ─── */
    .mandate-strip {
      background: var(--white);
      border-top: 1px solid var(--border-l);
      border-bottom: 1px solid var(--border-l);
      padding: 28px 48px;
      display: flex; align-items: center; gap: 0;
    }
    .mandate-label {
      font-size: 9px; font-weight: 700; letter-spacing: 0.20em;
      text-transform: uppercase; color: var(--green-lt);
      flex-shrink: 0; margin-right: 32px;
      display: flex; align-items: center; gap: 10px;
    }
    .mandate-label::after {
      content: ''; display: block; width: 1px;
      height: 32px; background: var(--border-l);
    }
    .mandate-items { display: flex; gap: 0; flex: 1; overflow-x: auto; }
    .mandate-item {
      flex-shrink: 0; padding: 0 28px;
      border-right: 1px solid var(--border-l);
      font-size: 13px; color: var(--black); font-weight: 500; line-height: 1.35;
    }
    .mandate-item:first-child { padding-left: 0; }
    .mandate-item span { display: block; font-size: 10px; font-weight: 400; color: var(--gray-1); margin-top: 2px; }

    /* ── Ham + Search (from v12) ── */
    .ham-btn { width:40px;height:40px;display:flex;flex-direction:column;
               align-items:center;justify-content:center;gap:4px;
               background:none;border:1px solid var(--border-l);
               cursor:pointer;transition:border-color .2s;flex-shrink:0;
               margin-left:10px; }
    .ham-btn:hover { border-color:var(--black); }
    .ham-btn span { display:block;width:16px;height:1.5px;
                    background:var(--black); }
    .dm-overlay { position:fixed;inset:0;z-index:850;
                  background:rgba(0,0,0,.35);backdrop-filter:blur(3px);
                  opacity:0;pointer-events:none;transition:opacity .2s; }
    .dm-overlay.open { opacity:1;pointer-events:auto; }
    .dm-box { position:fixed;top:110px;right:20px;width:300px;
              background:#fff;border:1px solid var(--border-l);
              box-shadow:0 16px 48px rgba(0,0,0,.18);
              transform:translateY(-10px) scale(.97);
              transition:transform .2s,opacity .2s;
              opacity:0;pointer-events:none;z-index:851; }
    .dm-overlay.open .dm-box { transform:translateY(0) scale(1);
                                opacity:1;pointer-events:auto; }
    .dm-head { padding:14px 16px 10px;border-bottom:1px solid var(--border-l);
               display:flex;justify-content:space-between;align-items:center; }
    .dm-head-lbl { font-size:9px;font-weight:700;letter-spacing:.18em;
                   text-transform:uppercase;color:var(--gray-1); }
    .dm-x { background:none;border:none;cursor:pointer;color:var(--gray-1);
             font-size:22px;line-height:1;padding:0;transition:color .15s; }
    .dm-x:hover { color:var(--black); }
    .dm-block { padding:13px 16px;border-bottom:1px solid var(--border-l); }
    .dm-block:last-child { border-bottom:none; }
    .dm-lbl { font-size:9px;font-weight:700;letter-spacing:.14em;
              text-transform:uppercase;color:var(--green-lt);margin-bottom:5px; }
    .dm-date { font-family:'Cormorant Garamond',serif;
               font-size:17px;font-weight:400;color:var(--black);
               line-height:1.25;margin-bottom:3px; }
    .dm-time { font-size:13px;color:var(--gray-1);font-family:'DM Sans',sans-serif; }
    .dm-joke { font-size:12px;color:var(--black);line-height:1.65;
               font-style:italic; }
    .dm-verse { font-family:'Cormorant Garamond',serif;font-size:14px;
                font-weight:400;color:var(--black);line-height:1.65;
                font-style:italic;margin-bottom:5px; }
    .dm-ref { font-size:10px;font-weight:700;letter-spacing:.08em;
              text-transform:uppercase;color:var(--gray-1); }

    /* ═══ CONTACT CLEAN ═══ */
    .cc { background:var(--dark);padding:80px 48px;
          display:grid;grid-template-columns:1fr 1fr;
          gap:72px;align-items:center; }
    .cc-grid { display:grid;grid-template-columns:1fr 1fr;
               gap:1px;background:rgba(255,255,255,.06); }
    .cc-card { padding:26px 22px;background:var(--dark); }
    .cc-card-lbl { font-size:9px;font-weight:700;letter-spacing:.14em;
                   text-transform:uppercase;color:var(--green-lt);
                   margin-bottom:8px; }
    .cc-card-title { font-family:'Cormorant Garamond',serif;
                     font-size:20px;font-weight:300;color:#fff;
                     margin-bottom:6px;line-height:1.2; }
    .cc-card-body { font-size:12px;color:rgba(255,255,255,.35);
                    line-height:1.65; }
    .cc-btns { display:flex;gap:10px;flex-wrap:wrap;margin-top:28px; }
    .cc-btn-primary { display:inline-block;padding:13px 26px;
                      background:#fff;color:var(--black);border:none;
                      font-family:'DM Sans',sans-serif;font-size:11px;
                      font-weight:700;letter-spacing:.10em;
                      text-transform:uppercase;cursor:pointer;
                      transition:background .2s; }
    .cc-btn-primary:hover { background:var(--off-white); }
    .cc-btn-ghost { display:inline-block;padding:13px 26px;
                    background:none;color:rgba(255,255,255,.6);
                    border:1px solid rgba(255,255,255,.2);
                    font-family:'DM Sans',sans-serif;font-size:11px;
                    font-weight:700;letter-spacing:.10em;
                    text-transform:uppercase;cursor:pointer;
                    transition:all .2s; }
    .cc-btn-ghost:hover { background:rgba(255,255,255,.06);
                          color:rgba(255,255,255,.9); }
    @media(max-width:1100px){
      .cc{grid-template-columns:1fr;gap:40px;padding:60px 24px;}
    }
    @media(max-width:600px){
      .cc{padding:48px 16px;}
      .cc-grid{grid-template-columns:1fr;}
    }

    /* ── New sections ── */
    
    


    /* ════════════════════════════════════════════
       AUDIENCE SECTIONS
    ════════════════════════════════════════════ */

    .aud-section {
      padding: 96px 48px;
      border-top: var(--rule);
    }
    .aud-section.aud-am { background: #fff; }
    .aud-section.aud-sm { background: var(--black); }
    .aud-section.aud-ed { background: var(--off-white); }

    .aud-inner {
      max-width: 1320px;
      margin: 0 auto;
    }

    /* Role tag */
    .aud-role-tag {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: 10px; font-weight: 700; letter-spacing: .16em;
      text-transform: uppercase; color: var(--accent-light);
      margin-bottom: 20px;
    }
    .aud-role-tag::before {
      content: ''; display: block; width: 24px; height: 1px;
      background: currentColor; flex-shrink: 0;
    }
    .aud-role-tag--green { color: #5a9c70; }
    .aud-role-tag--mono  { color: var(--warm-gray); }

    /* Section header */
    .aud-header {
      max-width: 720px;
      margin-bottom: 56px;
    }
    .aud-heading {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(34px, 3.5vw, 52px);
      font-weight: 300; line-height: 1.08;
      color: var(--black); letter-spacing: -.01em;
      margin-bottom: 18px;
    }
    .aud-section.aud-sm .aud-heading { color: #fff; }
    .aud-heading em { font-style: italic; }
    .aud-sub {
      font-size: 15px; line-height: 1.85;
      color: var(--warm-gray); max-width: 620px;
    }
    .aud-section.aud-sm .aud-sub { color: rgba(255,255,255,.42); }


    /* ══ ASSET MANAGER section ══ */
    .aud-content-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2px;
      background: var(--border);
    }
    .aud-metrics-panel {
      background: var(--black);
      padding: 48px;
    }
    .aud-metric-row {
      display: flex; gap: 0;
      margin-bottom: 40px;
    }
    .aud-metric {
      flex: 1; padding-right: 24px;
    }
    .aud-metric:last-child { padding-right: 0; }
    .aud-metric-divider {
      width: 1px; background: rgba(255,255,255,.08);
      margin: 0 24px;
      flex-shrink: 0;
    }
    .aud-metric-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 44px; font-weight: 300;
      color: #fff; line-height: 1;
      margin-bottom: 8px;
    }
    .aud-metric-lbl {
      font-size: 10px; font-weight: 600;
      letter-spacing: .10em; text-transform: uppercase;
      color: rgba(255,255,255,.28); line-height: 1.5;
    }
    .aud-quote-block {
      border-left: 2px solid var(--accent-light);
      padding-left: 20px;
    }
    .aud-quote-block p {
      font-family: 'Cormorant Garamond', serif;
      font-size: 19px; font-weight: 300; font-style: italic;
      color: rgba(255,255,255,.75); line-height: 1.65;
      margin-bottom: 10px;
    }
    .aud-quote-block cite {
      font-size: 11px; font-weight: 600;
      letter-spacing: .09em; text-transform: uppercase;
      color: rgba(255,255,255,.3); font-style: normal;
    }
    .aud-capability-list {
      background: #fff;
      padding: 48px;
      display: flex; flex-direction: column; gap: 0;
    }
    .aud-cap-item {
      display: flex; gap: 20px; align-items: flex-start;
      padding: 24px 0; border-bottom: var(--rule);
    }
    .aud-cap-item:last-child { border-bottom: none; padding-bottom: 0; }
    .aud-cap-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 28px; font-weight: 300;
      color: var(--accent-light); line-height: 1;
      flex-shrink: 0; width: 32px; margin-top: 2px;
    }
    .aud-cap-title {
      font-size: 14px; font-weight: 700;
      color: var(--black); margin-bottom: 6px; line-height: 1.35;
    }
    .aud-cap-body {
      font-size: 13px; color: var(--warm-gray); line-height: 1.75;
    }


    /* ══ SUSTAINABILITY MANAGER section ══ */
    .aud-gresb-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2px;
      background: rgba(255,255,255,.05);
    }
    .aud-indicator-panel {
      background: #0f1a13;
      padding: 48px;
    }
    .aud-indicator-title {
      font-size: 10px; font-weight: 700;
      letter-spacing: .16em; text-transform: uppercase;
      color: rgba(255,255,255,.25);
      margin-bottom: 28px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .aud-indicator-row {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .aud-indicator-row:last-child { border-bottom: none; }
    .aud-indicator-code {
      font-family: 'Cormorant Garamond', serif;
      font-size: 30px; font-weight: 300;
      color: var(--accent-light);
      width: 52px; flex-shrink: 0; line-height: 1;
      padding-top: 2px;
    }
    .aud-indicator-name {
      font-size: 13px; font-weight: 700;
      color: #fff; margin-bottom: 5px;
    }
    .aud-indicator-desc {
      font-size: 12px; color: rgba(255,255,255,.38);
      line-height: 1.75;
    }
    .aud-indicator-weight {
      font-family: 'Cormorant Garamond', serif;
      font-size: 24px; font-weight: 300;
      color: var(--accent-light);
      white-space: nowrap; flex-shrink: 0;
      align-self: flex-start;
      margin-top: 2px;
    }
    .aud-esg-proof {
      background: #1a2e20;
      padding: 48px;
      display: flex; flex-direction: column; gap: 0;
    }
    .aud-esg-stat { margin-bottom: 28px; }
    .aud-esg-stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 68px; font-weight: 300;
      color: #fff; line-height: 1;
      margin-bottom: 8px;
    }
    .aud-esg-stat-lbl {
      font-size: 12px; color: rgba(255,255,255,.35);
      line-height: 1.65;
    }
    .aud-esg-divider {
      height: 1px; background: rgba(255,255,255,.07);
      margin: 0 0 28px;
    }
    .aud-esg-checklist {
      display: flex; flex-direction: column;
      gap: 0; margin-bottom: 28px;
    }
    .aud-esg-check-item {
      display: flex; align-items: flex-start; gap: 10px;
      padding: 11px 0;
      border-bottom: 1px solid rgba(255,255,255,.05);
      font-size: 13px; color: rgba(255,255,255,.55);
      line-height: 1.55;
    }
    .aud-esg-check-item:last-child { border-bottom: none; }
    .aud-esg-check-item svg { color: var(--accent-light); flex-shrink: 0; margin-top: 2px; }
    .aud-esg-note {
      font-size: 12px; color: rgba(255,255,255,.28);
      line-height: 1.75;
      border-top: 1px solid rgba(255,255,255,.06);
      padding-top: 20px;
    }


    /* ══ ENGINEERING DIRECTOR section ══ */
    .aud-tech-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2px;
      background: var(--border);
    }
    .aud-tech-specs {
      background: #fff;
      padding: 48px;
      display: flex; flex-direction: column; gap: 0;
    }
    .aud-tech-item {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 22px 0; border-bottom: var(--rule);
    }
    .aud-tech-item:first-child { padding-top: 0; }
    .aud-tech-item:last-child  { border-bottom: none; padding-bottom: 0; }
    .aud-tech-icon {
      width: 40px; height: 40px; flex-shrink: 0;
      background: rgba(45,92,66,.07);
      display: flex; align-items: center; justify-content: center;
      color: var(--accent-light);
    }
    .aud-tech-title {
      font-size: 13px; font-weight: 700;
      color: var(--black); margin-bottom: 6px; line-height: 1.35;
    }
    .aud-tech-body {
      font-size: 12px; color: var(--warm-gray); line-height: 1.75;
    }
    .aud-tech-panel {
      background: var(--black);
      padding: 48px;
      display: flex; flex-direction: column;
    }
    .aud-tech-panel-title {
      font-size: 10px; font-weight: 700;
      letter-spacing: .16em; text-transform: uppercase;
      color: rgba(255,255,255,.25);
      margin-bottom: 24px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .aud-tech-compat {
      display: flex; flex-direction: column; gap: 0;
      flex: 1;
    }
    .aud-compat-category {
      padding: 18px 0;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .aud-compat-category:last-child { border-bottom: none; }
    .aud-compat-label {
      font-size: 10px; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase;
      color: var(--accent-light); margin-bottom: 6px;
    }
    .aud-compat-items {
      font-size: 12px; color: rgba(255,255,255,.45);
      line-height: 1.7;
    }
    .aud-tech-quote {
      margin-top: 28px;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .aud-tech-quote p {
      font-family: 'Cormorant Garamond', serif;
      font-size: 17px; font-weight: 300; font-style: italic;
      color: rgba(255,255,255,.6); line-height: 1.65;
      margin-bottom: 8px;
    }
    .aud-tech-quote cite {
      font-size: 10px; font-weight: 700;
      letter-spacing: .09em; text-transform: uppercase;
      color: rgba(255,255,255,.25); font-style: normal;
    }

    /* ── Responsive ── */
    @media (max-width: 1024px) {
      .aud-content-grid,
      .aud-gresb-grid,
      .aud-tech-grid { grid-template-columns: 1fr; }
      .aud-metric-row { flex-wrap: wrap; gap: 24px; }
      .aud-metric-divider { display: none; }
    }
    @media (max-width: 768px) {
      .aud-section { padding: 64px 24px; }
      .aud-metrics-panel,
      .aud-capability-list,
      .aud-indicator-panel,
      .aud-esg-proof,
      .aud-tech-specs,
      .aud-tech-panel { padding: 36px 24px; }
    }
    @media (max-width: 480px) {
      .aud-metric-row { flex-direction: column; }
    }