/* AntiChaos landing — anti-AI: paletă ardezie, DM Sans, layout asimetric */

:root {
  --ink:      #1A2330;
  --ink-2:    #2C3847;
  --ink-3:    #5C6B7A;
  --ink-4:    #8A97A6;
  --brand:    #2B3D4F;
  --brand-d:  #1E2D3C;
  --brand-l:  #E6EBEF;
  --accent:   #A8623A;
  --accent-d: #8B4E2C;
  --accent-l: #F3E8DF;
  --surface:  #F5F2ED;
  --white:    #FDFCFA;
  --border:   #DDD8CF;
  --success:  #3A6B58;
  --warning:  #9A7342;
  --danger:   #A84840;
  --radius:   8px;
  --radius-lg: 12px;
  --indigo:   var(--brand);
  --indigo-d: var(--brand-d);
  --indigo-l: var(--brand-l);
  --orange:   var(--accent);
  --orange-d: var(--accent-d);
}

[data-theme="dark"] {
  --ink:    #E8EDF2;
  --ink-2:  #CBD5E1;
  --ink-3:  #A8B4BE;
  --ink-4:  #6B7885;
  --surface:#141A1F;
  --white:  #1C2429;
  --border: #2E3A42;
  --brand-l: rgba(43,61,79,.4);
  --accent-l: rgba(212,160,122,.12);
  --accent:   #D4A07A;
}
[data-theme="dark"] .hero h1 .accent {
  color: #E8B88A !important;
  -webkit-text-fill-color: #E8B88A !important;
}

body {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  background: var(--surface) !important;
}

/* ── Nav ── */
nav {
  background: rgba(253,252,250,.85) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid transparent !important;
}
nav.scrolled {
  background: rgba(253,252,250,.95) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 1px 0 rgba(26,35,48,.04) !important;
}
[data-theme="dark"] nav,
[data-theme="dark"] nav.scrolled {
  background: rgba(20,26,31,.92) !important;
  border-bottom-color: var(--border) !important;
}
.nav-logo { font-weight: 700 !important; letter-spacing: -.02em !important; }
.nav-links a { font-size: 13px !important; }
.nav-logo .dot {
  background: var(--brand) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}
.nav-cta {
  background: var(--brand) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
}
.nav-cta:hover { background: var(--brand-d) !important; }
.nav-link-btn:hover { background: var(--brand-l) !important; color: var(--ink) !important; }

/* ── Hero ── */
.hero {
  min-height: auto !important;
  padding: 100px 6% 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 54%) !important;
  grid-template-rows: auto auto !important;
  gap: 32px 72px !important;
  align-items: center !important;
  text-align: left !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  position: relative !important;
  background: transparent !important;
}
.hero-bg, .hero-grid { display: none !important; }
.hero::before,
.hero::after { display: none !important; }

/* Bandă hero full-width */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 92vh;
  max-height: 920px;
  background:
    linear-gradient(165deg, #FDFCFA 0%, #F5F2ED 42%, #EDE8E0 100%);
  z-index: -3;
  pointer-events: none;
}
[data-theme="dark"] body::before {
  background: linear-gradient(165deg, #1a2026 0%, #141a1f 50%, #10151a 100%);
}

.hero-content {
  max-width: 520px !important;
  text-align: left !important;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  padding-bottom: 8px;
}
.hero-mockup {
  margin-top: 0 !important;
  max-width: none !important;
  width: 100% !important;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  opacity: 1 !important;
  animation: none !important;
}
.hero-foot {
  grid-column: 1;
  grid-row: 2;
  padding: 20px 0 56px;
  border-top: 1px solid var(--border);
  margin-top: 8px;
}
.hero-badge {
  background: var(--white) !important;
  color: var(--ink-3) !important;
  border: 1px solid var(--border) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  margin-bottom: 20px !important;
}
.hero-badge::before { background: var(--accent) !important; }
.hero h1 {
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  font-size: clamp(38px, 4.8vw, 56px) !important;
  line-height: 1.08 !important;
  margin-bottom: 20px !important;
  color: var(--ink) !important;
}
.hero h1 .accent {
  background: none !important;
  -webkit-text-fill-color: var(--accent) !important;
  color: var(--accent) !important;
}
.hero-sub {
  margin: 0 0 28px !important;
  max-width: 100% !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--ink-3) !important;
}
.hero-actions {
  justify-content: flex-start !important;
  margin-bottom: 0 !important;
  gap: 10px !important;
}
.hero-trial-link {
  margin-top: 16px;
  font-size: 13px;
  color: var(--ink-4);
}
.hero-trial-link a {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(168,98,58,.35);
}
.hero-trial-link a:hover { color: var(--accent-d); }

.hero-foot .hero-proof {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px 24px !important;
  margin: 0 !important;
  opacity: 1 !important;
  animation: none !important;
}
.hero-foot .hero-proof span {
  font-size: 13px !important;
  color: var(--ink-3) !important;
}
.hero-foot .hero-proof span::before {
  color: var(--success) !important;
  margin-right: 6px !important;
}
.benefits-strip { display: none !important; }

.btn-primary {
  background: var(--brand) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 13px 22px !important;
}
.btn-primary::after { display: none !important; }
.btn-primary:hover {
  background: var(--brand-d) !important;
  transform: translateY(-1px) !important;
}
.btn-secondary {
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 13px 22px !important;
  background: var(--white) !important;
}
.btn-secondary:hover { border-color: var(--brand) !important; color: var(--brand) !important; }

/* Mockup — mai mare, mai clar */
.hero-mockup .mockup-browser {
  border-radius: 10px !important;
  box-shadow:
    0 2px 4px rgba(26,35,48,.04),
    0 24px 48px rgba(26,35,48,.12),
    0 0 0 1px rgba(26,35,48,.06) !important;
}
.hero-mockup .mockup-body { height: 400px !important; }
.hero-mockup {
  --mp-sidebar: #1C2429 !important;
  --mp-th-bg: #EDEAE4 !important;
  --mp-th-fg: #5C6B7A !important;
  --mp-main: #F5F2ED !important;
  --mp-browser: #fff !important;
}
.hero-mockup .mockup-card-num { font-size: 24px !important; }
.hero-mockup .mockup-card:nth-child(4) .mockup-card-num { color: var(--brand) !important; }
.hero-mockup .mockup-card:nth-child(2) .mockup-card-num { color: var(--warning) !important; }
.hero-mockup .mockup-card:nth-child(3) .mockup-card-num { color: var(--danger) !important; }
.hero-mockup .mockup-sidebar-item.active {
  border-left: 2px solid var(--accent) !important;
  background: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .hero-mockup .mockup-browser {
  box-shadow: 0 24px 48px rgba(0,0,0,.35), 0 0 0 1px var(--border) !important;
}

/* ── Secțiuni ── */
.section-label { color: var(--accent) !important; letter-spacing: .12em !important; }
.section-title { font-weight: 700 !important; letter-spacing: -.02em !important; }
.section-center { text-align: left !important; max-width: 640px; }
.section-center .section-sub { margin: 0 !important; }

/* Problems — citate, fără emoji */
.problems { background: var(--white) !important; }
.problem-card {
  background: var(--white) !important;
  border-radius: var(--radius) !important;
  border-left: 3px solid var(--border) !important;
}
.problem-card:hover {
  border-left-color: var(--accent) !important;
  box-shadow: var(--shadow, 0 2px 8px rgba(26,35,48,.06)) !important;
  transform: none !important;
}
.problem-icon { display: none !important; }
.problem-card::before {
  content: attr(data-num);
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--ink-4);
  margin-bottom: 12px;
}

/* Compare */
.compare-col.before { background: var(--white) !important; border: 1px solid var(--border) !important; }
.compare-col.after { background: var(--brand-l) !important; border: 1px solid var(--border) !important; border-left: 3px solid var(--brand) !important; }
.compare-col.after .compare-tag { background: var(--brand) !important; color: #fff !important; }

/* Features — listă editorială */
.features-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-top: 40px !important;
  border-top: 1px solid var(--border);
}
.feature-card {
  display: grid !important;
  grid-template-columns: 48px 1fr !important;
  gap: 20px 24px !important;
  padding: 28px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.feature-card::before { display: none !important; }
.feature-card:hover { transform: none !important; box-shadow: none !important; }
.feature-icon {
  width: 48px !important; height: 48px !important;
  border-radius: 6px !important;
  background: var(--brand-l) !important;
  font-size: 0 !important;
  margin: 0 !important;
  position: relative !important;
}
.feature-icon::after {
  content: attr(data-idx);
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: var(--brand);
}
.feature-icon { grid-row: span 2; align-self: start; }
.feature-card h3 { grid-column: 2; margin: 0 0 6px; }
.feature-card p { grid-column: 2; margin: 0; }

/* For who */
.forwho-icon {
  display: inline-block !important;
  width: 8px !important; height: 8px !important;
  border-radius: 50% !important;
  background: var(--accent) !important;
  font-size: 0 !important;
  margin-bottom: 12px !important;
}

/* Module catalog — în loc de bento */
.bento-grid { display: none !important; }
.module-catalog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 40px;
  margin-top: 48px;
  max-width: 960px;
}
.module-group-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--accent);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.module-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.module-list li {
  font-size: 14px;
  color: var(--ink-3);
  line-height: 1.5;
  padding-left: 14px;
  border-left: 2px solid var(--border);
}
.module-list li strong {
  color: var(--ink);
  font-weight: 600;
}
.module-tag {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--accent);
  margin-left: 6px;
}

/* Pricing */
.price-card.featured {
  background: var(--brand) !important;
  border-color: var(--brand-d) !important;
  box-shadow: 0 8px 28px rgba(43,61,79,.2) !important;
  transform: none !important;
}
.price-card.featured:hover { transform: translateY(-2px) !important; }
.price-card.featured .price-badge { color: var(--accent-l) !important; }
.price-features li::before { color: var(--success) !important; }

/* CTA */
.cta-band {
  background: var(--brand) !important;
  text-align: left !important;
  padding: 64px 5% !important;
}
.cta-band::before { display: none !important; }
.cta-band h2 { font-weight: 700 !important; letter-spacing: -.02em !important; }
.cta-band p { margin-left: 0 !important; }
.cta-band .hero-actions { justify-content: flex-start !important; }
.cta-band .btn-primary {
  background: #FDFCFA !important;
  color: #1E2D3C !important;
  border: none !important;
}
.cta-band .btn-primary:hover {
  background: #FFFFFF !important;
  color: #1A2330 !important;
  transform: translateY(-1px) !important;
}
.cta-band .btn-secondary {
  background: transparent !important;
  color: #FDFCFA !important;
  border: 1.5px solid rgba(253, 252, 250, .5) !important;
}
.cta-band .btn-secondary:hover {
  background: rgba(255, 255, 255, .1) !important;
  border-color: #FDFCFA !important;
  color: #fff !important;
}
.cta-band h2 { color: #FDFCFA !important; }
.cta-band p { color: rgba(253, 252, 250, .82) !important; }
[data-theme="dark"] .cta-band {
  background: #161d24 !important;
}

/* Trust — bandă întunecată (nu var(--ink), care devine deschis în dark mode) */
.trust-stats {
  background: var(--brand) !important;
  padding: 56px 6% !important;
  text-align: left !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
[data-theme="dark"] .trust-stats {
  background: #161d24 !important;
  border-top-color: var(--border);
  border-bottom-color: var(--border);
}
.trust-stats-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent-l);
  margin: 0 0 28px;
}
.trust-stats-grid {
  display: flex;
  gap: 28px 48px;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0;
  justify-content: flex-start !important;
}
.trust-stat {
  flex: 1;
  min-width: 140px;
}
.trust-stat-num {
  font-size: clamp(34px, 4vw, 42px);
  font-weight: 800;
  color: #FDFCFA;
  letter-spacing: -.03em;
  line-height: 1;
}
.trust-stat-lbl {
  font-size: 14px;
  color: rgba(253, 252, 250, .68);
  margin-top: 8px;
  line-height: 1.45;
}
[data-theme="dark"] .trust-stat-num {
  color: #E8EDF2;
}
[data-theme="dark"] .trust-stat-lbl {
  color: rgba(168, 180, 190, .9);
}

/* Contact perks */
.perk-icon {
  font-size: 0 !important;
  width: 6px !important; height: 6px !important;
  min-width: 6px !important;
  border-radius: 50% !important;
  background: var(--accent) !important;
}

/* FAQ */
.faq-item-mkt summary::after { color: var(--accent) !important; }

/* Footer */
.footer-logo .dot { background: var(--brand) !important; }

/* Theme toggle */
.landing-theme-toggle .lnd-btn.active {
  background: var(--brand) !important;
  box-shadow: none !important;
}

@media (max-width: 960px) {
  .hero {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 28px !important;
    padding-top: 88px !important;
  }
  .hero-mockup {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: -1;
  }
  .hero-content { grid-row: 2 !important; max-width: none !important; }
  .hero-foot { grid-row: 3 !important; padding-bottom: 40px !important; }
  .hero-mockup .mockup-body { height: 320px !important; }
  .module-catalog { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr !important; }
  .price-card.featured { transform: none !important; }
}

@media (max-width: 768px) {
  .nav-links, .nav-actions .nav-link-btn { display: none !important; }
  .nav-burger { display: flex !important; }
}