*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242526;background:#fff;font:16px/1.6 Inter,Arial,Helvetica,sans-serif}a{color:#087f72;text-underline-offset:3px}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.head{border-bottom:1px solid #edf1f0}.head .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:25px;letter-spacing:-.05em;color:#1b2928;text-decoration:none}.brand span{color:#0ca78a}.nav{display:flex;gap:24px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:700;text-decoration:none;color:#43514f}.nav a:hover{color:#0b9e82}.hero{text-align:center;padding:120px 0 110px}.hero h1{font-size:clamp(45px,6.5vw,82px);letter-spacing:-.06em;line-height:1.08;max-width:1060px;margin:0 auto 30px}.hero p{font-size:21px;max-width:900px;margin:auto;color:#454f4d}.section{padding:72px 0}.section.alt{background:#f7faf9}.section h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.04em;line-height:1.15;margin:0 0 20px}.section .lead{max-width:790px;color:#53615d;font-size:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}.card{background:#fff;border:1px solid #e4eeeb;border-radius:18px;padding:28px;min-height:185px}.card h3{font-size:21px;margin:0 0 12px}.card p{margin:0;color:#5d6965}.sample{margin-top:54px;background:#fff;box-shadow:0 20px 50px #0b66551c;border:1px solid #e6efec;border-radius:22px;padding:20px;display:grid;grid-template-columns:210px 1fr;gap:24px}.sample aside{background:#f0f7f4;border-radius:14px;padding:18px}.sample aside span{display:block;padding:9px}.sample>div{padding:20px}.sample>div h3{margin:0 0 16px}.sample>div p{border:1px solid #edf2f0;border-radius:10px;padding:13px 16px;margin:0 0 10px}.footer{background:#172825;color:#dce8e3;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:#dce8e3}.error{min-height:72vh;display:grid;align-content:center}.error h1{font-size:40px}@media(max-width:720px){.head .wrap{min-height:72px;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}.brand{font-size:22px}.nav{gap:16px}.hero{padding:72px 0}.hero h1{font-size:44px}.hero p{font-size:18px}.section{padding:54px 0}.cards{grid-template-columns:1fr;gap:14px}.card{min-height:0}.sample{grid-template-columns:1fr;gap:12px}.sample aside{display:flex;flex-wrap:wrap}.sample>div{padding:10px}}