.covid-hero {
  background:
    radial-gradient(circle at 82% 28%, rgba(255, 255, 255, .92) 0 12%, transparent 38%),
    linear-gradient(115deg, #effaf8 0%, #f8fbff 58%, #fff4f6 100%);
}
.covid-hero .hero-grid { min-height: 560px; gap: clamp(28px, 5vw, 76px); }
.covid-hero .hero-copy { min-width: 0; padding-block: 64px; }
.covid-hero h1 { max-width: 720px; font-size: clamp(38px, 4.8vw, 68px); line-height: 1.06; overflow-wrap: anywhere; }
.covid-hero-facts { display: flex; flex-wrap: wrap; gap: 9px; margin: 25px 0 4px; }
.covid-hero-facts span { padding: 8px 11px; border: 1px solid #bcded8; border-radius: 999px; color: #315f62; background: rgba(255,255,255,.8); font-size: 12px; }
.covid-hero-facts b { color: #007e76; }
.covid-hero .trust-row { align-items: center; flex-wrap: wrap; }
.covid-hero-art { position: relative; display: grid; place-items: center; min-width: 0; height: min(440px, 42vw); min-height: 360px; padding: 32px; border: 1px solid rgba(0,151,139,.18); border-radius: 36px; background: rgba(255,255,255,.82); box-shadow: 0 24px 70px rgba(6,40,60,.11); }
.covid-hero-art a { display: grid; place-items: center; width: 100%; height: 100%; }
.covid-hero-art img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.covid-approved-badge { position: absolute; z-index: 2; top: 18px; left: 18px; padding: 7px 11px; border-radius: 9px; color: #bd124a; background: #ffe8ef; font-size: 12px; font-weight: 800; }
.covid-hero-note { position: absolute; right: 18px; bottom: 18px; display: grid; padding: 11px 15px; border-radius: 14px; color: #fff; background: #073e58; box-shadow: 0 10px 28px rgba(6,40,60,.18); }
.covid-hero-note strong { font-size: 15px; }
.covid-hero-note span { font-size: 11px; opacity: .8; }

.covid-partner-showcase { padding: 82px 0; background: #082f45; color: #fff; }
.covid-partner-layout { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: center; gap: clamp(34px,6vw,88px); }
.covid-partner-copy { min-width: 0; }
.covid-partner-copy .eyebrow { color: #74dfd5; }
.covid-partner-copy h2 { margin: 8px 0 17px; max-width: 620px; font-size: clamp(32px,4vw,54px); line-height: 1.14; letter-spacing: -.035em; overflow-wrap: anywhere; }
.covid-partner-copy > p:not(.eyebrow) { max-width: 620px; color: #c8dce3; line-height: 1.8; }
.covid-partner-copy .button, .covid-partner-copy .primary { margin-top: 13px; color: #06283c; background: #fff; }
.covid-rotation { min-width: 0; }
.covid-rotation-viewport { min-height: 365px; overflow: hidden; border-radius: 28px; background: #fff; color: #082f45; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.covid-rotation-loading { display: grid; place-items: center; min-height: 365px; padding: 30px; color: #58757c; text-align: center; }
.covid-rotation-card { display: grid; grid-template-columns: minmax(220px,.85fr) minmax(0,1.15fr); min-height: 365px; animation: covid-card-enter .34s ease both; }
.covid-rotation-image { position: relative; display: grid; place-items: center; min-width: 0; padding: 25px; background: #eff8f7; }
.covid-rotation-image img { display: block; width: 100%; height: 285px; object-fit: contain; mix-blend-mode: multiply; }
.covid-rotation-image span { position: absolute; top: 16px; left: 16px; padding: 6px 9px; border-radius: 8px; color: #bd124a; background: #ffe8ef; font-size: 11px; font-weight: 800; }
.covid-rotation-body { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(24px,4vw,46px); }
.covid-rotation-brand { margin: 0 0 8px; color: #008b81; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.covid-rotation-body h3 { margin: 0 0 13px; font-size: clamp(22px,2.4vw,33px); line-height: 1.22; overflow-wrap: anywhere; }
.covid-rotation-description { display: -webkit-box; margin: 0 0 17px; overflow: hidden; color: #5e747a; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.covid-rotation-meta { margin: 0 0 20px; color: #3d676b; font-size: 12px; line-height: 1.75; }
.covid-rotation-link { align-self: flex-start; padding: 10px 16px; border-radius: 10px; color: #fff; background: #00978b; font-weight: 800; text-decoration: none; }
.covid-rotation-controls { display: flex; align-items: center; justify-content: center; gap: 13px; margin-top: 18px; }
.covid-rotation-controls > button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: transparent; cursor: pointer; }
.covid-rotation-controls [data-covid-dots] { display: flex; gap: 7px; }
.covid-rotation-controls [data-covid-dots] button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.35); cursor: pointer; }
.covid-rotation-controls [data-covid-dots] button[aria-current="true"] { width: 27px; border-radius: 99px; background: #72e0d5; }
.covid-partner-showcase-page { padding-inline: max(5vw,30px); }
.covid-partner-showcase-page .covid-partner-layout { max-width: 1480px; margin-inline: auto; }
@keyframes covid-card-enter { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .covid-rotation-card { animation: none; } }
@media (max-width: 900px) {
  .covid-hero .hero-grid, .covid-partner-layout { grid-template-columns: 1fr; }
  .covid-hero .hero-copy { padding: 48px 0 20px; }
  .covid-hero-art { display: grid; width: 100%; height: 410px; min-height: 0; margin-bottom: 48px; }
  .covid-partner-showcase { padding: 62px 0; }
  .covid-partner-showcase-page { padding-inline: 24px; }
}
@media (max-width: 620px) {
  .covid-hero .hero-grid { min-height: 0; }
  .covid-hero h1 { font-size: clamp(34px,11vw,46px); }
  .covid-hero .hero-actions { display: grid; }
  .covid-hero-art { height: 320px; padding: 24px 14px; border-radius: 24px; }
  .covid-approved-badge { top: 12px; left: 12px; }
  .covid-hero-note { right: 12px; bottom: 12px; }
  .covid-partner-showcase { padding: 48px 0; }
  .covid-partner-showcase-page { padding-inline: 15px; }
  .covid-rotation-card { grid-template-columns: 1fr; }
  .covid-rotation-image { padding: 18px; }
  .covid-rotation-image img { height: 220px; }
  .covid-rotation-body { padding: 24px; }
  .covid-rotation-viewport, .covid-rotation-loading { min-height: 540px; }
}