.text-center{text-align:center}
.section-title{margin-bottom:1.35rem}
.home-page{
  background:
    radial-gradient(circle at 12% 0%,rgba(163,227,55,.18),transparent 28rem),
    radial-gradient(circle at 100% 10%,rgba(32,56,29,.08),transparent 32rem),
    linear-gradient(180deg,#f7f8f3 0%,#eef3e7 24rem,#f7f8f3 50rem);
}
.home-page .site-header,
.home-page body>header{
  background:rgba(247,248,243,.82);
  border-bottom-color:rgba(181,192,169,.22);
  box-shadow:0 12px 30px rgba(19,31,18,.04);
  backdrop-filter:blur(12px);
}
.home-page #main-content > .w{padding-top:.4rem;padding-bottom:4rem}
.home-page .site-header .w,
.home-page .mob-search-bar .w{padding-top:0;padding-bottom:0}
.home-stage{position:relative;padding-top:.15rem;margin-top:0;padding-bottom:1.55rem;margin-bottom:1.35rem}
.home-stage:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(100vw - 1rem,1400px);
  transform:translateX(-50%);
  bottom:0;
  min-height:36rem;
  border:1px solid rgba(178,190,160,.58);
  border-radius:36px;
  background:
    radial-gradient(circle at top right,rgba(163,227,55,.26),transparent 20rem),
    radial-gradient(circle at 18% 18%,rgba(18,38,20,.05),transparent 22rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,233,.95));
  box-shadow:0 24px 56px rgba(18,29,18,.08);
}
.home-stage:after{
  content:"";
  position:absolute;
  left:50%;
  top:-4.2rem;
  width:min(100vw,1480px);
  height:44rem;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 22% 20%,rgba(163,227,55,.2),transparent 15rem),
    radial-gradient(circle at 78% 12%,rgba(163,227,55,.14),transparent 18rem),
    radial-gradient(circle at 82% 34%,rgba(22,40,18,.08),transparent 18rem);
  pointer-events:none;
  z-index:-1;
}
.home-page .hero{
  position:relative;
  display:grid;
  gap:1.05rem;
  padding:1rem 1rem 0;
  text-align:left;
}
.home-hero-layout{
  display:grid;
  gap:1rem;
  align-items:start;
}
.home-hero-copy{
  display:grid;
  justify-items:start;
  gap:.5rem;
  position:relative;
  z-index:1;
  max-width:20rem;
  margin:0;
}
.home-page .hero h1{
  max-width:7.2ch;
  font-size:clamp(2.3rem,5.1vw,4.3rem);
  line-height:.92;
}
.home-page .hero .desc{
  max-width:19.5rem;
  margin:0;
  font-size:.95rem;
  line-height:1.6;
}
.home-proof{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:.5rem;
  max-width:26rem;
}
.home-proof-item,.disc-more{
  display:inline-flex;align-items:center;gap:.3em;min-height:44px;padding:.58rem .8rem;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(178,190,160,.55);color:var(--text-secondary);font-size:.82rem;font-weight:700
}
.home-hero-builder-wrap{
  position:relative;
  z-index:10;
  min-width:0;
}
.home-page .cb-hero{
  margin:0;
  padding:1.14rem 1.08rem 1.02rem;
  border-radius:28px;
  overflow:visible;
  border-color:rgba(132,201,28,.62);
  background:
    linear-gradient(90deg,var(--accent),#d6f58a 48%,#b8acff 100%) top/100% 5px no-repeat,
    radial-gradient(circle at top left,rgba(163,227,55,.16),transparent 12rem),
    radial-gradient(circle at top right,rgba(140,124,255,.12),transparent 14rem),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,246,235,.96));
  box-shadow:0 26px 58px rgba(18,29,18,.14);
}
.home-page .cb-hero:before{display:none}
.home-page .cb-hero .cb-header{gap:.42rem;margin-bottom:.82rem}
.home-page .cb-hero .cb-title{font-size:clamp(1.72rem,3.4vw,2.4rem);max-width:16ch}
.home-page .cb-hero .cb-desc{max-width:34rem}
.cb-hero-examples{
  margin:0;
  color:var(--text-dim);
  font-size:.82rem;
  line-height:1.55;
}
.home-hero-panel{
  position:relative;
  z-index:1;
  display:grid;
  gap:.62rem;
  align-content:start;
  padding:.88rem;
  border:1px solid rgba(163,227,55,.14);
  border-radius:26px;
  background:linear-gradient(160deg,var(--ink-panel),var(--ink-panel-2));
  box-shadow:var(--shadow-md);
  text-align:left;
}
.home-hero-panel-copy{
  display:grid;
  gap:.38rem;
}
.home-hero-panel-copy h2{margin:0;max-width:13ch;font-size:clamp(1.14rem,1.6vw,1.46rem);line-height:1.07;color:var(--text-inverse)}
.home-hero-panel-copy p{margin:0;color:rgba(247,250,243,.74);font-size:.84rem;line-height:1.54}
.home-hero-panel-kicker{
  display:inline-flex;align-items:center;min-height:28px;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(247,250,243,.76);font:.72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase
}
.home-hero-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}
.home-hero-stat{
  min-height:5.2rem;
  display:grid;
  align-content:end;
  padding:.68rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}
.home-hero-stat strong{display:block;font:800 clamp(1.25rem,2vw,1.8rem)/1 var(--font-body);letter-spacing:-.05em;color:var(--accent)}
.home-hero-stat span{display:block;margin-top:.26rem;color:rgba(247,250,243,.68);font-size:.74rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}
.home-hero-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.52rem;
  grid-auto-rows:1fr;
  align-items:stretch;
}
.home-hero-link{
  display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:.88rem .95rem;border-radius:18px;background:linear-gradient(135deg,var(--accent),#d3f283);color:var(--accent-ink);font-weight:800;text-align:center
}
.home-hero-link:hover{color:var(--accent-ink)}
.home-hero-link-secondary{
  background:linear-gradient(135deg,#6f59e9,#9b8eff);
  border:1px solid rgba(167,155,255,.34);
  color:#f7f4ff;
}
.home-hero-link-secondary:hover{color:#f7f4ff;background:linear-gradient(135deg,#7a64ef,#a698ff)}
.home-hero-panel-note{
  margin:0;
  color:rgba(247,250,243,.66);
  font-size:.74rem;
  line-height:1.5;
}
.cb-hero-foot{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
  margin-top:.9rem;
}
.cb-hero-foot-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:.78rem 1.05rem;
  border-radius:999px;
  border:1px solid rgba(178,190,160,.58);
  background:rgba(255,255,255,.88);
  color:var(--accent-dark);
  font-weight:780;
  font-size:.9rem;
  text-decoration:none;
}
.cb-hero-foot-link:hover{
  color:var(--accent-dark);
  background:var(--surface-2);
  border-color:rgba(132,201,28,.5);
}
.cb-hero-foot-link-secondary{
  background:linear-gradient(135deg,#6f59e9,#9b8eff);
  border-color:rgba(167,155,255,.34);
  color:#f7f4ff;
}
.cb-hero-foot-link-secondary:hover{
  color:#f7f4ff;
  background:linear-gradient(135deg,#7a64ef,#a698ff);
}
.cb,.disc-section,.spotlight-27,.guide-band,.finder-cta-banner{
  position:relative;padding:1.3rem;border:1px solid rgba(178,190,160,.62);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm);margin-bottom:1.85rem;margin-top:0
}
.dealer-map-widget{
  display:grid;
  gap:1rem;
  align-items:start;
  margin-bottom:1.85rem;
}
.cat-cards{margin-bottom:1.85rem}
.cat-cards+.disc-section{margin-top:0}
.home-page .disc-section{
  display:grid;
  gap:1rem;
}
.disc-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:.75rem 1rem;
}
.disc-head h2{
  margin:0;
}
.home-page .disc-more{
  margin:0;
  white-space:nowrap;
}
.home-page .disc-section h2,
.home-page .guide-band h2{
  font-size:clamp(1.5rem,2.8vw,2.15rem);
  line-height:1.08;
  margin-bottom:.8rem;
}
.home-page .section-title{
  position:relative;
  z-index:0;
  margin:.15rem 0 1rem;
  font-size:clamp(1.45rem,2.8vw,2.05rem);
}
.home-browse-title{padding-top:.25rem}
.cb{
  background:
    linear-gradient(135deg,rgba(163,227,55,.12),rgba(140,124,255,.06)),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,246,235,.95));
  border-color:rgba(163,227,55,.56);
  box-shadow:0 0 0 3px rgba(140,124,255,.05) inset,var(--shadow-sm);
}
.home-page .cb-header{display:grid;gap:.4rem;margin-bottom:.95rem}
.home-page .cb-title{font:700 clamp(1.5rem,3vw,2.4rem)/1.03 var(--font-display);letter-spacing:-.04em}
.home-page .cb-desc{margin:0;color:var(--text-secondary);max-width:36rem;line-height:1.58}
.home-page .cb-builder{display:grid;gap:.78rem;overflow:visible;position:relative;isolation:isolate}
.home-page .cb-slot-empty,
.home-page .cb-slot-search,
.home-page .cb-slot-selected{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:.46rem;
  min-height:7.45rem;
  padding:1rem .92rem .9rem;
  border:1px solid rgba(178,190,160,.56);
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:var(--shadow-sm);
  width:100%;
  text-align:left;
}
.home-page .cb-slot-search{z-index:6}
.home-page .cb-slot[data-side="a"] .cb-slot-empty,
.home-page .cb-slot[data-side="a"] .cb-slot-search,
.home-page .cb-slot[data-side="a"] .cb-slot-selected{
  background:linear-gradient(180deg,rgba(236,248,206,.52),rgba(255,255,255,.94));
  border-color:rgba(132,201,28,.34);
}
.home-page .cb-slot[data-side="b"] .cb-slot-empty,
.home-page .cb-slot[data-side="b"] .cb-slot-search,
.home-page .cb-slot[data-side="b"] .cb-slot-selected{
  background:linear-gradient(180deg,rgba(241,237,255,.62),rgba(255,255,255,.94));
  border-color:rgba(140,124,255,.28);
}
.home-page .cb-slot[data-side="a"] .cb-slot-empty::before,
.home-page .cb-slot[data-side="a"] .cb-slot-search::before,
.home-page .cb-slot[data-side="a"] .cb-slot-selected::before,
.home-page .cb-slot[data-side="b"] .cb-slot-empty::before,
.home-page .cb-slot[data-side="b"] .cb-slot-search::before,
.home-page .cb-slot[data-side="b"] .cb-slot-selected::before{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  top:.78rem;
  height:4px;
  border-radius:999px;
}
.home-page .cb-slot[data-side="a"] .cb-slot-empty::before,
.home-page .cb-slot[data-side="a"] .cb-slot-search::before,
.home-page .cb-slot[data-side="a"] .cb-slot-selected::before{
  background:linear-gradient(90deg,var(--accent),rgba(163,227,55,.25));
}
.home-page .cb-slot[data-side="b"] .cb-slot-empty::before,
.home-page .cb-slot[data-side="b"] .cb-slot-search::before,
.home-page .cb-slot[data-side="b"] .cb-slot-selected::before{
  background:linear-gradient(90deg,#8c7cff,rgba(140,124,255,.25));
}
.home-page .cb-input{min-height:50px}
.home-page .cb-dropdown{top:calc(100% + .36rem);z-index:120}
.home-page .cb-vs{
  width:3.65rem;
  height:3.65rem;
  font-size:.92rem;
  box-shadow:0 0 0 8px rgba(163,227,55,.06);
}
.home-page .cb-suggestions{margin-top:.82rem}
.home-page .cb-popular{display:none!important}
.home-page .cb-pop-grid{grid-template-columns:minmax(0,1fr)}
.clarity-strip{display:none}
.clarity-item{padding:1rem;border:1px solid rgba(178,190,160,.56);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(242,246,235,.88));text-align:center}
.clarity-num{font:800 clamp(1.5rem,4vw,2.5rem)/1 var(--font-body);letter-spacing:-.05em}.clarity-label{margin-top:.35rem;color:var(--text-dim);font:.72rem/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.clarity-zero{color:var(--accent-dark)}
.cat-card-name{font:700 1.15rem/1.05 var(--font-display);letter-spacing:-.03em}.cat-card-count{color:var(--text-dim);font-size:.9rem}
.spotlight-head,.guide-band-inner{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.spotlight-badge{display:inline-flex;align-items:center;min-height:26px;padding:.3rem .65rem;border-radius:999px;background:var(--ink-panel);color:var(--text-inverse);font:.7rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.spotlight-title,.finder-cta-title{font-weight:800;color:var(--text-primary)}.spotlight-actions,.guide-band-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.finder-cta-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem}
.finder-cta-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:18px;background:var(--surface-3);font-size:1.2rem}
.finder-cta-copy{min-width:0}
.finder-cta-text{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.72;max-width:38rem}
.dealer-section-intro{margin:0 auto 1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.72;max-width:38rem}
.guide-band-copy{flex:1 1 18rem}.guide-band-copy p{margin-bottom:0}.guide-band-links{flex:1 1 16rem}.guide-grid{margin:0}
.dealer-map-art,.dealer-map-controls{padding:1.1rem;border:1px solid rgba(178,190,160,.56);border-radius:22px;background:rgba(255,255,255,.86)}
.dealer-map-art{position:relative;display:flex;align-items:center;justify-content:center;align-self:start;overflow:hidden;min-height:18.5rem;background:radial-gradient(circle at 18% 12%,rgba(163,227,55,.24),transparent 11rem),linear-gradient(180deg,#eef5de 0%,#f8fbf0 100%)}
.dealer-map-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(178,190,160,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(178,190,160,.08) 1px,transparent 1px);background-size:34px 34px;opacity:.35;pointer-events:none}
.us-map-svg{position:relative;z-index:1;width:min(100%,34rem);max-height:20rem;margin-inline:auto}
.dealer-map-controls{display:grid;gap:1rem;align-content:start}
.dealer-map-panel-head{display:grid;gap:.42rem}
.dealer-map-panel-head h3{margin:0;font-size:clamp(1.04rem,1.55vw,1.28rem);line-height:1.14;letter-spacing:-.02em}
.dealer-map-panel-head p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.66}
.us-map-svg path{stroke:#6b9816!important;stroke-width:1.35!important;stroke-opacity:.92!important}
.us-map-svg g[fill] circle{fill:#86bb1d!important;opacity:.95!important}
.us-map-svg text{fill:#36570a!important;opacity:.98!important}
.us-map-svg circle[fill="none"]{stroke:#8fca1f!important;stroke-opacity:.72!important;stroke-width:1.75!important}
.dh-makes{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}.dh-make{min-height:44px;padding:.7rem .8rem;border:1px solid rgba(178,190,160,.52);border-radius:999px;background:rgba(255,255,255,.94);color:var(--text-primary);font-weight:700}
.dh-make:hover{background:var(--surface-2);border-color:rgba(132,201,28,.48)}
.dh-note{margin:0;color:var(--text-dim);font-size:.84rem;line-height:1.58}
.dh-result{min-height:1px}.brand-grid{margin-bottom:2.2rem}
.finder-float{position:fixed;right:1rem;bottom:4.7rem;z-index:70;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .18s ease,transform .18s ease}
.finder-float.visible{opacity:1;visibility:visible;transform:translateY(0)}.finder-float.hidden{display:none}
.finder-float-card{width:min(22rem,calc(100vw - 2rem));padding:1rem;border:1px solid rgba(178,190,160,.6);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:var(--shadow-lg)}
.finder-float-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem}.finder-float-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:16px;background:var(--surface-3)}.finder-float-title{font-weight:800}.finder-float-sub{margin-bottom:.85rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.finder-float-close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border-radius:50%;background:var(--surface-3)}
@media (min-width:760px){
  .cat-cards,.clarity-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .clarity-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-page .disc-section .comp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .dealer-map-widget{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.95fr)}
  .home-page .dealer-map-art{grid-column:auto}
}
@media (min-width:760px){
  .home-page .cb-pop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:980px){
  .home-page .hero{gap:1.05rem;padding:1.22rem 1.22rem 0}
  .home-hero-layout{grid-template-columns:minmax(15.5rem,.72fr) minmax(0,1.28fr);gap:1.15rem}
  .home-hero-builder-wrap{order:0}
  .home-page .cb-hero{padding:1.2rem 1.15rem 1.08rem}
}
@media (max-width:719px){
  .home-page #main-content > .w{padding-top:.15rem;padding-bottom:3.15rem}
  .home-stage{padding-top:0;margin-top:0;padding-bottom:1.1rem;margin-bottom:1rem}
  .home-stage:before{
    top:0;
    height:auto;
    bottom:0;
    border-radius:24px;
  }
  .home-page .hero{padding:.68rem .72rem 0;gap:.82rem}
  .home-hero-builder-wrap{order:-1}
  .home-hero-copy{max-width:none}
  .home-page .hero h1{max-width:8ch;font-size:clamp(1.9rem,8.4vw,2.7rem)}
  .home-page .hero .desc{font-size:.9rem;line-height:1.58}
  .home-page .cb-hero{padding:.82rem .78rem .88rem}
  .home-page .cb-hero .cb-title{font-size:clamp(1.25rem,4.5vw,1.6rem)}
  .home-page .cb-hero .cb-desc{font-size:.88rem}
  .cb-hero-examples{font-size:.78rem}
  .home-hero-links{grid-template-columns:1fr}
  .home-proof{display:none}
  .home-proof-item,.disc-more{width:100%;justify-content:center;min-height:40px;padding:.48rem .7rem;font-size:.78rem}
  .cb-hero-foot{grid-template-columns:1fr;display:grid}
  .cb-hero-foot-link{width:100%}
  .home-hero-panel{padding:.78rem}
  .home-hero-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero-stat:last-child{grid-column:1 / -1}
  .home-hero-stat{min-height:5rem}
  .home-hero-stat strong{font-size:clamp(1.1rem,4vw,1.5rem)}
  .home-page .section-title{font-size:clamp(1.2rem,4.5vw,1.65rem);margin-bottom:.65rem}
  .home-page .disc-section h2,
  .home-page .guide-band h2{font-size:clamp(1.15rem,4vw,1.5rem)}
  .cb,.disc-section,.spotlight-27,.guide-band,.finder-cta-banner{
    padding:1rem;margin-bottom:1.25rem;border-radius:20px;
  }
  .dealer-map-widget{margin-bottom:1.25rem}
  .cat-cards{margin-bottom:1.25rem}
  .spotlight-head{gap:.6rem}
  .spotlight-actions{gap:.45rem}
  .spotlight-actions a{font-size:.82rem;padding:.6rem .9rem}
  .finder-cta-inner{gap:.7rem}
  .finder-cta-icon{width:2.5rem;height:2.5rem;border-radius:14px;font-size:1rem}
  .guide-band-inner{gap:.7rem}
  .dealer-map-widget{gap:.8rem}
  .us-map-svg{width:100%;max-height:none}
  .dealer-map-panel-head h3{font-size:1.06rem}
  .finder-float-card{padding:.85rem}
  .disc-head{align-items:flex-start}
  .cb-dropdown{
    left:.6rem;
    right:.6rem;
    top:calc(100% + .18rem);
    max-height:min(13rem,46vh);
  }
}