/* Точка Роста — базовый стиль */
:root{
  --brand-green:#1f8a2b;
  --brand-green-dark:#0a5b1a;
  --brand-gold:#b08122;
  --brand-gold-light:#e2c26d;

  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#121826;
  --muted:#6b7280;
  --line:rgba(17,24,39,.08);

  --radius:18px;
  --shadow: 0 10px 30px rgba(17,24,39,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 700px at 20% -10%, rgba(31,138,43,.12), transparent 60%),
              radial-gradient(1200px 700px at 120% 10%, rgba(176,129,34,.14), transparent 55%),
              var(--bg);
  color:var(--text);
}

a{color:inherit;text-decoration:none}
.container{width:min(1100px, 92vw);margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter: blur(12px);
  background: rgba(243,244,246,.75);
  border-bottom:1px solid var(--line);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:12px 0;
}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:52px;height:52px;object-fit:contain}
.brand .title{font-weight:800;letter-spacing:.2px}
.brand .subtitle{font-size:12px;color:var(--muted);margin-top:2px}
.menu{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.menu a{padding:10px 12px;border-radius:12px;color:var(--text);opacity:.9}
.menu a:hover{background:rgba(17,24,39,.04)}
.cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;
  background: linear-gradient(135deg, var(--brand-green), var(--brand-green-dark));
  color:white;font-weight:700;
  box-shadow: 0 10px 25px rgba(31,138,43,.22);
}
.cta:hover{transform: translateY(-1px)}
.hero{
  padding:48px 0 18px;
}
.hero-card{
  background: linear-gradient(135deg, rgba(31,138,43,.10), rgba(176,129,34,.10)) , var(--card);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow);
  padding: 28px;
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 18px;
  overflow:hidden;
}
.hero h1{margin:0;font-size:36px;line-height:1.1}
.hero p{margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;border:1px solid var(--line);
  background: var(--card);font-weight:700;
}
.btn:hover{background:rgba(17,24,39,.03)}
.badge{
  display:inline-flex;gap:8px;align-items:center;
  padding:8px 12px;border-radius:999px;
  background: rgba(31,138,43,.10);
  border:1px solid rgba(31,138,43,.20);
  color: var(--brand-green-dark);
  font-weight:700;font-size:12px;
}

.grid{
  display:grid;gap:14px;
  grid-template-columns: repeat(3, 1fr);
  margin: 18px 0 54px;
}
.card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  padding: 18px;
}
.card h3{margin:0 0 8px}
.card p{margin:0;color:var(--muted);line-height:1.5}
.card .link{margin-top:12px;display:inline-flex;gap:8px;color:var(--brand-green-dark);font-weight:800}

.page{
  padding: 22px 0 56px;
}
.page h1{margin:0 0 8px;font-size:34px}
.page .lead{color:var(--muted);margin:0 0 18px}
.richtext{line-height:1.75}
.richtext h2{margin-top:22px}
.richtext a{color:var(--brand-green-dark);text-decoration:underline}

.footer{
  border-top:1px solid var(--line);
  background: rgba(255,255,255,.55);
  padding: 26px 0;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
}
.small{font-size:12px;color:var(--muted);margin-top:10px}

.list{
  display:grid;grid-template-columns: repeat(2, 1fr);gap:14px;margin-top:16px;
}
.item-title{font-weight:900}
.meta{color:var(--muted);font-size:13px;margin-top:6px}

@media (max-width: 900px){
  .hero-card{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .list{grid-template-columns:1fr}
  .menu{display:none}
}