/* Бренд-переменные */
:root {
  --brand: #f97316;
  --brand-hover: #ea580c;
  --brand-light: #fff7ed;
  --brand-border: #fed7aa;
  --text-primary: #1a1a1a;
  --text-muted: #6b7280;
  --radius: 10px;
}

/* Bootstrap переопределения */
.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
  font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
}
.btn-outline-primary {
  color: var(--brand);
  border-color: var(--brand);
}
.btn-outline-primary:hover {
  background-color: var(--brand);
  border-color: var(--brand);
}
.text-brand { color: var(--brand); }
.bg-brand-light { background-color: var(--brand-light); }
.border-brand { border-color: var(--brand-border) !important; }

/* Navbar */
.navbar-brand { color: var(--brand) !important; font-weight: 900; font-size: 1.3rem; letter-spacing: -0.5px; }
.lang-switch .active { color: var(--brand); font-weight: 700; }
.lang-switch .inactive { color: #aaa; }
.lang-switch a { text-decoration: none; font-size: 0.85rem; }

/* Hero */
.hero-section { padding: 80px 0 60px; }
.hero-title { font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 900; line-height: 1.15; color: var(--text-primary); }
.hero-subtitle { font-size: 1.05rem; color: var(--text-muted); line-height: 1.6; }
.hero-badges span { font-size: 0.8rem; color: var(--text-muted); }
.hero-badges .check { color: var(--brand); }

/* Phone mockup */
.phone-mockup {
  background: #1a1a1a;
  border-radius: 24px;
  padding: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
  max-width: 220px;
  margin: 0 auto;
}
.phone-screen {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.phone-topbar {
  background: var(--brand-light);
  padding: 8px 12px;
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--brand);
  border-bottom: 1px solid var(--brand-border);
}
.recipe-item {
  padding: 8px 12px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0.75rem;
}
.recipe-item .name { font-weight: 700; color: var(--text-primary); }
.recipe-item .meta { color: #999; font-size: 0.65rem; }

/* Social proof bar */
.social-proof-bar { background: #fafafa; border-top: 1px solid #f0f0f0; padding: 12px 0; }
.social-proof-bar .stat b { color: var(--text-primary); }
.social-proof-bar .stat { font-size: 0.85rem; color: var(--text-muted); }

/* How it works */
.step-number {
  width: 36px; height: 36px;
  background: var(--brand);
  color: #fff;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.step-arrow { color: var(--brand); font-size: 1.4rem; }

/* Cards (B2C/B2B preview) */
.preview-card {
  border: 1.5px solid var(--brand-border);
  border-radius: var(--radius);
  background: var(--brand-light);
  transition: transform 0.15s, box-shadow 0.15s;
}
.preview-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(249,115,22,0.12); }

/* Section headings */
.section-label { font-size: 0.75rem; font-weight: 700; color: var(--brand); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; }

/* FAQ accordion */
.accordion-button:not(.collapsed) { color: var(--brand); background-color: var(--brand-light); }
.accordion-button:focus { box-shadow: 0 0 0 0.2rem rgba(249,115,22,0.25); }

/* B2B форма */
.lead-form-wrapper { background: var(--brand-light); border: 1.5px solid var(--brand-border); border-radius: var(--radius); padding: 32px; }
.form-control:focus { border-color: var(--brand); box-shadow: 0 0 0 0.2rem rgba(249,115,22,0.2); }

/* Footer */
footer { background: #1a1a1a; color: #aaa; padding: 40px 0 24px; font-size: 0.875rem; }
footer a { color: #aaa; text-decoration: none; }
footer a:hover { color: #fff; }
footer .brand { color: var(--brand); font-weight: 900; }

/* Mobile */
@media (max-width: 768px) {
  .hero-section { padding: 48px 0 36px; }
  .phone-mockup { max-width: 180px; }
  .lead-form-wrapper { padding: 20px; }
}