:root{--hc-ink:#1C1F24;--hc-ink2:#30363F;--hc-muted:#4B5563;--hc-line:#E3E6EA;--hc-tint:#EEF7F6;--hc-dark:#1C1F24;--hc-accent:#2EC4B6;--hc-cta:#2EC4B6;--hc-cta-ink:#0d1f1d;--hc-cta-sh:rgba(46,196,182,.35);--hc-focus:#0B7A70;--hc-check:#2EC4B6;--hc-icbg:#D8F3F0;--hc-icfg:#0B7A70;--hc-warn:#D97706}
/* home-cro v1 — homepage conversion layer (Oct 22, 2026) */
.hc-ic{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}
.hc-sec,.hc-steps,.hc-facts,.hc-band{padding:56px 0}
.hc-sec h2,.hc-steps h2,.hc-band h2{font-size:clamp(1.6rem,3.2vw,2.25rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 24px;color:var(--hc-ink)}
.hc-alt{background:var(--hc-tint)}
.hc-narrow{max-width:820px}
.hc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 26px;border-radius:12px;background:var(--hc-cta);color:var(--hc-cta-ink)!important;font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 6px 18px var(--hc-cta-sh);transition:transform .15s,box-shadow .15s}
.hc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px var(--hc-cta-sh)}
.hc-btn:focus-visible,.hc-chip:focus-visible,.hc-card:focus-visible,.hc-faq summary:focus-visible{outline:3px solid var(--hc-focus);outline-offset:2px}
.hc-btn-lg{min-height:60px;font-size:1.15rem;padding:0 34px}
.hc-c{text-align:center;margin:32px 0 0!important;padding-top:4px}
.hc-tchips{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:16px 0 0;font-weight:600;font-size:.95rem}
.hc-tchips li{display:flex;align-items:center;gap:6px}
.hc-tchips .hc-ic{color:var(--hc-check)}
/* facts strip */
.hc-facts{background:var(--hc-dark);color:#fff;padding:28px 0 22px}
.hc-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hc-facts li{display:flex;flex-direction:column;gap:2px;padding:4px 16px;border-left:3px solid var(--hc-accent)}
.hc-facts b{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;font-weight:800;color:#fff;letter-spacing:-.02em}
.hc-facts span{color:#D5DBE3;font-size:.95rem;line-height:1.35}
.hc-src{margin:16px 0 0;font-size:.8rem;color:#B9C2CE}
/* steps */
.hc-steps{background:var(--hc-tint)}
.hc-steps h2{text-align:center}
.hc-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.hc-steps li{background:#fff;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(16,24,40,.06);position:relative}
.hc-step-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--hc-icbg);color:var(--hc-icfg);margin-bottom:12px}
.hc-step-ic .hc-ic{width:30px;height:30px}
.hc-n{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:var(--hc-dark);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.hc-steps h3{margin:0 0 4px;font-size:1.2rem;color:var(--hc-ink)}
.hc-steps p{margin:0;color:var(--hc-muted);font-size:1rem}
/* chips */
.hc-chips{display:flex;flex-wrap:wrap;gap:12px}
.hc-chip{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:8px 18px;border-radius:999px;background:#fff;border:2px solid var(--hc-line);color:var(--hc-ink)!important;text-decoration:none;font-weight:700}
.hc-chip .hc-ic{color:var(--hc-icfg)}
.hc-chip em{font-style:normal;font-weight:500;color:var(--hc-muted);font-size:.9rem}
.hc-chip:hover{border-color:var(--hc-icfg)}
/* cards */
.hc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.hc-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:14px;background:#fff;border:1px solid var(--hc-line);text-decoration:none;color:var(--hc-ink)!important;min-height:44px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.hc-card .hc-ic{width:28px;height:28px;color:var(--hc-icfg)}
.hc-card strong{font-size:1.1rem}
.hc-card span{color:var(--hc-muted);font-size:.95rem}
.hc-card:hover{border-color:var(--hc-icfg);box-shadow:0 8px 24px rgba(16,24,40,.08)}
/* accordion */
.hc-faq details{background:#fff;border:1px solid var(--hc-line);border-radius:12px;margin:0 0 10px}
.hc-faq summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-weight:700;cursor:pointer;list-style:none;color:var(--hc-ink)}
.hc-faq summary::-webkit-details-marker{display:none}
.hc-faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.hc-faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.hc-faq details>div{padding:0 18px 16px;color:var(--hc-ink2)}
.hc-faq details>div p{margin:.25rem 0 .75rem}
/* band */
.hc-band{background:var(--hc-dark);color:#fff;text-align:center}
.hc-band h2{color:#fff;margin-bottom:8px}
.hc-band p{color:#D5DBE3;margin:0 auto 24px;max-width:640px}
.hc-disc{display:block;font-size:.85rem;color:#B9C2CE;margin-top:8px}
/* split + ticks + flags */
.hc-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.hc-ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:1.05rem;font-weight:600}
.hc-ticks li{display:flex;gap:10px;align-items:center}.hc-ticks .hc-ic{color:var(--hc-icfg)}
.hc-flags{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.hc-flags div{background:#fff;border-left:5px solid var(--hc-warn);border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.hc-flags b{display:block;font-size:1.05rem;color:var(--hc-ink)}.hc-flags span{color:var(--hc-muted);font-size:.95rem}
/* sticky */
.hc-sticky{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;transform:translateY(150%);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
.hc-sticky.on{transform:none;opacity:1;pointer-events:auto}
.hc-sticky .hc-btn{width:100%;min-height:56px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
@media(min-width:861px){.hc-sticky{display:none}}
@media(max-width:860px){.hc-facts ul{grid-template-columns:1fr 1fr}.hc-steps ol,.hc-flags{grid-template-columns:1fr 1fr}.hc-split{grid-template-columns:1fr}}
@media(max-width:560px){.hc-sec,.hc-steps,.hc-band{padding:40px 0}.hc-steps ol{grid-template-columns:1fr}.hc-steps li{display:grid;grid-template-columns:64px 1fr;text-align:left;gap:4px 16px;padding:18px}.hc-step-ic{grid-row:span 2;margin:0}.hc-flags{grid-template-columns:1fr}.hc-chip{flex:1 1 calc(50% - 12px)}.hc-btn-lg{width:100%}}
.hc-lede{font-size:1.1rem;color:var(--hc-ink2);margin:0}
main[data-page-type=home]>.hero{margin-bottom:0}

/* SEO H3 inside summary: keep summary look */
.hc-faq summary h3.hc-sum{margin:0;font:inherit;color:inherit;line-height:1.35}

/* EV V3 Visible Search Tabs & Real-Life Photo Cards */
.ev-search-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 14px 0 10px;
  max-width: 680px;
}
.ev-stab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
  background: rgba(15, 23, 42, 0.78);
  color: #F8FAFC;
  border: 1.5px solid rgba(45, 212, 191, 0.42);
  backdrop-filter: blur(6px);
  transition: all 0.16s ease;
}
.ev-stab:hover {
  background: rgba(20, 184, 166, 0.25);
  border-color: #2DD4BF;
  color: #FFFFFF;
}
.ev-stab.active {
  background: #CCFBF1;
  color: #0F172A;
  border: 2px solid #14B8A6;
  box-shadow: 0 6px 16px rgba(20, 184, 166, 0.28);
}
.ev-photo-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 14px !important;
}
.ev-card-img {
  position: relative;
  height: 155px;
  width: 100%;
  overflow: hidden;
  background: #0F172A;
}
.ev-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ev-card-badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(15, 23, 42, 0.92);
  color: #5EEAD4;
  border: 1px solid #14B8A6;
  font-size: 0.74rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
}
.ev-card-body {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ev-card-body span {
  font-size: 0.85rem;
  color: #475569;
  font-weight: 500;
}
@media (max-width: 760px) {
  .ev-search-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* v27.13 4-Field C-10 Shortlist Bar & Directory Quote CTA */
.c10-shortlist-bar { background: linear-gradient(180deg, #0b192c 0%, #0f253e 100%); color: #f8fafc; border: 2px solid #059669; border-radius: 12px; padding: 20px 22px; margin: 18px 0 24px; box-shadow: 0 10px 24px rgba(11,25,44,.16); }
.c10-shortlist-bar h2 { color: #ffffff !important; font-size: 1.25rem; margin: 4px 0 6px; border: 0 !important; padding: 0 !important; }
.c10-shortlist-kicker { display: inline-block; background: #059669; color: #ffffff; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; padding: 3px 9px; border-radius: 99px; }
.c10-shortlist-sub { color: #cbd5e1; font-size: .9rem; margin: 0 0 14px; }
.c10-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 12px; }
@media (max-width: 820px) { .c10-grid-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .c10-grid-4 { grid-template-columns: 1fr; } }
.c10-field label { display: block; font-size: .78rem; font-weight: 700; color: #e2e8f0; margin-bottom: 4px; }
.c10-field input, .c10-field select { width: 100%; min-height: 42px; border-radius: 7px; border: 1px solid #475569; background: #ffffff; color: #0f172a; padding: 8px 10px; font-size: .92rem; font-weight: 600; }
.c10-consent-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.c10-consent-label { display: flex; align-items: flex-start; gap: 8px; font-size: .78rem; color: #cbd5e1; max-width: 620px; line-height: 1.4; cursor: pointer; }
.c10-consent-label input { margin-top: 3px; }
.c10-consent-label a { color: #6ee7b7 !important; text-decoration: underline; }
.c10-submit-btn { background: #059669 !important; color: #ffffff !important; font-weight: 800; font-size: .96rem; padding: 12px 20px; border-radius: 8px; border: 0; cursor: pointer; min-height: 46px; white-space: nowrap; box-shadow: 0 4px 12px rgba(5,150,105,.35); }
.c10-submit-btn:hover { background: #047857 !important; }
.btn-req-quote { background: #059669 !important; color: #ffffff !important; border-color: #059669 !important; font-weight: 700 !important; text-decoration: none !important; }
.btn-req-quote:hover { background: #047857 !important; }