:root {
  --bg:#111113;
  --panel:#1b1b1e;
  --panel2:#242427;
  --text:#f7f7f7;
  --muted:#b9b5b5;
  --line:#3c3638;
  --accent:#ff454b;
  --blue:#f2a6aa;
  --action:#d91824;
}
.variant-bar {background:#251317;border-bottom:1px solid #623039;color:#d7bfc2;font-size:.76rem;}
.variant-bar .wrap {display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:36px;padding:6px 0;}
.variant-bar a {color:#fff;text-decoration:underline;text-underline-offset:4px;}
.brand b {color:#ff454b;}
.navlinks {gap:16px;}
@media(max-width:1100px){.navlinks{display:none}}
.topline,.header {background:#0b0b0d;}
.nav {border-bottom:1px solid #292326;}
.hero {background:radial-gradient(ellipse at 92% 22%,#4b1b223d,transparent 50%),linear-gradient(125deg,#1c171a,#111113 70%);}
.hero h1 {max-width:740px;}
.button,.skip {background:var(--action);color:#fff;border:1px solid var(--action);border-radius:5px;}
.button:hover {background:#b9101b;border-color:#b9101b;filter:none;}
.button.secondary {background:transparent;border-color:#79676d;color:#fff;}
.button.secondary:hover {background:#ffffff09;border-color:#ff454b;}
.icon {background:#431a22;color:#ff737a;}
.eyebrow,.signal,.pill {color:#ff6269;}
.card {background:linear-gradient(145deg,#211d20,#19181b);}
.card:hover {border-color:#87545c;}
.card a,.textlink {color:#ff737a;}
.hero-visual {background:radial-gradient(circle at 50% 38%,#71313c40,transparent 60%),linear-gradient(145deg,#33242a,#171417);border-color:#68444e;}
.hero-visual:before {border-color:#80525c;box-shadow:0 0 0 35px #4b293033,0 0 0 70px #4b293022;}
.tag {background:#170e12dd;color:#f4b5bd;border:1px solid #58353c;}
.audience article,.scenario {border-color:var(--line);border-left-color:#ff454b;}
.audience article:first-child {border-left-color:#ff454b;}
.scenario {border-top-color:#ff454b;}
.scenario.business {border-top-color:#e3a1aa;}
.diagram {background:linear-gradient(135deg,#322329,#111113);border-color:#68444e;}
.formbox,.form,.estimate,.result {background:#1b191c;}
.estimate .sum {color:#ff6e75;}
.contact {background:linear-gradient(115deg,#321a21,#211a1f);border-color:#69404a;}
.mobilebar {background:#111113f5;}
:focus-visible {outline:2px solid #ff737a;outline-offset:5px;}
@media(max-width:650px) {
  .variant-bar .wrap {font-size:.71rem;gap:10px;}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto;}}

.photo-hero{flex:1;min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid #68444e;border-radius:10px;background:#1b191c;box-shadow:0 18px 45px #0003}
.photo-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.photo-hero figcaption{padding:10px 15px;color:#b9b5b5;font-size:.74rem}
.hero-copy + .photo-hero{flex-basis:36%}
.service-picture{display:block;width:calc(100% + 44px);max-width:none;margin:-22px -22px 20px;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:7px 7px 0 0}
.visual-note{margin:0 0 18px}
@media(max-width:650px){.photo-hero,.hero-copy + .photo-hero{display:block;width:100%;margin:25px 0 0}.hero-grid{gap:18px}.hero-grid .photo-hero img{aspect-ratio:3/2}}
@media(max-width:650px){.hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero-grid>div{display:contents}.hero-grid>.photo-hero{order:3;margin:0 0 6px;flex-basis:auto}.hero-grid .eyebrow{order:1}.hero-grid h1{order:2;margin-bottom:0}.hero-grid .lead{order:4;margin-bottom:0}.hero-grid .actions{order:5}.hero-grid .hero-note,.hero-grid .coverage{order:6;margin-top:0}}