:root{--night:#10121a;--electric:#b8ff35;--violet:#6a38ff;--paper:#f7f7f2;--line:#d5d5cd;--ink:#171924}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:20}header{display:flex;align-items:center;gap:24px;background:var(--night);color:white;padding:15px clamp(18px,4vw,64px);border-bottom:4px solid var(--electric)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:max-content}.brand span{display:grid}.brand small{font-size:9px;letter-spacing:.18em;color:#c9cbd3}.logo{width:50px;height:50px;background:var(--electric);color:var(--night);display:grid;place-items:center;clip-path:polygon(0 0,84% 0,100% 16%,100% 100%,16% 100%,0 84%)}.logo svg{width:34px;fill:none;stroke:currentColor;stroke-width:2}nav{display:flex;margin-left:auto;gap:2px}nav a{color:#e9e9ee;text-decoration:none;padding:9px 7px;font-size:12px;font-weight:700}nav a:hover,nav a[aria-current]{color:var(--electric);border-bottom:2px solid var(--electric)}.menu{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.15fr;background:var(--night);color:white}.hero-copy{padding:100px clamp(28px,7vw,110px);align-self:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--violet)}.hero .eyebrow,.checker .eyebrow{color:var(--electric)}h1{font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:.25em 0;text-transform:uppercase}.lede{font-size:19px;line-height:1.65}.hero figure{margin:30px 30px 30px 0;position:relative;border:1px solid #393c48}.hero img,.article-hero img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;left:0;right:0;bottom:0;background:#10121ae8;padding:15px;border-top:2px solid var(--electric)}.actions{display:flex;gap:12px;margin-top:28px}.actions a,button{padding:14px 18px;background:var(--electric);color:var(--night);font-weight:900;text-decoration:none;border:0}.actions a:last-child{background:var(--violet);color:white}.route,.checker{padding:90px clamp(24px,6vw,100px);max-width:1500px;margin:auto}.route h2,.checker h2,.copy h2{font-size:clamp(30px,4vw,54px);line-height:1.05}.route-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.route-grid a{background:white;padding:22px 16px;min-height:255px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px}.route-grid span{font-size:30px;font-weight:900;color:var(--violet)}.route-grid small{color:#5c6070}.checker{max-width:none;background:var(--violet);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.checker form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checker label,#result{background:#4d22db;padding:16px;border:1px solid #8e70ee}#result{grid-column:1/-1;border-left:7px solid var(--electric)}.article-hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px;background:var(--night);color:white;border-bottom:8px solid var(--electric)}.article-hero>div{padding:80px clamp(28px,6vw,95px)}.article-hero>*{min-width:0}.article-layout{display:grid;grid-template-columns:230px minmax(0,860px);gap:70px;justify-content:center;padding:80px 24px}.article-layout aside{position:sticky;top:20px;align-self:start;background:var(--night);color:white;display:grid;border-top:7px solid var(--electric)}aside a,aside b{color:inherit;text-decoration:none;padding:13px;border-bottom:1px solid #373945}.copy section{padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--line)}.copy p,.copy li{font-family:Georgia,serif;font-size:18px;line-height:1.76}.copy ol{padding:0;list-style:none}.copy ol li{display:grid;grid-template-columns:54px 1fr;border-top:1px solid var(--line)}.copy ol span{font-family:Arial,sans-serif;color:var(--violet);font-weight:900;padding-top:20px}.note{background:#e9e4ff;padding:22px;border-left:7px solid var(--violet)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery figure{margin:0;border:1px solid var(--line);background:white;padding:10px}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}.gallery figcaption{display:grid;gap:5px;padding:10px}.gallery span{font-size:13px;color:#5c6070}footer{padding:60px clamp(24px,6vw,90px);background:var(--night);color:white;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:5px solid var(--electric)}.foot{display:flex;gap:20px;justify-content:flex-end}.foot a{color:white}footer>small{grid-column:1/-1;border-top:1px solid #373945;padding-top:18px}@media(max-width:1150px){header{position:relative;padding-right:90px}.menu{display:block;position:absolute;right:18px;top:25px}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--night);padding:12px;z-index:10}header nav.open{display:grid}.route-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{padding:12px 14px}.brand{min-width:0}.brand b{font-size:14px}.menu{position:static;margin-left:auto}.hero,.article-hero,.checker,.article-layout{grid-template-columns:1fr}.hero-copy,.article-hero>div{padding:55px 24px}.hero figure{min-height:350px;margin:0}.route-grid,.checker form,.gallery,footer{grid-template-columns:1fr}.route-grid a{min-height:150px}.article-layout aside{position:static}.foot{justify-content:start;flex-wrap:wrap}footer>small{grid-column:1}h1{font-size:clamp(38px,11vw,52px);overflow-wrap:anywhere}}
/* FINAL PRODUCT INTERFACE VISIBILITY — BATCH AUDIT */
.product > img,.product img,.product-hero > img,.product-hero img,.gallery img,.product-gallery img,.interface-gallery img,#views img{
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
  clip-path:none!important;transform:none!important;filter:none!important;background:#fff!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
.product + .article-layout .gallery,.product-gallery,.interface-gallery,#views .gallery{
  display:grid!important;grid-template-columns:1fr!important;gap:30px!important;width:100%!important;
}
.product + .article-layout .gallery figure,.product-gallery figure,.interface-gallery figure,#views figure{
  width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
.product + .article-layout .gallery figcaption,.product-gallery figcaption,.interface-gallery figcaption,#views figcaption{
  padding:16px 0!important;background:transparent!important;
}
