:root {
  --brand: #2f6f64;
  --brand-weak: #e6f2f0;
  --ink: #0a0a0a;
  --muted: #6b7280;
  --line: #e5e7eb;
}
.t-btn-primary{background:var(--brand)!important;color:#fff!important;border-radius:14px!important}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 10px;margin:6px 6px 0 0;background:var(--brand-weak);color:#0f172a;font-size:13px}
.section-narrow{max-width:1120px;margin:0 auto;padding:56px 16px}
.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}
.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand__text{letter-spacing:2px;font-size:14px;white-space:nowrap}
.menu{display:none;gap:18px;color:#374151;font-size:14px;align-items:center;flex-wrap:wrap}
.burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff}
.burger span,.burger:before,.burger:after{content:'';display:block;width:18px;height:2px;background:#111;margin:2px 0}
@media (min-width: 768px){
  .menu{display:flex}
  .burger{display:none}
  .grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
}
@media (max-width: 767px){
  .grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:20px}
}