:root{--ink:#090909;--soft:#151515;--panel:#f4f4f1;--white:#fff;--muted:#626262;--red:#ffe102;--line:#d4d4cf;--yellow:#ffe102;--yellow-deep:#e6c900}
body{color:var(--ink);background:#fff}
.topbar{background:#090909;color:#d6d6d2;border-bottom:1px solid #252525}
header{background:rgba(255,225,2,.97);border-bottom:1px solid #d7bd00;box-shadow:0 6px 22px #00000012}
.brand b{background:#090909;color:var(--yellow)}
.brand small{color:#090909}
nav a{color:#090909}
nav a:hover{color:#090909;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.quote,.primary{background:#090909;color:var(--yellow)}
.quote:hover,.primary:hover{background:#242424;color:#fff}
.menu{color:#090909}
.hero{background-color:#090909}
.hero .eyebrow,.hero h1 em{color:var(--yellow)}
.hero .primary{background:var(--yellow);color:#090909}
.hero .primary:hover{background:#fff;color:#090909}
.secondary{border-color:#b9b9b4;color:#fff}
.secondary:hover{border-color:var(--yellow);color:var(--yellow)}
.stats{background:#090909}
.stat{border-right-color:#2f2f2f}
.stat strong{color:var(--yellow)}
.market-strip{background:var(--yellow);border-bottom-color:#d8be00;color:#090909}
.eyebrow{color:#8f7c00}
.dark .eyebrow,.page-hero .eyebrow,.quality-banner .eyebrow,.applications .eyebrow,.duty .eyebrow,.case-band .eyebrow{color:var(--yellow)}
.product-grid{background:#cfcfc9;border-color:#cfcfc9}
.product-card{border-top:3px solid transparent}
.product-card:hover{border-top-color:var(--yellow);box-shadow:0 22px 44px #00000024}
.product-card small{color:#8f7c00}
.text-btn{color:#090909}
.text-btn:hover{color:#8f7c00}
.dark{background:#090909}
.ticks span:before,.process div:before{color:#9b8700}
.process div{border-top-color:var(--yellow)}
.quality-banner{border-top:8px solid var(--yellow);border-bottom:8px solid var(--yellow)}
.certs span{border-color:#777;background:#090909aa}
.article:first-child{border-top-color:var(--yellow);background:#f4f4f1}
.article small{color:#8f7c00}
.cta{background:var(--yellow);color:#090909}
.cta button{background:#090909;color:var(--yellow)}
.cta button:hover{background:#fff;color:#090909}
.page-hero{background:#090909;border-bottom:8px solid var(--yellow)}
.filters button.active{background:var(--yellow);color:#090909}
.filters button:hover{background:#090909;color:var(--yellow)}
.info-box{background:#f4f4f1;border-top:3px solid var(--yellow)}
footer{background:#090909}
footer h4{color:var(--yellow)}
footer>div>a:hover{color:var(--yellow)}
footer .brand b{background:var(--yellow);color:#090909}
footer .brand small{color:var(--yellow)}
dialog{border-top:8px solid var(--yellow)}
dialog .primary{background:var(--yellow);color:#090909}
.cap-grid{background:#cfcfc9;border-color:#cfcfc9}
.cap-grid article{border-top:3px solid transparent}
.cap-grid article:hover{border-top-color:var(--yellow)}
.cap-grid b,.application-grid span,.team-grid span,.proof-list strong,.compare td:first-child,.number-grid strong,.timeline b,.test-grid b,.trace-code strong,.topic-grid b,.article-list small,.contact-cards small{color:#8f7c00}
.applications,.duty,.performance{background:#090909}
.compare th{background:#090909}
.factory-numbers{background:var(--yellow);color:#090909}
.factory-numbers div{border-right-color:#09090933}
.topic-grid a:hover{background:#090909;color:#fff}
.topic-grid a:hover b{color:var(--yellow)}
.longread blockquote{border-left-color:var(--yellow)}
.article-cta{background:#090909;border-top:6px solid var(--yellow)}
.segment-grid article{border-top-color:var(--yellow)}
.segment-grid article b,.case-grid small,.duty-grid span,.project-factors b,.construction-grid b,.case-metrics b,.download-grid article span,.ref-box small{color:#8f7c00}
.case-panel{background:#090909;border-top:8px solid var(--yellow)}
.case-grid article{border-top-color:var(--yellow)}
.bars i{background:linear-gradient(90deg,var(--yellow) 0 var(--score),#3b3b3d var(--score) 100%)}
.packaging-show{background:#ededE8}
.package-card{background:var(--yellow);color:#090909;box-shadow:18px 18px 0 #090909}
.factory-gallery figure{background:#090909;border-top:4px solid var(--yellow)}
.factory-gallery figcaption{color:var(--yellow)}
.contact-form{border-top:6px solid var(--yellow)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--yellow);outline-offset:1px;border-color:#090909}
@media(max-width:980px){nav{background:var(--yellow);border-top:1px solid #d7bd00}.nav-open nav a{color:#090909}}
@media(max-width:600px){header{background:var(--yellow)}.market-strip>div{color:#090909}.product-card{border-top-width:2px}.quality-banner{border-top-width:5px;border-bottom-width:5px}}
