/* Decision-first experience for PreveriDom | 2026-10-09.
   Strong route-specific visual identity. Topic colors in results remain data-neutral. */
body[data-ux-family="overview"],
body[data-ux-family="buying"]{--ux-deep:#092a37;--ux-accent:#bef36a}
body[data-ux-family="overview"] .hero.next-hero,
body[data-ux-family="buying"] .hero.next-hero{color:#fff;background-color:#0b3038!important;background-image:none!important;border-bottom:0;overflow:visible;padding:60px 0 66px}
body[data-ux-family="overview"] .hero.next-hero::before,
body[data-ux-family="buying"] .hero.next-hero::before{background:radial-gradient(circle at 6% 12%,rgba(194,242,115,.13),transparent 45%),radial-gradient(circle at 95% 84%,rgba(51,154,143,.14),transparent 42%)}
body[data-ux-family="overview"] .hero.next-hero .hero-grid,
body[data-ux-family="buying"] .hero.next-hero .hero-grid{width:min(1200px,calc(100% - 48px));max-width:1200px!important;gap:12px 46px;align-items:start}
body[data-ux-family="overview"] .hero.next-hero h1,
body[data-ux-family="buying"] .hero.next-hero h1{color:#fff;font-size:clamp(40px,5.1vw,70px);line-height:1.055;letter-spacing:-.056em;max-width:13ch;margin:10px 0 12px;text-wrap:balance}
body[data-ux-family="overview"] .hero.next-hero .lead,
body[data-ux-family="buying"] .hero.next-hero .lead{color:#e5f0ed;font-size:clamp(17px,1.7vw,21px);line-height:1.65;max-width:49ch;margin:0 0 16px}
body[data-ux-family="overview"] .hero.next-hero .eyebrow,
body[data-ux-family="buying"] .hero.next-hero .breadcrumbs{color:#c8f28f;font-size:14px;font-weight:850;letter-spacing:.07em}
body[data-ux-family="buying"] .hero.next-hero .breadcrumbs a{color:#e1f0f8;text-decoration:underline;text-underline-offset:4px}
body[data-ux-family="overview"] .hero.next-hero .hero-support,
body[data-ux-family="buying"] .hero.next-hero .hero-support{box-shadow:none}
body[data-ux-family="overview"] .hero.next-hero .hero-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:10px 50px}
body[data-ux-family="overview"] .hero.next-hero .hero-grid>.checker{grid-column:2;grid-row:1/9;align-self:start;width:100%;max-width:none;min-width:0;background:#fff;color:#102c26;border:2px solid #d5e8df;border-top:8px solid #a7ed58;border-radius:24px;padding:28px;box-shadow:0 32px 60px rgba(0,13,20,.25)}
body[data-ux-family="overview"] .hero.next-hero .hero-grid>.hero-support{grid-column:1;grid-row:auto;border:1px solid #4f7b75;background:#153c42;color:#fff;padding:18px 20px;border-radius:18px}
body[data-ux-family="overview"] .hero.next-hero .hero-support-label{color:#d2f9a2;margin-bottom:12px;font-size:14px}
.ux-overview-steps{display:grid;gap:7px}
.ux-overview-steps a{display:flex;gap:14px;align-items:center;min-height:46px;padding:5px 9px;margin-inline:-9px;border:1px solid #37686b;border-radius:11px;background:#20444a;color:#f1faf6;font-size:15px;font-weight:760;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.ux-overview-steps a:hover,.ux-overview-steps a:focus-visible{background:#27565b;border-color:#7baca1;color:#fff;text-decoration:none}
.ux-overview-steps a>span:not(.step-arrow){flex:1}
.ux-overview-steps .step-arrow{margin-left:auto;font-size:18px;color:#c7f87e;font-weight:900}
.ux-overview-steps b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#c7f87e;color:#102c26;font-size:13px;font-weight:900}
body[data-ux-family="overview"] .hero.next-hero .hero-grid>.quick-examples,
body[data-ux-family="overview"] .hero.next-hero .hero-grid>.trust{grid-column:1}
body[data-ux-family="overview"] .hero.next-hero .trust,
body[data-ux-family="buying"] .hero.next-hero .trust{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:10px;color:#eaf6ed;font-size:14px;font-weight:750}
body[data-ux-family="overview"] .hero.next-hero .trust span::before,
body[data-ux-family="buying"] .hero.next-hero .trust span::before{content:"✓";color:#d4fa91;margin-right:7px;font-weight:900}
body[data-ux-family="overview"] .hero.next-hero .quick-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
body[data-ux-family="overview"] .hero.next-hero .quick-examples>span,
body[data-ux-family="overview"] .hero.next-hero .quick-examples>a{font-size:14px;color:#f1faf7}
body[data-ux-family="overview"] .hero.next-hero .quick-examples>a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
body[data-ux-family="overview"] .hero.next-hero .quick-examples .chip{background:#e7f4ee;color:#13382b;border:1px solid #a3d4bf;min-height:44px;font-weight:850;border-radius:22px}
body[data-ux-family="overview"] .hero.next-hero .quick-examples .chip:hover,
body[data-ux-family="overview"] .hero.next-hero .quick-examples .chip:focus-visible{background:#cbf1da;color:#103527}
body[data-ux-family="overview"] .hero.next-hero .checker .ux-form-kicker{display:block;margin:0 0 14px;color:#155e47;font-size:14px;letter-spacing:.07em;font-weight:900}
body[data-ux-family="overview"] .hero.next-hero .checker .checker-context{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #bad0c5}
body[data-ux-family="overview"] .hero.next-hero .checker .checker-context h2{font-size:25px;line-height:1.2;color:#122d27;margin:0 0 5px}
body[data-ux-family="overview"] .hero.next-hero .checker .checker-context p{font-size:15px;color:#3c594d;line-height:1.55;margin:0}
body[data-ux-family="overview"] .hero.next-hero .checker label{color:#193a2d;font-size:17px;font-weight:850}
body[data-ux-family="overview"] .hero.next-hero .checker #address{min-height:58px;padding:14px;border:2px solid #9ebcb0;border-radius:12px;background:#fff;color:#092d25;font-size:16px}
body[data-ux-family="overview"] .hero.next-hero .checker #address::placeholder{color:#576963;opacity:1}
body[data-ux-family="overview"] .hero.next-hero .checker #checkBtn{min-height:58px;border:2px solid #b7ef73;border-radius:12px;background:#c4f479;color:#102a20;font-size:16px;font-weight:900;box-shadow:none;white-space:nowrap}
body[data-ux-family="overview"] .hero.next-hero .checker #checkBtn:hover{background:#a4e653;color:#102a20}
body[data-ux-family="overview"] .hero.next-hero .checker .field-note{font-size:14px;color:#405b4b;line-height:1.65}
body[data-ux-family="overview"] .hero.next-hero .checker a{color:#07543e;font-weight:800}
body[data-ux-family="overview"] .hero.next-hero .checker .demos{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:18px}
body[data-ux-family="overview"] .hero.next-hero .checker .demos>span{font-size:14px;color:#3f5a50}
body[data-ux-family="overview"] .hero.next-hero .checker [data-geolocate]{border:1px solid #0b684a;color:#103f31;background:#eef8f2;min-height:46px;font-weight:850}
body[data-ux-family="overview"] .hero.next-hero .checker .coordinate-panel{border-top:1px solid #c1d8c9;padding-top:12px;margin-top:16px}
body[data-ux-family="overview"] .hero.next-hero .checker .coordinate-panel>summary{color:#18382c;font-size:15px;font-weight:800;min-height:44px;align-content:center}

/* Buyer-specific editorial entry: a checklist and next steps, not another search hero. */
body[data-ux-family="buying"] .hero.next-hero{background-color:#22234b!important;padding:58px 0 64px}
body[data-ux-family="buying"] .hero.next-hero::before{background:radial-gradient(circle at 8% 7%,rgba(255,213,113,.17),transparent 46%),radial-gradient(circle at 95% 75%,rgba(97,94,198,.26),transparent 45%)}
body[data-ux-family="buying"] .hero.next-hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px 62px}
body[data-ux-family="buying"] .hero.next-hero h1{max-width:13ch;font-size:clamp(40px,5vw,67px)}
body[data-ux-family="buying"] .hero.next-hero .breadcrumbs,
body[data-ux-family="buying"] .hero.next-hero .breadcrumbs a{color:#ffdf94}
body[data-ux-family="buying"] .hero.next-hero .hero-grid>.hero-support{grid-column:2;grid-row:1/7;padding:22px 22px 20px;background:#fff8ea;border:2px solid #f4dba3;color:#211e33;border-radius:22px;box-shadow:0 24px 55px rgba(11,11,31,.24)}
body[data-ux-family="buying"] .hero.next-hero .hero-support-label{font-size:14px;color:#66431f;font-weight:900;letter-spacing:.06em;margin:0 0 14px}
.buying-roadmap{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.buying-roadmap li{margin:0}
.buying-roadmap a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:83px;padding:11px 12px;border:1px solid #ddd1bf;border-radius:13px;background:#fff;color:#1c2735;text-decoration:none}
.buying-roadmap a:hover{background:#fff0d1;border-color:#ad7939;text-decoration:none}
.buying-roadmap a>b{display:grid;place-items:center;width:42px;height:42px;background:#24254f;color:#fff;border-radius:12px;font-size:15px;font-weight:950}
.buying-roadmap a strong{display:block;color:#24213a;font-size:17px;line-height:1.25;font-weight:850}
.buying-roadmap a small{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#4b5060}
.buying-roadmap a em{font-style:normal;color:#583d30;font-size:19px;font-weight:900}
body[data-ux-family="buying"] .hero.next-hero .hero-grid>.buying-hero-actions{grid-column:1;grid-row:auto;display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:8px 0 14px}
.buying-hero-actions a{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 19px;border-radius:11px;font-size:15px;font-weight:850;text-decoration:none}
.buying-hero-actions .buying-primary{background:#ffd782;color:#27213c;border:2px solid #ffd782}
.buying-hero-actions .buying-primary:hover{background:#ffedb5;color:#27213c}
.buying-hero-actions .buying-secondary{background:transparent;color:#fff;border:2px solid #9d9fc7}
.buying-hero-actions .buying-secondary:hover{background:#4b4d7c;color:#fff}
body[data-ux-family="buying"] .hero.next-hero .hero-grid>.trust{grid-column:1}
body[data-ux-family="buying"] .hero.next-hero .trust span::before{color:#ffda8d}
.buying-location{background:#eef3f8;padding:58px 0 56px;border-bottom:1px solid #ccdae5;scroll-margin-top:86px}
.buying-location-inner{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:38px;align-items:start;max-width:1200px!important}
.buying-location-copy{padding:18px 0;position:sticky;top:110px}
.buying-location-copy .kicker{color:#244ca1;font-size:14px}
.buying-location-copy h2{font-size:clamp(30px,3.1vw,44px);line-height:1.13;letter-spacing:-.035em;color:#122844;margin:0 0 14px;text-wrap:balance}
.buying-location-copy p{font-size:18px;line-height:1.65;color:#324d64;margin:0 0 18px}
.buying-location-copy a{color:#154e8b;font-size:15px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.buying-location .checker{width:100%;max-width:none;margin:0;padding:26px;border:2px solid #becbdc;border-top:7px solid #3d60c3;border-radius:20px;background:#fff;color:#1d283a;box-shadow:0 18px 44px rgba(16,46,77,.11)}
.buying-location .checker-context{padding-bottom:15px;border-bottom:1px solid #d4dce6}
.buying-location .checker-context h2{font-size:22px;color:#21354c}
.buying-location .checker .field-note{font-size:14px;color:#3c4e61}
.buying-location .checker label{color:#26394b}
.buying-location .checker #address{min-height:54px;border:2px solid #a7b9cc;background:#fff;color:#183147}
.buying-location .checker #checkBtn{background:#293f9b;color:#fff;min-height:54px;border:2px solid #293f9b;font-weight:850}
.buying-location .checker #checkBtn:hover{background:#1e2b75;color:#fff}
.buying-location .checker .demos{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.buying-location .checker .demos button,.buying-location .checker .demos .chip{min-height:44px}
.buying-location .checker .coordinate-panel{margin-top:15px;padding-top:10px;border-top:1px solid #d6deea}
.buying-location .checker .coordinate-panel summary{min-height:44px;align-content:center;font-size:15px;font-weight:850}

/* Next-step gateway and exhaustive topics are intentionally *below* the search */
.ux-decision-paths{background:#f2f7f4;padding:24px 0 30px}
.ux-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ux-decision-grid a{position:relative;min-height:168px;padding:20px 20px 44px;border:1px solid #b9d0c7;border-radius:17px;background:#fff;color:#122e2e;text-decoration:none;box-shadow:0 7px 22px rgba(8,42,41,.04);transition:transform .18s,box-shadow .18s,border-color .18s}
.ux-decision-grid a:nth-child(1){border-top:6px solid #0d806c}
.ux-decision-grid a:nth-child(2){border-top:6px solid #2f6eae}
.ux-decision-grid a:nth-child(3){border-top:6px solid #bb6730}
.ux-decision-grid a:hover{transform:translateY(-2px);box-shadow:0 17px 28px rgba(8,42,41,.1);border-color:#4d7772;text-decoration:none}
.ux-decision-grid span{display:block;color:#275750;font-weight:900;letter-spacing:.055em;font-size:13px;margin-bottom:9px}
.ux-decision-grid strong{display:block;color:#122a2a;font-size:21px;line-height:1.3;max-width:25ch}
.ux-decision-grid small{display:block;color:#435950;font-size:15px;line-height:1.5;margin-top:10px}
.ux-decision-grid b{position:absolute;right:18px;bottom:14px;font-size:24px;color:#1a534a}
.ux-topics{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;align-items:start;padding-block:46px 45px;max-width:1200px!important}
.ux-topics .kicker{font-size:13px;color:#176050}
.ux-topics h2{color:#13312d;font-size:clamp(26px,2.65vw,35px);line-height:1.2;letter-spacing:-.025em;margin:8px 0 12px}
.ux-topics p{font-size:16px;line-height:1.65;color:#344e47}
.ux-topics .risk-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;margin:0}
.ux-topics .risk-strip a{background:#f4faf7;border:1px solid #a9cbbd;border-left:4px solid #2b876d;color:#164b3e;min-height:57px;padding:12px;border-radius:11px;font-size:15px;font-weight:850}
.ux-topics .risk-strip a b{color:#0c624a}
.ux-topics--buying .risk-strip a{background:#f5f7fc;border-color:#c3cee5;border-left-color:#445eb7;color:#253d68}
.ux-topics--buying .risk-strip a b{color:#293e8c}
body[data-ux-family="overview"] .hero.next-hero a:focus-visible,
body[data-ux-family="buying"] .hero.next-hero a:focus-visible,
.ux-decision-grid a:focus-visible,.ux-topics a:focus-visible,.buying-location a:focus-visible,
body[data-ux-family="overview"] .hero.next-hero button:focus-visible,
body[data-ux-family="buying"] .hero.next-hero button:focus-visible,
body[data-ux-family="overview"] .hero.next-hero input:focus-visible,
.buying-location input:focus-visible{outline:3px solid #ffb43d;outline-offset:3px;box-shadow:0 0 0 5px rgba(6,32,44,.15)}
@media(max-width:1040px){
  body[data-ux-family="overview"] .hero.next-hero .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:10px 22px}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.checker{padding:22px}
  body[data-ux-family="buying"] .hero.next-hero .hero-grid{gap:12px 24px}
  .buying-location-inner{gap:22px}
}
@media(max-width:900px){
  body[data-ux-family="overview"] .hero.next-hero,
  body[data-ux-family="buying"] .hero.next-hero{padding:38px 0 40px}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid,
  body[data-ux-family="buying"] .hero.next-hero .hero-grid{display:flex;flex-direction:column;gap:14px}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.checker,
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.hero-support,
  body[data-ux-family="buying"] .hero.next-hero .hero-grid>.hero-support{width:100%;max-width:none}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.checker{order:4}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.hero-support{order:5}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.quick-examples{order:6}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.trust{order:7}
  body[data-ux-family="buying"] .hero.next-hero .hero-grid>.hero-support{order:4}
  body[data-ux-family="buying"] .hero.next-hero .hero-grid>.buying-hero-actions{order:3}
  body[data-ux-family="buying"] .hero.next-hero .hero-grid>.trust{order:5}
  .buying-location-inner{grid-template-columns:1fr}
  .buying-location-copy{position:static;padding:0}
  .ux-topics{grid-template-columns:1fr}
}
@media(max-width:660px){
  body[data-ux-family="overview"] .hero.next-hero .hero-grid,
  body[data-ux-family="buying"] .hero.next-hero .hero-grid{width:calc(100% - 30px);max-width:none}
  body[data-ux-family="overview"] .hero.next-hero h1,
  body[data-ux-family="buying"] .hero.next-hero h1{font-size:clamp(36px,9vw,49px);max-width:14ch}
  body[data-ux-family="overview"] .hero.next-hero .lead,
  body[data-ux-family="buying"] .hero.next-hero .lead{font-size:17px}
  body[data-ux-family="overview"] .hero.next-hero .hero-grid>.checker{padding:18px;border-radius:17px}
  body[data-ux-family="overview"] .hero.next-hero .checker .search-row,
  .buying-location .checker .search-row{display:grid;grid-template-columns:1fr;gap:9px}
  body[data-ux-family="overview"] .hero.next-hero .checker .search-row input,
  body[data-ux-family="overview"] .hero.next-hero .checker .search-row button,
  .buying-location .checker .search-row input,
  .buying-location .checker .search-row button{width:100%;min-width:0}
  body[data-ux-family="overview"] .hero.next-hero .checker .checker-context h2{font-size:21px}
  body[data-ux-family="buying"] .hero.next-hero .hero-grid>.hero-support{padding:15px}
  .buying-roadmap a{min-height:75px;padding:9px;gap:9px}
  .buying-roadmap a strong{font-size:16px}
  .buying-hero-actions a{width:100%}
  .buying-location{padding:32px 0}
  .buying-location .checker{padding:17px}
  .ux-decision-grid{grid-template-columns:1fr}
  .ux-decision-grid a{min-height:130px}
  .ux-topics{padding-block:31px}
  .ux-topics .risk-strip{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ux-decision-grid a{transition:none}.ux-decision-grid a:hover{transform:none}}
@media print{.ux-decision-paths,.ux-topics,.buying-hero-actions{display:none!important}}