/* One Optics mockup: DARK theme overlay (loaded after site.css) */
:root{color-scheme:dark;--ink:#f4f5f7;--ink2:#d0d4da;--mut:#a3aab3;--line:#2a2e34;--bg:#0b0c0e;--bg2:#15171a;--bg3:#111316;--card:#15171a;--card2:#1c1f23;
--acc:#2f7fe0;--acct:#6aa8f5;--acc2:rgba(47,127,224,.16);--btntxt:#fff;
--glow:radial-gradient(ellipse 68% 62% at 50% 60%,#3d434c 0%,#272b31 42%,#181a1e 72%,#15171a 100%)}
body{background:var(--bg);color:var(--ink2)}
.util{background:#000;color:#b9bec5;border-bottom:1px solid #1a1c20}
header.main{background:rgba(11,12,14,.96);border-bottom-color:var(--line);backdrop-filter:blur(6px)}
nav.top a{color:#c3c8cf}nav.top a.on{color:#fff}
.search{border-color:#33373e;background:#121418;color:#9aa1aa}
.btn{background:#f4f5f7;border-color:#f4f5f7;color:#0b0c0e}
.btn.ghost{background:transparent;color:#f4f5f7;border-color:#5a6069}
.btn.acc{background:var(--acc);border-color:var(--acc);color:var(--btntxt)}
.eyebrow{color:var(--acct)}
/* hero: near-black with a soft light pool behind the image */
.hero{background:radial-gradient(ellipse 55% 75% at 76% 58%,#2a2f36 0%,#16181c 45%,var(--bg) 75%)}
.hero p.lead{color:var(--ink2)}
.hero img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}
.stats b{color:#fff}
section.alt,.prow:nth-of-type(even){background:var(--bg3);border-color:var(--line)}
.prow{border-color:var(--line)}
.pillar,.simple{background:var(--card);border-color:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.pillar .ic{background:var(--acc2);color:var(--acct)}
/* cards with glow behind images */
.cat{background:var(--card);border-color:var(--line)}
.cat:hover{box-shadow:0 16px 40px rgba(0,0,0,.6);border-color:#3a3f47}
.cat .im{background:var(--glow);border-color:var(--line)}
.cat .im img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.cat .im.ph,.ph2{background:repeating-linear-gradient(45deg,#15171a,#15171a 10px,#1b1e22 10px,#1b1e22 20px);color:var(--mut)}
.cat .more{color:var(--acct)}
.tag{background:#23272d;color:#d6dae0}
.tag.usa{background:var(--acc2);color:var(--acct)}
.tag.soon,.pline em.soon{background:rgba(245,197,24,.13);color:#f2d06b}
.pline em{background:#23272d;color:#d6dae0}.pline em.ok{background:var(--acc2);color:var(--acct)}
.pline:hover{background:#181b1f}.pline b{color:#fff}
.split img,.build img,.acc-card img,.intro .im img{background:var(--glow);border-radius:6px}
.build{border-color:var(--line);background:var(--card)}.build img{border-color:var(--line)}
.acc-card{border-color:var(--line);background:var(--card)}
.band{background:linear-gradient(90deg,#15171a,#1b1e23);color:var(--ink2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .btn{background:var(--acc);border-color:var(--acc);color:var(--btntxt)}
.dl a{background:var(--card);border-color:var(--line);color:var(--ink2)}.dl a b{color:#fff}
.pdf{border-color:#cfd3d9;color:#e9ebee}
footer{background:#000;color:#aab0b8;border-top:1px solid #1a1c20}
footer .legal{border-color:#1f2226}
/* category */
.crumb a{color:#d0d4da}
.cat-hero{background:radial-gradient(ellipse 60% 120% at 85% 0%,#1d2126 0%,var(--bg2) 60%);border-bottom:1px solid var(--line)}
.subnav a{background:transparent;border-color:#3a3f47;color:#d0d4da}.subnav a.on{background:#f4f5f7;color:#0b0c0e;border-color:#f4f5f7}
.filters h4{color:#fff}
/* product */
.gal .main{background:var(--glow);border-color:var(--line)}
.gal .main img{filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.thumbs img{background:var(--glow);border-color:var(--line)}
.thumbs img.on{border-color:var(--acct);box-shadow:0 0 0 1px var(--acct)}
.kstats{border-color:var(--line)}.kstats div{border-color:var(--line)}
.pnb{background:var(--card);border-color:var(--line)}
.pnb select,.form input,.form textarea,.form select{background:#0f1114;border-color:#363a41;color:#eef0f2}
.pnb code{color:#fff}
.tabs{background:rgba(11,12,14,.96);border-color:var(--line)}.tabs a.on{color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}
table.spec th,table.spec td{border-color:var(--line)}
table.spec th{background:#121418;color:#eef0f2}
table.spec thead th{background:#1f2328;color:#fff;border-bottom:1px solid #353a41}
table.spec code{color:#fff}
.gate{background:var(--card);border:1px solid var(--line);color:var(--ink2)}
.gate .formbox{background:var(--card2);color:var(--ink2);border:1px solid #2c3036}
.gate .formbox input{background:#0f1114;border-color:#363a41;color:#eef0f2}
.gate .pdfbig{border-color:#cfd3d9;color:#e9ebee}
.flow span{background:#0f1114;border-color:#33373e;color:#d6dae0}
.mega{background:#111316;border-color:var(--line);box-shadow:0 24px 50px rgba(0,0,0,.6)}
.mcols a{color:#d0d4da}.mcols a:hover{color:#fff}
.chip{background:var(--card);border-color:var(--line)}.chip.on{border-color:var(--acct);box-shadow:0 0 0 1px var(--acct)}.chip b{color:#fff}
.chip img{background:radial-gradient(ellipse at 50% 55%,#3a3f47,transparent 70%);border-radius:4px}
.lens span{background:#121418;border-color:var(--line);color:#e3e6ea}
.note{color:var(--mut)}
::placeholder{color:#7d848d}
.hero img{max-height:520px;width:auto;object-fit:contain}.hero .wrap>div:last-child{display:flex;justify-content:flex-end}