@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--dark:#191c19;--ink:#20241e;--lime:#d0fa54;--paper:#f5f6f0;--line:#d7dbcf;--muted:#545d50;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif;line-height:1.55}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #799f10} [hidden]{display:none!important}
.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-80px;z-index:3;background:white;padding:12px}.skip:focus{top:0}section,footer{scroll-margin-top:20px}
header,footer{background:var(--dark);color:white}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.wordmark{font-weight:800;font-size:24px;line-height:1.05;text-decoration:none;white-space:nowrap}.wordmark span,.hero em,footer .eyebrow{color:var(--lime)}.wordmark small{display:block;font-size:9px;letter-spacing:.18em;margin-top:7px}.bar nav,.social{display:flex;flex-wrap:wrap;gap:24px}.bar nav a,.header-phone{text-decoration:none;font-weight:700}.bar a:hover,.social a:hover{color:var(--lime)}
.hero{color:white;background:#262d25;position:relative;isolation:isolate}.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:-1}.hero::before{background:url('hero.jpg') center 54%/cover}.hero::after{background:linear-gradient(90deg,#141813fa 2%,#141813e0 30%,#14181365 68%,#14181328)}
.hero-inner{padding-block:104px 112px}.eyebrow{font-size:.76rem;letter-spacing:.17em;font-weight:800;margin:0 0 12px}.hero .eyebrow{color:var(--lime)}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,8vw,6.6rem);font-weight:800}h1 em{font-style:normal}h2{font-size:clamp(2rem,4.7vw,4rem)}h3{font-size:1.25rem}p{margin:0 0 1em}.hero-copy{max-width:420px;margin:25px 0 28px;color:#f0f2e9;font-size:1.1rem}
.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:6px;padding:12px 17px;font-weight:800;text-decoration:none;min-height:48px;text-align:center}.lime{background:var(--lime);color:var(--dark)}.lime:hover{background:#e2ff94}.ghost{border-color:#ffffff91;background:#151a1460}.ghost:hover{background:#151a14be}.outline{border-color:#b3baaa;background:white;color:var(--ink)}.outline:hover{background:#eef2e4}
.catalog{padding-block:72px 54px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.section-head p{margin:0;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product{background:white;border:1px solid var(--line);border-radius:8px;min-height:100px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px;text-align:left;color:var(--ink);font-weight:800}.product:hover{border-color:#83a923;background:#f6ffdb}.product svg{width:38px;height:38px;color:#51671e;background:#edf2df;border-radius:5px;padding:7px}.plus{font-size:1.2rem}
.measure{background:var(--lime);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:34px;border-radius:10px;margin-bottom:70px}.measure h2{font-size:clamp(1.8rem,3.3vw,3rem)}.measure a{font-weight:800}
.request{background:#e9ece2;padding:72px 0}.request-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:34px}.request h2{margin-bottom:18px}.muted,.hint,.optional{color:var(--muted)}form{padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}fieldset{min-width:0;border:0;margin:0;padding:0}legend,label{font-weight:700}label{display:block}input:not([type=radio],[type=checkbox]),select,textarea{display:block;color:var(--ink);width:100%;min-width:0;margin-top:5px;border:1px solid #a9b1a1;border-radius:5px;padding:9px 11px;background:white}textarea{resize:vertical}.item{border:1px solid var(--line);background:#f6f7f3;border-radius:7px;padding:14px;margin-bottom:13px}.item legend{padding:0 6px}.remove{background:transparent;border:0;padding:7px 0;color:#4a5542;text-decoration:underline}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.measure-toggle{margin:10px 0}.measure-toggle input,.segment input{accent-color:#50690f}.segment{margin:20px 0}.segment>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.segment label{border:1px solid var(--line);border-radius:5px;padding:6px 10px}.segment label:has(:checked){background:#ecffb6;border-color:#829d43}form>.pair,form>label,.hint{margin-bottom:13px}.hint,.optional{font-size:.88rem}#result{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}#result h3{margin-bottom:10px}#result .actions{margin:12px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px;padding-block:50px 36px}.footer-grid h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:12px}.footer-grid h3{margin-bottom:13px}.footer-grid a:not(.button){font-weight:700}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:12px}dd{margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-block:20px}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-grid{grid-template-columns:1fr}.hero-inner{padding-block:84px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.bar{flex-wrap:wrap;padding-block:15px;gap:13px}.bar nav{order:3;width:100%;gap:20px;font-size:.88rem}.header-phone{font-size:.9rem}.hero-inner{padding-block:65px}.hero::after{background:linear-gradient(90deg,#141813ed,#14181370)}.catalog{padding-block:46px 33px}.section-head{display:block}.section-head p{margin-top:8px}.catalog-grid,.measure,.footer-grid{grid-template-columns:1fr}.product{min-height:65px;padding:10px 13px}.measure{padding:22px;margin-bottom:44px;gap:13px}.request{padding:42px 0}form{padding:13px}.pair{gap:8px}.footer-grid{padding-block:36px 23px}dl{max-width:280px}}
@media(max-width:370px){form>.pair{grid-template-columns:1fr}}

.product-icon{display:grid;place-items:center;width:38px;height:38px;color:#51671e;background:#edf2df;border-radius:5px;font-size:1.45rem;font-weight:600}