:root{--ink:#101820;--green:#123f36;--accent:#08745e;--paper:#f3f1ec;--line:#c9c7c0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}header,.hero,.section,.contact,footer,.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;line-height:1}.logo>b{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#fff;letter-spacing:.08em}.logo span{font-weight:800;letter-spacing:.09em}.logo small{display:block;font-size:8px;letter-spacing:.32em;margin-top:7px}nav{display:flex;gap:34px}nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:650}.hero{min-height:680px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:90px}.tag{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--accent);margin:0 0 22px}.hero h1,.section h2,.services h2,.values h2,.contact h2{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.055em;margin:0 0 30px}.lead{max-width:650px;color:#58605d;font-size:19px}.button{display:inline-block;margin-top:24px;padding:16px 20px;background:var(--green);color:white;text-decoration:none;font-weight:700;font-size:13px}.art{aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;transform:rotate(6deg)}.art i{display:grid;place-items:center;font-style:normal;font-size:42px;font-weight:800}.art i:nth-child(1){background:var(--green);color:white}.art i:nth-child(2){background:#d5da76;border-radius:50% 50% 0 50%}.art i:nth-child(3){border:1px solid #929995;color:var(--green)}.art i:nth-child(4){background:#e7a28e;border-radius:50%}.facts{width:100%;padding:0 max(24px,calc((100% - 1160px)/2));background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr)}.facts div{padding:34px 24px;border-right:1px solid #38413f}.facts small{display:block;font-size:9px;color:#91a19c;letter-spacing:.15em}.facts b{font-size:14px}.section{padding-top:135px;padding-bottom:135px;display:grid;grid-template-columns:250px 1fr;gap:50px;border-bottom:1px solid var(--line)}.section aside{display:flex;gap:45px;font-size:11px;letter-spacing:.16em}.section aside span{color:var(--accent)}.section>div{max-width:740px}.section h2{font-size:clamp(42px,5vw,66px)}.section>div>p{font-size:18px;color:#58605d}.services{background:#dce8e3;padding:125px 0}.services h2{max-width:760px;font-size:clamp(42px,5vw,66px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #9cafaa}.cards article{padding:30px 35px 10px 0;border-right:1px solid #9cafaa;min-height:240px}.cards article+article{padding-left:35px}.cards span{font-size:11px;color:var(--accent)}.cards h3{margin-top:50px;font-size:21px}.cards p{color:#58605d}.app{display:flex;align-items:center;gap:25px;margin-bottom:35px}.app img{width:90px;height:90px;border-radius:20px;box-shadow:0 12px 30px #0002}.app small{font-size:9px;color:var(--accent);letter-spacing:.16em}.app h2{margin:3px 0 0}.product ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:35px 0;border-top:1px solid var(--line)}.product li{padding:15px 0;border-bottom:1px solid var(--line)}.link{color:var(--accent);font-weight:750;text-decoration:none}.values{background:var(--green);color:white;padding:125px 0}.values>.wrap>div{display:grid;grid-template-columns:1fr 1fr;gap:100px}.values h2{margin:0}.values article p{color:#bed0ca;padding-bottom:22px;border-bottom:1px solid #42675f}.values article b{color:white}.contact{padding-top:110px;padding-bottom:110px;display:flex;align-items:end;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(42px,5vw,66px);margin-bottom:15px}.contact p{color:#58605d}.contact>a{color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:7px;font-weight:750}footer{width:100%;padding:60px max(24px,calc((100% - 1160px)/2)) 30px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer nav{justify-content:flex-end}footer>p{grid-column:1/-1;border-top:1px solid #37413e;padding-top:22px;color:#82918d;font-size:12px}footer div p{color:#82918d;font-size:13px}@media(max-width:800px){header{height:74px}header nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:80px;gap:55px}.hero h1{font-size:51px}.art{width:78%;margin:auto}.facts{grid-template-columns:1fr 1fr}.facts div{border-bottom:1px solid #38413f}.section{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px}.cards,.values>.wrap>div{grid-template-columns:1fr}.cards article,.cards article+article{padding:25px 0;border-right:0;border-bottom:1px solid #9cafaa;min-height:auto}.cards h3{margin-top:25px}.product ul{grid-template-columns:1fr}.values>.wrap>div{gap:40px}.contact{align-items:flex-start;flex-direction:column}.contact>a{font-size:13px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}footer>p{grid-column:1}.logo span{font-size:13px}}
