:root{font-family:system-ui,sans-serif;color:#26372b;background:#f7f5ed;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b78541;outline-offset:4px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px max(5vw,calc((100vw - 1160px)/2))}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:25px;white-space:nowrap}.brand img{width:38px}nav{display:flex;gap:22px}.pill{display:inline-block;background:#294637;color:white;border:0;border-radius:999px;padding:10px 18px;font:inherit;cursor:pointer;white-space:nowrap}.pill.light{background:#f3e5b7;color:#24392c}.hero{background:#213b2f;color:#faf6e9;padding:clamp(32px,6vw,84px) max(5vw,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(24px,5vw,72px)}.hero>div{grid-column:2;grid-row:1}.hero small{color:#f3e5b7}.hero h1{font-size:clamp(34px,5vw,72px);line-height:1.16;margin:.3em 0}.hero p{max-width:36em}.hero figure{grid-column:1;grid-row:1;margin:0;background:#e8d7bd;border-radius:20px;overflow:hidden;color:#26372b}.hero img{display:block;width:100%;height:clamp(240px,36vw,420px);object-fit:contain}.hero figcaption{padding:8px 16px;background:#f3e5b7}.section{max-width:1160px;margin:auto;padding:52px 0;width:90%}h2{font-size:clamp(25px,4vw,40px);line-height:1.2;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid a{background:#fffdf6;border:1px solid #deded2;border-radius:14px;overflow:hidden}.grid a:hover{border-color:#294637}.grid img{display:block;width:100%;height:160px;object-fit:contain;background:#f1e5d4}.grid a div{padding:10px 14px}.grid span{display:block;font-size:13px;color:#526250}.steps{border-top:1px solid #cdd4c8}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-left:24px}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#e5eadf;border-radius:18px;padding:28px;margin-bottom:40px}label{display:block;margin-bottom:12px}input,textarea,select{display:block;width:100%;font:inherit;color:inherit;background:white;border:1px solid #9ba99c;border-radius:7px;padding:8px}footer{background:#213b2f;color:white}@media(max-width:650px){header nav{display:none}.hero,.form-section,.steps ol{grid-template-columns:1fr}.hero>div,.hero figure{grid-column:auto;grid-row:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid img{height:130px}.section{padding-block:32px}}

.hero-track{display:flex;width:100%;animation:hero-products 45s ease-in-out infinite}
.hero-slide{flex:0 0 100%;min-width:0;background:#e8d7bd}
.hero-caption{padding:8px 16px;background:#f3e5b7}
@keyframes hero-products{
0%{transform:translateX(0)}
5.555556%{transform:translateX(-0%)}
6.666667%{transform:translateX(-100%)}
12.222222%{transform:translateX(-100%)}
13.333333%{transform:translateX(-200%)}
18.888889%{transform:translateX(-200%)}
20.000000%{transform:translateX(-300%)}
25.555556%{transform:translateX(-300%)}
26.666667%{transform:translateX(-400%)}
32.222222%{transform:translateX(-400%)}
33.333333%{transform:translateX(-500%)}
38.888889%{transform:translateX(-500%)}
40.000000%{transform:translateX(-600%)}
45.555556%{transform:translateX(-600%)}
46.666667%{transform:translateX(-700%)}
52.222222%{transform:translateX(-700%)}
53.333333%{transform:translateX(-800%)}
58.888889%{transform:translateX(-800%)}
60.000000%{transform:translateX(-900%)}
65.555556%{transform:translateX(-900%)}
66.666667%{transform:translateX(-1000%)}
72.222222%{transform:translateX(-1000%)}
73.333333%{transform:translateX(-1100%)}
78.888889%{transform:translateX(-1100%)}
80.000000%{transform:translateX(-1200%)}
85.555556%{transform:translateX(-1200%)}
86.666667%{transform:translateX(-1300%)}
92.222222%{transform:translateX(-1300%)}
93.333333%{transform:translateX(-1400%)}
98.888889%{transform:translateX(-1400%)}
100.000000%{transform:translateX(-1500%)}
}footer{flex-wrap:wrap}footer .footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-links a:hover{text-decoration:underline}.info-page{max-width:760px;min-height:55vh}.info-page article+article{margin-top:30px}.info-page article h2{font-size:24px}
