
:root{--bg:#f1f2f3;--ink:#17191c;--muted:#697078;--red:#b62828;--line:#cdd2d6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{background:#20252a;color:#fff;position:sticky;top:0;z-index:20;border-bottom:4px solid var(--red)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:52px;height:52px;overflow:hidden;background:linear-gradient(145deg,#f7f7f7,#9ea4a8);color:#20252a;border-radius:4px;display:grid;place-items:center;font-weight:900}.brand b{display:block;letter-spacing:.08em}.brand small{display:block;font-size:8px;color:#aeb7bd;letter-spacing:.15em}nav{display:flex;align-items:center;gap:24px}nav a{font-size:13px;color:#bfc7cc}nav a.active,nav a:hover{color:#fff}.nav-cta{background:var(--red);color:#fff!important;padding:9px 14px;border-radius:4px}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:620px;background:linear-gradient(105deg,#171b1f,#596167);color:#fff;display:flex;align-items:center}.hero-inner{padding:85px 0}.eyebrow{color:#f0b1b1;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900}.hero h1{font-size:clamp(44px,6vw,75px);line-height:1.02;max-width:900px;margin:15px 0}.hero p{color:#c8ced2;max-width:700px;font-size:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;padding:13px 19px;border-radius:4px;background:var(--red);color:#fff;font-weight:800}.btn.secondary{background:transparent;border-color:#69747b}.stats{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stat{padding:24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:28px;color:var(--red);display:block}.stat span{color:var(--muted);font-size:12px}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section h2{font-size:40px;line-height:1.1;margin:7px 0}.section-head p{max-width:600px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.product-img{aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line)}.product-img img{width:100%;height:100%;object-fit:contain}.product-body{padding:18px}.product-no{font-size:9px;letter-spacing:.16em;color:var(--red);font-weight:900}.product-body h3{margin:5px 0;font-size:18px}.product-body p{color:var(--muted);font-size:13px;min-height:62px}.card-actions{display:flex;gap:8px}.btn.small,.icon-btn{padding:8px 11px;font-size:11px}.icon-btn{border:1px solid #b9c0c5;border-radius:4px;color:#188354;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category,.info-box{background:#fff;border:1px solid var(--line);padding:21px;border-left:4px solid var(--red)}.category b{display:block;font-size:13px}.category span,.info-box p{font-size:12px;color:var(--muted)}.page-hero{padding:62px 0;background:#fff;border-bottom:1px solid var(--line)}.page-hero h1{font-size:52px;margin:8px 0}.page-hero p{color:var(--muted);max-width:720px}.search{width:100%;padding:15px;background:#fff;border:1px solid #bfc5c9;border-radius:4px;color:#111;margin:25px 0}.results{font-size:13px;color:var(--muted)}.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:85px 0}.detail-media{background:#fff;border:1px solid var(--line);min-height:500px;display:grid;place-items:center;overflow:hidden}.detail-media img{width:100%;height:100%;max-height:650px;object-fit:contain}.detail-copy h1{font-size:52px;line-height:1.08}.lead{color:var(--muted)}.detail-meta{display:flex;gap:8px;flex-wrap:wrap}.detail-meta span{background:#e6e8ea;border:1px solid #cdd1d4;padding:7px 11px;font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-list{display:grid;gap:10px}.contact-item{background:#fff;border:1px solid var(--line);padding:16px;border-radius:4px}.contact-item b{display:block}.contact-item a,.contact-item span{color:var(--muted)}footer{background:#20252a;color:#d9dfe2;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid p,.footer-grid a,.footer-grid span{color:#9eaab2;font-size:12px;display:block;margin:7px 0}.copyright{border-top:1px solid #3a4248;margin-top:35px;padding:17px;text-align:center;color:#7f8b93;font-size:11px}@media(max-width:800px){nav{display:none;position:absolute;top:74px;left:0;right:0;background:#20252a;padding:20px;flex-direction:column}.nav-open nav{display:flex}.menu-btn{display:block}.cards{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.two-col,.detail,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.section-head{display:block}}@media(max-width:520px){.cards,.category-grid{grid-template-columns:1fr}.hero h1{font-size:45px}}

.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.inquiry-btn{background:var(--red);color:#fff;border:1px solid var(--red)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
