/* ── Reset (from syf-base.css) ── */
    *, *::before, *::after {  box-sizing: border-box; } 
    html { scrollbar-gutter: stable; }
    img { max-width: 100%; height: auto; display: block; }

    /* ── Tokens (from syf-tokens.css) ── */
    :root {
      --syf-gold: #FBC600;
      --syf-gold-hover: #fcd74c;
      --syf-dark: #3B3C43;
      --syf-dark-alt: #3B3D49;
      --syf-text-muted: #727377;
      --syf-border: #e8e9ec;
      --syf-bg-light: #F3F6F6;
      --syf-font: 'Synchrony Sans', Arial, Helvetica, sans-serif;
      --syf-ease: cubic-bezier(0.4, 0, 0.2, 1);
      --syf-radius-sm: 6px;
      --syf-radius-md: 12px;
      --syf-radius-lg: 20px;
      --syf-radius-pill: 9999px;
      --syf-max-width: 1440px;
    }

    body { background: #FFF; }

    /* ── Hero Section ── */
    .hiw-hero { width: 100%; min-height: 500px; display: flex; align-items: center; justify-content: center; position: relative; padding: 60px 20px; overflow: hidden; }
    .hiw-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(77.9deg, rgba(0,0,0,.8) 1.58%, rgba(0,0,0,0) 93.61%); z-index: 1; }
    .hiw-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
    .hiw-hero__content {max-width: var(--syf-max-width, 1440px);width: 100%;color: #FFF;z-index: 2;position: relative;padding: 40px 120px;display: flex;}
    .hiw-hero__inner {width: 57%;padding-right: 40px;/* padding-left: 150px; */}
    .hiw-hero__inner h1 { font: 700 64px var(--syf-font, 'Synchrony Sans', Arial, sans-serif); margin: 0 0 20px; }
    .hiw-hero__inner p { font: 400 24px var(--syf-font, 'Synchrony Sans', Arial, sans-serif); margin: 0 0 30px; }
    .hiw-hero__cta { display: inline-block; padding: 15px 40px; background: #FBC600; color: var(--syf-dark, #3B3C43); text-decoration: none; border-radius: 8px; font: 700 1.1rem var(--syf-font, 'Synchrony Sans', Arial, sans-serif); transition: all .3s ease; }
    .hiw-hero__cta:hover { background: #fcd74c; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(251,198,0,.4); }
    .hiw-hero__mobile-img { display: none; }

    /* ── Utilities ── */
    .m-32   { margin-bottom: 32px; }
    .m-36   { margin-bottom: 36px; }
    .m-18   { margin-bottom: 18px; }

    /* Shared heading styles */
    .heading-1 {line-height: 1.15;color: #3B3D49;}
    .hiw-highlights__heading h2 {font-size: 42px;font-weight: 700;line-height: 1.15;color: #3B3D49;}
    .heading-3 {line-height: 1.25;color: var(--syf-dark, #3B3C43);}
    .text-24 {line-height: 1.5;}

    /* Shared subtext style */
    .our-innovation-system > p,
    .info-table-section p,
    .hiw-highlights__heading p {font-weight: 400;font-size: 18px;line-height: 1.6;color: #3B3C43;}

    /* Shared two-column h2 */
    .hiw-info__content h2,
    .hiw-feature__content h2 {font: 700 42px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);margin: 0 0 20px;}

    /* ── Section ── */
    .our-innovation-system { background: #FFF; color: var(--syf-dark, #3B3C43); overflow: hidden; }
    .our-innovation-system > p { max-width: 800px; }

    /* ── Tab Buttons ── */
    .tab-nav {display: flex;width: fit-content;padding: 0;margin: 48px 0 32px 40px;overflow: hidden;scrollbar-width: none;border: 1px solid #3B3D49;border-radius: var(--syf-radius-pill, 9999px);position: relative;}
    .tab-nav::-webkit-scrollbar { display: none; }
    .tab-nav::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: var(--tab-width, 0px);
      height: 100%;
      background: #3B3D49;
      border-radius: var(--syf-radius-pill, 9999px);
      transform: translateX(var(--tab-x, 0px));
      transition: none;
      will-change: transform, width;
      z-index: 0;
    }
    .tab-nav.ready::before {
      transition: transform .4s cubic-bezier(.4,0,.2,1), width .3s cubic-bezier(.4,0,.2,1);
    }
    .tab-nav button {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 180px;
      height: 72px;
      padding: 0 32px;
      font: 600 18px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);
      color: #3B3D49;
      background: transparent;
      border: none;
      border-radius: var(--syf-radius-pill, 9999px);
      cursor: pointer;
      transition: color .25s ease;
      position: relative;
      z-index: 1;
    }
    .tab-nav button:hover { color: var(--syf-dark, #000); }
    .tab-nav button:focus-visible { outline: solid 1px #000; }
    .tab-nav button.active { color: #FFF; }

    /* ── Mobile Dropdown ── */
    .mob-dd { display: none; }

    /* ── Carousel ── */
    .carousel { position: relative; overflow: hidden; border-radius: var(--syf-radius-lg, 20px); touch-action: pan-y; -ms-touch-action: pan-y; }
    .carousel__track { position: relative; }
    .slide {
      display: grid; grid-template-columns: 1fr 1fr; min-height: 480px;
      position: absolute; inset: 0; width: 100%;
      opacity: 0; visibility: hidden; pointer-events: none;
      transform: translateX(60px);
      transition: opacity .5s var(--syf-ease, ease), transform .5s var(--syf-ease, ease), visibility 0s .5s;
    }
    .slide.is-active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); transition-delay: 0s; z-index: 2; }
    .slide.is-exit { opacity: 0; visibility: visible; pointer-events: none; transform: translateX(-60px); transition: opacity .45s var(--syf-ease, ease), transform .45s var(--syf-ease, ease), visibility 0s .45s; z-index: 1; }
    .slide__body { display: flex; align-items: center; background: var(--syf-bg-light, #F3F6F6); }
    .slide__text { padding: 48px 96px; }
    .slide__text h3 { margin-bottom: 20px; }
    .slide__text p {/* color: var(--syf-text-muted, #727377); */margin-bottom: 32px;}
    .slide__img { position: relative; overflow: hidden; }
    .slide__img img { width: 100%; height: 100%; object-fit: cover; display: block; }

    /* ── CTA ── */
    .btn-outline {
      display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px;
      font: 600 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);
      color: var(--syf-dark, #3B3C43); background: transparent; border: 2px solid var(--syf-dark, #3B3C43);
      border-radius: var(--syf-radius-pill, 9999px); cursor: pointer; text-decoration: none;
      transition: background .3s ease, color .3s ease;
    }
    .btn-outline:hover { background: var(--syf-dark, #3B3C43); color: #FFF; }

    /* ── Info Table Section ── */
    .info-table-section {padding: 80px 0;text-align: center;background: #F3F6F6;}
    .info-table-section h2 {font: 700 36px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);line-height: 1.3;color: #3B3D49;margin-bottom: 16px;}
    .info-table-section p {margin-bottom: 48px;padding: 0 20px;}
    .info-table-wrap { width: 90%; margin: 0 auto; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; }
    .info-table-wrap::-webkit-scrollbar { display: none; }
    .info-table { width: 100%; border-collapse: collapse; border-radius: var(--syf-radius-sm, 8px); overflow: hidden; table-layout: fixed; }
    .info-table th, .info-table td { width: 225px; }
    .info-table th {background: #3B3D49;color: #FFF;font: 600 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);padding: 18px 24px;text-align: left;}
    .info-table td {padding: 16px 24px;font: 400 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);text-align: left;}
    .info-table tbody td:first-child {background:  #727377;color: #FFF;font-weight: 600;}
    .info-table tbody td:not(:first-child) {background: #E2E3E3;color: #3B3D49;}
    .info-table tbody tr:nth-child(2) td:not(:first-child),
    /*.info-table tbody tr:last-child td:not(:first-child) {background: #C6C7C8;}*/
    .info-table td + td, .info-table th + th { border-left: 1px solid rgb(255, 255, 255); }
    .info-table tbody td:not(:first-child) + td { border-left: 1px solid #FFF; }
    .info-table tbody tr + tr td { border-top: 1px solid #FFF; }
    .info-table tbody tr:first-child td { border-top: none; }

    /* ── Custom Scrollbar ── */
    .custom-scrollbar { position: relative; height: 6px; background: #E2E3E3; border-radius: 3px; margin-top: 12px; cursor: pointer; }
    .custom-scrollbar__thumb { position: absolute; top: 0; left: 0; height: 100%; background: #3B3D49; border-radius: 3px; min-width: 30px; cursor: grab; transition: background .15s; }
    .custom-scrollbar__thumb:hover, .custom-scrollbar__thumb:active { background: #1a1b20; }
    .custom-scrollbar__thumb:active { cursor: grabbing; }

    /* ── Highlights Section ── */
    .hiw-highlights { margin: 0 auto; padding: 60px 80px; }
    .hiw-highlights__heading {text-align: center;margin-bottom: 40px;margin-top: 40px;}
    .hiw-highlights__heading p {margin-top: 16px;/* width: 80%; */margin-left: 100px;margin-right: 100px;}
    .hiw-highlights__row { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 8px; touch-action: pan-x pan-y; outline: none; }
    .hiw-highlights__row::-webkit-scrollbar { display: none; }
    .hiw-highlights__card {background: #FFF;border-radius: 8px;padding: 32px 30px;display: flex;flex-direction: column;gap: 8px;border: 1px solid #3B3D49;flex: 1 0 0;min-width: 280px;scroll-snap-align: start;}
    .hiw-highlights__card h2 {font: 500 96px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);color: #3B3D49;line-height: 1.3;padding:0; margin:0;}
    .hiw-highlights__card h4 {font: 700 24px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);color: #3B3D49;line-height: 1.4;padding:0; margin:0;}
    .hiw-highlights__card h6 {font: 500 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);color: #3B3D49;line-height: 1.5;padding:0; margin:0;}

    /* ── Info Section (two-column) ── */
    .hiw-info { max-width: var(--syf-max-width, 1440px); margin: 80px auto; padding-top: 30px; }
    .hiw-info__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; margin: 50px 0; }
    .hiw-info__image { overflow: hidden; border-top-right-radius: 24px; display: flex; align-items: stretch; padding-bottom: 50px; transform: translateY(-50px); }
    .hiw-info__image img { width: 100%; height: auto; object-fit: cover; display: block; flex: 1; }
    .hiw-info__content {padding: 90px 90px 90px 140px;display: flex;flex-direction: column;justify-content: center;border-bottom-left-radius: 24px;background: #3B3D49;color: #FFF;}
    .hiw-info__content h2 { margin-bottom: 25px; color: #FFF; }
    .hiw-info__content p { font-size: 20px !important; font-weight: 400; }
    .hiw-info__content p br { display: block; margin-bottom: 16px; }
    .hiw-info__content ul { list-style: none; padding: 0; margin: 0; }
    .hiw-info__content ul li { font: 400 1.1rem/1.6 var(--syf-font, 'Synchrony Sans', Arial, sans-serif); margin-bottom: 15px; padding-left: 30px; position: relative; color: #FFF; }
    .hiw-info__content ul li::before { content: '\2022'; position: absolute; left: 0; color: #FFF; font-size: 1.5rem; }
    .hiw-info__actions {display: flex;flex-direction: column;gap: 10px;margin-top: 20px;width: 75%;}
    .hiw-info__actions a { display: inline-block; padding: 14px 36px; border-radius: 8px; font: 600 18px/24px var(--syf-font, 'Synchrony Sans', Arial, sans-serif); text-decoration: none; text-align: center; cursor: pointer; transition: background-color .3s ease; border: none; }
    .hiw-info__actions a.primary { color: #FFF; background: var(--syf-dark, #3B3C43); font-weight: 700; border: 2px solid; }
    .hiw-info__actions a.primary:hover { background: #F3F6F6; color: var(--syf-dark, #3B3C43); }
    .hiw-info__actions a.secondary { background: #FBC600; color: var(--syf-dark, #3B3C43); font-weight: 700; }
    .hiw-info__actions a.secondary:hover { background: #fcd74c; }
    .hiw-info__actions a:focus-visible { outline: 2px solid #FFF; outline-offset: 2px; }

    /* ── Feature Section ── */
    .hiw-feature {max-width: var(--syf-max-width, 1440px);margin: 40px auto; padding: 40px 20px; overflow: hidden;}
    .hiw-feature__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
    .hiw-feature__content { padding: 64px 144px 64px 80px;}
    .hiw-feature__content h2 {
    color: #3B3D49;
}
    .hiw-feature__btn {display: inline-block;padding: 15px 80px;background: #FFF;color: #3B3D49;text-decoration: none;border-radius: 6px;font: 700 18px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);border: 2px solid;cursor: pointer;text-align: center;}
    .hiw-feature__btn:hover { background: #3B3C4B; color:#fff;  }
    .hiw-feature__image { position: relative; width: 100%; height: auto; padding-right: 20px; }
    .hiw-feature__image-border {position: absolute;border: 8px solid gold;border-bottom-left-radius: 40px;width: calc(100% + 10px);height: 100%;top: 30px;right: 20px;pointer-events: none;}
    .hiw-feature__image img { width: 100%; height: auto; display: block; border-radius: 0 0 0 20px; position: relative; z-index: 2; }
    .hiw-feature__content p { color: var(--syf-dark, #3B3D49); }
    .hiw-feature__content .m-18 {margin-bottom: 36px;color: #3B3D49;}

    /* ── Responsive: 1199px ── */
    @media (max-width: 1199px) {
      .hiw-hero__inner { width: 80%; }
      .tab-nav button { min-width: 150px; height: 64px; font-size: 16px; padding: 0 24px; }
      .slide__text { padding: 36px 40px; }
      .hiw-highlights { padding: 50px 60px; }

      .hiw-highlights__card { padding: 28px 20px; }
      .hiw-highlights__card h2 {font-size: 100px;}
      .hiw-highlights__card h4 { font-size: 16px; }

      /* Info two-col */
      .hiw-info { margin: 40px auto; padding: 0; }
      .hiw-info__grid { grid-template-columns: 1fr; margin: 0; }
      .hiw-info__image { order: 1; border-top-right-radius: 0; padding-bottom: 0; transform: none; width: 100%; }
      .hiw-info__image img {max-height: 550px;width: 100%;}
      .hiw-info__content { order: 2; padding: 40px 42px; border-bottom-left-radius: 0; width: 100%; }
      .hiw-info__content h2 { font-size: 1.8rem; }
      .hiw-info__content ul li { font-size: 1rem; }
      .hiw-info__content p { font-size: 18px !important; }
      .hiw-info__actions { width: 100%; flex-direction: row; }

      /* Feature */
      .hiw-feature { margin: 40px 0; }
      .hiw-feature__grid { grid-template-columns: 1fr; gap: 30px; }
      .hiw-feature__image { order: 1; left: 20px; margin-bottom: 30px; }
      .hiw-feature__content { order: 2; padding: 0 20px; }
      .hiw-feature__content h2 {font-size: 32px;}
      .hiw-feature__content p { font-size: 18px; }
    }

    /* ── Responsive: 991px ── */
    @media (max-width: 991px) {
      .slide { grid-template-columns: 1fr; min-height: auto; }
      .slide__img { max-height: 320px; }
      .slide__text { padding: 32px; }
      .hiw-highlights { padding: 40px; }

      .hiw-highlights__heading p { margin-left: 20px; margin-right: 20px; }
      .hiw-highlights__card h2 {font-size: 80px;}
      .hiw-highlights__card h4 {font-size: 24px;}
      .hiw-highlights__card h6 {font-size: 16px;}
    }

    /* ── Responsive: 767px ── */
    @media (max-width: 767px) {
      .m-32 { margin-bottom: 20px; }
      .tab-nav { display: none; }
      .slide { grid-template-columns: 1fr; }
      .slide__img {max-height: 240px;/* order: -1; */}
      .slide__text { padding: 24px 20px; }
      .slide__text h3 { font-size: 24px; }
      .slide__text p { font-size: 16px; }

      /* Hero */
      .hiw-hero {min-height: auto;flex-direction: column;background: #2D2E35;padding: 0;}
      .hiw-hero::before { display: none; }
      .hiw-hero__bg { display: none; }
      .hiw-hero__content {order: 1;background: #FFF;color: white;margin-bottom: 20px;padding: 30px 20px;justify-content: center;background: #2D2E35;}
      .hiw-hero__inner {width: 100%;padding-right: 0;color: white;}
      .hiw-hero__inner h1 {font-size: 32px;/* color: var(--syf-dark, #333); */}
      .hiw-hero__inner p {font-size: 18px;/* color: #666; */}
      .hiw-hero__mobile-img {display: block;/* order: 1; */width: 100%;border-radius: 8px;overflow: hidden;}
      .hiw-hero__mobile-img img { width: 100%; height: auto; display: block; }

      /* Mobile dropdown */
      .mob-dd { display: block; padding: 0 20px; margin: 32px 0 24px; }
      .mob-dd__wrap { position: relative; z-index: 5; }
      .mob-dd__btn {
        display: flex;
        align-items: center;
        width: 100%;
        height: 56px;
        padding: 0 52px 0 20px;
        font: 400 16px/1 var(--syf-font, 'Synchrony Sans', Arial, sans-serif);
        color: var(--syf-dark, #3B3C43);
        background: #FFF;
        border: 1px solid var(--syf-dark, #3B3C43);
        border-radius: 4px;
        cursor: pointer;
        outline: none;
        transition: .25s ease;
        transition-property: background, border-color, box-shadow;
      }
      .mob-dd__btn:hover { background: var(--syf-bg-light, #F3F6F6); }
      .mob-dd__wrap::after {
        content: ''; position: absolute; top: 23px; right: 20px; width: 10px; height: 10px;
        border-right: 2.5px solid var(--syf-dark, #3B3C43); border-bottom: 2.5px solid var(--syf-dark, #3B3C43);
        transform: rotate(45deg); pointer-events: none; transition: transform .25s ease;
      }
      .mob-dd__wrap.open .mob-dd__btn {
        background: var(--syf-bg-light, #F3F6F6);
        box-shadow: 0 0 0 3px rgba(59,60,67,.12);
        border-radius: 4px;
      }
      .mob-dd__wrap.open::after { transform: rotate(-135deg); top: 27px; }
      .mob-dd__list {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #FFF;
        border: 1px solid var(--syf-dark, #3B3C43);
        border-top: none;
        border-radius: 4px;
        overflow: hidden;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: opacity .2s ease, transform .2s ease, visibility 0s .2s;
        box-shadow: 0 8px 24px rgba(0,0,0,.1);
      }
      .mob-dd__wrap.open .mob-dd__list { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
      .mob-dd__opt {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 16px 20px;
        font: 500 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);
        color: var(--syf-text-muted, #727377);
        background: transparent;
        border: none;
        border-bottom: 1px solid var(--syf-border, #e8e9ec);
        list-style: none;
        cursor: pointer;
        outline: none;
        text-align: left;
        transition: background .15s ease, color .15s ease;
      }
      .mob-dd__opt:last-child { border-bottom: none; }
      .mob-dd__opt:hover, .mob-dd__opt:focus-visible { background: var(--syf-bg-light, #F3F6F6); color: var(--syf-dark, #3B3C43); }
      .mob-dd__opt.selected { color: var(--syf-dark, #3B3C43); font-weight: 600; background: var(--syf-bg-light, #F3F6F6); }
      .mob-dd__label {display: block;font: 500 16px var(--syf-font, 'Synchrony Sans', Arial, sans-serif);/* letter-spacing: .08em; *//* text-transform: uppercase; */color: #3B3D49;margin-bottom: 8px;}

      /* Highlights */
      .hiw-highlights { padding: 30px 24px; }
      .hiw-highlights__heading { text-align: center; }
      .hiw-highlights__heading h2 { text-align: center; }
      .hiw-highlights__heading p { margin-left: 0; margin-right: 0; text-align: center; }
      .hiw-highlights__card { min-width: 260px; }
      .hiw-highlights__card h2 {font-size: 80px;}

      /* Info table */
      .info-table-section { padding: 40px 0; }
      .info-table th, .info-table td { padding: 14px 16px; font-size: 14px; width: 175px; }

      /* Info two-col */
      .hiw-info { margin: 40px auto; padding: 0; }
      .hiw-info__grid { grid-template-columns: 1fr; margin: 0; }
      .hiw-info__image { order: 1; border-top-right-radius: 0; padding-bottom: 0; transform: none; }
      .hiw-info__image img { min-height: 250px; }
      .hiw-info__content { order: 2; padding: 30px 20px; border-bottom-left-radius: 0; }
      .hiw-info__content h2 { font-size: 1.8rem; }
      .hiw-info__content ul li { font-size: 1rem; }
      .hiw-info__content p { font-size: 16px !important; }
      .hiw-info__actions { width: 100%; flex-direction: column; }

      /* Feature */
      .hiw-feature { margin: 40px 0; }
      .hiw-feature__grid { grid-template-columns: 1fr; gap: 30px; }
      .hiw-feature__image { order: 1; left: 20px; margin-bottom: 30px; }
      .hiw-feature__content { order: 2; padding: 0 !important; }
      .hiw-feature__content h2 {font-size: 32px;}
      .hiw-feature__content p { font-size: 18px; }
    }

    /* ── Responsive: 479px ── */
    @media (max-width: 479px) {
      .hiw-highlights { padding: 24px 16px; }

      .hiw-highlights__card { padding: 20px 16px; }
    }

.footnotes p{
  margin: revert;
  padding: revert;
  color: #3B3D49;
  }
.go-back:focus {
  outline-color: rgb(59,61,73) !important;
}