/* OTC brand refinement: monochrome interface, complete product photography. */
:root{--bg:#101010;--panel:#1a1a1a;--text:#fafafa;--muted:#aaa;--orange:#fff;--line:#383838}
.header{height:105px;background:#101010f5}.brand-logo{height:84px;width:95px;object-fit:contain}.hero-logo{height:116px;width:132px;object-fit:contain;margin-bottom:22px}.login-logo{height:145px;width:165px;object-fit:contain;margin:0 auto 25px}footer .brand-logo{height:110px;width:125px}.button{background:#fafafa;color:#111;border:1px solid #fafafa}.button:hover{background:#d8d8d8}.button.dark{background:#111;color:#fff;border-color:#111}.final-cta{background:radial-gradient(ellipse at 50% 100%,#ffffff0d,transparent 65%)}.hero{min-height:820px;padding-top:145px;padding-bottom:130px}.hero-content{width:44%}.hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:20px}h1{font-size:clamp(58px,6.5vw,100px)}.hero-media{width:58%;height:70%;top:17%;right:0;background:#101010}.hero-media img{object-fit:contain;object-position:center;opacity:1;animation:none}.hero-media:after{background:linear-gradient(90deg,#101010,transparent 9%);pointer-events:none}.hero-buttons{flex-wrap:wrap;gap:20px}.hero-caption{max-width:45%}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;overflow:visible}.catalog-card{aspect-ratio:1/1;min-height:0;isolation:auto;border:1px solid #4d4d4d;background:#1b1b1b;overflow:hidden}.catalog-card img{position:absolute;inset:0 0 auto;height:65%;width:100%;object-fit:contain;background:#e8e8e6;padding:6px;z-index:0}.catalog-card:after{display:none}.catalog-card:hover img{transform:none}.catalog-card:hover{transform:translateY(-4px)}.catalog-card[aria-pressed=true]{border:2px solid white}.card-number{z-index:2;background:#111b;color:white;padding:3px 8px;top:12px;left:12px}.card-copy{bottom:18px;left:20px;right:20px}.card-copy small{font-size:10px;min-height:22px;color:#a9a9a9}.card-copy strong{font-size:25px;line-height:1.05}.card-arrow{position:absolute;right:0;bottom:0;margin:0;color:white}.equipment{background:#f2f2f0}.equipment-layout{align-items:start;gap:5%;grid-template-columns:1fr 1.12fr}.equipment-photo{position:sticky;top:30px;min-height:0;aspect-ratio:1/1;background:#e7e7e5}.equipment-photo img{object-fit:contain;padding:12px}.equipment-content h3{font-size:34px}.equipment-group{font-size:12px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;margin:23px 0 5px;color:#737373}.equipment-row{display:flex;align-items:center;gap:12px;padding:10px 0;min-height:88px;cursor:pointer;line-height:1.35}.equipment-row:before{display:none}.equipment-row input{accent-color:#111;width:18px;height:18px;flex-shrink:0}.equipment-label{flex:1;font-size:14px}.equipment-thumbnail{width:94px;height:94px;flex-shrink:0;border-radius:5px;overflow:hidden;background-color:white;display:block}.equipment-thumbnail img{width:100%;height:100%;object-fit:contain}.equipment-thumbnail.atlas{background-size:400% 400%;background-repeat:no-repeat}.selection-count{font-size:13px;line-height:1.5;padding-top:18px;font-weight:600}.equipment-content .button{margin-top:0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}.gallery-large{grid-row:auto}.gallery-item{aspect-ratio:1/1.25}.gallery-item img{object-fit:contain;height:77%;background:#e7e7e7}.gallery-item:hover img{transform:none}.gallery-item:after{display:none}.gallery-item>span{left:18px;right:18px;bottom:20px}.gallery-item small{font-size:9px}.gallery-item strong{font-size:21px;line-height:1.2;display:block}.process-video{display:block;width:100%;max-height:460px;object-fit:contain;background:#050505;margin:30px 0 12px;border-radius:6px}.process-intro>.fineprint{display:block}.quote-aside>img{height:50%;top:15%;object-fit:contain;opacity:1}.quote-aside:after{display:none}.quote-aside>div{bottom:55px}.quote-aside{background:#202020}.quote-equipment{max-height:420px;overflow-y:auto;padding-right:10px;overscroll-behavior:contain}.quote-equipment .equipment-thumbnail{width:84px;height:84px}.quote-equipment .equipment-row input{accent-color:#fff}.quote-equipment .equipment-group{color:#bcbcbc}.quote-equipment .equipment-row{border-color:#383838}.review-equipment{max-height:280px;overflow:auto}.review-equipment .equipment-thumbnail{width:70px;height:70px}.choice:has(input:checked){border-color:white;background:#ffffff0a}.choice input{accent-color:white}.choice img{object-fit:contain}.demo-badge,.status-pill,.timeline li.current{color:#f0f0f0}.demo-badge{border-color:#666;background:#333}.quote-main .fineprint{color:#adb0b2}.equipment-switch button,.category-tabs button{font-size:14px}.quote-main h2{font-size:32px}.order-card img{object-fit:contain;background:#ddd}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-copy strong{font-size:21px}.card-copy small{font-size:9px}.hero{min-height:820px}.hero-media{width:57%}.hero-content{width:48%}.equipment-layout{gap:4%}.equipment-thumbnail{width:80px;height:80px}.equipment-content h3{font-size:30px}}
@media(max-width:760px){.header{height:88px}.brand-logo{height:72px;width:82px}.hero{padding:395px 6% 130px;min-height:1000px}.hero-content{width:100%}.hero-media{top:90px;height:330px;width:100%;right:0}.hero-media:after{display:none}.hero-logo{height:90px;width:102px;margin-bottom:20px}.hero h1{font-size:66px}.hero .eyebrow{font-size:9px}.hero-caption{font-size:9px;max-width:58%}.catalog-grid{grid-template-columns:repeat(5,82vw);overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-right:6vw}.catalog-card{aspect-ratio:1/1;min-height:0;scroll-snap-align:start}.card-copy strong{font-size:26px}.card-copy small{font-size:10px}.equipment-layout{grid-template-columns:1fr}.equipment-photo{position:relative;top:0;aspect-ratio:3/2;min-height:0}.equipment-thumbnail{width:86px;height:86px}.equipment-label{font-size:14px}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-item{aspect-ratio:1/1.2}.gallery-item strong{font-size:24px}.process-video{display:block;max-height:500px}.process-intro>.fineprint{display:block}.quote-aside{min-height:155px;max-height:155px;display:flex;align-items:center}.quote-aside>img{inset:0 0 0 auto;height:100%;width:47%}.quote-aside>div{left:20px;bottom:25px;right:50%}.quote-aside h3{font-size:21px}.quote-equipment{max-height:390px}.equipment-content h3{font-size:32px}.hero-buttons .button{font-size:13px}}