/* Typography matches the home page scale; this strip adds a compact premium detail. */
    #main .why-hero h1 { font-size: clamp(36px, 3.6vw, 36px); letter-spacing: -1.5px; }
    #main .why-hero h1 + p { font-size: 15px; line-height: 2.10; }
    #main .why-intro h2, #main .why-feature h2, #main .why-cta h2 { font-size: 28px; line-height: 1.18; letter-spacing: -.8px; }
    #main .why-intro > p:last-child { font-size: 15px; line-height: 1.7; }
    #main .why-card h2 { font-size: 22px; }
    .why-card { overflow: hidden; border-top: 4px solid #e9d036; }
    .why-card::after { content: ""; position: absolute; right: -38px; bottom: -48px; width: 145px; height: 145px; border-radius: 50%; background: #e9d036; opacity: .12; pointer-events: none; }
    .why-card:nth-child(1) { border-color: #202221; background: #202221; color: #fff; }
    .why-card:nth-child(1) .why-number { color: #e9d036; }
    .why-card:nth-child(1) .why-icon { background: #e9d036; color: #202221; }
    .why-card:nth-child(1) p { color: #e1e3da; }
    .why-card:nth-child(1)::after { background: #fff; opacity: .07; }
    .why-card:nth-child(2) { border-color: #d2b82b; background: linear-gradient(145deg, #fffdf2, #fff3b9); }
    .why-card:nth-child(2) .why-icon { background: #202221; color: #e9d036; }
    .why-card:nth-child(3) { border-color: #e9d036; }
    .why-card:nth-child(3) .why-icon { background: #fff3ba; }
    .why-feature { position: relative; overflow: hidden; background: #202221; }
    .why-feature::before { content: ""; position: absolute; width: 420px; height: 420px; right: -170px; top: -210px; border: 1px solid #e9d03655; border-radius: 50%; }
    .why-feature-grid { position: relative; grid-template-columns: 1.1fr .9fr; }
    .why-feature-grid > div { order: 1; color: #fff; }
    .why-feature-grid > img { order: 2; height: 440px; box-shadow: 22px 22px 0 #e9d036; }
    .why-feature .eyebrow { color: #e9d036; }
    .why-feature h2 { color: #fff; }
    .why-feature p:not(.eyebrow) { color: #d5d8ce; }
    .why-feature ul { grid-template-columns: 1fr 1fr; gap: 12px; }
    .why-feature li { min-height: 62px; padding: 12px; border: 1px solid #ffffff1f; border-radius: 8px; background: #ffffff0b; color: #fff; font-size: 13px; }
    .why-feature li:last-child { grid-column: 1 / -1; }
    .why-feature li i { flex-shrink: 0; background: #e9d036; color: #202221; }
    @media (max-width: 700px) {
      .why-feature-grid > img { order: 1; height: 280px; border-width: 7px; box-shadow: 12px 12px 0 #e9d036; }
      .why-feature-grid > div { order: 2; }
      .why-feature ul { grid-template-columns: 1fr; }
      .why-feature li:last-child { grid-column: auto; }
    }
    .why-feature { background: #fff; }
    .why-feature::before { border-color: #e9d03688; }
    .why-feature-grid > div { color: #202221; }
    .why-feature-grid > img { border-color: #fff7c8; box-shadow: 22px 22px 0 #e9d036; }
    .why-feature h2 { color: #202221; }
    .why-feature p:not(.eyebrow) { color: #62656a; }
    .why-feature li { border-color: #e8e2bd; background: #fffbed; color: #202221; }
    @media (max-width: 700px) { .why-feature-grid > img { box-shadow: 12px 12px 0 #e9d036; } }
    .why-proof { background: #202221; color: #fff; }
    .why-proof .why-wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
    .why-proof .why-wrap > div { display: flex; align-items: center; gap: 14px; padding: 22px 28px; border-left: 1px solid #ffffff22; font-size: 12px; line-height: 1.45; }
    .why-proof .why-wrap > div:first-child { border-left: 0; }
    .why-proof i { color: #e9d036; font-size: 23px; }
    .why-proof b { color: #fff; font-size: 14px; }
    @media (max-width: 700px) {
      #main .why-hero h1 { font-size: clamp(36px, 9vw, 42px); }
      .why-proof .why-wrap { grid-template-columns: 1fr; }
      .why-proof .why-wrap > div { border-left: 0; border-top: 1px solid #ffffff22; }
      .why-proof .why-wrap > div:first-child { border-top: 0; }
    }
    /* Editorial white treatment for the partnership section. */
    .why-feature { padding: 105px 0; border-top: 1px solid #eee9d6; border-bottom: 1px solid #eee9d6; }
    .why-feature::before { width: 280px; height: 280px; right: 7%; top: 14%; border: 34px solid #e9d03624; }
    .why-feature-grid { grid-template-columns: .92fr 1.08fr; gap: 78px; }
    .why-feature-grid > img { order: 1; height: 430px; border: 0;  box-shadow: none !important; }
    .why-feature-grid > div { order: 2; position: relative; padding: 7px 0 7px 30px; }
    .why-feature-grid > div::before { content: "ABSOLUTE ADVANTAGE"; display: block; margin-bottom: 18px; color: #907917; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; }
    .why-feature ul { grid-template-columns: 1fr; gap: 10px; }
    .why-feature li { position: relative; min-height: 54px; padding: 12px 14px; border: 0; border-left: 2px solid #e9d036; border-radius: 0 6px 6px 0; background: #fff; box-shadow: 0 5px 15px #5447130c; }
    .why-feature li i { width: 19px; height: 19px; }
    .why-feature::before { display: none; }
    @media (max-width: 700px) {
      .why-feature { padding: 62px 0; background: #fff; }
      .why-feature-grid { grid-template-columns: 1fr; gap: 28px; }
      .why-feature-grid > img { order: 1; width: 100%; height: 260px; box-shadow: none !important; }
      .why-feature-grid > div { order: 2; padding: 0; }
    }
    .why-hero-copy { padding: 36px 0; }