/* Reference-matched hero only. Typography stays native and untransformed;
   decorative rims and icons are vector assets, not screenshot slices.
   Later homepage sections, data and refresh behavior remain unchanged. */

/* Homepage header. */
body[data-page-path="/"] .site-header {
  background: linear-gradient(110deg, #fdfbf4, #fffef7 68%, #fdfbf4);
  box-shadow: none; border-bottom: 0;
}
body[data-page-path="/"] .topline {
  background: linear-gradient(90deg, #310007, #670617 50%, #310007);
  border-block: 1px solid #e4b435;
}
body[data-page-path="/"] .brand-row { min-height: 76px; gap: 12px; }
body[data-page-path="/"] .brand,
body[data-page-path="/"] .brand__copy { min-width: 0; }
body[data-page-path="/"] .brand__copy { grid-template-columns: minmax(0, 1fr); }
body[data-page-path="/"] .brand__wide {
  width: 106px; height: 70px; object-fit: contain; object-position: center;
  border: 0; border-radius: 0; box-shadow: none;
  filter: drop-shadow(0 2px 1px #a5760033);
}
body[data-page-path="/"] .brand__wide.hero-brand-art {
  display: block; flex: 0 0 102px; width: 102px; height: 53px;
  margin: 0; filter: none;
  object-fit: contain; object-position: center; background: none;
}
body[data-page-path="/"] .brand__copy strong {
  --hero-preferred-size: 32px;
  display: block; width: 100%; min-width: 0; height: auto; padding-inline: 3px;
  font: 700 32px/1.15 'Times New Roman', Times, serif;
  letter-spacing: -.035em; white-space: nowrap; color: #a00008;
  background: none; -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 1.2px #ffdb56; paint-order: stroke fill;
  text-shadow: 0 -.5px 0 #fff5b6, 0 1px 0 #ffe99a, 1px 2px 0 #713509,
    1px 3px 1px #71350930;
  transform: none; filter: none;
}
body[data-page-path="/"] .nav-toggle {
  position: relative; isolation: isolate; min-height: 44px; padding: 6px 13px;
  font-family: Arial, sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: -.04em;
  color: #080801; border: 2px solid #a84400; border-radius: 11px;
  background: linear-gradient(180deg, #fff9ce, #ffe793 28%, #f7cb54 70%, #d99e18) padding-box;
  box-shadow: inset 0 1px 0 #fffde9, inset 0 -1px 0 #b36b06,
    0 0 0 1px #ffef93, 0 1px 0 2px #f4a614, 0 3px 0 1px #703006, 0 4px 3px #51240136;
}
body[data-page-path="/"] .nav-toggle::after {
  content: ''; position: absolute; inset: 2px; pointer-events: none;
  border: 1px solid #fffce0; border-radius: 7px;
}

/* Hero surfaces and shared text-free decorative frames. */
.home-flow .home-approved-hero {
  --hero-gold: linear-gradient(130deg, #fff8b2 0%, #fffdf0 8%, #ffc32c 17%,
    #fff3a2 25%, #dd8602 32%, #fff1a0 44%, #fffceb 50%, #ffbe18 62%,
    #fff4b2 73%, #b65700 84%, #ffda58 92%, #fff9cf 100%);
  --hero-ruby: url('../images/hero-ruby-surface.svg?v=2026.10.09.2') center / 100% 100% no-repeat;
  color: var(--home-ink); padding-bottom: 5px;
}
.home-approved-hero .shell { max-width: 980px; }
.home-approved-hero .section { padding-block: 5px; }
.home-approved-hero .portal-intro { padding-top: 7px; }
.home-flow .home-approved-hero .brand-banner,
.home-flow .home-approved-hero .intro-card,
.home-flow .home-approved-hero .metal-panel,
.home-flow .home-approved-hero .live-update-card {
  position: relative; border: 5px solid transparent; border-image: none;
  border-radius: 15px;
  background: var(--hero-surface, linear-gradient(#fffef9, #fffef9)) padding-box;
}
.home-flow .home-approved-hero :is(.brand-banner, .intro-card, .metal-panel) {
  border-width: 3px; border-radius: 12px;
  /* The decorative rim reaches into the transparent border. Clipping this
     container cuts off its actual source highlights. Round child fills instead. */
  overflow: visible;
  box-shadow: 0 1px 0 #ed9907, 0 3px 4px #a0700030;
}
.home-flow .home-approved-hero :is(.brand-banner, .intro-card, .metal-panel)::after {
  content: ''; display: block; position: absolute; inset: -3px;
  width: auto; height: auto; aspect-ratio: auto; border: 14px solid transparent;
  border-image: url('../images/hero-polished-frame.svg?v=2026.10.09.2') 20 / 14px / 0 stretch;
  border-radius: 0; transform: none; background: none;
  box-shadow: none; z-index: 2; pointer-events: none;
}
.home-flow .home-approved-hero .intro-card,
.home-flow .home-approved-hero .metric {
  --hero-surface: linear-gradient(110deg, #fefefd, #fffef8);
}
.home-flow .home-approved-hero .intro-card::after {
  border-image-source: url('../images/hero-polished-frame.svg?v=2026.10.09.2');
}
.home-flow .home-approved-hero .metal-panel::after {
  border-image-source: url('../images/hero-polished-frame.svg?v=2026.10.09.2');
}
.home-flow .home-approved-hero .live-panel::after {
  border-image-source: url('../images/hero-polished-frame.svg?v=2026.10.09.2');
}

/* Main title and introduction. */
.home-flow .home-approved-hero .brand-banner {
  display: block; min-height: 0; padding: 15px 12px 10px;
  --hero-surface: var(--hero-ruby); overflow: visible;
}
.home-flow .home-approved-hero .brand-banner::before {
  content: ''; display: block; position: absolute; inset: 5px;
  border: 10px solid transparent; border-radius: 0;
  border-image: url('../images/hero-ribbon-inlay.svg?v=2026.10.09.2') 13 / 10px / 0 stretch;
  background: none; z-index: 0; pointer-events: none;
}
.home-flow .home-approved-hero .brand-banner > div {
  position: relative; z-index: 1; min-width: 0; container-type: inline-size;
}
.home-flow .home-approved-hero .brand-banner h1 {
  --hero-preferred-size: clamp(1.4rem, 6.9vw, 3.25rem);
  display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: center; gap: 4px;
  width: 100%; max-width: 100%; min-width: 0;
  font: 700 clamp(1.4rem, 6.9vw, 3.25rem)/1.13 'Times New Roman', Cambria, serif;
  /* Reserve the inner bevel and extrusion, not only the viewport edge. */
  padding-inline: 7px;
  letter-spacing: -.008em; text-wrap: balance; color: #ffe696;
  background: none; -webkit-text-fill-color: initial; -webkit-text-stroke: 0;
  text-shadow: none;
  filter: none;
}
.home-approved-hero .hero-title-silver {
  color: #fffefa;
  text-shadow: 0 1px #e8e6e0, 0 2px #8b8b8b, 1px 3px #220207, 2px 4px 3px #190004;
}
.home-flow .home-approved-hero .brand-banner .hero-title-gold,
.home-flow .home-approved-hero .section-ribbon h2 {
  background: linear-gradient(180deg, #fffbd9 0%, #ffe887 38%, #f1cd55 74%, #d4a22b 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; -webkit-text-stroke: .25px #783809;
  text-shadow: none;
}
.home-flow .home-approved-hero .brand-banner .hero-title-gold {
  /* A continuous metallic shade avoids a dark seam across the letter faces. */
  background-image: linear-gradient(180deg, #fffbd9 0%, #ffef9f 32%, #f2d66a 68%, #dba93e 100%);
  filter: drop-shadow(0 1px 0 #b87c10) drop-shadow(1px 2px 0 #54240a) drop-shadow(1px 3px 0 #220004);
  white-space: nowrap;
}
.home-flow .home-approved-hero .brand-banner .hero-title-silver {
  background: linear-gradient(180deg, #fff 0%, #f6f8fa 32%, #e7edf0 68%, #c3ccd3 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; -webkit-text-stroke: .15px #45494f;
  text-shadow: none;
  filter: drop-shadow(0 1px 0 #8a8d90) drop-shadow(1px 2px 0 #4c4547) drop-shadow(1px 3px 0 #220004);
  white-space: nowrap;
}
.home-approved-hero #home-heading > span { display: inline-block; flex: 0 0 auto; }
.home-approved-hero #home-heading > span:empty { display: none; }
.home-approved-hero #home-heading .hero-title-gold { transform: none; }
.home-approved-hero #home-heading .hero-title-silver {
  font-size: 1em; letter-spacing: -.026em; transform: none;
}
.home-flow .home-approved-hero .brand-banner p {
  margin-top: 5px; font-size: .88rem; line-height: 1.35;
  color: #ffe995; font-family: Arial, sans-serif; font-style: italic; font-weight: 400;
}
.home-approved-hero .hero-quick-links { gap: 6px 14px; margin-top: 7px; }
.home-approved-hero .hero-quick-links a {
  min-height: 28px; padding: 3px 5px; border: 0;
  background: none; color: #fff4c5; font-size: .72rem;
  text-decoration: underline; text-underline-offset: 3px;
}
.home-flow .home-approved-hero .intro-card { margin-top: 8px; padding: 10px 13px; }
.home-flow .home-approved-hero .intro-card::before { display: none; }
.home-flow .home-approved-hero .intro-card .card-kicker {
  margin: 0 0 5px; font-size: .58rem; letter-spacing: .09em;
}
.home-flow .home-approved-hero .intro-card h2 {
  margin: 0 0 7px; font: 700 clamp(1rem, 4.2vw, 1.5rem)/1.24 Arial, sans-serif;
  color: #e40920; letter-spacing: -.02em;
}
.home-flow .home-approved-hero .intro-card__copy p {
  margin: 0 0 5px; font-size: .82rem; line-height: 1.42;
  font-family: Arial, sans-serif; font-weight: 500; color: #0d0d20;
}
.home-flow .home-approved-hero .intro-card__copy p + p:last-child { color: #df061e; font-weight: 500; text-wrap: balance; }
.home-flow .home-approved-hero .trust-line {
  gap: 3px 9px; margin-top: 5px !important; font-size: .61rem !important; color: #850b22;
  font-family: Arial, sans-serif; font-weight: 500 !important;
}
.home-flow .home-approved-hero .trust-line span::before { width: 4px; height: 4px; margin-right: 3px; }

/* Analytics and live-section headings. */
.home-flow .home-approved-hero .metal-panel { padding: 0; overflow: visible; }
.home-flow .home-approved-hero .metal-panel::before { display: none; }
.home-flow .home-approved-hero .section-ribbon {
  position: relative; min-height: 46px; justify-content: center;
  gap: 7px; padding: 6px 8px; background: var(--hero-ruby);
  border-radius: 9px 9px 0 0;
  border-bottom: 1px solid #e4b435;
}
.home-flow .home-approved-hero .section-ribbon::after {
  content: ''; position: absolute; inset: 3px; pointer-events: none;
  box-sizing: border-box; border: 10px solid transparent; border-radius: 0;
  border-image: url('../images/hero-ribbon-inlay.svg?v=2026.10.09.2') 13 / 10px / 0 stretch;
}
.home-flow .home-approved-hero .section-ribbon--live::after {
  display: none;
}
.home-flow .home-approved-hero .section-ribbon h2 {
  color: #ffe9a5; font: 700 clamp(.95rem, 3.6vw, 1.45rem)/1.16 'Times New Roman', Cambria, serif;
  text-transform: uppercase; text-align: center;
  background: none; -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: .25px #572308; paint-order: stroke fill;
  text-shadow: 0 -.5px 0 #fff6c9, 0 1px 0 #af730e, 1px 2px 0 #280004;
  filter: none; transform: none;
  position: relative; z-index: 1;
}
.home-flow .home-approved-hero .section-ribbon time {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  margin-top: 3px; color: #ffe9a5; font-size: .76rem; text-align: center;
  font-weight: 700; opacity: 1;
  background: none; -webkit-text-fill-color: currentColor;
  text-shadow: 0 1px 0 #52020a; filter: none;
}
.home-flow .home-approved-hero .section-ribbon--analytics {
  --hero-ruby: url('../images/hero-ruby-surface.svg?v=2026.10.09.2#analytics') center / 100% 100% no-repeat;
  display: grid; grid-template-columns: 22px minmax(0, max-content);
  column-gap: 6px; row-gap: 3px; justify-content: center;
}
.home-flow .home-approved-hero .section-ribbon--analytics .section-monogram { align-self: start; margin-top: 1px; }
.home-flow .home-approved-hero .section-ribbon--analytics > div { min-width: 0; }
.home-flow .home-approved-hero .section-ribbon--analytics time {
  /* Centre the date on the entire icon + title group. */
  transform: translateX(-14px);
}
.home-flow .home-approved-hero .analytics-rotator-toggle {
  min-height: 32px; padding: 3px 6px; font-size: .58rem;
  grid-column: 1 / -1; justify-self: center; margin: 0;
}
.home-flow .home-approved-hero .analytics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 6px 7px 8px;
}
.home-flow .home-approved-hero .metric {
  min-height: 0; border: 1px solid #ff941c; border-radius: 7px;
  background: linear-gradient(110deg, #fcfcfd, #fffef8);
  box-shadow: inset 0 1px #fff; overflow: hidden;
}
.home-flow .home-approved-hero .metric::after { display: none; }
.home-flow .home-approved-hero .metric > span:first-child {
  padding: 3px 2px; font-size: .67rem; line-height: 1.3; letter-spacing: 0;
  border-bottom: 1px solid #e9c956; font-family: Arial, sans-serif; font-weight: 700;
}
.home-flow .home-approved-hero .metric--ruby > span:first-child {
  background: linear-gradient(105deg, #7f0208, #b30a19 60%, #9d0714); color: #fffdf0;
}
.home-flow .home-approved-hero .metric--gold > span:first-child {
  background: linear-gradient(173deg, #fff4a790, transparent 19%) padding-box,
    linear-gradient(105deg, #d99718 0%, #efb52d 18%, #f7cc46 45%, #e1a51a 82%, #c98b0c 100%) padding-box;
  box-shadow: inset 0 1px #ffe89d, inset 1px 0 #ffeeb0; color: #090902;
}
.home-flow .home-approved-hero .metric strong {
  min-height: 32px; padding: 4px 3px; color: #670617;
  font: 800 clamp(1.08rem, 4vw, 1.55rem)/1.18 Georgia, serif; overflow-wrap: anywhere;
}
.home-flow .home-approved-hero .metric--rotator strong > span {
  display: block; padding: 0; background: transparent; color: inherit; font: inherit;
  animation: none; opacity: 1; transform: none;
}
.home-flow .home-approved-hero .section-ribbon--live {
  --hero-ruby: url('../images/hero-ruby-surface.svg?v=2026.10.09.2#live') center / 100% 100% no-repeat;
  display: block; padding: 0; background: #fffef9;
}
.home-approved-hero .section-ribbon--live .section-ribbon__title {
  position: relative; display: flex; align-items: center; justify-content: center;
  gap: 7px; min-height: 38px; padding: 7px 10px;
  background: var(--hero-ruby); border-radius: 9px 9px 0 0;
}
.home-approved-hero .section-ribbon__title::after {
  content: ''; position: absolute; inset: 3px; border: 10px solid transparent;
  border-image: url('../images/hero-ribbon-inlay.svg?v=2026.10.09.2') 13 / 10px / 0 stretch;
  border-radius: 0; pointer-events: none;
}
.home-flow .home-approved-hero .section-ribbon--live h2 { flex: 0 1 auto; transform: none; }
.home-flow .home-approved-hero .section-ribbon--live p {
  margin: 0;
  padding: 5px 8px; text-align: center; color: #310007;
  font: 500 .72rem/1.35 Arial, sans-serif; background: #fffef9;
  border-top: 1px solid #e4b435; opacity: 1;
}
.home-flow .home-approved-hero .section-ribbon--live p::before {
  content: ''; display: inline-block; width: 13.68px; height: 17.82px;
  margin-right: 6px; vertical-align: -4px;
  background: linear-gradient(#fff093, #eaaa12);
  clip-path: polygon(60% 0, 5% 57%, 45% 57%, 30% 100%, 98% 37%, 58% 37%);
}

/* Native live result cards and preserved state/compact-card controls. */
.home-flow .home-approved-hero .live-update-list { padding: 5px; gap: 3px; background: #fffef9; border-radius: 0 0 9px 9px; }
.home-approved-hero .live-focus-label {
  justify-content: center; margin: 0 0 4px; font-size: .56rem; letter-spacing: .06em;
}
.home-approved-hero .live-focus-label span { width: 5px; height: 5px; box-shadow: none; }
.home-flow .home-approved-hero .live-update-card {
  --hero-surface: linear-gradient(110deg, #fdfcf7, #fcfbf4 70%, #fffdf4);
  display: flex; flex-direction: column; align-items: stretch; gap: 4px;
  padding: 6px 6px 5px; border-width: 2px; border-left-width: 2px; border-radius: 12px;
  background: var(--hero-surface) padding-box; box-shadow: none;
}
.home-flow .home-approved-hero .live-update-card::after {
  content: ''; position: absolute; inset: -1.5px; pointer-events: none;
  border: 10px solid transparent;
  border-image: url('../images/hero-polished-frame.svg?v=2026.10.09.2') 20 / 10px / 0 stretch;
}
.home-flow .home-approved-hero .live-update-card--primary {
  margin-bottom: 0; display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  grid-template-rows: auto auto auto; column-gap: 2px; row-gap: 3px;
}
.home-flow .home-approved-hero .live-update-card__meta {
  position: relative; display: block; width: 100%; text-align: center;
  min-height: 35px; padding-inline: 0;
}
.home-flow .home-approved-hero .live-update-card__meta div { display: block; }
.home-flow .home-approved-hero .live-update-card__meta strong {
  display: block; width: 100%; overflow: visible; white-space: normal;
  overflow-wrap: anywhere; text-overflow: clip; color: #d8071e;
  font: 700 clamp(1.15rem, 5.3vw, 1.8rem)/1.15 Arial, Helvetica, sans-serif; padding-inline: 75px;
  text-transform: uppercase; transform: none; filter: none; text-shadow: none;
}
.home-flow .home-approved-hero .live-update-card--primary .live-update-card__meta,
.home-flow .home-approved-hero .live-update-card--primary .live-update-card__meta > div { display: contents; }
.home-flow .home-approved-hero .live-update-card--primary .live-update-card__meta strong {
  grid-column: 2; grid-row: 1; padding-inline: 0; align-self: center;
  font: 700 clamp(1rem, 5.15vw, 1.7rem)/1.15 Arial, sans-serif;
  white-space: nowrap; overflow-wrap: normal;
}
.home-flow .home-approved-hero .live-update-card--primary .live-update-card__result {
  grid-column: 1 / -1; grid-row: 2;
}
.home-flow .home-approved-hero .live-update-card--primary .live-update-card__meta small {
  grid-column: 1 / -1; grid-row: 3; margin-top: 0; text-align: center;
}
.home-flow .home-approved-hero .live-update-card__meta small {
  display: block; margin-top: 3px; font-size: .61rem; line-height: 1.3;
}
.home-flow .home-approved-hero .live-update-card__result {
  text-align: center; color: #090d2c; white-space: nowrap;
  font: 700 clamp(1.35rem, 6.2vw, 2rem)/1.12 'Times New Roman', Times, serif;
  letter-spacing: .035em; font-variant-numeric: lining-nums tabular-nums;
  transform: none; margin-block: 2px;
}
.home-flow .home-approved-hero .phase-badge {
  position: absolute; right: 8px; top: 7px; width: 76px;
  align-self: center; max-width: 100%; margin: 0; padding: 4px 5px;
  font-size: .56rem; line-height: 1.15; text-align: center;
}
.home-flow .home-approved-hero .phase-badge--pending {
  background: linear-gradient(110deg, #fff1af, #ffd245 48%, #eea21b);
  color: #1f1305; border: 1px solid #ed9410; box-shadow: inset 0 1px #fffbd5;
}
.home-flow .home-approved-hero .live-update-card--primary .phase-badge {
  position: static; grid-column: 3; grid-row: 1; align-self: center;
  font-family: Arial, sans-serif; font-weight: 700; letter-spacing: 0; border-radius: 999px;
}
.home-flow .home-approved-hero .live-update-card__actions {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
  padding: 3px 0 0; border-top: 1px solid #e6d3a0;
}
.home-flow .home-approved-hero .live-update-card__actions > * {
  grid-column: auto; min-height: 34px; padding: 4px 3px;
  border-radius: 6px; font-size: .6rem; line-height: 1.2; gap: 3px;
}
.home-approved-hero .live-update-card__actions svg { width: 14px; height: 14px; }
.home-flow .home-approved-hero .live-update-card__jump { align-self: center; min-height: 28px; }
.home-flow .home-approved-hero .live-update-card--compact .phase-badge { position: static; width: auto; max-width: 100%; }
.home-flow .home-approved-hero .live-update-card--compact .live-update-card__meta strong { padding-inline: 27px; }
.home-approved-hero .live-next-list,
.home-approved-hero .live-more__list { gap: 5px; margin-top: 5px; }
.home-approved-hero .live-more { margin-top: 4px; }
.home-approved-hero .live-more summary { min-height: 34px; padding: 6px 3px; font-size: .68rem; }
.home-flow .home-approved-hero .live-idle { min-height: 70px; padding: 9px; }

/* Vector icon assets preserve sharp edges at any device pixel ratio. */
.home-flow .home-approved-hero .section-monogram {
  flex: 0 0 22px; min-width: 22px; width: 22px; height: 24px;
  background: url('../images/hero-target.svg') center / contain no-repeat;
  border: 0; border-radius: 0; box-shadow: none;
  clip-path: none;
}
.home-flow .home-approved-hero .section-monogram svg { visibility: hidden; }
.home-approved-hero .section-monogram--pulse { animation: none; }
.home-flow .home-approved-hero .section-ribbon--live .section-monogram {
  width: 22px; height: 22px; min-width: 22px; flex-basis: 22px;
  background: url('../images/hero-live.svg') center / contain no-repeat;
  clip-path: none;
}
.home-flow .home-approved-hero .section-ribbon time::before {
  content: ''; flex: 0 0 22px; width: 22px; height: 21.1px;
  background: url('../images/hero-calendar.svg') center / contain no-repeat;
  clip-path: none;
}
.home-flow .home-approved-hero .live-orbit {
  position: absolute; left: 2px; top: 0; width: 21.6px; height: 27.4px;
  background: url('../images/hero-hourglass.svg?v=2026.10.09.2') center / contain no-repeat;
  border: 0; border-radius: 0;
  clip-path: none;
}
.home-flow .home-approved-hero .live-update-card--primary .live-orbit {
  position: static; grid-column: 1; grid-row: 1; justify-self: end; align-self: center;
}
.home-flow .home-approved-hero .live-orbit::before,
.home-flow .home-approved-hero .live-orbit::after { display: none; }
.home-approved-hero .hero-orb { flex: 0 0 16px; }
.home-flow .home-approved-hero .hero-orb {
  width: 19.1px; height: 22px; flex-basis: 19.1px; border-radius: 0;
  background: url('../images/hero-orb.svg') center / contain no-repeat;
  box-shadow: none; clip-path: ellipse(43% 48% at 52% 52%);
}
.home-approved-hero .hero-refresh-icon { color: #fff093; font: 700 1.5rem/1 Georgia, serif; }
.home-approved-hero .hero-download-icon {
  width: 21px; height: 21px; flex: 0 0 21px; color: #fff093;
  filter: drop-shadow(0 1px 0 #603407);
}
.home-approved-hero .hero-download:disabled { cursor: default; }
.home-flow .home-approved-hero .hero-refresh-icon {
  width: 22px; height: 24px; flex: 0 0 22px; font-size: 0;
  background: url('../images/hero-refresh.svg') center / contain no-repeat;
  clip-path: none;
}

/* Bottom hero actions remain native links/buttons with decorative rims. */
.home-flow .home-approved-hero .hero-page-actions {
  position: static; display: grid; grid-template-columns: 1fr 1fr;
  gap: 6px; margin-block: 7px 4px; width: calc(100% - 38px); padding: 0;
  background: transparent; border: 0; box-shadow: none;
}
.home-approved-hero .hero-page-actions > * {
  position: relative; display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 6px 7px; text-decoration: none; font: 700 .8rem/1.2 system-ui, sans-serif;
  border: 3px solid transparent; border-radius: 999px;
}
.home-flow .home-approved-hero .hero-page-actions > * {
  min-height: 38px; font-size: clamp(.78rem, 3.9vw, .98rem);
  font-family: 'Segoe UI', Arial, sans-serif; font-weight: 400;
  color: #fff8e4; border-width: 2px;
  background: radial-gradient(ellipse at 52% 0, #c00618aa, transparent 85%) padding-box,
    linear-gradient(110deg, #7c000a, #a20016 56%, #80000b) padding-box;
  box-shadow: 0 3px 3px #78400035;
}
.home-flow .home-approved-hero .hero-page-actions > *::before {
  content: ''; position: absolute; inset: -3px -2px; pointer-events: none;
  border: 3px solid #efb632; border-radius: inherit;
  box-shadow: inset 0 1px 0 #fffcdc, inset 0 -1px 0 #763000,
    0 0 0 1px #a54400, 0 1px 0 2px #fff7bc, 0 3px 0 2px #985200;
}
.home-approved-hero [data-final-ank-slide][hidden] { display: none !important; }
.home-approved-hero :is(a, button):focus-visible,
body[data-page-path="/"] .nav-toggle:focus-visible { outline: 3px solid #b3122f; outline-offset: 4px; }

/* Responsive layout. */
@media (min-width: 860px) {
  .home-approved-hero .hero-page-actions { max-width: 580px; }
  .home-flow .home-approved-hero .brand-banner { padding-block: 23px 17px; }
  .home-flow .home-approved-hero .intro-card { padding: 16px 30px; }
  .home-flow .home-approved-hero .intro-card__copy p { font-size: .95rem; }
  .home-flow .home-approved-hero .analytics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 9px; gap: 8px; }
  .home-flow .home-approved-hero .metric strong { min-height: 45px; }
}
@media (max-width: 620px) {
  body[data-page-path="/"] .brand-row { min-height: 56px; width: calc(100% - 12px); padding-inline: 0; gap: 7px; }
  body[data-page-path="/"] .brand { flex: 1 1 0; gap: 7px; }
  body[data-page-path="/"] .brand__copy { flex: 1 1 0; container-type: inline-size; }
  body[data-page-path="/"] .brand__wide { width: 115px; height: 65px; margin-inline: -6px; }
  body[data-page-path="/"] .brand__copy strong {
    --hero-preferred-size: clamp(1.3rem, 7.965vw, 2rem);
    font-size: clamp(1.3rem, 7.965vw, 2rem); letter-spacing: -.025em;
  }
  @supports (font-size: 1cqi) {
    body[data-page-path="/"] .brand__copy strong { font-size: min(2rem, 17cqi); }
  }
  body[data-page-path="/"] .topline__inner { min-height: 16px; padding-block: 0; font-size: .75rem; line-height: 16px; }
  body[data-page-path="/"] .nav-toggle {
    flex: 0 0 auto;
    min-width: 66px; min-height: 34px; padding: 4px 7px; line-height: 1.1;
    font-size: 16px; margin-right: 5px;
  }
  body[data-page-path="/"] .nav-toggle::before { content: ''; position: absolute; inset: -4px 0; }
  .home-flow .home-approved-hero .shell { width: calc(100% - 12px); }
  .home-flow .home-approved-hero .hero-page-actions { width: calc(100% - 38px); }
  .home-flow .home-approved-hero .section { padding-block: 2px; }
  .home-approved-hero .portal-intro { padding-top: 1px; }
  .home-flow .home-approved-hero .brand-banner { padding: 6px 6px 3px; }
  .home-flow .home-approved-hero .brand-banner h1 {
    --hero-preferred-size: clamp(1.25rem, 7.7vw, 2.0625rem);
    font-size: clamp(1.25rem, 7.1vw, 2.0625rem);
  }
  @supports (font-size: 1cqi) {
    .home-flow .home-approved-hero .brand-banner h1 { font-size: min(2.0625rem, 7.35cqi); }
  }
  .home-flow .home-approved-hero .brand-banner p { font-size: .7rem; margin-block: 4px 3px; line-height: 1.3; }
  .home-approved-hero .hero-quick-links { margin-top: 4px; }
  .home-approved-hero .hero-quick-links a { min-height: 24px; font-size: .68rem; }
  .home-flow .home-approved-hero .intro-card { padding: 8px 9px; margin-top: 5px; }
  .home-flow .home-approved-hero .intro-card .card-kicker { font-size: .54rem; line-height: 1.2; margin-bottom: 4px; }
  .home-flow .home-approved-hero .intro-card h2 { max-width: none; font-size: 1rem; line-height: 1.2; letter-spacing: -.025em; margin-bottom: 4px; text-wrap: balance; }
  .home-flow .home-approved-hero .intro-card__copy p { font-size: .84375rem; line-height: 1.27; margin-bottom: 4px; text-wrap: initial; }
  .home-flow .home-approved-hero .trust-line { font-size: .58rem !important; line-height: 1.25; gap: 3px 7px; margin-top: 4px !important; }
  .home-flow .home-approved-hero .section-ribbon { min-height: 40px; padding: 4px 6px; }
  .home-flow .home-approved-hero .section-ribbon h2 { font-size: clamp(.8rem, 3.87vw, 1.12rem); }
  .home-flow .home-approved-hero .section-ribbon--live h2 { font-size: clamp(.9rem, 4.65vw, 1.25rem); }
  .home-flow .home-approved-hero .section-ribbon--live { padding: 0; }
  .home-approved-hero .section-ribbon--live .section-ribbon__title { min-height: 32px; padding: 6px 8px; }
  .home-flow .home-approved-hero .section-ribbon time { font-size: .8rem; margin-top: 2px; }
  .home-flow .home-approved-hero .analytics-grid { padding: 5px 6px 6px; gap: 5px; }
  .home-flow .home-approved-hero .metric > span:first-child { padding: 2px; font-size: .75rem; line-height: 1.15; font-weight: 600; text-transform: uppercase; }
  .home-flow .home-approved-hero .metric--gold > span:first-child { font-size: .78125rem; }
  .home-flow .home-approved-hero .metric strong { min-height: 25px; padding: 2px; font-size: 1.1rem; line-height: 1.1; }
  .home-flow .home-approved-hero .section-ribbon--live p { margin: 0; padding: 4px 6px; font-size: .75rem; }
  .home-flow .home-approved-hero .live-update-card { gap: 2px; padding: 4px 5px 3px; }
  .home-approved-hero .live-focus-label { line-height: 1.1; margin-bottom: 3px; }
  .home-flow .home-approved-hero .live-update-card__actions > * { min-height: 32px; }
  .home-flow .home-approved-hero .hero-page-actions > * {
    padding-block: 4px; min-height: 36px; font-size: clamp(.78rem, 4.3vw, 1.125rem); letter-spacing: -.025em;
  }
  .home-flow .home-approved-hero .hero-page-actions > *::after {
    content: ''; position: absolute; inset: -4px 0; border-radius: inherit;
  }
}
@media (max-width: 350px) {
  body[data-page-path="/"] .brand__wide { width: 81px; height: 53px; }
  body[data-page-path="/"] .brand__wide.hero-brand-art { flex-basis: 83px; width: 83px; height: 43px; }
  body[data-page-path="/"] .brand__copy strong {
    --hero-preferred-size: 1.5rem;
    width: 100%; height: auto; font-size: min(1.5rem, 17cqi);
  }
  body[data-page-path="/"] .nav-toggle { min-width: 58px; font-size: 15px; }
  .home-approved-hero .hero-page-actions > * { gap: 4px; padding-inline: 4px; }
  .home-flow .home-approved-hero .analytics-rotator-toggle { font-size: .54rem; }
  .home-flow .home-approved-hero .intro-card__copy p { font-size: .8125rem; }
}
@media (max-width: 380px) {
  .home-flow .home-approved-hero .phase-badge { position: static; width: auto; }
  .home-flow .home-approved-hero .live-update-card__meta strong { padding-inline: 27px; }
  .home-flow .home-approved-hero .live-update-card--primary { grid-template-columns: 27px minmax(0, 1fr) 27px; }
  .home-flow .home-approved-hero .live-update-card--primary .live-update-card__meta strong { padding-inline: 0; }
  .home-flow .home-approved-hero .live-update-card--primary .phase-badge { width: 55px; font-size: .5rem; padding-inline: 2px; }
}
/* One unbroken number group per card; only display separators change, not data. */
.home-flow .home-approved-hero :is(.metric--numbers,.metric--rotator) { container-type: inline-size; }
.home-flow .home-approved-hero .metric strong span {
  width: auto; margin: 0; padding: 0; min-height: 0; border: 0; background: none;
  color: inherit; font: inherit; text-transform: none; letter-spacing: 0; box-shadow: none;
}
.home-flow .home-approved-hero .metric strong .analytics-single-line {
  display: inline-block; max-width: 100%; white-space: nowrap; overflow-wrap: normal;
  font-family: "Times New Roman", Times, serif; font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: min(1em, calc(170cqi / var(--characters))); letter-spacing: 0;
}
/* Two visible market rows moving from bottom to top, with a seamless duplicate
   track. Original rows remain readable; duplicate rows are hidden from AT. */
.home-flow .home-approved-hero .metric--rotator strong[data-final-ank-ticker] {
  --final-row-height: 20px; display: grid; align-content: center; padding: 3px 2px;
}
.home-flow .home-approved-hero .metric--rotator .final-ank-window {
  display: block; width: 100%; height: calc(2 * var(--final-row-height));
  overflow: hidden; padding: 0; text-align: center;
}
.home-flow .home-approved-hero .final-ank-track { display: block; }
.home-flow .home-approved-hero .final-ank-row {
  display: flex; align-items: center; justify-content: center; height: var(--final-row-height);
  white-space: nowrap; overflow-wrap: normal;
}
.home-flow .home-approved-hero .metric strong .final-ank-text {
  display: inline-block; white-space: nowrap; overflow-wrap: normal;
  font-family: 'Times New Roman', Times, serif; font-variant-numeric: lining-nums tabular-nums;
  font-size: min(1em, calc(160cqi / var(--characters))); letter-spacing: 0;
}
.home-approved-hero [data-ticker-running="true"] .final-ank-track {
  animation: final-ank-up calc(var(--final-count) * 3s) linear infinite;
}
.home-approved-hero [data-rotator-paused="true"] .final-ank-track { animation-play-state: paused; }
.home-approved-hero [data-final-ank-tap] { cursor: pointer; touch-action: manipulation; }
.home-approved-hero [data-final-ank-tap]:focus-visible { outline: 2px solid #b3122f; outline-offset: -2px; }
@keyframes final-ank-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .home-approved-hero [data-final-ank-ticker] .final-ank-track { animation: none; }
  .home-flow .home-approved-hero .metric--rotator .final-ank-window { overflow-y: auto; }
  .home-approved-hero .final-ank-row[aria-hidden="true"] { display: none; }
}
/* Keep this outside the forced-colors block so the accessibility override wins. */
.home-flow .home-approved-hero .section-ribbon h2 { -webkit-text-stroke: .25px #572308; }
@media (forced-colors: active) {
  .home-flow .home-approved-hero .brand-banner h1,
  .home-flow .home-approved-hero .brand-banner .hero-title-gold,
  .home-flow .home-approved-hero .section-ribbon h2,
  .home-flow .home-approved-hero .brand-banner .hero-title-silver,
  .home-flow .home-approved-hero .section-ribbon time,
  body[data-page-path="/"] .brand__copy strong {
    -webkit-text-fill-color: CanvasText; -webkit-text-stroke: 0; filter: none;
  }
  body[data-page-path="/"] .brand__copy strong { background: none; color: CanvasText; }
}