.hero { color: var(--ink); background: rgb(237, 245, 247); }
.hero-scene { background-image: url("assets/hero.png"); opacity: 0.98; }
.hero-overlay { background: linear-gradient(90deg, rgba(247, 251, 252, 0.98) 0%, rgba(247, 251, 252, 0.91) 42%, rgba(247, 251, 252, 0.38) 72%, rgba(247, 251, 252, 0.12)); }
.eyebrow.light { color: rgb(70, 112, 116); }
.hero h1 em, .section-top em, .quality h2 em { color: rgb(24, 139, 145); }
.hero-intro { color: rgb(70, 100, 107); }
.button.primary { background: var(--ink); color: rgb(255, 255, 255); }
.hero .text-cta { color: var(--ink); }
.text-cta span { color: rgb(24, 139, 145); }
.hero-proof div { border-left-color: rgba(6, 38, 61, 0.35); }
.hero-proof strong { color: var(--ink); }
.hero-proof span { color: rgb(86, 116, 120); }
.hero-product img { filter: drop-shadow(rgba(2, 34, 48, 0.28) 0px 33px 22px); }
.product-orbit { border-color: rgba(24, 139, 145, 0.38); }
.hero-product-label { background: rgba(255, 255, 255, 0.93); border-left-color: rgb(24, 139, 145); box-shadow: rgba(6, 38, 61, 0.1) 0px 10px 30px; }
.hero-product-label span, .hero-spec span { color: rgb(78, 127, 128); }
.hero-product-label b, .hero-spec { color: var(--ink); }
.hero-product-label small { color: rgb(70, 100, 107); }
.hero-bottom { color: rgb(70, 100, 107); }
.hero-line { background: rgba(6, 38, 61, 0.25); }
.trust-strip { background: rgb(229, 241, 241); }
.products { background: rgb(237, 245, 247); color: var(--ink); }
.products h2, .light-text { color: var(--ink); }
.product-photo { background: rgb(255, 255, 255); border: 1px solid rgba(6, 38, 61, 0.09); }
.product-meta p { color: rgb(88, 141, 144); }
.product-meta a { color: var(--ink); }
.product-meta a span { color: rgb(24, 139, 145); }
.finder-panel { background: rgb(223, 240, 241); color: var(--ink); }
.finder-panel::after { border-color: rgba(24, 139, 145, 0.22); }
.finder-copy > p:not(.eyebrow) { color: rgb(70, 100, 107); }
.finder-note { border-top-color: rgba(6, 38, 61, 0.2); color: rgb(77, 108, 113); }
.finder-note > span:first-child { color: rgb(24, 139, 145); }
.search-row input { background: rgb(255, 255, 255); border: 1px solid rgba(6, 38, 61, 0.16); }
.form-status { color: rgb(84, 117, 122); }
.popular-searches { border-top-color: rgba(6, 38, 61, 0.2); }
.popular-searches > span { color: rgb(78, 127, 128); }
.popular-searches button { border-color: rgba(6, 38, 61, 0.3); color: var(--ink); }
.popular-searches button:hover { border-color: rgb(24, 139, 145); color: rgb(24, 139, 145); }
.quality { background: rgb(255, 255, 255); }
.quality-image { background: rgb(220, 235, 237); }
.wholesale { background: rgb(223, 240, 241); color: var(--ink); }
.wholesale h2 { color: var(--ink); }
.wholesale-side p { color: rgb(70, 100, 107); }
.wholesale-number { color: rgba(24, 139, 145, 0.1); }
.hero-product-label, .hero-spec { display: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: rgb(24, 139, 145) solid 3px; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}