Описание

:root {
–bg: #ffffff;
–text: #222222;
–muted: #555555;
–accent: #28a745;
–border: #dddddd;
}
* { box-sizing: border-box; }
body {
margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
background: var(–bg);
color: var(–text);
}
.wrap { max-width: 1000px; margin: 48px auto; padding: 0 20px; }
.breadcrumbs { font-size: 13px; color: var(–muted); margin-bottom: 12px; }
.breadcrumbs a { color: var(–muted); text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }

.hero {
border: 1px solid var(–border); border-radius: 12px; padding: 24px; background: #f9f9f9;
}
.title { display:flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.title h1 { font-size: clamp(24px, 4vw, 36px); margin: 0; }
.chip { font-size: 13px; padding: 6px 10px; border: 1px solid var(–border); background: #eef5ef; border-radius: 999px; color: var(–accent); }

.bullets { display:grid; gap:10px; margin: 16px 0; }
.bullet { display:flex; align-items:flex-start; gap:10px; }
.check { width: 18px; height:18px; border-radius:4px; background: #d6f2dd; display:grid; place-items:center; }
.check svg { width: 12px; height: 12px; fill: #28a745; }

.section { margin-top: 28px; background: #fdfdfd; border: 1px solid var(–border); border-radius: 12px; overflow:hidden; }
.section h2 { margin: 0; padding: 14px 20px; border-bottom:1px solid var(–border); font-size: 18px; color: var(–accent); background: #f3f7f4; }

.content { padding: 18px 20px; }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width: 800px) { .grid2 { grid-template-columns: 1fr; } }

table { width:100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 8px 12px; border-bottom:1px solid var(–border); }
th { text-align:left; color: var(–accent); }

.cta { display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; }
.btn { padding: 10px 14px; border-radius: 8px; border:1px solid var(–border); background:#f0f0f0; color: var(–text); text-decoration:none; font-weight:600; }
.btn.primary { background: var(–accent); color: white; border-color:#1e7c36; }