@font-face {
  font-family: Sales Raleway;
  src: url("/site-assets/hero-raleway-latin.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: Sales Raleway;
  src: url("/site-assets/hero-raleway-cyrillic.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
:root {
  color-scheme: dark;
  --navy: #0a1d29;
  --panel: #102d3b;
  --line: #365360;
  --ink: #f7f9fa;
  --muted: #c4d4dd;
  --gold: #f0cb79;
  --green: #86dcc1;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--navy); color: var(--ink); font: 16px/1.55 Arial, sans-serif; }
.wrap { width: min(1120px, calc(100% - 56px)); margin-inline: auto; }
a { color: var(--gold); text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
h1,h2,h3 { margin: 0; font-family: Sales Raleway, Arial, sans-serif; line-height: 1.14; }
h2 { font-size: clamp(29px, 3.8vw, 42px); letter-spacing: -.035em; }
h3 { font-size: 21px; }
p { margin: 0; }
.eyebrow { margin-bottom: 14px; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.signal { display: inline-block; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #86dcc12c; }
.site-header { border-bottom: 1px solid #2b4552; background: #0a1d29; }
.header-inner,.footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 70px; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font: 800 23px Sales Raleway, Arial, sans-serif; text-decoration: none; }
.brand img { display: block; flex: none; border-radius: 8px; }
.header-inner nav a { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; font-size: 14px; font-weight: 700; text-decoration: none; }
.hero { padding: clamp(36px, 7vw, 86px) 0; background: radial-gradient(ellipse at 83% 28%, #184254 0%, #102b3a 29%, transparent 66%); border-bottom: 1px solid #263f4d; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.hero .eyebrow { display: flex; align-items: center; gap: 12px; }
h1 { max-width: 11em; font-size: clamp(39px, 5.8vw, 72px); font-weight: 800; letter-spacing: -.05em; }
h1 em { color: var(--gold); font-style: normal; }
.intro,.section-lead { max-width: 60ch; margin: 19px 0 23px; color: var(--muted); font-size: 18px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 47px; padding: 11px 17px; border-radius: 9px; background: var(--gold); color: #142632; font-size: 14px; font-weight: 800; text-decoration: none; }
.button:hover { background: #ffdc92; }
.route { padding: 17px; border: 1px solid #3a5c69; border-radius: 21px; background: #112e3de8; box-shadow: 0 18px 42px #03131b50; }
.route-heading,.report figcaption { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.route-heading { padding: 0 4px 12px; }
.route-heading span,.report-tag { padding: 3px 8px; border-radius: 5px; background: #254958; color: #dbedf2; font-size: 11px; }
.route ol,.checks,.actions { list-style: none; padding: 0; margin: 0; }
.route li + li { margin-top: 6px; }
.route a { display: grid; grid-template-columns: 31px 1fr 18px; gap: 10px; align-items: center; min-height: 45px; padding: 5px 10px; border: 1px solid #365564; border-radius: 8px; background: #183847; color: var(--ink); font-size: 14px; text-decoration: none; }
.route a:hover { border-color: var(--green); background: #214657; }
.route a span,.route a b { color: var(--green); font-size: 12px; }
.content-section { padding-top: clamp(38px, 6vw, 72px); scroll-margin-top: 20px; }
.checks li { display: grid; grid-template-columns: 44px minmax(0, 1.7fr) minmax(0, 1fr); gap: 19px; align-items: start; padding: 20px 0; border-top: 1px solid #2c4957; scroll-margin-top: 20px; }
.checks li:last-child { border-bottom: 1px solid #2c4957; }
.step { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #66583e; border-radius: 10px; color: var(--gold); background: #493d282d; font-weight: 800; font-size: 13px; }
.checks p,.case p,.actions p,.cta p,.formula p { margin-top: 8px; color: var(--muted); }
.checks aside { padding: 11px 13px; border-left: 2px solid #77bca9; border-radius: 0 8px 8px 0; background: #112e3a; color: var(--muted); font-size: 14px; }
.checks aside b { display: block; color: var(--green); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.case,.cta { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); gap: 24px; align-items: center; padding: clamp(18px, 3vw, 34px); border: 1px solid #3a5b67; border-radius: 20px; background: linear-gradient(130deg, #1a3b49, #102a39); }
.case .eyebrow,.cta .eyebrow { margin-top: 0; color: var(--green); }
.case h2,.cta h2 { font-size: clamp(26px, 3.1vw, 36px); }
.report { margin: 0; overflow: hidden; border: 1px solid #496775; border-radius: 12px; background: #0d2735; }
.report figcaption { justify-content: flex-start; padding: 11px 13px; font-size: 14px; }
.report-tag { margin-left: auto; }
.report-link { position: relative; display: block; text-decoration: none; }
.report-link img { display: block; width: 100%; height: auto; background: #f7f7f7; }
.report-link > span { display: flex; justify-content: space-between; padding: 10px 13px; font-size: 13px; font-weight: 700; }
.report-link:focus-visible { outline-offset: -3px; }
.actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.actions li { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.actions li > span { display: block; margin-bottom: 8px; color: var(--green); font-size: 12px; font-weight: 800; }
.formula { margin-top: 12px; padding: 15px 18px; border-left: 3px solid var(--gold); border-radius: 0 8px 8px 0; background: #25383c; }
.formula p { margin-top: 4px; }
.cta { grid-template-columns: minmax(0, 1fr) auto; }
.cta-links { display: grid; justify-items: start; gap: 10px; }
.cta-links > a:last-child { font-size: 14px; }
.footer { margin-top: 35px; border-top: 1px solid #2b4552; font-size: 13px; }
.footer a { color: var(--muted); }
@media (max-width: 800px) {
  .wrap { width: min(640px, calc(100% - 32px)); }
  .hero-grid,.case,.cta { grid-template-columns: minmax(0, 1fr); }
  .actions { grid-template-columns: minmax(0, 1fr); }
  .checks li { grid-template-columns: 39px minmax(0, 1fr); gap: 10px 13px; }
  .checks aside { grid-column: 2; }
}
@media (max-width: 380px) {
  h1 { font-size: 35px; }
  .brand { font-size: 20px; }
  .header-inner nav a { font-size: 12px; }
  .header-inner { min-height: 57px; }
}

.report-tiles { display: none; }
@media (max-width: 560px) {
  .report-link img { position: absolute; width: 1px; height: 1px; opacity: 0; }
  .report-tiles { display: grid; gap: 6px; background: #fff; }
  .report-tiles span {
    aspect-ratio: 392 / 146;
    background: url("/site-assets/day-alerts-20261106/sra-loss-report-anonymized.jpg") left top / 204.59% 196.58% no-repeat;
  }
  .report-tiles span:nth-child(even) { background-position-x: right; }
  .report-tiles span:nth-child(n+3) { aspect-ratio: 392 / 127; background-position-y: bottom; background-size: 204.59% 225.98%; }
}

.lossTeamPhoto {
  margin: 0;
  overflow: hidden;
  border: 1px solid #436572;
  border-radius: clamp(12px, 1.4vw, 21px);
  background: #102b3a;
  box-shadow: 0 16px 42px #04121b6b;
}

.lossTeamPhoto img {
  display: block;
  width: 100%;
  height: auto;
}

.lossTeamPhoto figcaption {
  padding: 8px 14px;
  color: var(--muted);
  font-size: .8125rem;
}

@media (min-width: 801px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    align-items: center;
    gap: 18px clamp(24px, 3vw, 42px);
  }

  .hero-grid > div { grid-row: 1 / span 2; }
  .lossTeamPhoto, .hero .route { grid-column: 2; }
}

@media (min-width: 1120px) {
  .header-inner, .hero-grid { width: min(1520px, calc(100% - 72px)); }
  .hero { padding-block: clamp(44px, 5.6vw, 82px); }
  .hero-grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(228px, .76fr) minmax(0, 1.12fr);
    gap: clamp(20px, 2.2vw, 36px);
  }

  .hero-grid > div { grid-area: 1 / 1; }
  .hero .route { grid-area: 1 / 2; }
  .lossTeamPhoto { grid-area: 1 / 3; }
  .hero h1 { font-size: clamp(43px, 4.3vw, 68px); }
  .hero .route a { grid-template-columns: 21px minmax(0, 1fr) 12px; gap: 8px; }
  .lossTeamPhoto img { aspect-ratio: 4 / 3; object-fit: cover; }
}