/* ELOI brand grey experiment. The watermark is cropped from the existing logo asset. */
:root{--brand-grey:#636769;--brand-panel:#4d5254;--brand-border:#858b8d;--brand-warm:#ffd0a0}
html,body{background:var(--brand-grey);color:#fff}
body{position:relative}
body::after{content:"";position:fixed;z-index:1;pointer-events:none;right:2vw;bottom:2vh;width:220px;height:220px;background-image:url('assets/eloi-logo.png');background-repeat:no-repeat;background-size:737px 689px;background-position:0 -232px;opacity:.035}
header,footer{background:var(--brand-grey);border-color:#858b8d}
.nav-links.open,.links.open{background:#505557}
/* Keep the base of every full-width section in the approved grey. */
.hero,.strip,.spot,.medals,.approach,.contact,.finder-top,.content-hero,.range-hero,.distributor-hero,.program,.range-end{background:var(--brand-grey)}
.hero{background-image:radial-gradient(ellipse at 77% 60%,#74797b 0%,#636769 48%,#5d6264 100%)}
.range-hero,.distributor-hero,.content-hero{background-image:radial-gradient(ellipse at 75% 55%,#73787a 0%,#636769 48%,#5c6163 100%)}
.finder-top{border-top:1px solid #a9acad;border-bottom:1px solid #858b8d}
.strip{border-color:#95999a}
.spot .photo{background:#54595b}
.spot,.medals{color:#fff}
.spot p,.spot li span,.medals p{color:#f0f1f1}
.spot li,.spot ul{border-color:#9da1a3}
.spot .textlink{color:#fff}
.eyebrow,.finder-heading .eyebrow{color:var(--brand-warm)}
.section-head p,.alpha-heading p,.application-head p,.content-lead,.intro,.notice,.count,.source,.back,.fine,.partner-contact p,.distributor-main .lead,.range-hero p,.distributor-hero p{color:#f1f2f2}
/* Cards and forms remain distinct surfaces for legibility. */
.card,.segment,.range-card,.content-card,.benefit,.panel,.result,.finder-result-card,.article-block{background:var(--brand-panel);border-color:var(--brand-border)}
.card:hover,.range-card:hover,.content-card:hover{background:#555a5c}
.segment.elatus,.curated .card,.range-featured{background:#4d5254;border-color:#ff9a42}
.curated .card:hover{background:#555a5c}
.card p,.segment p,.range-card p,.content-card p,.benefit p,.result p,.article-block p,.content-facts p{color:#f1f2f2}
.card .num,.range-card small,.range-card b,.section-title span,.benefit .num{color:var(--brand-warm)}
.finder-quick,.fluid-grid .fluid-row,.product-match{background:#4b5052;border-color:#929799}
.finder-quick input,.finder-quick select{background:#f7f7f7;color:#181818;border-color:#a9acad}
.finder-bottom,.finder-heading p,.finder-caution{color:#f1f2f2}
.fluid-profile{border-color:#999d9e}
.fluid-grid .fluid-regime{color:#e5e6e6;border-color:#83888a}
.fluid-fact dt,.fluid-category{color:#e1e3e3}
.fluid-context span,.facts span{background:#676c6e}
.field input,.field select,.partner-contact input,.partner-contact textarea{background:#4d5254;border-color:#a7acad;color:#fff}
.cta,.pack-band{background:#555a5c}
.finder-result-card .result-summary,.product-match p{color:#f2f3f3}
.contact form,.partner-contact form{color:#fff}
.contact input,.contact select,.contact textarea{background:#4d5254;border-color:#a9acad;color:#fff}
.contact form small,.partner-contact form small{color:#f0f1f1}
.finder-top:before{opacity:.7}
@media(max-width:650px){body::after{width:140px;height:140px;right:0;bottom:2vh;background-size:469px 439px;background-position:0 -148px;opacity:.025}}
.nav .nav-links a,.links a{color:#fff}
.nav .nav-finder{color:#111}
footer,footer a{color:#fff}
.nav .nav-finder:hover{color:#111}
/* Verified company details from the existing ELOI site. */
.site-footer{border-top:1px solid #959a9c;padding:50px 4.5% 24px;text-align:left}
.footer-inner{max-width:1310px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:35px}
.footer-inner>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-inner strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffd0a0;margin-bottom:7px}
.footer-inner a{color:#fff;font-size:14px;text-decoration:none}.footer-inner a:hover,.footer-bottom a:hover{color:#ffd0a0}
.footer-inner p{margin:0;color:#f1f2f2;font-size:14px;line-height:1.6}.footer-inner small{color:#ebeded;font-size:12px}
.footer-brand img{display:block;width:178px;height:auto;margin:-27px 0 -18px -15px}.footer-brand p{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.footer-bottom{max-width:1310px;margin:38px auto 0;border-top:1px solid #9ca0a1;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#e5e7e7;font-size:12px}
.footer-bottom a{color:inherit;text-decoration:none}
.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}.contact-direct>a{font-size:20px;font-weight:800;color:#fff;border-bottom:1px solid #ff7900;text-decoration:none}.contact-direct small{color:#f1f2f2}.contact-direct small a{color:#fff}
@media(max-width:850px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.footer-inner{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}}