*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#222925;background:#F7F6F0;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}
.w{max-width:1160px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:10px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;border:1px solid #173D35}
.p{background:#173D35;color:#F7F6F0}.p:hover{background:#222925}.s{background:transparent;color:#173D35}.s:hover{background:#D8E7B5}
.card{background:#fff;border:1px solid #E7E9E4;border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(34,41,37,.06)}.tag{font-size:12px;font-weight:600;background:#E7E9E4;border-radius:6px;padding:4px 8px;display:inline-block}.demo{background:#D8E7B5}
header{border-bottom:1px solid #E7E9E4}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;min-height:72px}.nav nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-weight:500;font-size:15px}
.logo{font-weight:800;font-size:22px;color:#173D35;display:flex;align-items:center;gap:8px}h1{font-size:clamp(34px,5vw,56px);line-height:1.05;color:#173D35;letter-spacing:-1.5px;margin:0}h2{font-size:32px;color:#173D35;margin:0 0 24px}
section{padding-top:72px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.cimg{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:14px}
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center}.hero>div{flex:1 1 400px}.hero img{flex:1 1 380px;height:420px;object-fit:cover;border-radius:20px;min-width:0}
.sub{color:#4b554f}.f{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.f input,.f select,.f textarea{min-height:44px;border:1px solid #c9cdc6;border-radius:8px;padding:0 10px;font:inherit;font-weight:400;width:100%;background:#fff}.f textarea{padding:10px}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ck{display:flex;gap:8px;align-items:center;min-height:44px;font-size:15px}.narrow{max-width:760px}
footer{background:#222925;color:#E7E9E4;margin-top:80px;padding:48px 0;font-size:14px}footer a{text-decoration:underline}.foot{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.two>div{border-radius:14px;padding:40px}.two h2{font-size:28px;margin-bottom:12px}
.layout{display:flex;flex-wrap:wrap;gap:32px}.layout aside{flex:0 1 260px;align-self:flex-start;display:flex;flex-direction:column;gap:12px}.layout main{flex:1 1 520px;min-width:0}