/* ===== Black + white mix: black header/hero/footer, white content ===== */
:root{--ink:#111;--muted:#555;--line:#E3E3E3;--soft:#F4F4F4;--bk2:#111}
html,body{background:#fff;color:#111}
h1,h2,h3,h4{color:#111}
/* black zones */
header.site,.topbar+header.site{background:#0A0A0A}
.hero,.pagehead,section.alt,footer.site,.cta-band{color:#fff}
.hero h1,.hero h2,.pagehead h1,section.alt h2,section.alt h3,section.alt b,footer h4,.cta-band h2{color:#fff}
.hero p,.pagehead p,section.alt .hint p,section.alt .fl p{color:#CFCFCF}
section.alt{background:#0A0A0A;border:0}
.pagehead{background:#0A0A0A;border:0}
.hero{border:0}
/* white zones */
.sec2{background:#F4F4F4;border:0}
.hint p,.sh p,.row p,.two p{color:#555}
.row{border-top:1px solid #E3E3E3}
.row h3{color:#111;border-bottom-color:#E10600}
.rimg img{background:#F4F4F4}
.learn{color:#111;border-bottom-color:#E10600}.learn:hover{color:#E10600}
.sh a.more{color:#E10600}
.crumb,.crumb a{color:#666}.crumb a:hover{color:#E10600}
.pc{background:#fff;border:1px solid #E3E3E3}
.pc:hover{border-color:#111}
.pc .im{background:#F4F4F4}
.pc .im img{background:transparent;mix-blend-mode:multiply}
.pc h3{color:#111}
.pc .add button{background:#111;border-color:#111;color:#fff}
.pc .add button:hover,.pc .add button.in{background:#E10600;border-color:#E10600}
.side h4{color:#666}
.side button.f{color:#111}.side button.f:hover{background:#F4F4F4}
.side button.f span{color:#777}.side button.f.on span{color:#fff}
.tools select,.tools input,.form input,.form select,.form textarea{background:#fff;border:1.5px solid #cfcfcf;color:#111}
.form,.stats div,.stats div:nth-child(n),.info div{background:#F4F4F4;border:0;color:#111}
.info div{background:#fff;border:1px solid #E3E3E3}
.stats div:nth-child(n) span{color:#555}
.empty{color:#666}
.drawer{background:#fff;color:#111}.drawer header{border-color:#E3E3E3}.drawer header button{color:#111}
.df{background:#F4F4F4;border-color:#E3E3E3}.df input{background:#fff;border:1.5px solid #cfcfcf;color:#111}
.qi{border-color:#E3E3E3}.qi b{color:#111}.qi .q button{background:#fff;color:#111;border-color:#ccc}
.qi img{background:#fff;mix-blend-mode:multiply}
.dl p{color:#666}
.cta-band{background:#E10600}.cta-band .btn.p{background:#0A0A0A;border-color:#0A0A0A}
.tile{background:#F4F4F4}
.brand,.mainnav a,.btn,.eyebrow,.learn{font-family:'Montserrat',sans-serif}
.brand{text-transform:none;font-weight:800;font-size:26px;letter-spacing:-.02em}
.mainnav a{font-weight:600;letter-spacing:.06em;font-size:13px}
.btn{letter-spacing:.06em;font-weight:700;font-size:13px}
.hero h1{font-size:clamp(36px,4.8vw,62px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.hint h2,.sh h2{font-weight:800}
.fl b{text-transform:none;font-size:17px;letter-spacing:0}
.learn{letter-spacing:.06em;font-size:13px}
.row h3,.cta-band h2,.pagehead h1,.tools h1,.hint h2,.sh h2,.pc h3{text-transform:none}