:root{--orange:#ff4b22;--ink:#11191d;--muted:#667178;--cream:#f5f2eb;--line:#dce0df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--ink);background:#fff}.topbar{background:var(--ink);color:#d8dddf;text-align:center;padding:9px;font-size:12px;letter-spacing:.05em}.topbar span{color:var(--orange);margin:0 18px}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #e7e9e8;background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:800;letter-spacing:.02em}.brand em{font-style:normal;color:var(--orange)}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:36px;height:36px;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}nav{display:flex;gap:35px}nav a{color:#394248;text-decoration:none;font-size:14px;font-weight:600}.cart-button{border:0;background:var(--ink);color:#fff;padding:12px 16px;font-weight:600;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;margin-left:8px;background:var(--orange);border-radius:50%;width:22px;height:22px}.hero{min-height:560px;background:linear-gradient(105deg,#ece9e2 0%,#f7f5ef 52%,#d7d9d7 52%,#b7bcbd 100%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-content{padding:75px 2vw 55px 8vw;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--orange);margin:0 0 14px}.hero h1,.section-heading h2,.cart h2,dialog h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.9;margin:0;font-size:72px;letter-spacing:-.02em}.hero h1 span{color:var(--orange)}.hero-copy{max-width:480px;color:var(--muted);line-height:1.7;margin:25px 0 30px}.cta{display:inline-flex;gap:32px;background:var(--orange);color:white;text-decoration:none;padding:17px 22px;font-weight:700}.hero-stats{display:flex;gap:48px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:'Barlow Condensed';font-size:26px}.hero-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-art{position:relative;display:flex;align-items:center;margin-left:-80px}.hero-art svg{width:110%;filter:drop-shadow(0 22px 18px rgba(0,0,0,.17));position:relative;z-index:1}.speed-line{position:absolute;height:3px;background:var(--orange);transform:skewX(-30deg)}.speed-line.one{width:160px;right:5%;top:25%}.speed-line.two{width:90px;right:17%;top:31%}.finder{margin:-26px auto 0;position:relative;z-index:3;width:min(1100px,88%);background:var(--ink);display:grid;grid-template-columns:250px 1fr 160px;align-items:center;padding:18px 20px;color:#fff;box-shadow:0 15px 40px #19212633}.finder>div{display:flex;align-items:center;gap:15px}.finder-number{font-family:'Barlow Condensed';font-size:28px;color:var(--orange);font-weight:800}.finder label{font-weight:700;font-size:13px}.finder input{border:0;padding:15px;background:#293238;color:white;outline:none}.finder button,.checkout{border:0;background:var(--orange);color:white;padding:15px;font-weight:800;cursor:pointer}.catalogue{padding:95px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.cart h2,dialog h2{font-size:48px}.section-heading>p{color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);background:#fff;padding:10px 16px;color:var(--muted);cursor:pointer;font-weight:600}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid var(--line);background:#fff;position:relative;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 35px #18212616}.product-visual{height:190px;background:linear-gradient(145deg,#f1f2ef,#e1e4e1);display:grid;place-items:center;overflow:hidden}.product-visual svg{width:130px;height:130px;filter:drop-shadow(5px 10px 8px #0003)}.badge{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;padding:6px 9px;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.product-info{padding:19px}.category{font-size:10px;color:var(--orange);text-transform:uppercase;font-weight:800;letter-spacing:.12em}.product h3{font-size:15px;margin:8px 0;height:38px}.rating{font-size:12px;color:#f89c26}.rating span{color:#8a9296}.price-row{display:flex;align-items:end;justify-content:space-between;margin-top:17px}.price{font-family:'Barlow Condensed';font-size:26px;font-weight:800}.old-price{font-size:12px;color:#90989b;text-decoration:line-through;margin-left:5px}.add{border:0;background:var(--ink);color:#fff;width:38px;height:38px;font-size:22px;cursor:pointer;transition:.2s}.add:hover{background:var(--orange)}.services{background:var(--cream);padding:55px 8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.services article{display:flex;gap:18px}.services article>span{display:grid;place-items:center;width:44px;height:44px;min-width:44px;background:var(--orange);color:white;font-weight:800}.services h3{font-family:'Barlow Condensed';text-transform:uppercase;font-size:20px;margin:0 0 5px}.services p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}footer{background:var(--ink);color:#b6bec1;display:flex;align-items:center;justify-content:space-between;padding:40px 7vw;font-size:12px}footer .brand{color:#fff}.overlay{position:fixed;inset:0;background:#09101499;z-index:9;opacity:0;pointer-events:none;transition:.3s}.overlay.open{opacity:1;pointer-events:auto}.cart{position:fixed;z-index:10;right:0;top:0;width:min(460px,100%);height:100%;background:#fff;padding:30px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.close{border:0;background:none;font-size:32px;cursor:pointer}.cart-items{flex:1;overflow:auto}.empty{text-align:center;color:var(--muted);padding:80px 10px}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.mini-visual{width:58px;height:58px;background:#edf0ed;display:grid;place-items:center;font-size:24px}.cart-item h4{font-size:13px;margin:0 0 6px}.qty{display:flex;gap:8px;align-items:center;font-size:12px}.qty button{border:1px solid var(--line);background:white;width:24px;height:24px}.remove{border:0;background:none;color:var(--orange);font-size:18px}.cart-footer{border-top:1px solid var(--line);padding-top:20px}.total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:5px}.cart-footer small{color:var(--muted)}.cart-footer .checkout{width:100%;margin-top:20px}.cart-footer.hidden{display:none}dialog{border:0;padding:35px;width:min(500px,90%);box-shadow:0 25px 70px #0006}dialog::backdrop{background:#0b1216bb}.modal-close{float:right}dialog form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}dialog label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}dialog label:nth-child(4){grid-column:1/-1}dialog input,dialog textarea{border:1px solid var(--line);padding:12px;font:inherit}dialog textarea{height:70px;resize:vertical}dialog .checkout,.form-message{grid-column:1/-1}.form-message{text-align:center;margin:0;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:13px 20px;z-index:20;opacity:0;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{grid-column:1/-1;color:var(--muted)}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-content{padding:60px 8vw}.hero-art{display:none}.products{grid-template-columns:repeat(2,1fr)}.finder{grid-template-columns:1fr;margin-top:0;width:100%;gap:12px;padding:25px 8vw}.services{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}footer{gap:20px;flex-direction:column;text-align:center}}@media(max-width:520px){header{padding:0 4vw}.brand{font-size:20px}.hero h1{font-size:54px}.hero-stats{gap:22px}.products{grid-template-columns:1fr}.catalogue{padding:70px 5vw}.topbar span{margin:0 5px}.section-heading h2{font-size:40px}dialog form{grid-template-columns:1fr}dialog label:nth-child(4){grid-column:auto}}