:root{--yellow:#ffd400;--black:#111;--ink:#202020;--muted:#686868;--line:#dedede;--paper:#f6f6f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}.topbar{height:82px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--black);color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{background:var(--yellow);color:#111;font:800 28px/1 'Barlow Condensed';padding:10px 9px;transform:skew(-7deg)}.brand-copy{display:grid;text-transform:uppercase;line-height:1}.brand-copy strong{font:700 15px 'Barlow Condensed';letter-spacing:.8px}.brand-copy small{color:var(--yellow);font:600 12px 'Barlow Condensed';letter-spacing:1.3px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#ddd;text-decoration:none;font-size:.9rem;font-weight:600}.topbar nav a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#111;text-decoration:none;border:0;padding:15px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer}.button-small{padding:11px 16px;font-size:.82rem}.whatsapp:before{content:'●';color:#118d57;margin-right:8px}.hero{min-height:490px;padding:80px clamp(20px,7vw,110px);background:linear-gradient(115deg,#111 0 62%,#222 62%);color:#fff;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:70px;align-items:center}.hero-copy{max-width:760px}.eyebrow{color:#9a7f00;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:.8rem;margin:0 0 10px}.hero .eyebrow{color:var(--yellow)}h1,h2,h3{font-family:'Barlow Condensed',Inter,sans-serif;text-transform:uppercase;margin:0}h1{font-size:clamp(3rem,6.7vw,6.2rem);line-height:.89;letter-spacing:-1.8px}.hero-copy>p:not(.eyebrow){color:#bbb;max-width:630px;font-size:1.12rem;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.text-link{color:#fff;font-weight:700;text-decoration:none}.hero-panel{border-left:5px solid var(--yellow);padding:12px 0 12px 28px}.hero-panel span{font:800 5rem/1 'Barlow Condensed';color:var(--yellow)}.hero-panel strong{display:block;font:700 1.45rem 'Barlow Condensed';text-transform:uppercase}.hero-line{height:1px;background:#555;margin:25px 0}.hero-panel p{color:#aaa}.catalog{padding:80px clamp(20px,6vw,90px);max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2,.cta h2{font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:.95}.search{background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 16px;min-width:min(360px,100%)}.search span{font-size:1.6rem}.search input{border:0;outline:0;padding:15px;width:100%;font:inherit}.filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.filters button{border:1px solid #c9c9c9;background:transparent;padding:10px 15px;font-weight:700;cursor:pointer}.filters button.active{background:#111;color:#fff;border-color:#111}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000013}.image-wrap{height:330px;background:#ececea;position:relative;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;left:16px;top:16px;background:#111;color:#fff;padding:7px 10px;text-transform:uppercase;font-weight:800;font-size:.75rem}.missing{display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(-45deg,#eee,#eee 12px,#e8e8e5 12px,#e8e8e5 24px);color:#777}.tool-symbol{margin:auto;background:#111;color:var(--yellow);font:800 5rem/1 'Barlow Condensed';padding:22px 28px;transform:skew(-5deg)}.tool-symbol small{display:block;font-size:1rem;letter-spacing:3px}.missing p{font-size:.82rem;text-transform:uppercase;font-weight:700}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.sku{color:#8a7100;font-weight:800;font-size:.78rem;letter-spacing:1.2px;margin:0 0 8px}.card-body h3{font-size:1.75rem;line-height:1}.summary{color:var(--muted);line-height:1.5;min-height:70px}.card-body ul{list-style:none;padding:15px 0;margin:0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:.9rem}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:20px}.card-actions a,.card-actions button{padding:12px 10px;text-align:center;text-decoration:none;font-weight:800;font-size:.78rem;text-transform:uppercase;cursor:pointer}.detail{border:1px solid #111;background:#fff}.quote{background:var(--yellow);color:#111}.empty{display:none;text-align:center;padding:50px;font-weight:700}.cta{margin:30px clamp(20px,6vw,90px) 70px;padding:50px clamp(24px,5vw,70px);background:#202020;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta p:not(.eyebrow){color:#bbb;max-width:650px;line-height:1.6}footer{background:#111;color:#aaa;padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;font-size:.82rem}dialog{width:min(670px,calc(100% - 28px));border:0;padding:38px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0009}dialog h2{font-size:2.6rem}dialog>p:not(.sku){color:#555;line-height:1.6}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:2rem;cursor:pointer}dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ddd;margin:25px 0 0}dl div{background:#f6f6f3;padding:14px}dt{font-size:.75rem;text-transform:uppercase;color:#777;font-weight:700}dd{margin:5px 0 0;font-weight:800}@media(max-width:950px){.grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-panel{display:none}.topbar nav{display:none}}@media(max-width:650px){.topbar{height:72px;padding:0 16px}.brand-copy{display:none}.hero{min-height:auto;padding:58px 20px;background:#111}h1{font-size:3.5rem}.hero-actions{align-items:flex-start;flex-direction:column}.catalog{padding:55px 16px}.section-heading{align-items:stretch;flex-direction:column}.search{min-width:0}.grid{grid-template-columns:1fr}.image-wrap{height:300px}.cta{margin:10px 16px 40px;flex-direction:column;align-items:flex-start}.card-actions{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}dl{grid-template-columns:1fr}}