.sar-header{position:relative!important;z-index:1050!important;width:100%;margin:0!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(39,93,144,.08);box-shadow:0 6px 24px rgba(21,61,98,.045);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
    .sar-header .container{min-height:88px;display:flex;align-items:center}
    .sar-header .sar-brand{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
    .sar-header .sar-brand-logo{display:block;width:250px;max-width:34vw;height:auto}
    .sar-header .nav-link{color:#21325B!important;font-weight:500;white-space:nowrap}
    .sar-header .nav-link:hover,.sar-header .nav-link.active{color:#275D90!important}
    .sar-header .dropdown-menu{min-width:250px;border:1px solid rgba(39,93,144,.08);border-radius:14px;padding:.65rem;background:#fff;box-shadow:0 16px 38px rgba(31,45,61,.14)}
    .sar-header .dropdown-menu.show{display:block!important}
    .sar-header .dropdown-item{border-radius:9px;padding:.65rem .85rem;font-weight:500;color:#21325B}
    .sar-header .dropdown-item:hover{background:#F6F7F9;color:#275D90}
    .sar-header .sar-account-btn{border:1px solid #275D90;border-radius:999px;padding:.68rem 1.18rem;background:#275D90;color:#fff!important;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px rgba(39,93,144,.12)}
    .sar-header .sar-account-btn:hover{background:#21325B;border-color:#21325B;color:#fff!important}
    .sar-header .sar-cart-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#275D90!important;text-decoration:none}
    .sar-header .sar-cart-link:hover{background:rgba(39,93,144,.10)}
    .sar-header .navbar-toggler{border:1px solid rgba(39,93,144,.18);color:#275D90;border-radius:12px;padding:8px 10px;background:#fff;box-shadow:none!important}
    .sar-mobile-account-row{display:none}

    @media(min-width:1200px){
      .sar-header .navbar-toggler{display:none!important}
      .sar-header .navbar-collapse{display:flex!important}
      .sar-header .dropdown:hover>.dropdown-menu{display:block}
    }

    @media(max-width:1199.98px){
      .sar-header .container{min-height:72px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 16px;position:relative}
      .sar-header .sar-brand-logo{width:190px;max-width:58vw}
      .sar-header .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center}
      .sar-header .navbar-collapse{grid-column:1/-1;width:100%;display:none!important;margin-top:8px;padding:8px 10px 10px;border:1px solid rgba(39,93,144,.10);border-radius:16px;background:#fff;box-shadow:0 16px 34px rgba(31,45,61,.13);max-height:70svh;overflow-y:auto}
      .sar-header .navbar-collapse.show{display:block!important}
      .sar-header .navbar-nav{display:grid;width:100%;gap:2px;margin:0!important}
      .sar-header .nav-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px!important;border-radius:10px;font-size:16px}
      .sar-header .navbar-collapse>.sar-desktop-actions{display:none!important}
      .sar-header .dropdown-menu{position:static!important;float:none!important;width:100%;min-width:0;margin:4px 0 8px!important;box-shadow:none;border-radius:12px;background:#f7fafd;padding:6px;display:none!important}
      .sar-header .dropdown-menu.show{display:block!important}
      .sar-header .dropdown-item{padding:9px 10px;font-size:14px}
      .sar-header .dropdown-divider{margin:4px 0}
      .sar-mobile-account-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px 10px;background:#fff;border-top:1px solid rgba(39,93,144,.06)}
      .sar-mobile-account-row .sar-account-btn{flex:1;text-align:center;padding:10px 14px}
      .sar-mobile-account-row .sar-cart-link{flex:0 0 42px;background:#f5f8fc}
    }

    @media(max-width:767.98px){
      .sar-header .sar-brand-logo{width:165px;max-width:62vw}
      .sar-header .navbar-collapse{max-height:58svh}
      .sar-new-hero{align-items:flex-start!important}
      .sar-new-hero .sar-hero-container{align-items:flex-start!important;min-height:calc(100svh - 72px)!important;padding-top:70px!important;padding-bottom:44px!important}
    }

    @media(max-width:430px){
      .sar-new-hero .sar-hero-container{padding-top:56px!important;padding-left:24px!important;padding-right:24px!important}
      .sar-mobile-account-row{padding-left:12px;padding-right:12px}
    }

.sar-impact-section{padding:78px 0 38px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);overflow:hidden}
    .sar-impact-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.9fr) 150px;gap:28px;align-items:center;margin-bottom:32px}
    .sar-impact-eyebrow,.sar-impact-label{font-size:11px;letter-spacing:.23em;font-weight:700;color:#6d83a0}.sar-impact-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:12px}.sar-impact-eyebrow span{width:52px;height:2px;background:#2f5e95}
    .sar-impact-heading h2{margin:0;color:#0d4f8d!important;font-size:clamp(46px,5vw,72px);line-height:.97;letter-spacing:-.045em;font-family:Georgia,'Times New Roman',serif;font-weight:500}.sar-impact-heading h2 strong{font-weight:500;color:#0d4f8d}.sar-impact-heading p{max-width:720px;margin:14px 0 0;color:#7487a0;font-size:18px;line-height:1.45}
    .sar-impact-areas{border-left:1px solid #cfdce9;padding-left:28px}.sar-impact-label{margin-bottom:14px}.sar-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sar-area-grid a{min-height:64px;border:1px solid #d9e6f1;border-radius:12px;background:rgba(255,255,255,.8);display:flex;align-items:center;gap:13px;padding:12px 16px;color:#174f83!important;text-decoration:none;font-weight:500;box-shadow:0 8px 20px rgba(34,69,105,.03);transition:.2s ease}.sar-area-grid a:hover{transform:translateY(-2px);border-color:#9fc0dc;background:#fff}.sar-area-grid i{font-size:22px;color:#1762a2}.sar-impact-note{font-size:11px;line-height:1.8;letter-spacing:.2em;color:#7288a5}.sar-impact-note span{display:block;width:52px;height:2px;background:#2f5e95;margin-bottom:17px}
    .sar-impact-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(480px,1.45fr) minmax(300px,.92fr);gap:18px;align-items:stretch}.sar-impact-primary{position:relative;min-height:480px;padding:34px 32px;border-radius:14px;background:linear-gradient(150deg,#1762a2 0%,#0f4f86 100%);color:#fff;overflow:hidden;box-shadow:0 20px 45px rgba(24,91,145,.15)}.sar-impact-primary-head,.sar-results-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.2em}.sar-impact-primary-head{color:#dcecff}.sar-impact-primary-head i{font-size:24px;opacity:.65}.sar-impact-big{margin-top:24px;font:500 78px/.95 Georgia,'Times New Roman',serif}.sar-impact-primary h3{color:#fff!important;font:500 32px/1.08 Georgia,'Times New Roman',serif;margin:6px 0 14px}.sar-impact-primary p{max-width:245px;color:#d8e6f2;line-height:1.45}.sar-impact-primary a{position:absolute;left:32px;bottom:40px;z-index:3;display:inline-flex;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:12px 18px;color:#fff!important;text-decoration:none;font-weight:600}.sar-impact-primary a:hover{background:#fff;color:#174f83!important}.sar-impact-layers{position:absolute;right:-15px;bottom:-10px;width:180px;height:260px}.sar-impact-layers span{position:absolute;right:0;bottom:0;width:145px;height:230px;border-radius:60px 0 0 0;transform:skewY(-28deg);background:rgba(126,185,236,.23)}.sar-impact-layers span:nth-child(2){right:25px;width:120px;background:rgba(126,185,236,.34)}.sar-impact-layers span:nth-child(3){right:50px;width:95px;background:rgba(126,185,236,.46)}
    .sar-impact-middle{display:flex;flex-direction:column;gap:18px}.sar-impact-wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1}.sar-impact-small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sar-metric-card{border:1px solid #dbe6ef;border-radius:14px;background:#fff;padding:28px;box-shadow:0 16px 32px rgba(34,69,105,.05);position:relative;overflow:hidden}.sar-metric-card:after{content:'⋮';position:absolute;right:18px;top:18px;color:#1762a2;font-size:24px}.sar-metric-card>i{font-size:31px;color:#1762a2;margin-bottom:12px}.sar-metric-card strong{display:block;font:500 58px/.95 Georgia,'Times New Roman',serif;color:#0d4f8d}.sar-metric-card h4{margin:4px 0 8px;color:#0d4f8d!important;font:600 20px/1.1 Georgia,'Times New Roman',serif}.sar-metric-card p{margin:0;color:#7487a0;line-height:1.4}.sar-metric-small{padding:22px}.sar-metric-small>i{font-size:26px}.sar-metric-small strong{font-size:43px}.sar-metric-small h4{font-size:15px}.sar-metric-small p{font-size:12px}
    .sar-impact-results{border:1px solid #dbe6ef;border-radius:14px;background:linear-gradient(145deg,#f9fcff 0%,#edf6fd 100%);padding:34px 30px;box-shadow:0 16px 32px rgba(34,69,105,.05)}.sar-results-head{color:#4d80b6}.sar-results-head i{font-size:20px}.sar-impact-results h3{margin:28px 0 8px;color:#0d4f8d!important;font:500 31px/1.08 Georgia,'Times New Roman',serif}.sar-results-chart{position:relative;height:265px;margin-top:12px}.sar-bars{position:absolute;left:4px;right:4px;bottom:38px;height:170px;display:flex;align-items:flex-end;justify-content:space-between;gap:17px;border-bottom:1px solid #d7e4ef}.sar-bars span{width:18%;background:linear-gradient(180deg,#9fcaf0,#72ade0);border-radius:10px 10px 0 0}.sar-bars span:last-child{background:linear-gradient(180deg,#2d83c7,#1762a2)}.sar-chart-line{position:absolute;left:12px;right:28px;bottom:80px;height:1px;background:#91bfe7;transform:rotate(-18deg);transform-origin:left center}.sar-result-bubble{position:absolute;right:8px;top:2px;z-index:2;background:#fff;border-radius:12px;padding:10px 13px;box-shadow:0 10px 22px rgba(50,91,132,.08);color:#0d4f8d}.sar-result-bubble strong{display:block;font:600 24px/1 Georgia,'Times New Roman',serif}.sar-result-bubble small{font-size:9px;line-height:1.2}.sar-chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#376a9d;font-size:10px}
    .sar-impact-footer{display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center;border-top:1px solid #d7e4ef;margin-top:38px;padding-top:20px;color:#5d7ca0}.sar-impact-brand{font-size:28px;font-weight:800;font-style:italic;color:#1762a2}.sar-impact-brand span{display:block;font-size:8px;letter-spacing:.35em;font-style:normal}.sar-impact-footer-copy,.sar-impact-footer-end{font-size:9px;letter-spacing:.28em}.sar-impact-footer-end{display:flex;align-items:center;gap:14px}.sar-impact-footer-end span{width:52px;height:2px;background:#2f5e95}
    @media(max-width:1199px){.sar-impact-top{grid-template-columns:1fr 1fr}.sar-impact-note{display:none}.sar-impact-grid{grid-template-columns:1fr 1fr}.sar-impact-results{grid-column:1/-1}.sar-impact-primary{min-height:450px}.sar-impact-footer{grid-template-columns:150px 1fr}.sar-impact-footer-end{display:none}}
    @media(max-width:767px){.sar-impact-section{padding:58px 0 28px}.sar-impact-top{grid-template-columns:1fr}.sar-impact-areas{border-left:0;padding-left:0}.sar-area-grid{grid-template-columns:1fr 1fr}.sar-impact-grid{grid-template-columns:1fr}.sar-impact-primary{min-height:430px}.sar-impact-wide-grid,.sar-impact-small-grid{grid-template-columns:1fr}.sar-impact-results{grid-column:auto}.sar-impact-heading h2{font-size:46px}.sar-impact-heading p{font-size:16px}.sar-impact-footer{grid-template-columns:1fr;gap:10px}.sar-impact-footer-copy{line-height:1.7}.sar-impact-brand{font-size:24px}}

.sar-categories-showcase {
      position: relative;
      padding: 94px 0 102px;
      overflow: hidden;
      background:
        radial-gradient(circle at 15% 10%, rgba(120,174,230,.18), transparent 28%),
        radial-gradient(circle at 76% 0%, rgba(53,108,168,.15), transparent 25%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 48%,#f6f9fd 100%);
    }
    .sar-categories-showcase:before {
      content: '';
      position: absolute;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      top: -360px;
      left: 30%;
      background: rgba(39,93,144,.08);
      filter: blur(2px);
    }
    .sar-cat-layout {
      position: relative;
      display: grid;
      grid-template-columns: 1.12fr 1.05fr .95fr;
      grid-template-rows: 310px 355px;
      gap: 14px;
      align-items: stretch;
      z-index: 1;
    }
    .sar-cat-intro {
      grid-column: 1;
      grid-row: 1;
      align-self: center;
      padding: 10px 26px 18px 12px;
    }
    .sar-cat-kicker {
      margin-bottom: 24px;
      color: #1e63b0;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .34em;
    }
    .sar-cat-intro h2 {
      margin: 0;
      color: #0b1630 !important;
      font-size: clamp(52px, 5.3vw, 82px);
      line-height: .93;
      letter-spacing: -.045em;
      font-weight: 700;
    }
    .sar-cat-intro h2 strong {
      display: inline-block;
      color: #1e6ed8;
      font-weight: 700;
    }
    .sar-cat-intro p {
      max-width: 520px;
      margin: 24px 0 26px;
      color: #435d86;
      font-size: 18px;
      line-height: 1.5;
    }
    .sar-cat-all-btn {
      display: inline-flex;
      align-items: center;
      gap: 24px;
      padding: 14px 22px;
      border-radius: 999px;
      background: #0f4f86;
      color: #fff !important;
      text-decoration: none;
      font-weight: 600;
      box-shadow: 0 12px 26px rgba(15,79,134,.18);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .sar-cat-all-btn:hover {
      transform: translateY(-2px);
      background: #21325B;
      box-shadow: 0 16px 32px rgba(15,79,134,.24);
    }
    .sar-cat-card {
      position: relative;
      display: block;
      overflow: hidden;
      border-radius: 24px;
      text-decoration: none;
      background-size: cover;
      background-repeat: no-repeat;
      box-shadow: 0 18px 34px rgba(23,68,109,.08);
      transition: transform .28s ease, box-shadow .28s ease;
      isolation: isolate;
    }
    .sar-cat-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 24px 46px rgba(23,68,109,.16);
    }

    /* Cards claras: conservan la lectura azul oscuro del mockup original. */
    .sar-cat-card-01 {
      grid-column: 2;
      grid-row: 1;
      background-image: url('./assets/img/categories/catsap.webp');
      background-position: 64% center;
    }
    .sar-cat-card-04 {
      grid-column: 2;
      grid-row: 2;
      background-image: url('./assets/img/categories/catlog.webp');
      background-position: 65% center;
    }
    .sar-cat-card-01 .sar-cat-overlay,
    .sar-cat-card-04 .sar-cat-overlay {
      background: linear-gradient(90deg,
        rgba(247,251,255,.96) 0%,
        rgba(241,247,253,.88) 34%,
        rgba(238,246,252,.46) 58%,
        rgba(15,79,134,.08) 100%);
    }

    /* Cards oscuras: mantienen el contraste blanco y el azul profundo del mockup. */
    .sar-cat-card-02 {
      grid-column: 3;
      grid-row: 1;
      background-image: url('./assets/img/categories/catiso.webp');
      background-position: center;
    }
    .sar-cat-card-03 {
      grid-column: 1;
      grid-row: 2;
      background-image: url('./assets/img/categories/cating.webp');
      background-position: center;
    }
    .sar-cat-card-05 {
      grid-column: 3;
      grid-row: 2;
      background-image: url('./assets/img/categories/catino.webp');
      background-position: center;
    }
    .sar-cat-card-02 .sar-cat-overlay,
    .sar-cat-card-03 .sar-cat-overlay,
    .sar-cat-card-05 .sar-cat-overlay {
      background: linear-gradient(90deg,
        rgba(7,31,59,.88) 0%,
        rgba(8,49,88,.72) 40%,
        rgba(13,63,103,.38) 72%,
        rgba(12,54,92,.16) 100%);
    }

    .sar-cat-overlay {
      position: absolute;
      inset: 0;
      z-index: -1;
      transition: opacity .28s ease;
    }
    .sar-cat-card:hover .sar-cat-overlay { opacity: .93; }

    .sar-cat-copy {
      position: relative;
      height: 100%;
      padding: 34px 38px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: #0d1b3b;
    }
    .sar-cat-copy > span:first-child {
      font-size: 13px;
      letter-spacing: .08em;
      color: #315e8e;
    }
    .sar-cat-copy h3 {
      margin: 18px 0 14px;
      color: #0a1731 !important;
      font-size: 28px;
      line-height: 1.04;
      font-weight: 700;
    }
    .sar-cat-copy p {
      max-width: 250px;
      margin: 0;
      color: #4d678b;
      font-size: 15px;
      line-height: 1.45;
    }
    .sar-cat-copy-light,
    .sar-cat-copy-light > span:first-child,
    .sar-cat-copy-light p {
      color: rgba(255,255,255,.90);
      text-shadow: 0 2px 14px rgba(5,24,44,.18);
    }
    .sar-cat-copy-light h3 { color: #fff !important; }
    .sar-cat-arrow {
      margin-top: auto;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 1px solid rgba(39,93,144,.46);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #1762a2;
      background: rgba(255,255,255,.10);
      backdrop-filter: blur(4px);
      transition: background .2s ease, color .2s ease, transform .2s ease;
    }
    .sar-cat-copy-light .sar-cat-arrow {
      border-color: rgba(255,255,255,.62);
      color: #fff;
      background: rgba(8,36,68,.10);
    }
    .sar-cat-card:hover .sar-cat-arrow {
      transform: translateX(4px);
      background: #1762a2;
      color: #fff;
    }
    .sar-cat-card:hover .sar-cat-copy-light .sar-cat-arrow {
      background: #fff;
      color: #1762a2;
    }
    @media(max-width:1199px) {
      .sar-cat-layout { grid-template-columns: 1fr 1fr; grid-template-rows:auto; }
      .sar-cat-intro { grid-column:1/-1; grid-row:auto; padding-bottom:20px; }
      .sar-cat-card { min-height:300px; grid-column:auto; grid-row:auto; }
      .sar-cat-card-05 { grid-column:1/-1; }
    }
    @media(max-width:767px) {
      .sar-categories-showcase { padding:68px 0 76px; }
      .sar-cat-layout { grid-template-columns:1fr; gap:12px; }
      .sar-cat-intro { grid-column:auto; padding:0 4px 18px; }
      .sar-cat-intro h2 { font-size:52px; }
      .sar-cat-intro p { font-size:16px; }
      .sar-cat-card, .sar-cat-card-05 { grid-column:auto; min-height:285px; border-radius:18px; }
      .sar-cat-copy { padding:28px; }
      .sar-cat-copy h3 { font-size:26px; }
      .sar-cat-card-01,
      .sar-cat-card-04 { background-position: 58% center; }
    }

.sar-category-icon {
      width: 92px;
      height: 72px;
      margin: 0 auto;
      border-radius: 46% 54% 55% 45% / 56% 42% 58% 44%;
      background: var(--cat-soft);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--cat-color);
      transition: transform .2s ease, background-color .2s ease, color .2s ease;
    }
    .sar-category-icon i { font-size: 2rem; }
    .card:hover .sar-category-icon {
      transform: translateY(-3px);
      background: var(--cat-color);
      color: #FFFFFF;
    }

    .sar-featured-courses {
      background: linear-gradient(180deg, #F7F9FC 0%, #FFFFFF 55%, #F5F9FD 100%);
      padding: 76px 0 0;
      overflow: hidden;
    }
    .sar-featured-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 42px;
      align-items: end;
      margin-bottom: 34px;
    }
    .sar-eyebrow {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #315E8E;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      margin-bottom: 10px;
    }
    .sar-eyebrow span { width: 30px; height: 2px; background: #275D90; display: inline-block; }
    .sar-featured-copy h2 {
      margin: 0;
      color: #0C2340 !important;
      font-size: clamp(42px, 4vw, 64px);
      line-height: .98;
      font-weight: 700;
      letter-spacing: -.035em;
    }
    .sar-featured-copy h2 strong { color: #1762A2; font-weight: 700; }
    .sar-featured-copy p {
      max-width: 680px;
      margin: 14px 0 0;
      color: #697E99;
      font-size: 18px;
      line-height: 1.45;
    }
    .sar-featured-nav { display: flex; flex-direction: column; align-items: flex-end; gap: 30px; }
    .sar-pills { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
    .sar-pills a {
      min-width: 72px;
      padding: 8px 18px;
      border: 1px solid #C9D8E7;
      border-radius: 999px;
      text-decoration: none;
      text-align: center;
      color: #607895;
      font-size: 13px;
      background: rgba(255,255,255,.8);
      transition: all .2s ease;
    }
    .sar-pills a:hover, .sar-pills a.active { background: #1762A2; border-color: #1762A2; color: #fff !important; }
    .sar-view-all { color: #174F83; font-size: 13px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #174F83; padding-bottom: 3px; }
    .sar-view-all i { margin-left: 14px; }

    .sar-featured-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 20px;
      padding-bottom: 42px;
    }
    .sar-course-card {
      background: #fff;
      border: 1px solid #DCE5EE;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 14px 30px rgba(34,69,105,.06);
      transition: transform .22s ease, box-shadow .22s ease;
    }
    .sar-course-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(34,69,105,.12); }
    .sar-course-image { position: relative; display: block; height: 180px; overflow: hidden; background: #DDEAF5; }
    .sar-course-image:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,40,72,.52) 0%, rgba(7,40,72,.08) 65%, transparent 100%); }
    .sar-course-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
    .sar-course-card:hover .sar-course-image img { transform: scale(1.035); }
    .sar-image-copy { position: absolute; z-index: 2; left: 22px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: .035em; }
    .sar-image-copy-dark { color: #0C4D7D; }
    .sar-course-body { padding: 18px 20px 20px; }
    .sar-course-tag { display: inline-block; background: #E4F1FD; color: #1762A2; border-radius: 999px; padding: 6px 13px; font-size: 12px; margin-bottom: 10px; }
    .sar-course-body h3 { color: #0A2A4B !important; font-size: 20px; line-height: 1.15; margin: 0 0 5px; font-weight: 700; }
    .sar-course-subtitle { color: #55708E; font-size: 13px; min-height: 19px; margin: 0 0 13px; }
    .sar-course-description { color: #6A7D92; font-size: 13px; line-height: 1.42; min-height: 74px; margin: 0 0 16px; }
    .sar-course-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
    .sar-course-meta span { border: 1px solid #D5E2EE; border-radius: 9px; padding: 6px 9px; font-size: 11px; color: #385B7C; white-space: nowrap; }
    .sar-course-meta i { color: #1762A2; margin-right: 5px; }
    .sar-course-btn { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; padding: 11px 16px; border-radius: 9px; background: linear-gradient(90deg, #1762A2, #2176B8); color: #fff !important; text-decoration: none; font-size: 13px; font-weight: 600; transition: background .2s ease, transform .2s ease; }
    .sar-course-btn:hover { background: #21325B; transform: translateY(-1px); }

    .sar-featured-strip { background: linear-gradient(90deg, #EEF6FD, #F8FBFE); border-top: 1px solid #E4EDF5; padding: 24px 0; }
    .sar-featured-strip .container { display: grid; grid-template-columns: repeat(3, 1fr) .72fr; align-items: center; }
    .sar-strip-item { display: flex; align-items: center; gap: 16px; padding: 0 26px; min-height: 58px; border-right: 1px solid #CFDDE9; }
    .sar-strip-item:first-child { padding-left: 0; }
    .sar-strip-icon { width: 56px; height: 56px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #DCECF9; color: #1762A2; font-size: 22px; }
    .sar-strip-item strong { display: block; color: #123B66; font-size: 14px; }
    .sar-strip-item small { color: #7890A9; font-size: 12px; }
    .sar-strip-sign { padding-left: 42px; color: #8DA9C4; font-size: 10px; letter-spacing: .18em; line-height: 1.55; }
    .sar-strip-sign span { display: inline-block; width: 30px; height: 1px; background: #8DA9C4; margin-left: 12px; vertical-align: middle; }

    @media (max-width: 1199.98px) {
      .sar-featured-head { grid-template-columns: 1fr; }
      .sar-featured-nav { align-items: flex-start; gap: 18px; }
      .sar-pills { justify-content: flex-start; }
      .sar-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .sar-featured-strip .container { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
      .sar-strip-item:nth-child(2) { border-right: 0; }
      .sar-strip-sign { padding-left: 26px; }
    }
    @media (max-width: 767.98px) {
      .sar-featured-courses { padding-top: 52px; }
      .sar-featured-copy h2 { font-size: 42px; }
      .sar-featured-copy p { font-size: 16px; }
      .sar-featured-grid { grid-template-columns: 1fr; }
      .sar-course-description { min-height: auto; }
      .sar-featured-strip .container { grid-template-columns: 1fr; }
      .sar-strip-item { border-right: 0; border-bottom: 1px solid #D6E3EE; padding: 14px 0; }
      .sar-strip-sign { padding: 14px 0 0; }
    }

.sar-alliance-section {
      position: relative;
      padding: 0;
      overflow: hidden;
      width: 100%;
      background:
        radial-gradient(circle at 86% 18%, rgba(173,205,235,.42), transparent 30%),
        radial-gradient(circle at 74% 82%, rgba(39,93,144,.14), transparent 28%),
        linear-gradient(115deg, #f2f8fd 0%, #e6f0fa 50%, #d4e5f4 100%);
    }
    .sar-alliance-shell {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 680px;
      background: transparent;
    }
    .sar-alliance-shell:before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(39,93,144,.055) 1px, transparent 1px),
        linear-gradient(rgba(39,93,144,.055) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(90deg, rgba(0,0,0,.42), transparent 92%);
      pointer-events: none;
    }
    .sar-alliance-shell:after {
      content: '';
      position: absolute;
      width: 760px;
      height: 760px;
      right: -250px;
      top: -270px;
      border-radius: 50%;
      border: 1px solid rgba(39,93,144,.16);
      box-shadow:
        0 0 0 86px rgba(39,93,144,.032),
        0 0 0 172px rgba(39,93,144,.022);
      pointer-events: none;
    }
    .sar-alliance-main {
      position: relative;
      z-index: 2;
      min-height: 680px;
      max-width: 1240px;
      margin: 0 auto;
      padding: 82px 32px 78px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .sar-alliance-eyebrow {
      margin-bottom: 32px;
      color: #275D90;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .30em;
    }
    .sar-alliance-logos {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 30px;
      width: 100%;
      margin-bottom: 42px;
    }
    .sar-alliance-logo-card {
      height: 96px;
      min-width: 250px;
      padding: 16px 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(39,93,144,.12);
      box-shadow: 0 12px 30px rgba(23,68,109,.08);
      backdrop-filter: blur(8px);
    }
    .sar-alliance-logo-card img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      object-fit: contain;
      margin: 0 auto;
    }
    .sar-alliance-logo-card-sar img { max-height: 52px; }
    .sar-alliance-logo-card-capes {
      min-width: 290px;
      height: 108px;
    }
    .sar-alliance-logo-card-capes img {
      max-height: 72px;
      max-width: 230px;
    }
    .sar-alliance-plus {
      color: #275D90;
      font-size: 42px;
      font-weight: 300;
      line-height: 1;
    }
    .sar-alliance-main h2 {
      max-width: 1000px;
      margin: 0;
      color: #0b1730 !important;
      font-size: clamp(58px, 5.4vw, 86px);
      line-height: .95;
      letter-spacing: -.045em;
      font-weight: 700;
    }
    .sar-alliance-main h2 strong {
      color: #275D90;
      font-weight: 700;
    }
    .sar-alliance-lead {
      margin: 30px 0 8px;
      color: #21325B;
      font-size: 22px;
      font-weight: 600;
      line-height: 1.35;
    }
    .sar-alliance-copy {
      max-width: 760px;
      margin: 0 auto 32px;
      color: #5b6f8e;
      font-size: 16px;
      line-height: 1.65;
    }
    .sar-alliance-btn {
      display: inline-flex;
      align-items: center;
      gap: 18px;
      padding: 14px 22px;
      border-radius: 999px;
      background: #275D90;
      color: #fff !important;
      text-decoration: none;
      font-weight: 600;
      box-shadow: 0 14px 28px rgba(39,93,144,.18);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .sar-alliance-btn:hover {
      transform: translateY(-2px);
      background: #21325B;
      box-shadow: 0 18px 34px rgba(33,50,91,.22);
    }
    @media (max-width: 991px) {
      .sar-alliance-main { padding: 70px 30px 64px; }
      .sar-alliance-logo-card { min-width: 210px; }
      .sar-alliance-logo-card-capes { min-width: 240px; }
    }
    @media (max-width: 767px) {
      .sar-alliance-shell { min-height: 0; }
      .sar-alliance-main { min-height: 0; padding: 58px 20px 54px; }
      .sar-alliance-eyebrow { margin-bottom: 24px; }
      .sar-alliance-logos {
        gap: 12px;
        margin-bottom: 30px;
        width: 100%;
      }
      .sar-alliance-logo-card {
        min-width: 0;
        width: calc(46% - 18px);
        height: 74px;
        padding: 12px 14px;
      }
      .sar-alliance-logo-card-sar img { max-height: 38px; }
      .sar-alliance-logo-card-capes {
        width: calc(54% - 18px);
        min-width: 0;
        height: 80px;
      }
      .sar-alliance-logo-card-capes img {
        max-height: 52px;
        max-width: 150px;
      }
      .sar-alliance-plus { font-size: 30px; }
      .sar-alliance-main h2 { font-size: 50px; }
      .sar-alliance-lead { font-size: 18px; }
      .sar-alliance-copy { font-size: 15px; }
    }

.sar-certifications-section {
      position: relative;
      width: 100%;
      overflow: hidden;
      background:
        radial-gradient(circle at 15% 18%, rgba(206,225,244,.48), transparent 27%),
        radial-gradient(circle at 85% 8%, rgba(39,93,144,.08), transparent 26%),
        linear-gradient(110deg,#edf5fc 0%,#f9fcff 47%,#ffffff 100%);
      color: #21325B;
    }
    .sar-certifications-section:before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(39,93,144,.035) 1px, transparent 1px),
        linear-gradient(rgba(39,93,144,.035) 1px, transparent 1px);
      background-size: 52px 52px;
      opacity: .45;
      pointer-events: none;
    }
    .sar-certifications-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 55% 45%;
      min-height: 760px;
      width: 100%;
      max-width: 1760px;
      margin: 0 auto;
    }
    .sar-certifications-media {
      position: relative;
      min-height: 760px;
      padding: 46px 42px 44px 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .sar-certifications-media:after {
      content: '';
      position: absolute;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      left: -130px;
      bottom: -170px;
      background: rgba(39,93,144,.08);
      filter: blur(2px);
    }
    .sar-certifications-brandline {
      position: absolute;
      top: 44px;
      left: 54px;
      display: flex;
      align-items: center;
      gap: 18px;
      color: #274a76;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .28em;
      z-index: 3;
    }
    .sar-certifications-brandline i {
      width: 1px;
      height: 30px;
      background: rgba(39,93,144,.38);
      display: block;
    }
    .sar-certifications-image-wrap {
      position: relative;
      width: min(92%, 820px);
      margin-top: 64px;
      z-index: 2;
    }
    .sar-certifications-image-wrap:before {
      content: '';
      position: absolute;
      left: 5%;
      right: 5%;
      bottom: -30px;
      height: 90px;
      background: rgba(24,63,100,.16);
      filter: blur(35px);
      border-radius: 50%;
      z-index: -1;
    }
    .sar-certifications-image-wrap img {
      display: block;
      width: 100%;
      height: auto;
      max-height: 610px;
      object-fit: contain;
      filter: drop-shadow(0 24px 36px rgba(23,68,109,.18));
    }
    .sar-certifications-side-note {
      position: absolute;
      left: 26px;
      top: 48%;
      transform: translateY(-50%);
      color: #547397;
      font-size: 10px;
      letter-spacing: .28em;
      line-height: 1.75;
      z-index: 3;
    }
    .sar-certifications-copy-area {
      position: relative;
      min-height: 760px;
      padding: 58px 72px 58px 54px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .sar-certifications-topline {
      position: absolute;
      top: 46px;
      right: 72px;
      color: #5e7492;
      font-size: 10px;
      letter-spacing: .30em;
      white-space: nowrap;
    }
    .sar-certifications-topline span {
      display: inline-block;
      width: 1px;
      height: 13px;
      margin: 0 16px -2px;
      background: rgba(39,93,144,.42);
    }
    .sar-certifications-kicker {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 24px;
      color: #56708f;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .32em;
    }
    .sar-certifications-kicker:after {
      content: '';
      flex: 1;
      max-width: 250px;
      height: 1px;
      background: rgba(39,93,144,.5);
    }
    .sar-certifications-copy-area h2 {
      margin: 0;
      color: #09172f !important;
      font-size: clamp(46px, 4.2vw, 72px);
      line-height: .98;
      letter-spacing: -.045em;
      font-weight: 700;
    }
    .sar-certifications-copy-area h2 strong {
      color: #275D90;
      font-weight: 400;
    }
    .sar-certifications-lead {
      max-width: 720px;
      margin: 30px 0 30px;
      color: #4f6685;
      font-size: 18px;
      line-height: 1.65;
    }
    .sar-certifications-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 28px;
    }
    .sar-cert-card {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 14px;
      align-items: start;
      padding: 22px 22px 20px;
      background: rgba(255,255,255,.70);
      border: 1px solid rgba(39,93,144,.12);
      box-shadow: 0 12px 30px rgba(23,68,109,.06);
      backdrop-filter: blur(7px);
    }
    .sar-cert-number {
      color: #6c84a1;
      font-size: 19px;
      font-weight: 300;
      line-height: 1;
    }
    .sar-cert-card h3 {
      margin: 0 0 8px;
      color: #101f3a !important;
      font-size: 18px;
      font-weight: 700;
    }
    .sar-cert-card p {
      margin: 0;
      color: #6a7e99;
      font-size: 13px;
      line-height: 1.55;
    }
    .sar-certifications-btn {
      align-self: flex-start;
      display: inline-flex;
      align-items: center;
      gap: 18px;
      padding: 15px 24px;
      background: #0f4f86;
      color: #fff !important;
      text-decoration: none;
      font-weight: 600;
      border-radius: 4px;
      box-shadow: 0 14px 30px rgba(15,79,134,.18);
      transition: transform .2s ease, background .2s ease;
    }
    .sar-certifications-btn:hover {
      transform: translateY(-2px);
      background: #21325B;
    }
    .sar-certifications-signoff {
      margin-top: 28px;
      display: flex;
      align-items: center;
      gap: 18px;
      color: #758aa4;
      font-size: 10px;
      letter-spacing: .30em;
    }
    .sar-certifications-signoff span {
      width: 58px;
      height: 1px;
      background: rgba(39,93,144,.38);
    }
    @media (max-width: 1199px) {
      .sar-certifications-inner { grid-template-columns: 1fr; }
      .sar-certifications-media { min-height: 560px; padding: 54px 40px 30px; }
      .sar-certifications-image-wrap { width: min(88%, 760px); margin-top: 44px; }
      .sar-certifications-side-note { display: none; }
      .sar-certifications-copy-area { min-height: 0; padding: 62px 54px 70px; }
      .sar-certifications-topline { position: static; margin-bottom: 34px; }
    }
    @media (max-width: 767px) {
      .sar-certifications-media { min-height: 400px; padding: 38px 20px 18px; }
      .sar-certifications-brandline { top: 26px; left: 22px; right: 22px; font-size: 9px; letter-spacing: .18em; }
      .sar-certifications-image-wrap { width: 100%; margin-top: 58px; }
      .sar-certifications-copy-area { padding: 48px 22px 56px; }
      .sar-certifications-topline { font-size: 8px; letter-spacing: .16em; white-space: normal; line-height: 1.7; }
      .sar-certifications-topline span { margin: 0 8px -2px; }
      .sar-certifications-copy-area h2 { font-size: 43px; }
      .sar-certifications-lead { font-size: 16px; margin-top: 24px; }
      .sar-certifications-cards { grid-template-columns: 1fr; }
      .sar-certifications-signoff { letter-spacing: .18em; }
    }

.sar-footer {
        background: #18324d;
        color: #fff;
      }
      .sar-footer a {
        color: rgba(255,255,255,.76);
        text-decoration: none;
        transition: color .2s ease;
      }
      .sar-footer a:hover { color: #fff; }
      .sar-footer-logo {
        width: 230px;
        max-width: 100%;
        filter: brightness(0) invert(1);
      }
      .sar-footer-title {
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 1.25rem;
      }
      .sar-footer-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .sar-footer-list li { margin-bottom: .7rem; }
      .sar-footer-text {
        color: rgba(255,255,255,.72);
        line-height: 1.7;
        max-width: 330px;
      }
      .sar-footer-social {
        display: flex;
        gap: .65rem;
        margin-top: 1.25rem;
      }
      .sar-footer-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: rgba(255,255,255,.1);
      }
      .sar-footer-social a:hover { background: #275D90; }
      .sar-footer-bottom {
        border-top: 1px solid rgba(255,255,255,.12);
        color: rgba(255,255,255,.58);
        font-size: .875rem;
      }
      @media (max-width: 767.98px) {
        .sar-footer-logo { width: 200px; }
        .sar-footer .col-12 { margin-bottom: 2rem; }
      }