:root{--slate:#243640;--slate2:#34505c;--paper:#f3f5f4;--line:#cdd6d3;--road:#f4b400;--ink:#16232a;--muted:#55666d}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 18px/1.6 Barlow,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700;line-height:1.05;letter-spacing:.01em}
a{color:inherit}:focus-visible{outline:3px solid var(--road);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header{background:var(--slate);color:var(--paper)}
nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px;font:700 23px/1 "Barlow Condensed",sans-serif;text-decoration:none}
.brand svg{width:44px;height:44px;flex:none}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.links a{text-decoration:none;padding:4px 0;border-bottom:3px solid transparent}
.links a[aria-current]{border-color:var(--road)}
.links a.cta{background:var(--road);color:var(--ink);padding:8px 18px;border-radius:3px;font-weight:500;border:0}
.hero{padding:64px 0 80px}.hero h1{font-size:clamp(46px,8vw,96px);max-width:12ch}
.hero p{max-width:54ch;margin-top:22px;font-size:20px;color:#d5dedb}
.btn{display:inline-block;margin-top:30px;background:var(--road);color:var(--ink);padding:14px 28px;font-weight:500;text-decoration:none;border-radius:3px}
.tread{height:36px;background:repeating-linear-gradient(115deg,var(--slate2) 0 22px,var(--slate) 22px 30px);border-top:4px solid var(--road)}
section{padding:64px 0}h2{font-size:clamp(32px,5vw,48px);margin-bottom:12px}
.lead{max-width:62ch;color:var(--muted)}
.trust{background:#e4eae8;padding:28px 0}.trust .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px 32px}
.trust b{display:block;font:700 22px "Barlow Condensed",sans-serif}.trust span{font-size:16px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:36px;margin-top:36px}
.grid h3{font-size:28px;border-top:4px solid var(--slate);padding-top:12px;margin-bottom:8px}.grid p,.grid li{color:var(--muted);font-size:17px}
.steps{background:var(--slate);color:var(--paper)}.steps .lead{color:#c3cfcb}
ol{list-style:none;counter-reset:s;margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:32px;padding:0}
ol li{counter-increment:s;border-left:4px solid var(--road);padding-left:18px}
ol li::before{content:counter(s);font:700 40px "Barlow Condensed",sans-serif;color:var(--road);display:block;line-height:1}
ol strong{display:block;font:700 24px "Barlow Condensed",sans-serif;margin:6px 0 4px}ol span{color:#c3cfcb;font-size:16px}
.prod{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:36px;padding:40px 0;border-top:1px solid var(--line);align-items:start}
.prod:first-of-type{border-top:0}.pic-wrap{position:relative}.pic-wrap svg.pic{width:100%;height:auto;display:block;border-radius:4px}.pic-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px}
.prod h2{font-size:38px}.prod ul{margin:12px 0 0 20px;color:var(--muted)}.prod p{color:var(--muted)}
.note{border-left:4px solid var(--road);padding:4px 0 4px 20px;max-width:66ch;margin-top:24px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:4px}
.card h3{font-size:28px;margin-bottom:10px}.card p{margin:6px 0}
dl{display:grid;grid-template-columns:110px 1fr;gap:10px 16px}dt{font-weight:500}
.map{width:100%;height:320px;border:0;margin-top:36px;border-radius:4px}
.contact a.mail{font:700 clamp(26px,4vw,40px) "Barlow Condensed",sans-serif;text-decoration:underline;text-decoration-color:var(--road);text-underline-offset:5px;text-decoration-thickness:4px}
footer{background:var(--slate);color:#c3cfcb;padding:40px 0 28px;font-size:16px}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
footer h3{color:var(--paper);font-size:22px;margin-bottom:8px}footer p{margin:2px 0}footer .small{grid-column:1/-1;font-size:14px;border-top:1px solid var(--slate2);padding-top:18px}
.thumb{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;display:block;margin-bottom:14px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.photos img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;display:block}@media(max-width:720px){.photos{grid-template-columns:1fr}}@media(max-width:720px){.prod,.two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}