/* ============================================================
   LANDING PAGE ADS — landing-ads.css
   Standalone, nu moștenește stiluri de pagini normale
   Variabile din tokens.css
   ============================================================ */

/* ── Base overrides pentru landing ─────────────────────────── */
.landing-body { background: var(--color-white); }

/* ── Container ──────────────────────────────────────────────── */
.lp-container {
  width: 100%; max-width: 1160px;
  margin: 0 auto; padding: 0 var(--space-6);
}

/* ── Header minimal ─────────────────────────────────────────── */
.lp-header {
  background: var(--color-white); border-bottom: 1px solid var(--color-gray-200);
  position: sticky; top: 0; z-index: var(--z-header);
  box-shadow: var(--shadow-sm);
}
.lp-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; max-width: 1160px; margin: 0 auto; padding: 0 var(--space-6);
}
.lp-header-contact {
  display: flex; align-items: center; gap: var(--space-4);
}
.lp-phone-link {
  display: flex; align-items: center; gap: var(--space-2);
  color: var(--color-primary); font-weight: var(--fw-semibold);
  font-size: var(--fs-base); text-decoration: none;
  transition: color var(--transition-fast);
}
.lp-phone-link:hover { color: var(--color-accent); }
.lp-phone-link svg { fill: var(--color-accent); }
.lp-header-schedule {
  font-size: var(--fs-xs); color: var(--color-gray-400);
}
@media (max-width: 480px) { .lp-header-schedule { display: none; } }

/* ── Badges ─────────────────────────────────────────────────── */
.lp-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: var(--fs-xs); font-weight: var(--fw-bold);
  padding: 4px var(--space-3); border-radius: var(--radius-full);
  letter-spacing: 0.02em;
}
.lp-badge--free { background: rgba(0,200,150,0.12); color: #047857; border: 1px solid rgba(0,200,150,0.3); }
.lp-badge--ai   { background: rgba(139,92,246,0.1); color: #6d28d9; border: 1px solid rgba(139,92,246,0.25); }
.lp-badge--sm   { font-size: 10px; padding: 2px var(--space-2); }

/* ── Eyebrow ────────────────────────────────────────────────── */
.lp-eyebrow {
  font-size: var(--fs-sm); font-weight: var(--fw-semibold);
  text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--color-accent); display: block; margin-bottom: var(--space-3);
}
.lp-eyebrow--light { color: rgba(0,200,150,0.8); }

/* ══════════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════════ */
.lp-hero {
  background: linear-gradient(145deg, #0f172a 0%, #1e3a5f 45%, #1a365d 100%);
  padding: var(--space-16) 0 var(--space-12);
  position: relative; overflow: hidden;
}
.lp-hero::after {
  content: ''; position: absolute; top: -50%; right: -20%;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,200,150,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.lp-hero-inner {
  display: grid; grid-template-columns: 1fr 420px;
  gap: var(--space-12); align-items: flex-start;
  position: relative; z-index: 1;
}
@media (max-width: 992px) {
  .lp-hero-inner { grid-template-columns: 1fr; }
}

/* Copy */
.lp-hero-badges { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-5); }
.lp-hero h1 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: var(--fw-extrabold);
  color: var(--color-white); line-height: 1.2;
  font-family: var(--font-display); margin-bottom: var(--space-5);
}
.lp-hero h1 em { color: var(--color-accent); font-style: normal; }
.lp-hero-sub {
  font-size: var(--fs-lg); color: rgba(255,255,255,0.8);
  line-height: var(--lh-relaxed); margin-bottom: var(--space-6);
}
.lp-hero-sub strong { color: var(--color-accent); }

.lp-hero-trust { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-8); }
.lp-hero-trust li { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-sm); color: rgba(255,255,255,0.75); }
.lp-hero-trust svg { fill: var(--color-accent); flex-shrink: 0; }

.lp-cta-call-mobile {
  display: none; margin-bottom: var(--space-6);
  background: var(--color-accent); color: white;
}
@media (max-width: 992px) { .lp-cta-call-mobile { display: inline-flex; } }

.lp-social-proof {
  display: flex; align-items: center; gap: var(--space-3);
  padding-top: var(--space-5); border-top: 1px solid rgba(255,255,255,0.12);
  flex-wrap: wrap;
}
.lp-stars { display: flex; gap: 2px; }
.lp-stars svg { fill: var(--color-accent-warm); }
.lp-social-proof span { font-size: var(--fs-xs); color: rgba(255,255,255,0.6); }

/* ── Form card ──────────────────────────────────────────────── */
.lp-form-card {
  background: var(--color-white); border-radius: var(--radius-2xl);
  box-shadow: 0 24px 64px rgba(0,0,0,0.35); padding: var(--space-8);
  position: relative;
}
.lp-form-card--bottom { box-shadow: var(--shadow-xl); }
.lp-form-card__header { margin-bottom: var(--space-6); }
.lp-form-card__title { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--color-gray-900); font-family: var(--font-display); margin-bottom: var(--space-1); }
.lp-form-card__sub { font-size: var(--fs-sm); color: var(--color-gray-500); }

/* Fields */
.lp-form { display: flex; flex-direction: column; gap: var(--space-4); }
.lp-field { display: flex; flex-direction: column; gap: var(--space-1); }
.lp-field label { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--color-gray-700); }
.lp-field label span[aria-hidden] { color: var(--color-error); }
.lp-field input, .lp-field select {
  width: 100%; padding: var(--space-3) var(--space-4);
  border: 1.5px solid var(--color-gray-200); border-radius: var(--radius-lg);
  font-size: var(--fs-sm); color: var(--color-gray-800);
  background: var(--color-white); font-family: var(--font-body);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  -webkit-appearance: none; appearance: none;
}
.lp-field input:focus, .lp-field select:focus {
  outline: none; border-color: var(--color-primary-light);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
}
.lp-field input.lp-field-invalid { border-color: var(--color-error); }
.lp-field-error { font-size: var(--fs-xs); color: var(--color-error); min-height: 16px; }
.lp-select-wrap { position: relative; }
.lp-select-wrap select { padding-right: var(--space-10); cursor: pointer; }
.lp-select-arrow {
  position: absolute; right: var(--space-3); top: 50%; transform: translateY(-50%);
  fill: var(--color-gray-400); pointer-events: none;
}

/* Checkbox */
.lp-checkbox {
  display: flex; align-items: flex-start; gap: var(--space-3);
  cursor: pointer; font-size: var(--fs-xs); color: var(--color-gray-600); line-height: 1.5;
}
.lp-checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
.lp-checkbox-custom {
  width: 18px; height: 18px; border: 2px solid var(--color-gray-300);
  border-radius: var(--radius-sm); flex-shrink: 0; margin-top: 1px;
  transition: all var(--transition-fast); background: var(--color-white);
}
.lp-checkbox input:checked ~ .lp-checkbox-custom {
  background: var(--color-primary); border-color: var(--color-primary);
}
.lp-checkbox input:checked ~ .lp-checkbox-custom::after {
  content: '✓'; display: flex; align-items: center; justify-content: center;
  color: white; font-size: 11px; font-weight: bold; width: 100%; height: 100%;
}
.lp-checkbox a { color: var(--color-primary-light); text-decoration: underline; }
.lp-gdpr-error { margin-top: calc(-1 * var(--space-2)); }

.lp-submit-btn { width: 100%; font-size: var(--fs-base); font-weight: var(--fw-bold); padding: var(--space-4); }
.lp-form-note { font-size: var(--fs-xs); color: var(--color-gray-400); text-align: center; }
.lp-form-note a { color: var(--color-primary); font-weight: var(--fw-semibold); }

/* Succes */
.lp-form-success {
  text-align: center; padding: var(--space-8) var(--space-4);
}
.lp-form-success__icon {
  width: 64px; height: 64px; background: var(--color-accent);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 2rem; color: white; margin: 0 auto var(--space-4);
}
.lp-form-success h3 { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--color-gray-900); margin-bottom: var(--space-3); }
.lp-form-success p { font-size: var(--fs-sm); color: var(--color-gray-600); line-height: var(--lh-relaxed); }
.lp-form-success a { color: var(--color-primary); font-weight: var(--fw-bold); }

/* ── Logos bar ───────────────────────────────────────────────── */
.lp-logos-bar { background: var(--color-gray-50); border-bottom: 1px solid var(--color-gray-200); padding: var(--space-5) 0; }
.lp-logos-bar .lp-container { display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap; }
.lp-logos-label { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--color-gray-400); text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; }
.lp-logos-scroll { display: flex; align-items: center; gap: var(--space-8); flex-wrap: wrap; }
.lp-logos-scroll img { height: 80px; width: auto; opacity: 1; transition: all var(--transition-fast); }
.lp-logos-scroll img:hover { filter: grayscale(0%); opacity: 1; }

/* ══════════════════════════════════════════════════════════════
   SECTIONS
   ══════════════════════════════════════════════════════════════ */
.lp-section { padding: var(--space-20) 0; }
.lp-section--dark { background: linear-gradient(145deg, #0f172a 0%, #1a2744 100%); }
.lp-section--gray { background: var(--color-gray-50); }

.lp-section-header { text-align: center; margin-bottom: var(--space-12); max-width: 680px; margin-left: auto; margin-right: auto; }
.lp-section-header h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: var(--fw-bold); color: var(--color-gray-900); margin-bottom: var(--space-4); font-family: var(--font-display); }
.lp-section-header p { font-size: var(--fs-lg); color: var(--color-gray-500); line-height: var(--lh-relaxed); }
.lp-section-header--light h2 { color: var(--color-white); }
.lp-section-header--light p { color: rgba(255,255,255,0.65); }

/* ══════════════════════════════════════════════════════════════
   FEATURES MEGA GRID
   ══════════════════════════════════════════════════════════════ */
.lp-features-mega { display: flex; flex-direction: column; gap: var(--space-6); }

.lp-feature-bloc {
  background: var(--color-white); border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-2xl); padding: var(--space-8);
  transition: box-shadow var(--transition-base);
}
.lp-feature-bloc:hover { box-shadow: var(--shadow-lg); }

.lp-feature-bloc--ai {
  border: 2px solid rgba(139,92,246,0.3);
  background: linear-gradient(135deg, rgba(139,92,246,0.03) 0%, var(--color-white) 100%);
}
.lp-feature-bloc--notif { border: 2px solid rgba(0,200,150,0.25); }
.lp-feature-bloc--crm { border: 2px solid rgba(37,99,235,0.2); }
.lp-feature-bloc--more { background: var(--color-gray-50); }

.lp-feature-bloc__label { margin-bottom: var(--space-4); }
.lp-feature-bloc__header {
  display: flex; align-items: flex-start; gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.lp-feature-bloc__icon {
  width: 60px; height: 60px; border-radius: var(--radius-xl);
  background: var(--color-gray-100); display: flex; align-items: center;
  justify-content: center; fill: var(--color-primary); flex-shrink: 0;
}
.lp-feature-bloc__icon--notif { background: rgba(0,200,150,0.1); fill: var(--color-accent); }
.lp-feature-bloc__icon--crm { background: rgba(37,99,235,0.08); fill: var(--color-primary-light); }
.lp-feature-bloc h3 { font-size: var(--fs-2xl); font-weight: var(--fw-bold); color: var(--color-gray-900); font-family: var(--font-display); line-height: 1.3; }
.lp-feature-bloc > p { font-size: var(--fs-base); color: var(--color-gray-600); line-height: var(--lh-relaxed); margin-bottom: var(--space-6); }

/* Feature list */
.lp-feature-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-5); }
.lp-feature-list li { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--fs-sm); color: var(--color-gray-600); line-height: var(--lh-relaxed); }
.lp-feature-list li::before { content: '→'; color: var(--color-accent); font-weight: var(--fw-bold); flex-shrink: 0; margin-top: 1px; }

/* AI Demo */
.lp-ai-demo {
  background: #0f172a; border-radius: var(--radius-xl);
  padding: var(--space-5); margin: var(--space-5) 0; font-family: var(--font-body);
}
.lp-ai-demo__header {
  display: flex; align-items: center; gap: var(--space-3);
  margin-bottom: var(--space-4); padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: var(--fs-xs); color: rgba(255,255,255,0.4);
}
.lp-ai-demo__dot--rec {
  width: 8px; height: 8px; background: var(--color-error);
  border-radius: 50%; flex-shrink: 0;
  animation: blink 1.5s ease-in-out infinite;
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.lp-ai-demo__duration { margin-left: auto; font-family: monospace; }
.lp-ai-demo__transcript { display: flex; flex-direction: column; gap: var(--space-3); }
.lp-ai-demo__transcript p { font-size: var(--fs-sm); color: rgba(255,255,255,0.75); line-height: var(--lh-relaxed); margin: 0; }
.lp-ai-agent { color: var(--color-accent); }
.lp-ai-client { color: rgba(255,255,255,0.9); }
.lp-ai-demo__highlight {
  background: rgba(139,92,246,0.15); border: 1px solid rgba(139,92,246,0.3);
  border-radius: var(--radius-md); padding: var(--space-3) var(--space-4);
  display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-2);
}
.lp-ai-highlight-tag {
  font-size: 10px; font-weight: var(--fw-bold); text-transform: uppercase;
  letter-spacing: 0.06em; color: #a78bfa; background: rgba(139,92,246,0.2);
  padding: 2px 8px; border-radius: var(--radius-full); white-space: nowrap;
}
.lp-ai-demo__highlight span:last-child { font-size: var(--fs-xs); color: rgba(255,255,255,0.7); }

.lp-feature-price-note {
  display: flex; align-items: center; gap: var(--space-2);
  font-size: var(--fs-sm); color: var(--color-gray-600);
  background: rgba(0,200,150,0.06); border: 1px solid rgba(0,200,150,0.2);
  border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-5);
}
.lp-feature-price-note svg { fill: var(--color-accent); flex-shrink: 0; }
.lp-feature-price-note strong { color: var(--color-gray-900); }

/* Notif channels */
.lp-notif-channels { display: flex; flex-direction: column; gap: var(--space-4); margin: var(--space-5) 0; }
.lp-notif-channel {
  display: grid; grid-template-columns: 48px 1fr;
  gap: var(--space-4); align-items: flex-start;
  padding: var(--space-4); border-radius: var(--radius-lg);
  border: 1px solid var(--color-gray-200);
}
.lp-notif-channel--whatsapp { border-color: rgba(37,211,102,0.3); background: rgba(37,211,102,0.04); }
.lp-notif-channel--sms { border-color: rgba(37,99,235,0.2); background: rgba(37,99,235,0.03); }
.lp-notif-channel--telegram { border-color: rgba(0,136,204,0.3); background: rgba(0,136,204,0.04); }
.lp-notif-channel__icon {
  width: 48px; height: 48px; border-radius: var(--radius-lg);
  display: flex; align-items: center; justify-content: center;
}
.lp-notif-channel--whatsapp .lp-notif-channel__icon { background: rgba(37,211,102,0.12); fill: #25d366; }
.lp-notif-channel--sms .lp-notif-channel__icon { background: rgba(37,99,235,0.1); fill: var(--color-primary-light); }
.lp-notif-channel--telegram .lp-notif-channel__icon { background: rgba(0,136,204,0.1); fill: #0088cc; }
.lp-notif-channel--email .lp-notif-channel__icon { background: rgba(245,158,11,0.1); fill: var(--color-accent-warm); }
.lp-notif-channel__content strong { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--color-gray-900); display: block; margin-bottom: var(--space-1); }
.lp-notif-channel__content p { font-size: var(--fs-xs); color: var(--color-gray-500); line-height: var(--lh-normal); margin-bottom: var(--space-2); }
.lp-notif-preview {
  font-size: var(--fs-xs); border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4); line-height: 1.7;
  font-family: var(--font-body);
}
.lp-notif-preview--whatsapp { background: #dcf8c6; color: #111; }
.lp-notif-preview--sms { background: var(--color-gray-100); color: var(--color-gray-700); }
.lp-notif-preview--telegram { background: #e3f2fd; color: #0d47a1; }
.lp-notif-preview span { color: var(--color-gray-500); }
.lp-notif-action { color: #128c7e; font-weight: var(--fw-semibold); }

/* IVR Flow */
.lp-ivr-flow { margin: var(--space-6) 0; display: flex; flex-direction: column; align-items: center; gap: 0; }
.lp-ivr-node {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: var(--space-2);
  background: var(--color-white); border: 1.5px solid var(--color-gray-200);
  border-radius: var(--radius-xl); padding: var(--space-4) var(--space-6);
  min-width: 200px;
}
.lp-ivr-node span { font-size: 1.5rem; }
.lp-ivr-node p { font-size: var(--fs-xs); color: var(--color-gray-600); margin: 0; line-height: 1.4; }
.lp-ivr-node--call { border-color: var(--color-accent); }
.lp-ivr-node--ivr { background: var(--color-primary); border-color: var(--color-primary); }
.lp-ivr-node--ivr p { color: rgba(255,255,255,0.9); }
.lp-ivr-node--agent { border-color: var(--color-primary-light); }
.lp-ivr-line { width: 2px; height: 32px; background: var(--color-gray-300); }
.lp-ivr-split { display: flex; gap: var(--space-8); align-items: flex-start; }
.lp-ivr-branch { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
.lp-ivr-key {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--color-accent); color: white;
  font-size: var(--fs-xs); font-weight: var(--fw-bold);
  display: flex; align-items: center; justify-content: center;
}

/* CRM grid */
.lp-crm-grid { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-5) 0; }
.lp-crm-item {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  background: var(--color-gray-50); border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5);
  font-size: var(--fs-xs); color: var(--color-gray-600); font-weight: var(--fw-medium);
  min-width: 90px; text-align: center;
}
.lp-crm-item img { height: 80px; width: auto; object-fit: contain; }
.lp-crm-item--api { color: var(--color-primary); }
.lp-crm-api-icon { fill: var(--color-primary); }

/* Omnichannel chips */
.lp-omni-channels { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.lp-omni-chip {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: var(--fs-xs); font-weight: var(--fw-medium);
  padding: var(--space-2) var(--space-3); border-radius: var(--radius-full);
  border: 1px solid var(--color-gray-200); background: var(--color-white);
  fill: var(--color-gray-500); color: var(--color-gray-700);
}
.lp-omni-chip--wa { border-color: #25d366; color: #128c7e; fill: #25d366; background: rgba(37,211,102,0.06); }
.lp-omni-chip--tg { border-color: #0088cc; color: #0077b5; fill: #0088cc; background: rgba(0,136,204,0.06); }
.lp-omni-chip--sms { border-color: var(--color-primary-light); color: var(--color-primary); fill: var(--color-primary-light); background: rgba(37,99,235,0.05); }
.lp-omni-chip--fb { border-color: #1877f2; color: #1877f2; background: rgba(24,119,242,0.05); }
.lp-omni-chip--ig { border-color: #e4405f; color: #c13584; background: rgba(228,64,95,0.05); }
.lp-omni-chip--chat { border-color: var(--color-accent); color: #047857; background: rgba(0,200,150,0.06); }

/* More grid */
.lp-more-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }
.lp-more-item { display: flex; gap: var(--space-3); align-items: flex-start; }
.lp-more-item svg { fill: var(--color-primary); flex-shrink: 0; margin-top: 2px; }
.lp-more-item strong { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--color-gray-900); display: block; margin-bottom: var(--space-1); }
.lp-more-item p { font-size: var(--fs-xs); color: var(--color-gray-500); line-height: var(--lh-relaxed); margin: 0; }

/* ══════════════════════════════════════════════════════════════
   PLANS
   ══════════════════════════════════════════════════════════════ */
.lp-plans-grid {
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: var(--space-3); align-items: stretch;
}
@media (max-width: 1024px) { .lp-plans-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .lp-plans-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; } }

.lp-plan {
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-xl); padding: var(--space-5);
  display: flex; flex-direction: column; gap: var(--space-4);
  position: relative; transition: background var(--transition-base);
}
.lp-plan:hover { background: rgba(255,255,255,0.1); }
.lp-plan--free { border-color: var(--color-accent); }
.lp-plan--popular {
  border-color: var(--color-accent); border-width: 2px;
  background: rgba(0,200,150,0.08);
}
.lp-plan--ai-badge { border-color: rgba(139,92,246,0.5); }
.lp-plan--exclusive { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.08); }

.lp-plan__top { display: flex; flex-direction: column; gap: var(--space-2); }
.lp-plan__popular-badge {
  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  background: var(--color-accent-warm); color: white;
  font-size: 10px; font-weight: var(--fw-bold); padding: 2px var(--space-3);
  border-radius: var(--radius-full); white-space: nowrap;
}
.lp-plan__ai-badge {
  font-size: 10px; font-weight: var(--fw-bold); color: #a78bfa;
  background: rgba(139,92,246,0.15); display: inline-block;
  padding: 2px var(--space-2); border-radius: var(--radius-sm);
  margin-bottom: var(--space-1);
}
.lp-plan__ai-badge--ex { color: var(--color-accent); background: rgba(0,200,150,0.15); }
.lp-plan__name { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--color-white); font-family: var(--font-display); }
.lp-price-big { font-size: var(--fs-3xl); font-weight: var(--fw-extrabold); color: var(--color-white); font-family: var(--font-display); line-height: 1; }
.lp-price-curr { font-size: var(--fs-xs); color: rgba(255,255,255,0.5); display: block; margin-top: 2px; }

.lp-plan__features { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); flex: 1; }
.lp-plan__features li { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--fs-xs); color: rgba(255,255,255,0.75); line-height: var(--lh-normal); }
.lp-plan__features li svg { fill: var(--color-accent); flex-shrink: 0; margin-top: 1px; }
.lp-plan__feature--minus { color: rgba(255,255,255,0.35); }
.lp-plan__feature--minus svg { fill: rgba(255,255,255,0.25); }
.lp-plan__cta { width: 100%; font-size: var(--fs-xs); padding: var(--space-2) var(--space-3); margin-top: auto; }
.lp-plans-note { text-align: center; margin-top: var(--space-6); font-size: var(--fs-xs); color: rgba(255,255,255,0.4); }

/* ══════════════════════════════════════════════════════════════
   INDUSTRIES
   ══════════════════════════════════════════════════════════════ */
.lp-industries { gap: var(--space-4); }
.lp-industry-card {
  background: var(--color-white); border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-xl); padding: var(--space-6);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}
.lp-industry-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.lp-industry-card__icon { font-size: 2.5rem; margin-bottom: var(--space-3); }
.lp-industry-card h3 { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--color-gray-900); margin-bottom: var(--space-2); }
.lp-industry-card p { font-size: var(--fs-sm); color: var(--color-gray-600); line-height: var(--lh-relaxed); margin: 0; }

/* ══════════════════════════════════════════════════════════════
   FAQ
   ══════════════════════════════════════════════════════════════ */
.lp-faq { max-width: 720px; margin: 0 auto; }

/* ══════════════════════════════════════════════════════════════
   CTA FINAL
   ══════════════════════════════════════════════════════════════ */
.lp-cta-final { background: var(--color-white); }
.lp-cta-final-inner {
  display: grid; grid-template-columns: 1fr 420px;
  gap: var(--space-12); align-items: flex-start;
}
@media (max-width: 992px) { .lp-cta-final-inner { grid-template-columns: 1fr; } }
.lp-cta-final-copy h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: var(--fw-bold); color: var(--color-gray-900); font-family: var(--font-display); margin-bottom: var(--space-4); }
.lp-cta-final-copy > p { font-size: var(--fs-base); color: var(--color-gray-600); line-height: var(--lh-relaxed); margin-bottom: var(--space-6); }
.lp-cta-final-checks { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: var(--space-8); }
.lp-cta-final-checks li { display: flex; align-items: center; gap: var(--space-3); font-size: var(--fs-sm); color: var(--color-gray-700); }
.lp-cta-final-checks svg { fill: var(--color-accent); flex-shrink: 0; }
.lp-cta-phone-big {
  display: inline-flex; align-items: center; gap: var(--space-3);
  font-size: var(--fs-3xl); font-weight: var(--fw-extrabold);
  color: var(--color-primary); font-family: var(--font-display);
  text-decoration: none; transition: color var(--transition-fast);
}
.lp-cta-phone-big svg { fill: var(--color-accent); }
.lp-cta-phone-big:hover { color: var(--color-primary-light); }
.lp-cta-schedule { font-size: var(--fs-sm); color: var(--color-gray-400); margin-top: var(--space-2); }

/* ══════════════════════════════════════════════════════════════
   FOOTER MINIMAL
   ══════════════════════════════════════════════════════════════ */
.lp-footer { background: var(--color-gray-900); padding: var(--space-8) 0; }
.lp-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); }
.lp-footer p { font-size: var(--fs-xs); color: var(--color-gray-500); margin: 0; }
.lp-footer a { color: var(--color-gray-400); transition: color var(--transition-fast); }
.lp-footer a:hover { color: var(--color-white); }
.lp-footer-links { display: flex; gap: var(--space-5); }
.lp-footer-links a { font-size: var(--fs-xs); }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .lp-hero { padding: var(--space-10) 0; }
  .lp-feature-bloc { padding: var(--space-6); }
  .lp-more-grid { grid-template-columns: 1fr; }
  .lp-notif-channel { grid-template-columns: 40px 1fr; }
  .lp-ivr-split { gap: var(--space-4); }
  .lp-ivr-node { min-width: 120px; padding: var(--space-3) var(--space-4); }
  .lp-footer-inner { flex-direction: column; text-align: center; }
  .lp-logos-bar .lp-container { justify-content: center; }
  .lp-form-card { padding: var(--space-6); }
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR COMPLET — înlocuiește header-ul minimal
   Adaugă după ce ai schimbat HTML-ul cu header-ul site-ului
   ══════════════════════════════════════════════════════════════ */

/* Grupul telefon + CTA din dreapta header-ului pe landing */
.lp-header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-left: var(--space-4);
  flex-shrink: 0;
}

.lp-header-phone {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--color-primary);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-fast);
}

.lp-header-phone svg {
  fill: var(--color-accent);
  flex-shrink: 0;
}

.lp-header-phone:hover {
  color: var(--color-accent);
}

/* Pe mobile, grupul telefon+CTA dispare — hamburger-ul îl înlocuiește */
@media (max-width: 992px) {
  .lp-header-actions {
    display: none;
  }
}
/* ============================================================
   FIX HEADER LANDING — adaugă la SFÂRȘITUL lui landing-ads.css
   Suprascrie conflictele cu header.css
   ============================================================ */

/* Header-ul ocupă toată lățimea, nu container-ul de 1200px */
.site-header .header-inner {
  max-width: 1160px;
  margin: 0 auto;            /* CRITICAL — centrare pe pagină */
  padding: 0 var(--space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  height: var(--header-height);
  flex-wrap: nowrap;        /* forțăm un singur rând */
}

/* Logo — dimensiuni fixe, nu se întinde */
.site-header .header-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.site-header .header-logo img {
  height: 80px;
  width: auto;
  display: block;
}

/* Nav-ul principal — ocupă spațiul disponibil din mijloc */
.site-header .nav-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
  flex-wrap: nowrap;
}

.site-header .nav-main a {
  font-size: var(--fs-sm);
  white-space: nowrap;
}

/* Grupul telefon + CTA — în dreapta, nu cade pe rând nou */
.site-header .lp-header-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-left: 0;
}

/* Butonul header CTA standard — ascuns în favoarea .lp-header-actions */
.site-header .header-cta {
  display: none;
}

/* ── Mobile: tot nav-ul se ascunde, rămân logo + hamburger ── */
@media (max-width: 992px) {
  .site-header .nav-main {
    /* nav-mobile.js gestionează deja drawer-ul */
    position: fixed;
    top: var(--header-height);
    left: 0; right: 0; bottom: 0;
    flex-direction: column;
    background: var(--color-white);
    padding: var(--space-8);
    gap: var(--space-4);
    transform: translateX(100%);
    transition: transform var(--transition-base);
    z-index: var(--z-overlay);
    justify-content: flex-start;
    flex: unset;
  }

  .site-header .nav-main.is-open {
    transform: translateX(0);
  }

  .site-header .lp-header-actions {
    display: none;
  }

  .site-header .nav-toggle {
    display: flex;
  }
}

@media (max-width: 1100px) {
  /* Pe ecrane mai mici de 1100px reducem gap-ul din nav */
  .site-header .nav-main {
    gap: var(--space-3);
  }
  .site-header .nav-main a {
    font-size: 0.8rem;
  }
}