:root {
  --red: #b4232a;
  --red-dark: #82191f;
  --navy: #162a3a;
  --navy-2: #203e52;
  --harbor: #315c6f;
  --cream: #f5f0e5;
  --paper: #fffcf5;
  --white: #fffefa;
  --ink: #30363b;
  --muted: #626b6e;
  --line: rgba(22, 42, 58, .25);
  --line-strong: rgba(22, 42, 58, .58);
  --focus: #0969a8;
  --success: #176b4c;
  --warning: #8b5e11;
  --danger: #a1232a;
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --shadow: 7px 8px 0 rgba(22, 42, 58, .14);
  --radius: 5px;
}

* { box-sizing: border-box; }
html { color-scheme: light; scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background-color: var(--cream);
  background-image:
    radial-gradient(circle at 20% 10%, rgba(49, 92, 111, .04) 0 1px, transparent 1.5px),
    radial-gradient(circle at 80% 40%, rgba(180, 35, 42, .03) 0 1px, transparent 1.5px);
  background-size: 17px 19px, 23px 29px;
  font-family: var(--sans);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

img, video { max-width: 100%; }
a { color: inherit; text-underline-offset: .2em; }
a:hover { text-decoration-thickness: 2px; }
button, input, select, textarea { font: inherit; }
button, .button { min-height: 44px; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
::selection { color: white; background: var(--red); }

.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  transform: translateY(-160%);
  padding: 10px 14px;
  border: 2px solid var(--navy);
  background: var(--paper);
  font-weight: 800;
}
.skip-link:focus { transform: none; }

.site-header,
.admin-header {
  position: relative;
  z-index: 20;
  width: min(1280px, 100%);
  min-height: 86px;
  margin: 0 auto;
  padding: 14px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-bottom: 1px solid var(--line);
}
.site-header nav,
.admin-header nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2.5vw, 34px);
  font-size: 14px;
  font-weight: 700;
}
.site-header nav > a:not(.button),
.admin-header nav > a { text-decoration: none; }
.site-header nav > a:not(.button):hover,
.admin-header nav > a:hover { color: var(--red); }

/* Primary nav dropdown groups (Coverage / About / Resources) */
.site-nav { flex-wrap: wrap; row-gap: 8px; }
.nav-group { position: relative; }
.nav-group > summary {
  list-style: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
}
.nav-group > summary::-webkit-details-marker { display: none; }
.nav-group > summary::after { content: "▾"; font-size: 10px; margin-left: 5px; }
.nav-group > summary:hover { color: var(--red); }
.nav-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 60;
  display: grid;
  gap: 2px;
  min-width: 230px;
  padding: 10px;
  background: var(--paper);
  border: 1px solid var(--navy);
  border-radius: var(--radius);
  box-shadow: 6px 6px 0 rgba(22, 42, 58, .18);
}
.nav-menu a { padding: 8px 10px; border-radius: 6px; color: var(--navy); font-weight: 700; text-decoration: none; }
.nav-menu a:hover { background: var(--navy); color: var(--paper); }

.nav-mobile-menu { display: none; }

/* Home: customer card promo band, testimonials, blog teasers */
.card-promo {
  width: min(1184px, calc(100% - 56px));
  margin: 0 auto 70px;
  padding: clamp(30px, 4vw, 52px);
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 30px;
  align-items: center;
  background: var(--navy);
  border-radius: var(--radius);
  box-shadow: 10px 10px 0 rgba(22, 42, 58, .15);
}
.card-promo h2 { color: #fffaf0; }
.card-promo p { color: #cbd1d1; max-width: 54ch; }
.card-promo .eyebrow { color: #ef6a70; }
.card-promo-actions { display: grid; gap: 14px; justify-items: start; }
.testimonials, .blog-teasers { width: min(1184px, calc(100% - 56px)); margin: 0 auto 70px; }
.quote-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }
.quote-grid blockquote { margin: 0; padding: 24px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--red); border-radius: var(--radius); }
.quote-grid blockquote p { margin: 0 0 14px; font: 400 17px/1.6 Georgia, serif; color: var(--navy); }
.quote-grid cite { font-style: normal; font-size: 13px; font-weight: 700; color: var(--muted); }
.teaser-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }
.teaser { display: grid; gap: 10px; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); color: var(--navy); text-decoration: none; }
.teaser:hover { border-color: var(--red); }
.teaser strong { font-size: 19px; }
.teaser small { color: var(--muted); font-size: 14px; line-height: 1.5; }
.teaser-date { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

/* FAQ accordions and access form */
.faq-list { display: grid; gap: 14px; margin-top: 24px; max-width: 780px; }
.faq-list details { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 22px; }
.faq-list summary { cursor: pointer; font-weight: 800; color: var(--navy); }
.faq-list details p { margin: 12px 0 0; color: var(--muted); }
.access-form { display: grid; gap: 18px; margin: 26px 0; max-width: 460px; }
.check-row-label { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.detail-list { display: grid; gap: 18px; margin-top: 20px; max-width: 720px; }
.detail-list p { margin: 0; }

/* Expanded footer columns */
.footer-col { display: grid; gap: 8px; align-content: start; }
.footer-col strong { color: #fffaf0; font: 800 12px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.footer-col a { color: #cbd1d1; font-size: 14px; text-decoration: none; }
.footer-col a:hover { color: #ef6a70; }
.footer-brand p { margin-top: 10px; }
.footer-legal { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid #536673; color: #aeb8b8; font-size: 12px; }

.brand {
  display: inline-flex;
  align-items: center;
  width: 216px;
  max-width: min(36vw, 100%);
  aspect-ratio: 392 / 84;
  overflow: visible;
  line-height: 0;
  text-decoration: none;
  flex: none;
}
.brand img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 2px rgba(7, 20, 29, .14));
}

.ur-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ur-media-description {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.ur-media-description summary {
  width: max-content;
  max-width: 100%;
  cursor: pointer;
  color: currentColor;
  font-weight: 700;
  text-underline-offset: .2em;
}
.ur-media-description p { max-width: 68ch; margin: 6px 0 0; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding: 10px 18px;
  border: 1px solid var(--navy);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--navy);
  box-shadow: 3px 3px 0 rgba(22, 42, 58, .9);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
.button:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 rgba(22, 42, 58, .9); }
.button:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 rgba(22, 42, 58, .9); }
.button-primary { background: var(--red); color: #fff; }
.button-primary:hover { background: var(--red-dark); }
.button-danger { border-color: var(--danger); color: var(--danger); box-shadow: 3px 3px 0 rgba(126, 36, 41, .8); }
.button-danger:hover { background: #fbeaea; box-shadow: 5px 5px 0 rgba(126, 36, 41, .8); }
.button[disabled] { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; }
.text-button { padding: 8px 0; border: 0; background: transparent; color: inherit; font-weight: 800; cursor: pointer; }

.eyebrow {
  margin: 0 0 17px;
  color: var(--red);
  font: 700 11px/1.3 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

h1, h2, h3 { color: var(--navy); font-family: var(--serif); letter-spacing: -.035em; }
h1 { margin: 0; font-size: clamp(45px, 6vw, 78px); line-height: 1.02; }
h2 { margin: 0; font-size: clamp(35px, 4vw, 55px); line-height: 1.08; }
h3 { margin: 0; font-size: 28px; line-height: 1.14; }

.hero {
  width: min(1280px, 100%);
  min-height: 690px;
  margin: 0 auto;
  padding: 72px 28px 92px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: clamp(48px, 7vw, 94px);
}
.hero > div > p:not(.eyebrow) { max-width: 620px; margin: 28px 0 32px; color: #505b60; font-size: clamp(18px, 2vw, 22px); }
.hero-visual {
  width: 100%;
  aspect-ratio: 4 / 5;
  display: block;
  overflow: hidden;
  border: 2px solid var(--navy);
  border-radius: 5px 5px 5px 0;
  box-shadow: 9px 10px 0 rgba(22, 42, 58, .16);
  background: #d8cfba;
}
.hero-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 100% center;
  filter: saturate(.9) contrast(.98);
}

.coverage,
.detail-section,
.cta,
.legal-note {
  width: min(1184px, calc(100% - 56px));
  margin-inline: auto;
}
.coverage { padding: 96px 0 106px; border-top: 2px solid var(--navy); }
.coverage-list { margin-top: 48px; border-top: 2px solid var(--navy); }
.coverage-list a {
  min-height: 150px;
  display: grid;
  grid-template-columns: 70px minmax(150px, .55fr) 1fr 32px;
  align-items: center;
  gap: 24px;
  padding: 24px 8px;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  transition: padding 160ms ease, background 160ms ease;
}
.coverage-list a::after { content: "→"; color: var(--red); font: 700 23px/1 var(--mono); }
.coverage-list a:hover { padding-inline: 18px; background: rgba(255, 252, 245, .72); }
.coverage-list span { align-self: start; padding-top: 8px; color: var(--red); font: 700 11px/1 var(--mono); }
.coverage-list strong { color: var(--navy); font: 700 34px/1.1 var(--serif); }
.coverage-list small { max-width: 670px; color: var(--muted); font-size: 16px; }

.cta {
  margin-bottom: 96px;
  padding: clamp(38px, 5vw, 68px);
  border: 2px solid var(--navy);
  background: var(--paper);
  box-shadow: var(--shadow);
}
.cta p { max-width: 700px; margin: 18px 0 28px; color: var(--muted); font-size: 18px; }

.page-hero {
  width: min(1184px, calc(100% - 56px));
  min-height: 580px;
  margin: 0 auto;
  padding: 82px 0 92px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
  align-items: center;
  gap: clamp(44px, 7vw, 88px);
}
.page-hero.narrow { max-width: 860px; display: block; min-height: 64vh; }
.page-hero > div > p:not(.eyebrow),
.page-hero.narrow > p { max-width: 720px; color: var(--muted); font-size: 19px; }
.page-hero .button { margin-top: 20px; }
.product-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  border: 2px solid var(--navy);
  border-radius: var(--radius);
  background: #d8cfba;
  box-shadow: var(--shadow);
}
.detail-section {
  padding: 92px 0;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(48px, 8vw, 110px);
  border-top: 2px solid var(--navy);
}
.detail-list { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--navy); }
.detail-list li { padding: 22px 4px; border-bottom: 1px solid var(--line); font-size: 17px; }
.detail-list li::before { content: "✓"; margin-right: 16px; color: var(--red); font-weight: 900; }
.legal-note { margin-bottom: 78px; padding: 22px 24px; border: 1px solid var(--line-strong); background: rgba(255, 252, 245, .72); color: #4d585c; }

.form-page {
  width: min(1184px, calc(100% - 56px));
  margin: 0 auto;
  padding: 74px 0 96px;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  align-items: start;
  gap: clamp(46px, 8vw, 104px);
}
.form-intro { position: sticky; top: 28px; }
.form-intro h1 { font-size: clamp(42px, 5vw, 67px); }
.form-intro > p:not(.eyebrow) { color: var(--muted); font-size: 17px; }
.form-shell { padding: clamp(26px, 4vw, 48px); border: 2px solid var(--navy); background: var(--paper); box-shadow: var(--shadow); }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 20px; }
.field, .consent { display: grid; gap: 8px; }
.field-wide { grid-column: 1 / -1; }
.field > span, fieldset legend { color: var(--navy); font-size: 13px; font-weight: 800; }
.field small { color: var(--muted); font-weight: 500; }
.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 3px;
  background: #fffefb;
  color: var(--ink);
}
.field textarea { min-height: 130px; resize: vertical; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--navy); }
.field input[aria-invalid="true"], .field select[aria-invalid="true"], .field textarea[aria-invalid="true"] { border-color: var(--danger); border-width: 2px; }
.field-error { color: var(--danger); font-size: 13px; font-weight: 700; }
.consent { grid-template-columns: 22px 1fr; align-items: start; margin: 26px 0; color: #4c575b; font-size: 14px; }
.consent input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--red); }
.form-note { color: var(--muted); font-size: 12px; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.alert { margin: 0 0 26px; padding: 16px 18px; border: 1px solid; }
.alert ul { margin-bottom: 0; }
.alert-error { border-color: var(--danger); background: #fff1ef; color: #6f181d; }
.message-page { width: min(720px, calc(100% - 40px)); min-height: 80vh; margin: 0 auto; display: grid; align-content: center; justify-items: start; }
.message-page h1 { font-size: clamp(42px, 7vw, 70px); }
.message-page p { color: var(--muted); font-size: 18px; }

footer {
  padding: 54px max(28px, calc((100vw - 1184px) / 2)) 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px 30px;
  color: #d8dcda;
  background: var(--navy);
}
.site-footer { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 26px; }
footer .brand {
  width: 196px;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 250, 240, .6);
  border-radius: 4px;
  background: #fffaf0;
  box-shadow: 3px 3px 0 rgba(7, 20, 29, .5);
}
footer p { margin: 0; color: #cbd1d1; font-size: 13px; }
footer nav { display: flex; gap: 22px; grid-column: 1 / -1; }
footer small { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid #536673; color: #aeb8b8; }
.site-footer .footer-brand,
.site-footer .footer-col { align-self: start; }
.site-footer .footer-col { display: grid; grid-column: auto; gap: 8px; }
.site-footer .footer-legal { grid-column: 1 / -1; }

/* Carrier catalog */
.carrier-market { margin: 52px 0 0; }
.carrier-market + .carrier-market { margin-top: 64px; }
.carrier-market h2 { margin-bottom: 24px; font-size: clamp(28px, 3vw, 40px); }
.carrier-market .teaser-grid { margin-top: 0; }
.carrier-card { align-content: start; }
.carrier-card span { color: var(--ink); }
.page-hero.narrow > .carrier-market + .legal-note { width: 100%; margin: 56px 0 30px; }

/* Admin: an Operate surface—dense, direct, action-first. */
.admin-body { background: #edf0ed; }
.admin-header {
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 72px;
  padding-inline: max(22px, calc((100vw - 1420px) / 2));
  border-bottom: 1px solid #aab4b6;
  background: rgba(255, 254, 250, .97);
}
.admin-header .brand { width: 188px; }
.admin-header form { margin: 0; }
.inline-form { display: inline; margin-left: 10px; }
.inline-form .text-button { min-height: 0; padding: 0; color: var(--red-dark); text-decoration: underline; text-underline-offset: .2em; }
.admin-main { width: min(1420px, calc(100% - 44px)); margin: 0 auto; padding: 42px 0 80px; }
.admin-title { margin-bottom: 30px; display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.admin-title-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.admin-title h1 { font-size: clamp(38px, 4vw, 58px); }
.admin-title p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); }
.metric { min-width: 140px; padding: 18px 20px; border: 1px solid #9ba8aa; background: var(--white); }
.metric strong { display: block; color: var(--navy); font: 700 34px/1 var(--serif); }
.metric span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.admin-panel { padding: 25px; border: 1px solid #9ba8aa; background: var(--white); box-shadow: 3px 4px 0 rgba(22, 42, 58, .08); }
.admin-panel + .admin-panel { margin-top: 20px; }
.admin-panel h2 { font-size: 29px; }
.panel-heading { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: end; }
.admin-columns { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: 24px; align-items: start; }
.admin-stack { display: grid; gap: 20px; }
.admin-stack .admin-panel { margin: 0; }
.back-link { display: inline-block; margin-bottom: 24px; color: var(--harbor); font-weight: 800; text-decoration: none; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th { padding: 12px 14px; border-bottom: 2px solid var(--navy); color: var(--navy); text-align: left; font: 800 11px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
td { padding: 15px 14px; border-bottom: 1px solid #c6cecf; vertical-align: top; }
tbody tr:hover { background: #f7f5ee; }
.status { display: inline-flex; align-items: center; width: max-content; padding: 5px 8px; border: 1px solid currentColor; border-radius: 999px; color: var(--harbor); background: #edf6f7; font: 800 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.status-new, .status-queued { color: #78500d; background: #fff6d8; }
.status-contacted, .status-processing { color: #0b5b78; background: #e6f5fb; }
.status-qualified, .status-active, .status-completed { color: var(--success); background: #e9f7ef; }
.status-converted { color: #5b3889; background: #f2eafa; }
.status-closed, .status-inactive, .status-expired, .status-failed { color: #7e2429; background: #fbeaea; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 24px 0 30px; }
.detail-grid > div { padding-bottom: 15px; border-bottom: 1px solid #d2d8d8; }
.detail-grid .wide { grid-column: 1 / -1; }
dt { color: var(--muted); font: 800 11px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
dd { margin: 7px 0 0; color: var(--ink); overflow-wrap: anywhere; }
fieldset { margin: 20px 0; padding: 0; border: 0; }
.check-row { display: flex; flex-wrap: wrap; gap: 8px; }
.check-pill input { position: absolute; opacity: 0; pointer-events: none; }
.check-pill span { display: inline-flex; min-height: 42px; align-items: center; padding: 8px 13px; border: 1px solid #95a2a4; background: white; cursor: pointer; }
.check-pill input:checked + span { border-color: var(--navy); background: var(--navy); color: white; }
.check-pill input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.check-row > label:not(.check-pill) { min-height: 44px; padding: 9px 13px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #95a2a4; background: white; color: var(--navy); font-weight: 700; }
.check-row > label:not(.check-pill) input { width: 18px; height: 18px; accent-color: var(--red); }
.form-panel { max-width: 900px; }
.form-panel .legal-note { margin: 0 0 28px; }
.form-panel form { display: grid; gap: 26px; }
.card-actions { margin: 20px 0 12px; display: flex; flex-wrap: wrap; gap: 12px; }
.secure-link { font: 12px/1.4 var(--mono); }
.management-panel { margin-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; }
.management-panel p { max-width: 760px; color: var(--muted); }
.management-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.management-actions form { margin: 0; }
.notice { padding: 14px 16px; border: 1px solid; }
.notice-warning { color: #654306; border-color: #b5882d; background: #fff6d8; }
.card-preview { padding: 20px; border: 1px solid #9ba8aa; background: #d9dedc; }
.card-preview img { width: 100%; display: block; box-shadow: 0 12px 28px rgba(22, 42, 58, .2); }
.card-preview-inactive { min-height: 260px; display: grid; place-items: center; color: var(--danger); border-style: dashed; font: 800 16px/1 var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.model-note { margin-top: 24px; padding-top: 18px; border-top: 1px solid #ccd2d2; color: var(--muted); font-size: 13px; }
.steps { padding-left: 22px; }
.steps li { padding: 8px 0; }
.login-shell { width: min(480px, calc(100% - 40px)); min-height: 100vh; margin: 0 auto; display: grid; align-content: center; gap: 16px; }
.login-shell h1 { font-size: 52px; }
.login-shell form { display: grid; gap: 20px; padding: 28px; border: 1px solid #9ba8aa; background: var(--white); box-shadow: var(--shadow); }

@media (max-width: 980px) {
  .hero, .page-hero, .form-page, .detail-section, .admin-columns, .management-panel { grid-template-columns: 1fr; }
  .hero-visual { width: min(680px, 100%); justify-self: center; aspect-ratio: 16 / 10; }
  .page-hero { min-height: auto; }
  .form-intro { position: static; }
  .detail-section { gap: 38px; }
}

@media (max-width: 720px) {
  .site-header, .admin-header { min-height: 70px; padding: 10px 18px; }
  .site-header nav > a:not(.button) { display: none; }
  .site-header .nav-group:not(.nav-mobile-menu) { display: none; }
  .site-header .nav-mobile-menu { display: block; font-size: 14px; font-weight: 700; }
  .nav-mobile-menu .nav-menu { right: 0; width: min(320px, calc(100vw - 36px)); max-height: 70vh; overflow-y: auto; }
  .admin-header { flex-wrap: wrap; gap: 12px; }
  .admin-header nav { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; }
  .admin-panel:has(.data-table) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .data-table { min-width: 560px; }
  .card-promo { grid-template-columns: 1fr; }
  .quote-grid, .teaser-grid { grid-template-columns: 1fr; }
  .brand { width: clamp(124px, 34vw, 152px); max-width: 100%; }
  .hero { min-height: auto; padding: 54px 18px 72px; gap: 40px; }
  .hero h1 { font-size: clamp(43px, 14vw, 62px); }
  .coverage, .detail-section, .cta, .legal-note, .page-hero, .form-page { width: min(100% - 36px, 1184px); }
  .coverage { padding: 70px 0; }
  .coverage-list a { grid-template-columns: 38px 1fr 28px; gap: 12px; }
  .coverage-list strong { font-size: 29px; }
  .coverage-list small { grid-column: 2; }
  .coverage-list a::after { grid-column: 3; grid-row: 1 / span 2; }
  .page-hero { padding: 60px 0 70px; }
  .field-grid, .detail-grid { grid-template-columns: 1fr; }
  .field-wide, .detail-grid .wide { grid-column: 1; }
  .form-shell { padding: 24px 20px; box-shadow: 5px 6px 0 rgba(22, 42, 58, .14); }
  .admin-main { width: min(100% - 24px, 1420px); padding-top: 28px; }
  .admin-title { align-items: start; flex-direction: column; }
  .admin-title-actions, .card-actions, .management-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .admin-title-actions .button, .card-actions .button, .management-actions .button { width: 100%; }
  .metric { width: 100%; }
  .admin-panel { padding: 18px 14px; }
  footer { grid-template-columns: 1fr; }
  footer nav, footer small { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media print {
  .site-header, .admin-header, footer, .button, form { display: none !important; }
  body { background: white; }
  .admin-main, .page-hero { width: 100%; padding: 0; }
}

/* Quote funnel */
.picker-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; max-width: 1100px; margin: 0 auto; padding: 0 18px 48px; }
.picker-card { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 2px solid #162a3a; background: #fffdf7; box-shadow: 6px 6px 0 #162a3a; text-decoration: none; color: #162a3a; }
.picker-card strong { font-size: 1.5rem; font-family: Georgia, serif; }
.picker-card small { color: #4a5560; }
.picker-card .button { margin-top: 10px; text-align: center; }
.picker-card:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 #b4232a; }
.quote-form .form-actions { display: flex; gap: 12px; margin-top: 20px; }
.tier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 18px 0; }
.tier-card { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 2px solid #162a3a; background: #fffdf7; box-shadow: 5px 5px 0 #162a3a; cursor: pointer; }
.tier-card:has(input:checked) { border-color: #b4232a; box-shadow: 5px 5px 0 #b4232a; background: #fdf3ee; }
.tier-card input { position: absolute; opacity: 0; }
.tier-card strong { font-size: 1.8rem; font-family: Georgia, serif; }
.tier-card strong small { font-size: 0.9rem; color: #4a5560; }
.review-table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.review-table th, .review-table td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #d8cfba; vertical-align: top; }
.review-table th { font-family: Consolas, monospace; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #4a5560; width: 40%; }
.timeline { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 18px 0; }
.timeline li { padding: 6px 14px; border: 1px solid #162a3a; font-family: Consolas, monospace; font-size: 0.8rem; color: #6b7680; }
.timeline li.done { background: #162a3a; color: #f5f0e5; }
.timeline li.current { background: #b4232a; border-color: #b4232a; color: #fff; }

/* --------------------------------------------------------------------------
   UnitedRed 2026 editorial redesign
   The class-prefixed layer is intentionally additive so legacy operational
   routes keep their proven behavior while sharing the finished visual system.
   -------------------------------------------------------------------------- */

:root {
  --ur-cream: #f5f0e5;
  --ur-paper: #fffcf5;
  --ur-navy: #162a3a;
  --ur-red: #b4232a;
  --ur-harbor: #315c6f;
  --ur-muted: #626b6e;
  --ur-lift: 8px 8px 0 var(--ur-navy);
  --ur-lift-small: 4px 4px 0 var(--ur-navy);
  --ur-rule: 2px solid var(--ur-navy);
}

.ur-page {
  min-width: 0;
  overflow-x: clip;
  container: page / inline-size;
}

.ur-page main,
.ur-page section,
.ur-page article,
.ur-page aside,
.ur-page div { min-width: 0; }

.ur-page h1,
.ur-page h2,
.ur-page h3 { text-wrap: balance; }

.ur-page p { text-wrap: pretty; }

.ur-header {
  width: min(1320px, 100%);
  min-height: 78px;
  padding: 12px 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 2.2vw, 32px);
  border-bottom: var(--ur-rule);
  background: color-mix(in srgb, var(--ur-cream) 96%, transparent);
}

.ur-header .brand { flex: none; }

.ur-nav {
  justify-self: end;
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(12px, 1.45vw, 24px);
  white-space: nowrap;
}

.ur-headend {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  white-space: nowrap;
}

.ur-headend > a:not(.button) {
  color: var(--ur-navy);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.ur-headend > a:not(.button):hover { color: var(--ur-red); }
.ur-mobile-menu { display: none; }
.ur-header .button { padding-inline: 17px; box-shadow: 3px 3px 0 var(--ur-navy); }

.nav-menu {
  border: var(--ur-rule);
  border-radius: 0;
  box-shadow: var(--ur-lift-small);
}

.ur-plate {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border: var(--ur-rule);
  border-radius: 0;
  background: #e7decd;
  box-shadow: var(--ur-lift);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.ur-plate > img,
.ur-plate > video,
.ur-plate img,
.ur-plate video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ur-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}

.ur-section-head > p { max-width: 48ch; margin: 0; color: var(--ur-muted); }
.ur-section-head > a { flex: none; color: var(--ur-red); font-weight: 800; }
.ur-lede { color: var(--ur-muted); font-size: clamp(18px, 1.8vw, 22px); }

.ur-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.ur-actions .button { margin: 0; }
.button-light { border-color: var(--ur-paper); color: var(--ur-paper); background: transparent; box-shadow: 4px 4px 0 var(--ur-red); }
.button-light:hover { color: var(--ur-navy); background: var(--ur-paper); }

/* Homepage */
.ur-hero {
  width: min(1240px, calc(100% - 56px));
  min-height: 0;
  margin: 0 auto;
  padding: clamp(64px, 7vw, 108px) 0 clamp(82px, 8vw, 124px);
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(440px, 1.16fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
}

.ur-hero h1 { max-width: 9ch; font-size: clamp(55px, 6.6vw, 96px); }
.ur-hero .ur-lede { max-width: 35ch; margin: 26px 0 0; }
.ur-hero-figure { margin: 0; }
.ur-hero-media { aspect-ratio: 16 / 9; }

.ur-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 34px 0 0;
  padding: 14px 0;
  list-style: none;
  border-block: 1px solid var(--line-strong);
}

.ur-facts li {
  padding: 0 15px;
  border-right: 1px solid var(--line-strong);
  color: var(--ur-harbor);
  font: 800 10px/1.4 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ur-facts li:first-child { padding-left: 0; }
.ur-facts li:last-child { border: 0; }

.ur-coverage,
.ur-market-band,
.ur-process,
.ur-story,
.ur-plain,
.ur-coverage-markets,
.ur-carrier-ledger {
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto;
  padding: clamp(72px, 8vw, 112px) 0;
}

.ur-coverage { border-top: var(--ur-rule); }

.ur-covgrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.ur-cov {
  position: relative;
  display: flex;
  flex-direction: column;
  border: var(--ur-rule);
  background: var(--ur-paper);
  box-shadow: var(--ur-lift-small);
}

.ur-cov > a { display: flex; flex: 1; flex-direction: column; color: inherit; text-decoration: none; }
.ur-cov .ur-plate { aspect-ratio: 4 / 5; border: 0; border-bottom: var(--ur-rule); box-shadow: none; clip-path: none; }
.ur-cov-copy { display: flex; flex: 1; flex-direction: column; padding: 22px 20px 0; }
.ur-cov h3 { margin: 0; font-size: clamp(30px, 2.8vw, 42px); }
.ur-cov p { color: var(--ur-muted); }
.ur-frame-no {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  min-width: 38px;
  padding: 7px 8px;
  color: var(--ur-paper);
  background: var(--ur-navy);
  font: 800 11px/1 var(--mono);
}

.ur-prep-label {
  margin: 16px 0 6px !important;
  color: var(--ur-red) !important;
  font: 800 10px/1.2 var(--mono);
  letter-spacing: .1em;
}

.ur-need { margin: 0 0 18px; padding-left: 18px; color: var(--ur-navy); font-size: 13px; }
.ur-need li + li { margin-top: 5px; }
.ur-go {
  margin: auto -20px 0;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line-strong);
  color: var(--ur-navy);
  font: 800 11px/1.2 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ur-cov a:hover .ur-go { color: var(--ur-paper); background: var(--ur-red); }

.ur-showcase {
  width: min(1280px, calc(100% - 32px));
  margin-bottom: 0;
  padding: clamp(40px, 5.5vw, 78px);
  grid-template-columns: minmax(0, .85fr) minmax(460px, 1.15fr);
  gap: clamp(38px, 6vw, 88px);
  border: var(--ur-rule);
  border-radius: 0;
  box-shadow: 10px 10px 0 var(--ur-red);
}

.ur-showcase h2 { font-size: clamp(42px, 5vw, 72px); }
.ur-showcase .button-primary { border-color: var(--ur-paper); }
.ur-mini-ledger { margin: 30px 0 0; border-top: 1px solid #536673; }
.ur-mini-ledger > div { padding: 11px 0; display: grid; grid-template-columns: 100px 1fr; border-bottom: 1px solid #536673; }
.ur-mini-ledger dt { color: #9fb0b4; }
.ur-mini-ledger dd { margin: 0; color: var(--ur-paper); font: 800 12px/1.3 var(--mono); text-transform: uppercase; }
.ur-card-stage { min-width: 0; }
.ur-card-sample {
  position: relative;
  aspect-ratio: 7 / 4;
  padding: clamp(22px, 3vw, 38px);
  overflow: hidden;
  color: var(--ur-navy);
  background: var(--ur-paper);
  border: var(--ur-rule);
  box-shadow: 8px 8px 0 #091821;
}

.ur-card-sample::after {
  content: "READY";
  position: absolute;
  inset: 0 0 0 72%;
  padding-top: 27%;
  color: var(--ur-paper);
  background: var(--ur-navy);
  text-align: center;
  font: 800 10px/1 var(--mono);
  letter-spacing: .12em;
}

.ur-card-logo { display: block; width: min(68%, 250px); height: auto; margin-bottom: 5%; }
.ur-card-sample > small { color: var(--ur-harbor); font: 800 9px/1 var(--mono); letter-spacing: .12em; }
.ur-card-sample h3 { max-width: 68%; margin: 4% 0 1%; font-size: clamp(26px, 4vw, 52px); }
.ur-card-sample > p { margin: 0; color: var(--ur-harbor); font-size: 12px; }
.ur-card-sample dl { max-width: 66%; margin-top: 7%; display: grid; grid-template-columns: 1fr 1fr; }
.ur-card-sample dl div { min-width: 0; }
.ur-card-sample dd { font: 800 11px/1.2 var(--mono); }
.ur-card-sample > strong { position: absolute; z-index: 2; bottom: 18px; left: clamp(22px, 3vw, 38px); color: var(--ur-red); font: 800 9px/1 var(--mono); letter-spacing: .08em; }
.ur-disclaim { margin: 18px 0 0 !important; padding: 14px 16px; border: 1px solid #768790; color: #dce3e2 !important; background: #203e52; font-size: 13px; }

.ur-market-band { border-bottom: var(--ur-rule); }
.ur-ledger { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: var(--ur-rule); background: var(--ur-paper); }
.ur-ledger > div { min-height: 126px; padding: 20px 16px; display: grid; align-content: start; border-right: 1px solid var(--ur-navy); }
.ur-ledger > div:last-child { border-right: 0; }
.ur-ledger span { color: var(--ur-red); font: 800 10px/1 var(--mono); }
.ur-ledger strong { margin-top: 18px; color: var(--ur-navy); font: 700 clamp(19px, 2vw, 28px)/1.05 var(--serif); }
.ur-ledger small { margin-top: 8px; color: var(--ur-muted); font: 700 9px/1.35 var(--mono); text-transform: uppercase; }
.ur-market-band .legal-note,
.ur-coverage-markets .legal-note { width: 100%; margin: 24px 0 0; }

.ur-process { border-bottom: var(--ur-rule); }
.ur-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-block: var(--ur-rule); }
.ur-steps li { min-height: 190px; padding: 28px 22px; border-right: 1px solid var(--ur-navy); }
.ur-steps li:last-child { border: 0; }
.ur-steps span { color: var(--ur-red); font: 800 11px/1 var(--mono); }
.ur-steps h3 { margin: 26px 0 8px; font-size: 28px; }
.ur-steps p { margin: 0; color: var(--ur-muted); }
.ur-gate { margin-top: 28px; padding: 20px 24px; display: grid; grid-template-columns: minmax(180px, .4fr) 1fr; gap: 24px; border: var(--ur-rule); background: #fff8e3; box-shadow: var(--ur-lift-small); }
.ur-gate strong { color: var(--ur-red); font: 800 11px/1.3 var(--mono); letter-spacing: .12em; }
.ur-gate p { margin: 0; color: var(--ur-navy); }

.ur-story > .ur-media-figure:first-child { margin: 0 0 80px; }
.ur-story-media { aspect-ratio: 21 / 9; }
.ur-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ur-post { display: flex; flex-direction: column; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }
.ur-post > a { display: block; flex: 1; color: inherit; text-decoration: none; }
.ur-post .ur-plate { aspect-ratio: 16 / 9; border: 0; border-bottom: var(--ur-rule); box-shadow: none; clip-path: none; }
.ur-post-copy { padding: 22px; }
.ur-post-copy h3 { margin: 10px 0; font-size: 28px; }
.ur-post-copy p:not(.eyebrow) { color: var(--ur-muted); }
.ur-post-copy > span { color: var(--ur-red); font: 800 11px/1 var(--mono); text-transform: uppercase; }
.ur-empty { grid-column: 1 / -1; padding: 40px; border: var(--ur-rule); background: var(--ur-paper); }

.ur-final-cta {
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto 100px;
  padding: clamp(30px, 4vw, 54px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 32px;
  border: var(--ur-rule);
  background: var(--ur-paper);
  box-shadow: var(--ur-lift);
}
.ur-final-cta p { margin-bottom: 0; }
.ur-final-cta .button { margin: 0; }

/* Coverage and carrier pages */
.ur-coverage-hero {
  width: min(1240px, calc(100% - 56px));
  min-height: 0;
  padding: clamp(62px, 7vw, 104px) 0 86px;
  grid-template-columns: minmax(0, .82fr) minmax(440px, 1.18fr);
  gap: clamp(42px, 6vw, 84px);
  align-items: center;
}
.ur-coverage-hero h1 { font-size: clamp(50px, 6vw, 84px); }
.ur-media-figure { margin: 0; }
.ur-media-figure .ur-plate { aspect-ratio: 16 / 9; }
.ur-video-stage > .ur-video-poster,
.ur-video-stage > .ur-video-poster > img {
  display: block;
  width: 100%;
  height: 100%;
}
.ur-video-stage > .ur-video-poster > img { object-fit: cover; }
.ur-video-stage > video {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.ur-loop-toggle {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 250, 240, .84);
  border-radius: 3px;
  color: #fffaf0;
  background: rgba(7, 24, 36, .88);
  box-shadow: 0 2px 8px rgba(7, 20, 29, .24);
  font: 800 11px/1 var(--mono);
  letter-spacing: .03em;
}
.ur-loop-toggle:hover:not(:disabled),
.ur-loop-toggle:focus-visible { color: #fff; background: #071824; }
.ur-loop-toggle:disabled { cursor: not-allowed; opacity: .74; }
.ur-video-stage.is-unavailable > video,
.ur-video-stage.is-static > video { display: none; }

.ur-card-video,
.ur-blog-media,
.ur-post-media { aspect-ratio: 16 / 9; }
.ur-hero .ur-hero-media { aspect-ratio: 16 / 9; }
.ur-story .ur-story-media { aspect-ratio: 21 / 9; }
.ur-cov .ur-card-video,
.ur-pick .ur-card-video { aspect-ratio: 4 / 5; }
.ur-media-figure-compact { width: 100%; }
.ur-blog-card { padding: 0; gap: 0; overflow: hidden; }
.ur-blog-card .ur-plate { border: 0; border-bottom: var(--ur-rule); box-shadow: none; clip-path: none; }
.ur-blog-link { display: grid; flex: 1; gap: 10px; padding: 20px; color: inherit; text-decoration: none; }
.ur-blog-link:hover strong { color: var(--ur-red); }

.ur-ready { width: min(1240px, calc(100% - 56px)); padding: 76px 0; display: block; border-block: var(--ur-rule); }
.ur-ready-grid { max-width: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border: var(--ur-rule); background: var(--ur-paper); }
.ur-ready-grid li { min-height: 150px; padding: 22px 18px; border-right: 1px solid var(--ur-navy); }
.ur-ready-grid li:last-child { border: 0; }
.ur-ready-grid span,
.ur-plain-grid span { color: var(--ur-red); font: 800 11px/1 var(--mono); }
.ur-ready-grid p { margin: 22px 0 0; color: var(--ur-navy); }

.ur-plain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 30px; }
.ur-plain-grid article { padding: 25px; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }
.ur-plain-grid h3 { margin: 24px 0 8px; font-size: 28px; }
.ur-plain-grid p { margin: 0; color: var(--ur-muted); }
.ur-coverage-markets { border-top: var(--ur-rule); }

.ur-carriers-head { min-height: 0; padding-bottom: 54px; }
.ur-carrier-ledger { padding-top: 0; }
.carrier-market { margin: 0 0 50px; }
.carrier-market + .carrier-market { margin-top: 56px; }
.carrier-market h2 { max-width: 19ch; margin-bottom: 24px; }
.ur-carrier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.carrier-card { min-height: 180px; padding: 24px; display: flex; flex-direction: column; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }
.carrier-card strong { margin: auto 0 12px; color: var(--ur-navy); font: 700 clamp(28px, 3vw, 42px)/1 var(--serif); }
.carrier-card small { color: var(--ur-muted); font: 700 10px/1.4 var(--mono); text-transform: uppercase; }
.ur-carrier-ledger > .legal-note { width: 100%; margin: 56px 0 0; }

/* Quote selector, wizard, review and status */
.ur-quote-intro { min-height: 0; padding-bottom: 50px; }
.ur-quote-intro .ur-gate { max-width: 800px; }
.ur-picker {
  width: min(1240px, calc(100% - 56px));
  max-width: 1240px;
  margin: 0 auto 100px;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.ur-pick { padding: 0; display: flex; flex-direction: column; gap: 0; border: var(--ur-rule); box-shadow: var(--ur-lift-small); }
.ur-pick > a { display: flex; flex: 1; flex-direction: column; color: inherit; text-decoration: none; }
.ur-pick .ur-plate { aspect-ratio: 4 / 5; border: 0; border-bottom: var(--ur-rule); box-shadow: none; clip-path: none; }
.ur-picker-copy { flex: 1; padding: 20px; display: flex; flex-direction: column; }
.ur-picker-copy h2 { font-size: 38px; }
.ur-picker-copy > p:not(.eyebrow, .ur-prep-label) { color: var(--ur-muted); }
.ur-picker-copy .button { margin-top: auto; }

.ur-wizard-head { min-height: 0; padding-bottom: 36px; }
.ur-track {
  width: 100%;
  margin: 34px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  list-style: none;
  border: var(--ur-rule);
  background: var(--ur-paper);
}
.ur-track-step { position: relative; min-width: 0; min-height: 76px; padding: 13px 10px; border-right: 1px solid var(--ur-navy); color: var(--ur-muted); }
.ur-track-step:last-child { border: 0; }
.ur-track-step span { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid currentColor; font: 800 10px/1 var(--mono); }
.ur-track-step small { display: block; margin-top: 8px; font: 700 9px/1.2 var(--mono); letter-spacing: .03em; text-transform: uppercase; }
.ur-track-step.is-done { color: var(--ur-paper); background: var(--ur-navy); }
.ur-track-step.is-current { color: var(--ur-paper); background: var(--ur-red); }
.ur-form-frame,
.ur-review,
.ur-options-section { display: block; }
.ur-error-summary { margin-bottom: 24px; padding: 18px 20px; border: 2px solid var(--danger); background: #fff7f6; }
.ur-error-summary strong { color: var(--danger); }
.ur-error-summary ul { margin-bottom: 0; }
.ur-error-summary a { color: var(--danger); }
.ur-form-frame .field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ur-tier { position: relative; min-height: 260px; padding: 24px; border: var(--ur-rule); border-radius: 0; box-shadow: var(--ur-lift-small); }
.ur-tier:hover { transform: translate(-2px, -2px); }
.ur-tier:has(input:focus-visible) { outline: 3px solid var(--focus); outline-offset: 4px; }
.ur-tier.is-selected,
.ur-tier:has(input:checked) { border-color: var(--ur-red); background: #fff8f4; box-shadow: 6px 6px 0 var(--ur-red); }
.ur-stamp { width: max-content; max-width: 100%; margin: 4px 0 22px; padding: 6px 8px; display: inline-block; border: 2px solid var(--ur-red); color: var(--ur-red); font: 800 9.5px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; transform: rotate(-1.2deg); }
.ur-tier > strong { margin-top: auto; }
.ur-tier .eyebrow { margin-bottom: 2px; }
.ur-options-section .ur-gate { margin-top: 32px; }
.ur-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
.ur-status-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ur-status-card { margin-top: 28px; padding: 26px; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }

/* Customer access and private documents */
.ur-shell { min-height: 0; max-width: 1080px; padding-block: clamp(60px, 8vw, 110px); grid-template-columns: 1fr minmax(360px, .75fr); gap: clamp(42px, 7vw, 90px); align-items: start; }
.ur-shell .ur-gate { grid-template-columns: 1fr; }
.ur-access-panel { padding: 28px; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift); }
.ur-access-panel .access-form { max-width: none; margin: 0 0 22px; }
.ur-access-error { margin: 0 0 20px; padding: 16px; border: 2px solid var(--danger); background: #fff7f6; color: var(--danger); }
.ur-access-error p { margin: 4px 0 0; }
.ur-private-row { min-height: 48px; display: flex; align-items: start; gap: 12px; padding: 12px; border: 1px solid var(--line-strong); color: var(--ur-navy); font-size: 13px; }
.ur-private-row input { flex: none; width: 18px; height: 18px; accent-color: var(--ur-red); }

.ur-customer-hub { width: min(1240px, calc(100% - 56px)); max-width: 1240px; min-height: 0; padding-block: 64px 100px; display: block; }
.ur-hub-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 30px; border-bottom: var(--ur-rule); }
.ur-hub-head h1 { font-size: clamp(44px, 5vw, 72px); }
.ur-hub-card { margin-top: 34px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 28px; align-items: start; }
.ur-hub-card .ur-card-stage { padding: 22px; background: var(--ur-navy); border: var(--ur-rule); }
.ur-hub-card img { display: block; width: 100%; height: auto; border: 1px solid var(--ur-paper); box-shadow: 7px 7px 0 #091821; }
.ur-verification { padding: 24px; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }
.ur-verification dl { border-top: 1px solid var(--line-strong); }
.ur-verification dl > div { padding: 12px 0; display: grid; grid-template-columns: 90px 1fr; border-bottom: 1px solid var(--line); }
.ur-verification dd { margin: 0; font: 800 11px/1.3 var(--mono); }
.ur-hub-panel { margin-top: 34px; padding: 26px; border: var(--ur-rule); background: var(--ur-paper); box-shadow: var(--ur-lift-small); }
.ur-hub-panel .ur-section-head { margin-bottom: 20px; }
.ur-hub-panel .data-table { min-width: 720px; }

/* Operate / demo workspace */
.ur-admin-header { z-index: 80; box-shadow: 0 3px 0 var(--ur-navy); }
.ur-customer-workspace { width: 100%; }
.ur-identity-bar { margin-bottom: 18px; padding: 16px 20px; border: var(--ur-rule); background: var(--ur-paper); }
.ur-identity-bar h1 { font-size: clamp(34px, 3.3vw, 52px); }
.ur-identity-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: end; gap: 8px; }
.ur-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(430px, .72fr); gap: 18px; align-items: start; }
.ur-workspace-primary,
.ur-workspace-preview { display: grid; gap: 18px; }
.ur-workspace-grid .admin-panel { margin: 0; padding: 18px; border: var(--ur-rule); box-shadow: var(--ur-lift-small); }
.ur-workspace-grid .panel-heading { margin-bottom: 12px; }
.ur-workspace-grid .admin-panel h2 { font-size: 25px; }
.ur-customer-facts .detail-grid { margin: 12px 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ur-customer-facts .detail-grid > div { padding-bottom: 8px; }
.ur-policy-ledger .data-table { min-width: 720px; }
.ur-policy-form .field-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ur-policy-form .field-wide { grid-column: span 2; }
.ur-policy-form .field > span { font-size: 11px; }
.ur-policy-form .field input,
.ur-policy-form .field select { min-height: 42px; padding: 8px 10px; font-size: 13px; }
.ur-policy-form .field small { font-size: 11px; }
.ur-policy-form .legal-note { width: 100%; margin: 0 0 14px; padding: 12px; font-size: 12px; }
.ur-policy-form .button { margin-top: 16px; }
.ur-preview-panel { background: var(--ur-navy) !important; }
.ur-preview-panel h2 { color: var(--ur-paper); }
.ur-preview-panel .eyebrow { color: #ef6a70; }
.ur-admin-card-preview { padding: 12px; border: 1px solid #73858e; background: #203e52; }
.ur-admin-card-preview img { height: auto; aspect-ratio: 7 / 4; box-shadow: 6px 6px 0 #07131a; }
.ur-preview-panel .ur-disclaim { color: #dce3e2 !important; }
.ur-secret { padding: 14px; border: 1px solid var(--line-strong); background: #f7f2e7; }
.ur-secret-label { display: block; margin-bottom: 7px; color: var(--ur-navy); font: 800 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.ur-secret-toggle { width: 100%; min-height: 48px; padding: 10px 12px; display: block; overflow-wrap: anywhere; border: 1px solid var(--ur-navy); color: var(--ur-navy); background: var(--ur-paper); text-align: left; font: 700 11px/1.45 var(--mono); cursor: pointer; }
.ur-secret-toggle[aria-pressed="true"] { border-color: var(--ur-red); background: #fff7f6; }
.ur-secret-actions { margin-top: 10px; display: flex; align-items: center; gap: 12px; }
.ur-secret-actions .button { flex: none; }
.ur-secret-actions [role="status"] { color: var(--ur-muted); font-size: 12px; }
.ur-access-controls .card-actions { margin-top: 14px; }
.ur-workspace-preview .management-panel { display: block; }
.ur-workspace-preview .management-actions { margin-top: 16px; }

.admin-main:has(.ur-customer-workspace) { padding-top: 18px; padding-bottom: 36px; }
.ur-customer-workspace > .back-link { margin-bottom: 10px; }
.ur-customer-workspace .ur-identity-bar { margin-bottom: 14px; padding-block: 10px; }
.ur-customer-workspace .ur-identity-bar h1 { font-size: clamp(31px, 2.7vw, 43px); }
.ur-customer-workspace .ur-workspace-grid,
.ur-customer-workspace .ur-workspace-primary,
.ur-customer-workspace .ur-workspace-preview { gap: 12px; }
.ur-customer-workspace .admin-panel { padding: 14px; }
.ur-customer-workspace .panel-heading { margin-bottom: 8px; }
.ur-customer-workspace .ur-customer-facts .detail-grid { margin-top: 5px; }
.ur-customer-workspace .ur-policy-form .field-grid { gap: 8px 10px; }
.ur-customer-workspace .ur-policy-form .field { gap: 4px; }
.ur-customer-workspace .ur-policy-form .field input,
.ur-customer-workspace .ur-policy-form .field select { min-height: 38px; padding-block: 6px; }
.ur-customer-workspace .ur-policy-form .legal-note { margin-bottom: 10px; padding: 9px 11px; }

.status-pending,
.status-submitted,
.status-under_review,
.status-changes_requested,
.status-approved,
.status-signed,
.status-paid,
.status-bind_pending,
.status-bound,
.status-declined { white-space: nowrap; }
.status-submitted,
.status-under_review,
.status-pending,
.status-bind_pending { color: var(--warning); background: #fff6d8; }
.status-approved,
.status-signed,
.status-paid,
.status-bound { color: var(--success); background: #e9f7ef; }
.status-changes_requested,
.status-declined { color: var(--danger); background: #fbeaea; }

.ur-fmobile { display: contents; }
.ur-footer { width: 100%; padding-inline: max(28px, calc((100% - 1240px) / 2)); grid-template-columns: 1.15fr repeat(4, minmax(130px, 1fr)); column-gap: 30px; }
.ur-footer .footer-legal { margin-top: 12px; }

@container page (max-width: 1100px) {
  .ur-header { gap: 14px; }
  .ur-nav { gap: 10px; font-size: 13px; }
  .ur-customer-link { display: none; }
}

@container page (max-width: 980px) {
  .ur-hero,
  .ur-coverage-hero,
  .ur-shell { grid-template-columns: 1fr; }
  .ur-hero { gap: 54px; }
  .ur-hero h1 { max-width: 12ch; }
  .ur-hero-figure,
  .ur-media-figure { width: min(760px, 100%); }
  .ur-covgrid,
  .ur-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ur-showcase { grid-template-columns: 1fr; }
  .ur-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ur-ledger > div { border-bottom: 1px solid var(--ur-navy); }
  .ur-ledger > div:nth-child(2n) { border-right: 0; }
  .ur-ledger > div:last-child { border-bottom: 0; }
  .ur-steps { grid-template-columns: repeat(2, 1fr); }
  .ur-steps li:nth-child(2n) { border-right: 0; }
  .ur-steps li:nth-child(-n+2) { border-bottom: 1px solid var(--ur-navy); }
  .ur-rail,
  .ur-plain-grid { grid-template-columns: 1fr; }
  .ur-ready-grid { grid-template-columns: repeat(2, 1fr); }
  .ur-ready-grid li:nth-child(2n) { border-right: 0; }
  .ur-ready-grid li:nth-child(-n+2) { border-bottom: 1px solid var(--ur-navy); }
  .ur-carrier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ur-workspace-grid { grid-template-columns: 1fr; }
  .ur-workspace-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .ur-preview-panel { grid-column: 1 / -1; }
  .ur-hub-card { grid-template-columns: 1fr; }
  .ur-footer { grid-template-columns: 1fr repeat(4, minmax(110px, 1fr)); }
}

@container page (max-width: 720px) {
  .ur-header {
    min-height: 66px;
    padding: 8px 16px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
  }
  .ur-header .brand { width: clamp(124px, 34vw, 152px); max-width: 100%; }
  .ur-nav,
  .ur-customer-link { display: none !important; }
  .ur-headend { gap: 7px; }
  .ur-headend .ur-quote-link { width: 72px; min-height: 44px; padding: 10px 6px; font-size: 0; text-align: center; }
  .ur-headend .ur-quote-link::after { content: "Quote"; font-size: 12px; }
  .ur-mobile-menu { display: block; }
  .ur-mobile-menu > summary { min-width: 62px; min-height: 44px; padding: 12px 9px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--ur-navy); background: var(--ur-paper); font: 800 12px/1 var(--mono); }
  .ur-mobile-menu > summary::after { margin-left: 4px; }
  .ur-mobile-menu .nav-menu { position: fixed; top: 66px; right: 16px; left: auto; width: calc(100vw - 32px); max-height: calc(100vh - 82px); overflow-y: auto; }

  .ur-hero,
  .ur-coverage,
  .ur-market-band,
  .ur-process,
  .ur-story,
  .ur-plain,
  .ur-coverage-markets,
  .ur-carrier-ledger,
  .ur-coverage-hero,
  .ur-ready,
  .ur-picker,
  .ur-final-cta,
  .ur-customer-hub { width: calc(100% - 32px); }
  .ur-hero { padding: 54px 0 78px; gap: 42px; }
  .ur-hero h1 { font-size: clamp(38px, 11.5cqi, 50px); }
  .ur-hero-media,
  .ur-hero .ur-hero-media { aspect-ratio: 4 / 5; }
  .ur-facts { display: grid; grid-template-columns: 1fr; }
  .ur-facts li { min-height: 34px; padding: 8px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .ur-facts li:last-child { border: 0; }
  .ur-section-head { align-items: start; flex-direction: column; gap: 14px; }
  .ur-covgrid,
  .ur-picker,
  .ur-ledger,
  .ur-steps,
  .ur-ready-grid,
  .ur-carrier-grid,
  .ur-plain-grid,
  .ur-rail,
  .ur-hub-card,
  .ur-workspace-grid,
  .ur-workspace-preview { grid-template-columns: 1fr; }
  .ur-ledger > div,
  .ur-ledger > div:nth-child(2n),
  .ur-steps li,
  .ur-steps li:nth-child(2n),
  .ur-ready-grid li,
  .ur-ready-grid li:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--ur-navy); }
  .ur-ledger > div:last-child,
  .ur-steps li:last-child,
  .ur-ready-grid li:last-child { border-bottom: 0; }
  .ur-showcase { width: calc(100% - 20px); padding: 30px 20px; }
  .ur-showcase h2 { font-size: 40px; }
  .ur-card-sample { padding: 18px; }
  .ur-card-sample h3 { font-size: 25px; }
  .ur-card-sample > strong { left: 18px; bottom: 11px; max-width: 58%; font-size: 7px; }
  .ur-card-sample dl { margin-top: 4%; }
  .ur-gate { grid-template-columns: 1fr; gap: 9px; }
  .ur-story > .ur-media-figure:first-child { margin-bottom: 52px; }
  .ur-story-media,
  .ur-story .ur-story-media { aspect-ratio: 16 / 9; }
  .ur-final-cta { margin-bottom: 72px; grid-template-columns: 1fr; }
  .ur-final-cta .button,
  .ur-actions .button { width: 100%; text-align: center; }
  .ur-coverage-hero { padding: 54px 0 72px; }
  .ur-coverage-hero h1 { font-size: 45px; }
  .ur-media-figure .ur-plate { aspect-ratio: 16 / 9; }
  .ur-ready { padding-block: 60px; }
  .ur-track { grid-template-columns: repeat(3, 1fr); }
  .ur-track-step { border-bottom: 1px solid var(--ur-navy); }
  .ur-track-step:nth-child(3n) { border-right: 0; }
  .ur-track-step:nth-child(n+4) { border-bottom: 0; }
  .ur-form-frame .field-grid { grid-template-columns: 1fr; }
  .tier-grid { grid-template-columns: 1fr; }
  .ur-table-scroll table { min-width: 680px; }
  .ur-status-heading,
  .ur-hub-head { align-items: start; flex-direction: column; }
  .ur-shell { width: calc(100% - 32px); gap: 34px; }
  .ur-access-panel { padding: 20px 16px; }
  .ur-hub-card .ur-card-stage { padding: 12px; }
  .ur-hub-panel { padding: 18px 14px; }
  .ur-customer-hub { padding-top: 48px; }

  .ur-admin-header { display: flex; flex-wrap: wrap; padding: 10px 12px; }
  .ur-admin-header nav { order: 3; width: 100%; max-width: 100%; padding: 7px 2px; flex-wrap: nowrap; overflow-x: auto; }
  .ur-admin-header nav a { flex: none; }
  .ur-identity-bar { align-items: start; }
  .ur-identity-actions { justify-content: start; }
  .ur-customer-facts .detail-grid,
  .ur-policy-form .field-grid { grid-template-columns: 1fr; }
  .ur-policy-form .field-wide { grid-column: 1; }
  .ur-workspace-grid .admin-panel { padding: 14px; }
  .ur-preview-panel { grid-column: auto; }
  .ur-secret-actions { align-items: start; flex-direction: column; }

  .ur-footer { padding: 42px 20px 30px; display: grid; grid-template-columns: 1fr; }
  .ur-footer .footer-brand { margin-bottom: 14px; }
  .ur-fmobile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; }
  .ur-footer .footer-col { min-width: 0; }
  .ur-footer .footer-col a { min-height: 32px; display: flex; align-items: center; overflow-wrap: anywhere; }
  .ur-footer .footer-legal { grid-column: 1; }
}

/* Viewport fallbacks for engines without container queries. */
@media (max-width: 720px) {
  .ur-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; flex-wrap: nowrap; }
  .ur-header .ur-nav,
  .ur-header .ur-customer-link { display: none !important; }
  .ur-header .ur-mobile-menu { display: block; }
  .ur-fmobile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .brand img { filter: none; }
  .ur-cov a:hover,
  .ur-pick:hover,
  .ur-tier:hover,
  .button:hover,
  .ur-stamp { transform: none; }
  [data-media-loop] { animation: none !important; }
  .ur-video-stage > video { display: none !important; }
}

@media (prefers-contrast: more) {
  .brand img { filter: contrast(1.45); }
}

@media (forced-colors: active) {
  .brand {
    padding: 0;
    border: 0;
    outline: 1px solid LinkText;
    outline-offset: 2px;
    background: Canvas;
    forced-color-adjust: none;
  }
  .brand img { filter: grayscale(1) contrast(2.4); }
  .ur-loop-toggle { border: 1px solid ButtonText; color: ButtonText; background: ButtonFace; box-shadow: none; }
}

/* --------------------------------------------------------------------------
   UnitedRed Royal Key / cinematic delivery release
   -------------------------------------------------------------------------- */

:root {
  --ur-hero-height: clamp(600px, 88svh, 780px);
  --ur-hero-height-mobile: clamp(520px, 76svh, 620px);
  --ur-content-max: 1200px;
  --ur-hero-copy-max: 680px;
  --ur-key-spin: 18s;
  --ur-navy: #0b1b33;
  --ur-red: #c8102e;
  --ur-metal-light: #d9dee6;
  --ur-metal-dark: #9aa5b4;
}

.ur-header {
  width: 100%;
  min-height: 88px;
  padding-inline: max(24px, calc((100% - var(--ur-content-max)) / 2));
  border-bottom: 1px solid color-mix(in srgb, var(--ur-navy) 28%, transparent);
  background: color-mix(in srgb, var(--ur-cream) 97%, transparent);
}

.brand {
  width: 196px;
  max-width: 100%;
  aspect-ratio: auto;
  gap: 7px;
  overflow: visible;
}

.brand-key-stage {
  width: 38px;
  height: 38px;
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  perspective: 560px;
  transform-style: preserve-3d;
}

.brand-key {
  width: 38px !important;
  height: 38px !important;
  max-width: none;
  object-fit: contain;
  transform-origin: 39% 52%;
  transform-style: preserve-3d;
  backface-visibility: visible;
  animation: ur-key-turn var(--ur-key-spin) linear infinite;
  will-change: transform, filter;
}

.brand-wordmark {
  width: 151px !important;
  height: auto !important;
  max-width: none;
  flex: 0 0 151px;
  object-fit: contain;
}

@keyframes ur-key-turn {
  0% { transform: rotateY(0deg); filter: drop-shadow(0 2px 2px rgba(3, 16, 26, .22)) brightness(1); }
  24% { filter: drop-shadow(2px 3px 3px rgba(3, 16, 26, .34)) brightness(1.08); }
  50% { transform: rotateY(180deg); filter: drop-shadow(0 2px 2px rgba(3, 16, 26, .24)) brightness(.88); }
  76% { filter: drop-shadow(-2px 3px 3px rgba(3, 16, 26, .34)) brightness(1.08); }
  100% { transform: rotateY(360deg); filter: drop-shadow(0 2px 2px rgba(3, 16, 26, .22)) brightness(1); }
}

.ur-hero-cinematic {
  position: relative;
  isolation: isolate;
  contain: layout paint;
  width: 100%;
  max-width: none;
  min-height: var(--ur-hero-height);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  overflow: clip;
  background: var(--ur-navy);
}

.ur-hero-cinematic .ur-hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  overflow: hidden;
  background: var(--ur-navy);
}

.ur-hero-cinematic .ur-hero-media::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(11, 27, 51, .86) 0%,
      rgba(11, 27, 51, .60) 34%,
      rgba(11, 27, 51, .26) 62%,
      rgba(11, 27, 51, .74) 100%),
    linear-gradient(90deg,
      rgba(11, 27, 51, .82) 0%,
      rgba(11, 27, 51, .52) 38%,
      rgba(11, 27, 51, 0) 68%);
}

.ur-hero-poster,
.ur-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 42%;
}

.ur-hero-poster { z-index: 0; }
.ur-hero-video {
  z-index: 1;
  opacity: 0;
  transition: opacity 420ms ease;
}
.ur-hero-media.is-playing .ur-hero-video { opacity: 1; }
.ur-hero-media.is-playing .ur-hero-poster { visibility: hidden; }

.ur-hero-cinematic .ur-hero-copy {
  position: relative;
  z-index: 3;
  width: min(var(--ur-content-max), calc(100% - 56px));
  min-height: var(--ur-hero-height);
  margin-inline: auto;
  padding: 112px 0 96px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  color: #fff;
}

.ur-hero-cinematic h1 {
  max-width: min(56%, var(--ur-hero-copy-max));
  color: #fff;
  font-size: clamp(40px, 4.4vw, 62px);
  line-height: 1.06;
  letter-spacing: -.02em;
  text-shadow: 0 2px 18px rgba(3, 16, 26, .34);
}

.ur-hero-cinematic .eyebrow {
  color: #f8dfe2;
  text-shadow: 0 1px 8px rgba(3, 16, 26, .65);
}

.hero.ur-hero-cinematic .ur-hero-copy > .ur-lede {
  max-width: 54ch;
  margin: 24px 0 0;
  color: #e8edf5;
  font-size: 19px;
  line-height: 1.55;
  text-shadow: 0 1px 10px rgba(3, 16, 26, .76);
}

.ur-hero-cinematic .ur-actions {
  gap: 16px;
  margin-top: 32px;
}

.ur-hero-cinematic .button {
  min-height: 48px;
  border: 1.5px solid #fff;
  border-radius: 2px;
  color: #fff;
  background: rgba(11, 27, 51, .18);
  box-shadow: none;
}

.ur-hero-cinematic .button-primary {
  border-color: var(--ur-red);
  background: var(--ur-red);
}

.ur-hero-cinematic .button:hover {
  color: var(--ur-navy);
  background: #fff;
  box-shadow: none;
}

.ur-hero-cinematic :focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(11, 27, 51, .92);
}

.ur-hero-cinematic .ur-facts {
  max-width: min(56%, var(--ur-hero-copy-max));
  margin-top: 32px;
  border-color: rgba(255, 255, 255, .58);
}

.ur-hero-cinematic .ur-facts li {
  color: #fff;
  border-color: rgba(255, 255, 255, .45);
  text-shadow: 0 1px 8px rgba(3, 16, 26, .72);
}

.ur-card-brand {
  width: min(70%, 260px);
  margin-bottom: 4%;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ur-card-key { width: 34px; height: 34px; flex: none; }
.ur-card-wordmark { width: min(205px, calc(100% - 40px)); height: auto; }

.ur-media-figure { margin: 0; }
.ur-expect-grid h2,
.ur-contact-grid h2 { font-size: clamp(26px, 3vw, 38px); }
.ur-contact-grid article { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.ur-contact-grid article .eyebrow { margin: 0; }
.ur-contact-grid article p { flex: 1; }
.ur-contact-grid article a { color: var(--ur-red); font-weight: 800; }

@container page (max-width: 1020px) {
  .ur-header .ur-nav,
  .ur-header .ur-customer-link { display: none !important; }
  .ur-header .ur-mobile-menu { display: block; }
}

@media (max-width: 1020px) {
  .ur-header .ur-nav,
  .ur-header .ur-customer-link { display: none !important; }
  .ur-header .ur-mobile-menu { display: block; }
}

@container page (max-width: 720px) {
  .ur-header {
    min-height: 64px;
    padding: 8px 16px;
  }
  .ur-header .brand {
    width: clamp(124px, 36vw, 142px);
    min-width: 0;
    max-width: none;
    height: 28px;
    gap: 6px;
  }
  .brand-key-stage {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  .brand-key {
    width: 28px !important;
    height: 28px !important;
  }
  .brand-wordmark {
    width: calc(100% - 34px) !important;
    min-width: 0;
    flex: 0 1 auto;
  }
  .ur-mobile-menu > summary {
    min-width: 56px;
    min-height: 44px;
  }
  .ur-hero-cinematic {
    min-height: var(--ur-hero-height-mobile);
  }
  .ur-hero-cinematic .ur-hero-media::after {
    background: linear-gradient(180deg,
      rgba(11, 27, 51, .90) 0%,
      rgba(11, 27, 51, .70) 34%,
      rgba(11, 27, 51, .42) 62%,
      rgba(11, 27, 51, .82) 100%);
  }
  .ur-hero-poster,
  .ur-hero-video { object-position: 56% 42%; }
  .ur-hero-cinematic .ur-hero-copy {
    width: calc(100% - 40px);
    min-height: var(--ur-hero-height-mobile);
    padding: 80px 0 72px;
  }
  .ur-hero-cinematic h1 {
    max-width: 100%;
    font-size: clamp(30px, 8.2vw, 36px);
    line-height: 1.12;
  }
  .ur-hero-cinematic .ur-lede {
    max-width: 100%;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
  }
  .ur-hero-cinematic .ur-actions {
    width: 100%;
    margin-top: 24px;
    display: grid;
    gap: 12px;
  }
  .ur-hero-cinematic .ur-actions .button {
    width: 100%;
    min-height: 48px;
  }
  .ur-hero-cinematic .ur-facts {
    width: 100%;
    max-width: 100%;
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ur-hero-cinematic .ur-facts li {
    min-height: 0;
    padding: 8px 7px;
    border-right: 1px solid rgba(255, 255, 255, .45);
    border-bottom: 0;
    font-size: 8px;
    text-align: center;
  }
  .ur-hero-cinematic .ur-facts li:first-child { padding-left: 0; }
  .ur-hero-cinematic .ur-facts li:last-child { padding-right: 0; border-right: 0; }
}

@media (max-width: 720px) {
  .ur-header { min-height: 64px; padding: 8px 16px; }
  .ur-header .brand { width: clamp(124px, 36vw, 142px); min-width: 0; max-width: none; height: 28px; gap: 6px; }
  .brand-wordmark { width: calc(100% - 34px) !important; min-width: 0; flex: 0 1 auto; }
  .ur-hero-cinematic { min-height: var(--ur-hero-height-mobile); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .brand-key {
    animation: none;
    transform: rotateY(-12deg);
    will-change: auto;
  }
  .ur-hero-video { display: none !important; }
  .ur-hero-poster { visibility: visible !important; }
}

@media (prefers-contrast: more) {
  .brand-key,
  .brand-wordmark { filter: contrast(1.4); }
  .ur-hero-cinematic .ur-hero-media::after {
    background: linear-gradient(180deg, rgba(11, 27, 51, .94), rgba(11, 27, 51, .78));
  }
}

@media (forced-colors: active) {
  .brand-key {
    animation: none;
    transform: none;
    filter: none;
  }
  .brand-wordmark { filter: none; }
  .ur-hero-cinematic {
    color: CanvasText;
    background: Canvas;
    forced-color-adjust: auto;
  }
  .ur-hero-cinematic .ur-hero-media::after { display: none; }
  .ur-hero-video { display: none !important; }
  .ur-hero-poster { display: none !important; }
  .ur-hero-cinematic h1,
  .ur-hero-cinematic .eyebrow,
  .ur-hero-cinematic .ur-lede,
  .ur-hero-cinematic .ur-facts li { color: CanvasText; text-shadow: none; }
  .ur-hero-cinematic .button {
    border: 1px solid ButtonBorder;
    color: ButtonText;
    background: ButtonFace;
    box-shadow: none;
  }
}