:root { --max: 1100px; }
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;margin:0;color:#222}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.site-header{background:#f6f7fb;border-bottom:1px solid #e3e6ef;padding:48px 0}
.site-header h1{margin:0 0 6px 0;font-size:clamp(26px,4vw,42px)}
.subtitle{margin:0 0 6px 0;color:#444}
.trust{margin:8px 0 18px 0;color:#555;font-size:14px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border:1px solid #222;text-decoration:none;color:#222;border-radius:8px}
.btn.primary{background:#222;color:#fff}
.btn.tel{background:#fff}
.features{padding:28px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;list-style:none;padding:0;margin:0}
.cards li{border:1px solid #e3e6ef;border-radius:10px;padding:14px;background:#fff}
.how{padding:8px 0 24px 0}
.contact{border-top:1px solid #e3e6ef;padding:24px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
input[type=text],input[type=tel],input[type=email]{width:100%;padding:10px;border:1px solid #cdd3e0;border-radius:8px}
fieldset{border:1px solid #e3e6ef;border-radius:10px;margin:12px 0;padding:12px}
.status{margin-top:12px}
.small{font-size:13px;color:#555}
.site-footer{background:#f6f7fb;border-top:1px solid #e3e6ef;padding:20px 0;margin-top:24px}
details{border:1px solid #e3e6ef;border-radius:10px;padding:10px;margin:10px 0;background:#fff}
details>summary{cursor:pointer;font-weight:600}