/*
Theme Name: Aastro Roofing Traditional 79-Page Website
Theme URI: https://aastroroofing.com/
Author: Aastro Roofing Company
Description: Traditional WordPress theme for 79 separate editable Aastro pages. No Website OS and no master single-page application.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: aastro-roofing
License: Proprietary
*/

:root {
  --aastro-navy: #082a43;
  --aastro-navy-2: #0d4163;
  --aastro-deep: #051d30;
  --aastro-blue: #1481c3;
  --aastro-red: #df1f2d;
  --aastro-cream: #fff3d5;
  --aastro-ice: #f2f6f9;
  --aastro-paper: #ffffff;
  --aastro-ink: #102a43;
  --aastro-muted: #5d7180;
  --aastro-line: #d8e3ea;
  --aastro-gold: #b28d46;
  --aastro-success: #157544;
  --aastro-shadow: 0 22px 60px rgba(5,35,57,.13);
  --aastro-radius: 26px;
  --aastro-radius-sm: 18px;
  --aastro-max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--aastro-ice);
  color: var(--aastro-ink);
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  letter-spacing: -.005em;
}
img { max-width: 100%; height: auto; }
a { color: var(--aastro-blue); }
a:hover { color: var(--aastro-red); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #f5c04a; outline-offset: 3px; }

.aastro-skip-link {
  position: absolute; left: -9999px; top: 8px; z-index: 9999;
  padding: 10px 16px; background: #fff; color: var(--aastro-deep); border-radius: 8px;
}
.aastro-skip-link:focus { left: 8px; }

/* Trust bar */
.aastro-trust-topbar {
  background: var(--aastro-cream);
  border-bottom: 1px solid #e9d49c;
  color: #654e17;
  padding: 0 18px;
}
.aastro-trust-topbar__inner {
  max-width: 1480px; min-height: 36px; margin: 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 25px; flex-wrap: wrap;
  font-size: 12px; font-weight: 800; letter-spacing: .02em;
}
.aastro-trust-topbar a { color: #654e17; text-decoration: none; font-weight: 900; }

/* Header */
.aastro-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(5,29,48,.98); color: #fff;
  backdrop-filter: blur(12px); box-shadow: 0 10px 35px rgba(0,0,0,.16);
}
.aastro-header__inner {
  max-width: 1480px; min-height: 92px; margin: 0 auto; padding: 10px 24px;
  display: flex; align-items: center; gap: 20px;
}
.aastro-brand {
  display: flex; align-items: center; gap: 13px; margin-right: auto;
  color: #fff; text-decoration: none; min-width: max-content;
}
.aastro-brand:hover { color: #fff; }
.aastro-brand__logo, .aastro-brand .custom-logo {
  width: 76px; height: 76px; max-height: 76px; object-fit: contain;
  filter: drop-shadow(0 7px 14px rgba(0,0,0,.22));
}
.aastro-brand__copy strong { display: block; font-size: 20px; line-height: 1.05; }
.aastro-brand__copy small { display: block; color: #b9d6e6; font-size: 10px; font-weight: 800; margin-top: 4px; }
.aastro-nav { display: flex; align-items: center; justify-content: flex-end; gap: 3px; flex-wrap: wrap; }
.aastro-nav ul { list-style: none; display: flex; align-items: center; gap: 3px; flex-wrap: wrap; margin: 0; padding: 0; }
.aastro-nav a {
  display: inline-flex; align-items: center; padding: 10px 9px; border-radius: 10px;
  color: #fff; text-decoration: none; font-size: 13px; font-weight: 800; transition: .18s;
}
.aastro-nav a:hover, .aastro-nav .current-menu-item > a, .aastro-nav .current_page_item > a { background: rgba(255,255,255,.10); color: #fff; }
.aastro-nav .aastro-nav__call { background: var(--aastro-red); padding-inline: 14px; }
.aastro-nav .aastro-nav__call:hover { background: #c51926; }
.aastro-nav li { position: relative; }
.aastro-nav .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; padding: 8px; background: #071f31; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; box-shadow: 0 16px 34px rgba(0,0,0,.25); flex-direction: column; align-items: stretch; flex-wrap: nowrap; z-index: 120; }
.aastro-nav .sub-menu li { width: 100%; }
.aastro-nav .sub-menu a { display: flex; width: 100%; padding: 10px 12px; white-space: nowrap; }
.aastro-nav li:hover > .sub-menu, .aastro-nav li:focus-within > .sub-menu { display: flex; }
.aastro-menu-toggle {
  display: none; border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff;
  border-radius: 10px; padding: 9px 12px; font-weight: 800; cursor: pointer;
}

/* Layout */
.aastro-site-main { min-height: 55vh; }
.aastro-container { width: min(var(--aastro-max), calc(100% - 44px)); margin-inline: auto; }
.aastro-section { padding: 76px 0; }
.aastro-section--white { background: #fff; }
.aastro-section--dark { background: linear-gradient(125deg, var(--aastro-deep), var(--aastro-navy-2)); color: #fff; }
.aastro-section-heading { max-width: 820px; margin-bottom: 32px; }
.aastro-section-heading h2 { margin: 7px 0 10px; font-size: clamp(32px, 4vw, 52px); line-height: 1.08; }
.aastro-section-heading p { color: var(--aastro-muted); font-size: 18px; }
.aastro-section--dark .aastro-section-heading p { color: #d4e4ee; }
.aastro-eyebrow { color: var(--aastro-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
.aastro-section--dark .aastro-eyebrow, .aastro-hero .aastro-eyebrow { color: #98d0ee; }

/* Default page hero */
.aastro-page-hero {
  position: relative; overflow: hidden; color: #fff;
  background: radial-gradient(circle at 82% 12%,rgba(20,129,195,.32),transparent 28%), linear-gradient(125deg,#08243a,#123e5f 55%,#092942);
}
.aastro-page-hero__inner { padding: 76px 0 68px; }
.aastro-page-hero h1 { max-width: 980px; margin: 8px 0 12px; font-size: clamp(42px, 6vw, 66px); line-height: 1.02; }
.aastro-page-hero p { max-width: 840px; margin: 0; color: #dce9f0; font-size: 19px; }

/* Aastro hero component */
.aastro-hero { position: relative; min-height: 660px; overflow: hidden; background: var(--aastro-deep); color: #fff; }
.aastro-hero__media { position: absolute; inset: 0; }
.aastro-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aastro-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,22,37,.98) 0%,rgba(5,31,51,.93) 48%,rgba(7,35,56,.52) 77%,rgba(7,35,56,.74) 100%); }
.aastro-hero__inner {
  position: relative; z-index: 2; min-height: 660px; padding: 68px 0 72px;
  display: grid; grid-template-columns: minmax(0,1.08fr) minmax(330px,.72fr); gap: 46px; align-items: center;
}
.aastro-hero__brand { display: flex; align-items: center; gap: 17px; margin-bottom: 18px; }
.aastro-hero__brand img { width: 116px; height: 116px; object-fit: contain; filter: drop-shadow(0 12px 22px rgba(0,0,0,.32)); }
.aastro-hero__brand strong { display: block; font-size: 22px; line-height: 1.05; }
.aastro-hero__brand small { display: block; color: #bcd7e6; font-size: 12px; font-weight: 800; margin-top: 5px; }
.aastro-hero h1 { font-size: clamp(46px, 5.4vw, 64px); line-height: 1.01; margin: 9px 0 18px; max-width: 870px; }
.aastro-hero__copy > p { font-size: 19px; color: #e0eaf0; max-width: 800px; }
.aastro-actions { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 27px; }
.aastro-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; }
.aastro-pills span { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); color: #d6e6ef; font-size: 12px; font-weight: 800; }

/* Buttons */
.aastro-btn, .wp-element-button {
  border: 0; border-radius: 999px; padding: 12px 18px; font-weight: 900; cursor: pointer;
  text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  transition: transform .16s ease, background .16s ease, color .16s ease;
}
.aastro-btn:hover { transform: translateY(-1px); }
.aastro-btn--red { background: var(--aastro-red); color: #fff; }
.aastro-btn--red:hover { background: #c81927; color: #fff; }
.aastro-btn--navy { background: var(--aastro-navy); color: #fff; }
.aastro-btn--white { background: #fff; color: var(--aastro-deep); }
.aastro-btn--outline { border: 1px solid rgba(255,255,255,.58); color: #fff; background: transparent; }
.aastro-text-link { display: inline-flex; color: var(--aastro-navy); font-weight: 900; text-decoration: none; }

/* Cards */
.aastro-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.aastro-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.aastro-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.aastro-card { background: #fff; border: 1px solid var(--aastro-line); border-radius: var(--aastro-radius); overflow: hidden; box-shadow: var(--aastro-shadow); }
.aastro-card__media { aspect-ratio: 16/10; overflow: hidden; background: #dfe8ee; }
.aastro-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.aastro-card:hover .aastro-card__media img { transform: scale(1.025); }
.aastro-card__body { padding: 23px; }
.aastro-card__body > span { color: var(--aastro-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.aastro-card h3 { margin: 7px 0 9px; font-size: 25px; line-height: 1.15; }
.aastro-card p { color: var(--aastro-muted); }

/* Route choice panel */
.aastro-route-panel { background: rgba(255,255,255,.96); color: var(--aastro-ink); padding: 26px; border-radius: 26px; box-shadow: 0 28px 70px rgba(0,0,0,.24); }
.aastro-route-panel h2 { margin: 4px 0 8px; line-height: 1.1; }
.aastro-route-choice { display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; padding: 13px 12px; border-radius: 15px; text-decoration: none; color: var(--aastro-ink); border: 1px solid transparent; }
.aastro-route-choice:hover { background: #f4f8fa; border-color: var(--aastro-line); color: var(--aastro-ink); }
.aastro-route-choice > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--aastro-navy); color: #fff; font-weight: 900; }
.aastro-route-choice strong, .aastro-route-choice small { display: block; }
.aastro-route-choice small { color: var(--aastro-muted); margin-top: 2px; }

/* Trust / proof */
.aastro-trust-strip { max-width: 1240px; margin: -26px auto 0; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #fff; border: 1px solid var(--aastro-line); border-radius: 22px; box-shadow: var(--aastro-shadow); overflow: hidden; }
.aastro-trust-strip > div { padding: 20px; border-right: 1px solid var(--aastro-line); }
.aastro-trust-strip > div:last-child { border-right: 0; }
.aastro-trust-strip strong, .aastro-trust-strip span { display: block; }
.aastro-trust-strip strong { font-size: 18px; color: var(--aastro-navy); }
.aastro-trust-strip span { color: var(--aastro-muted); font-size: 13px; margin-top: 3px; }

/* Authority strip */
.aastro-authority-strip { background: #e7f0f5; border-block: 1px solid #d3e1e9; }
.aastro-authority-strip__inner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-height: 60px; }
.aastro-authority-strip strong { margin-right: 4px; }
.aastro-authority-strip a { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: #fff; border: 1px solid var(--aastro-line); color: var(--aastro-navy); text-decoration: none; font-size: 12px; font-weight: 800; }

/* WordPress content */
.aastro-entry { background: #fff; }
.aastro-entry__inner { width: min(900px, calc(100% - 44px)); margin-inline: auto; padding: 64px 0 80px; }
.aastro-entry__inner > *:first-child { margin-top: 0; }
.aastro-entry h2 { font-size: clamp(30px,3vw,43px); line-height: 1.12; color: var(--aastro-navy); margin-top: 1.5em; }
.aastro-entry h3 { font-size: 27px; line-height: 1.18; color: var(--aastro-navy); }
.aastro-entry p, .aastro-entry li { color: #294457; }
.aastro-entry blockquote { margin: 32px 0; padding: 22px 25px; background: #f0f6f9; border-left: 5px solid var(--aastro-blue); border-radius: 0 16px 16px 0; }
.aastro-entry table { width: 100%; border-collapse: collapse; }
.aastro-entry th, .aastro-entry td { border: 1px solid var(--aastro-line); padding: 11px; text-align: left; }
.aastro-entry th { background: #edf4f7; }

/* Forms */
.aastro-theme input[type="text"], .aastro-theme input[type="email"], .aastro-theme input[type="tel"], .aastro-theme input[type="url"], .aastro-theme input[type="number"], .aastro-theme select, .aastro-theme textarea {
  width: 100%; border: 1px solid #bfd0da; border-radius: 12px; background: #fff; color: var(--aastro-ink); padding: 12px 13px;
}
.aastro-theme label { font-weight: 800; color: var(--aastro-navy); }

/* Blog */
.aastro-post-meta { color: var(--aastro-muted); font-size: 14px; margin-top: 8px; }
.aastro-post-featured { margin-top: 30px; border-radius: var(--aastro-radius); overflow: hidden; box-shadow: var(--aastro-shadow); }
.aastro-post-list { display: grid; gap: 22px; }
.aastro-post-card { background: #fff; border: 1px solid var(--aastro-line); border-radius: 20px; padding: 22px; }
.aastro-post-card h2 { margin: 0 0 8px; }
.aastro-post-card h2 a { color: var(--aastro-navy); text-decoration: none; }

/* Staging-ready placeholder */
.aastro-stage-ready { background: #fff; }
.aastro-stage-ready__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 38px; align-items: center; }
.aastro-stage-ready__panel { padding: 26px; border-radius: var(--aastro-radius); background: #f3f7f9; border: 1px solid var(--aastro-line); }
.aastro-stage-ready__panel code { display: block; margin-top: 10px; padding: 13px; background: var(--aastro-deep); color: #fff; border-radius: 10px; overflow-wrap: anywhere; }

/* Footer */
.aastro-footer { background: #041a2a; color: #fff; }
.aastro-footer__inner { max-width: 1240px; margin: 0 auto; padding: 58px 22px 46px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 34px; }
.aastro-footer h2, .aastro-footer h3 { color: #fff; }
.aastro-footer h3 { font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
.aastro-footer p { color: #b8cfdb; font-size: 14px; }
.aastro-footer a { display: block; color: #d9e9f1; text-decoration: none; margin: 7px 0; font-size: 14px; }
.aastro-footer a:hover { color: #fff; text-decoration: underline; }
.aastro-footer__brand img { width: 100px; height: 100px; object-fit: contain; }
.aastro-footer__call { font-size: 22px !important; font-weight: 900; color: #fff !important; }
.aastro-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); max-width: 1240px; margin: 0 auto; padding: 20px 22px 28px; display: flex; justify-content: space-between; gap: 24px; color: #9eb7c4; font-size: 12px; }

/* Pagination */
.navigation.pagination { margin-top: 30px; }
.nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.page-numbers { padding: 8px 11px; border-radius: 9px; background: #fff; border: 1px solid var(--aastro-line); text-decoration: none; }
.page-numbers.current { background: var(--aastro-navy); color: #fff; }

@media (max-width: 1180px) {
  .aastro-header__inner { flex-wrap: wrap; }
  .aastro-menu-toggle { display: inline-flex; }
  .aastro-nav { width: 100%; display: none; padding: 0 0 12px; }
  .aastro-nav.is-open { display: block; }
  .aastro-nav ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; }
  .aastro-nav a { width: 100%; }
  .aastro-hero__inner { grid-template-columns: 1fr; }
  .aastro-route-panel { max-width: 720px; }
  .aastro-footer__inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  body { font-size: 16px; }
  .aastro-trust-topbar__inner { gap: 9px 16px; padding: 7px 0; }
  .aastro-header__inner { min-height: 76px; padding: 8px 16px; }
  .aastro-brand__logo, .aastro-brand .custom-logo { width: 58px; height: 58px; }
  .aastro-brand__copy strong { font-size: 17px; }
  .aastro-brand__copy small { display: none; }
  .aastro-nav ul { grid-template-columns: 1fr 1fr; }
  .aastro-container { width: min(100% - 30px, var(--aastro-max)); }
  .aastro-section { padding: 54px 0; }
  .aastro-page-hero__inner { padding: 56px 0 50px; }
  .aastro-hero, .aastro-hero__inner { min-height: auto; }
  .aastro-hero__inner { padding: 50px 0 56px; gap: 28px; }
  .aastro-hero__brand img { width: 82px; height: 82px; }
  .aastro-grid, .aastro-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .aastro-trust-strip { margin: 0; border-radius: 0; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .aastro-stage-ready__grid { grid-template-columns: 1fr; }
  .aastro-footer__bottom { flex-direction: column; }
}
@media (max-width: 560px) {
  .aastro-trust-topbar__inner span:nth-child(2) { display: none; }
  .aastro-brand__copy strong { font-size: 15px; }
  .aastro-nav ul { grid-template-columns: 1fr; }
  .aastro-hero h1 { font-size: 43px; }
  .aastro-grid, .aastro-grid--2, .aastro-grid--4 { grid-template-columns: 1fr; }
  .aastro-trust-strip { grid-template-columns: 1fr; }
  .aastro-trust-strip > div { border-right: 0; border-bottom: 1px solid var(--aastro-line); }
  .aastro-footer__inner { grid-template-columns: 1fr; }
}

/* Compact global conversion rail — draft preview only until approved. */
body { padding-bottom: 68px; }
.aastro-sticky-cta {
  position: fixed;
  z-index: 9998;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  width: min(760px, calc(100% - 24px));
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  background: rgba(5,29,48,.96);
  box-shadow: 0 10px 30px rgba(5,29,48,.22);
  backdrop-filter: blur(12px);
}
.aastro-sticky-cta__item {
  min-width: 0;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 10px;
  color: #fff;
  text-decoration: none;
  border-right: 1px solid rgba(255,255,255,.12);
  transition: background .18s ease, transform .18s ease;
}
.aastro-sticky-cta__item:last-child { border-right: 0; }
.aastro-sticky-cta__item:hover,
.aastro-sticky-cta__item:focus-visible { background: var(--aastro-red); color: #fff; }
.aastro-sticky-cta__item svg { width: 20px; height: 20px; flex: 0 0 20px; }
.aastro-sticky-cta__item span { min-width: 0; line-height: 1.12; }
.aastro-sticky-cta__item strong { display: block; font-size: 13px; color: inherit; white-space: nowrap; }
.aastro-sticky-cta__item small { display: block; margin-top: 3px; font-size: 10px; color: #c7d7e2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aastro-sticky-cta__item:hover small,
.aastro-sticky-cta__item:focus-visible small { color: #fff; }
@media (max-width: 680px) {
  body { padding-bottom: 61px; }
  .aastro-sticky-cta { width: calc(100% - 12px); bottom: 6px; border-radius: 13px; }
  .aastro-sticky-cta__item { min-height: 49px; gap: 5px; padding: 7px 4px; flex-direction: column; }
  .aastro-sticky-cta__item svg { width: 17px; height: 17px; flex-basis: 17px; }
  .aastro-sticky-cta__item strong { font-size: 10px; }
  .aastro-sticky-cta__item small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Residential Repair Decision Guide v2 */
#rr-router .rr-router{overflow:visible}
.rrd-progress{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0 22px;padding:13px 16px;border-radius:12px;background:#eef5f8;color:#0a2942;font-size:13px}
.rrd-progress strong{color:#b51f2b}
.rrd-result{margin-top:24px}
.rrd-result.show{display:block}
.rrd-card{border:1px solid #d6e1e7;border-top:6px solid #1679b8;border-radius:20px;background:#fff;padding:clamp(22px,4vw,38px);box-shadow:0 18px 50px rgba(8,42,65,.10)}
.rrd-card.repair{border-top-color:#287a55}.rrd-card.replace{border-top-color:#b28d46}.rrd-card.urgent{border-top-color:#c82433}.rrd-card.balanced{border-top-color:#1679b8}
.rrd-status{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf3f8;color:#0a2942;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rrd-card h3{font-size:clamp(27px,4vw,42px);line-height:1.08;margin:14px 0 12px;color:#0a2942}
.rrd-summary{font-size:18px;line-height:1.65;max-width:980px}
.rrd-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.rrd-answer-grid div{padding:13px;border-radius:12px;background:#f5f8fa;border:1px solid #e0e8ed}
.rrd-answer-grid small,.rrd-answer-grid strong{display:block}.rrd-answer-grid small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#657783;margin-bottom:4px}.rrd-answer-grid strong{font-size:13px;color:#0a2942}
.rrd-explain{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:20px 0}
.rrd-explain article{padding:20px;border-radius:15px;border:1px solid #dbe5ea;background:#fff}.rrd-explain h4{margin:0 0 9px;color:#0a2942;font-size:17px}.rrd-explain p,.rrd-explain li{font-size:14px;line-height:1.6}.rrd-explain ul{margin:0;padding-left:18px}
.rrd-guidance{padding:15px 17px;border-radius:12px;background:#fff7e8;border:1px solid #ead6aa;color:#5e4b27;font-size:13px;line-height:1.55}
.rrd-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.rrd-cta{display:block;padding:17px 18px;border-radius:14px;text-decoration:none!important;border:2px solid #0a2942;background:#fff;color:#0a2942!important;transition:transform .15s ease,box-shadow .15s ease}.rrd-cta:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(8,42,65,.12)}.rrd-cta strong,.rrd-cta span{display:block}.rrd-cta strong{font-size:16px}.rrd-cta span{font-size:12px;margin-top:4px;opacity:.8}.rrd-cta.replace{background:#0a2942;color:#fff!important}.rrd-cta.quote{background:#b28d46;border-color:#b28d46;color:#fff!important}.rrd-cta.repair{border-color:#287a55}.rrd-cta.urgent{background:#c82433;border-color:#c82433;color:#fff!important}
@media(max-width:850px){.rrd-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rrd-explain{grid-template-columns:1fr}.rrd-cta-grid{grid-template-columns:1fr}}
@media(max-width:520px){.rrd-progress{align-items:flex-start;flex-direction:column}.rrd-answer-grid{grid-template-columns:1fr}.rrd-card{padding:20px 16px}}