:root { --ink:#15242c; --muted:#5f6b70; --accent:#f7cc46; --paper:#f6f5f1; --line:#dcded9; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:28px; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid #3680ac; outline-offset:6px; }
    .skip { position:absolute; left:24px; top:-100px; z-index:10; padding:14px; background:white; }
    .skip:focus { top:12px; }
    .wrap { width:min(1184px,calc(100% - 96px)); margin-inline:auto; }
    .masthead { position:relative; padding:16px 16px 0; background:#17262d; }
    .nav { position:relative; z-index:1; min-height:84px; padding:20px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--paper); border-radius:14px; }
    .wordmark { display:inline-flex; align-items:center; gap:11px; text-decoration:none; }
    .brand-icon { display:grid; place-items:center; width:36px; height:36px; background:var(--accent); border-radius:50%; }
    .brand-icon svg { width:23px; height:23px; }
    .brand-name { font-size:23px; font-weight:800; letter-spacing:-1px; }
    .brand-name span { font-weight:400; }
    .nav-links { display:flex; align-items:center; gap:36px; font-size:14px; }
    .nav-links a { text-decoration:none; }
    .nav-links a:hover { text-decoration:underline; text-underline-offset:5px; }
    .nav-domain { font-size:13px; color:var(--muted); }
    .hero { min-height:626px; position:relative; display:flex; align-items:center; overflow:hidden; isolation:isolate; color:white; }
    .hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:68% 55%; z-index:-3; }
    .hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,25,33,.94) 0%,rgba(12,25,33,.77) 37%,rgba(12,25,33,.12) 76%); z-index:-2; }
    .hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,25,33,.48),transparent 38%); z-index:-1; }
    .hero-inner { padding-block:76px 80px; }
    .eyebrow { margin:0 0 25px; font-size:11px; line-height:1.4; font-weight:700; text-transform:uppercase; letter-spacing:2.1px; }
    .hero .eyebrow { color:#e7c56d; display:flex; align-items:center; gap:12px; }
    .hero .eyebrow::before { content:""; width:25px; height:1px; background:var(--accent); }
    h1 { max-width:820px; margin:0; font-size:clamp(42px,5.3vw,72px); line-height:1.04; font-weight:400; letter-spacing:-2.6px; }
    h1 span { display:block; }
    .hero-copy { max-width:460px; margin:28px 0 34px; color:#e5e9eb; font-size:17px; line-height:1.65; }
    .button { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding:15px 26px; border-radius:28px; background:var(--accent); color:var(--ink); font-size:14px; font-weight:700; text-decoration:none; transition:background .15s; }
    .button:hover { background:#ffda67; }
    .hero-note { margin:48px 0 0; color:#d3dcdf; font-size:12px; letter-spacing:.4px; }
    .catalog { padding-block:76px 80px; }
    .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:40px; }
    .section-head .eyebrow { margin-bottom:14px; color:var(--muted); }
    h2 { margin:0; font-size:clamp(30px,3.4vw,44px); font-weight:400; line-height:1.12; letter-spacing:-1.2px; }
    .section-caption { max-width:300px; margin:0 0 3px; color:var(--muted); font-size:14px; line-height:1.65; }
    .products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
    .product { min-height:202px; padding:27px 28px 28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fafaf7; }
    .product-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; }
    .product-brand { font-size:11px; font-weight:700; letter-spacing:1.5px; }
    .product-number { font-size:11px; color:#78848a; }
    .product h3 { margin:0; font-size:24px; font-weight:400; line-height:1.22; letter-spacing:-.5px; }
    .product p { margin:12px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
    .contact { padding-block:52px 56px; background:#e9ece8; }
    .contact-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
    .contact .eyebrow { margin-bottom:17px; color:var(--muted); }
    .contact h2 { font-size:36px; }
    .contact p { margin:0; max-width:430px; color:#4e5d63; font-size:15px; line-height:1.8; }
    .status { display:inline-flex; align-items:center; gap:8px; margin-top:20px; color:#4e5d63; font-size:12px; }
    .status::before { content:""; width:7px; height:7px; background:#b38318; border-radius:50%; }
    footer { padding-block:28px; }
    .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
    .footer-brand { font-size:16px; font-weight:700; letter-spacing:-.3px; }
    .footer-note { margin:0; color:var(--muted); font-size:12px; }
    @media (min-width:1600px) { .hero { min-height:700px; } }
    @media (max-width:900px) { .wrap { width:calc(100% - 64px); } .nav { padding-inline:24px; } .nav-domain { display:none; } .hero { min-height:590px; } h1 { font-size:56px; max-width:650px; } .products { grid-template-columns:repeat(2,minmax(0,1fr)); } .section-head { gap:24px; } .contact-inner { gap:40px; } }
    @media (max-width:600px) { .wrap { width:calc(100% - 40px); } .masthead { padding:10px 10px 0; } .nav { min-height:70px; padding:16px; gap:16px; border-radius:11px; } .brand-icon { width:28px; height:28px; } .brand-icon svg { width:19px; height:19px; } .wordmark { gap:7px; } .brand-name { font-size:19px; } .nav-links { gap:16px; font-size:11px; } .hero { min-height:590px; } .hero-photo { object-position:64% 50%; } .hero::before { background:linear-gradient(90deg,rgba(12,25,33,.94),rgba(12,25,33,.55)); } .hero-inner { padding-block:56px; } .eyebrow { font-size:10px; letter-spacing:1.6px; } h1 { font-size:clamp(35px,9.2vw,52px); letter-spacing:-1.25px; line-height:1.1; } .hero-copy { max-width:310px; font-size:15px; margin-top:24px; } .hero-note { margin-top:38px; font-size:11px; } .catalog { padding-block:50px; } .section-head { display:block; margin-bottom:28px; } h2 { font-size:34px; } .section-caption { margin-top:18px; } .products { grid-template-columns:1fr; } .product { min-height:174px; padding:24px; } .product-meta { margin-bottom:22px; } .product h3 { font-size:24px; } .contact { padding-block:42px; } .contact-inner { grid-template-columns:1fr; gap:24px; } .contact h2 { font-size:32px; } .footer-inner { align-items:flex-start; flex-direction:column; gap:12px; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }
  
/* Product pages */
.nav { justify-content:flex-start; }
.products { gap:24px; border:0; }
.product { display:flex; flex-direction:column; min-height:0; padding:0; overflow:hidden; text-decoration:none; border:1px solid var(--line); border-radius:4px; background:#fff; transition:border-color .15s,box-shadow .15s; }
.product:hover { border-color:#a1aaa8; box-shadow:0 8px 24px #15242c0d; }
.product:focus-visible { outline:3px solid #3680ac; outline-offset:4px; }
.product-picture { display:flex; justify-content:center; align-items:center; height:244px; padding:24px; background:#fff; }
.product-picture img { display:block; max-width:100%; width:100%; height:100%; object-fit:contain; }
.product-body { display:flex; flex-direction:column; flex:1; padding:24px; border-top:1px solid #eff0ec; }
.product-meta { margin-bottom:16px; }
.product h3 { font-size:23px; }
.product-detail-label { margin-top:22px; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.detail-masthead { background:var(--paper); }
.detail { padding-block:34px 76px; }
.back-link { display:inline-block; margin:0 0 32px; color:var(--muted); font-size:13px; text-underline-offset:4px; }
.detail-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:start; }
.detail-photo { margin:0; min-height:520px; display:grid; place-items:center; padding:42px; background:#fff; border:1px solid var(--line); border-radius:4px; }
.detail-photo img { display:block; width:100%; height:440px; object-fit:contain; }
.detail-copy .eyebrow { color:var(--muted); margin-bottom:16px; }
.detail-copy h1 { margin:0 0 24px; font-size:clamp(32px,3.3vw,46px); line-height:1.12; letter-spacing:-1.4px; }
.description { margin:0 0 20px; font-size:15px; line-height:1.75; color:#43535b; }
.application { margin-top:24px; }
.detail-copy h2 { margin:30px 0 16px; font-size:25px; letter-spacing:-.5px; }
.specs { width:100%; border-collapse:collapse; font-size:13px; line-height:1.5; }
.specs th,.specs td { padding:13px 0; border-top:1px solid var(--line); text-align:left; vertical-align:top; }
.specs th { width:60%; font-weight:400; color:var(--muted); padding-right:20px; }
.specs td { font-weight:500; }
.specs-note { margin:18px 0 16px; font-size:11px; line-height:1.65; color:var(--muted); }
.source-link { font-size:12px; text-underline-offset:4px; }
.site-footer { border-top:1px solid var(--line); }
@media(max-width:900px) { .detail-layout { gap:32px; } .detail-photo { min-height:380px; padding:28px; } .detail-photo img { height:340px; } }
@media(max-width:600px) { .products { gap:20px; } .product-picture { height:250px; } .product-body { padding:22px; } .detail { padding-block:24px 48px; } .back-link { margin-bottom:24px; } .detail-layout { grid-template-columns:1fr; gap:30px; } .detail-photo { min-height:340px; padding:24px; } .detail-photo img { height:300px; } .detail-copy h1 { font-size:34px; } .detail-copy .eyebrow { font-size:10px; } .specs { font-size:12px; } .specs th { width:58%; padding-right:16px; } }
@media(prefers-reduced-motion:reduce) { .product { transition:none; } }