/* Visual system — allowed: #F2F4F7 #1B1B1D #0766FF #FFFFFF #000000 */
#zl-v4-root,
body.premium-v2 {
  --bg: #f2f4f7;
  --text: #1b1b1d;
  --blue: #0766ff;
  --white: #ffffff;
  --black: #000000;
  --ink: #1b1b1d;
  --muted: rgba(27, 27, 29, 0.72);
  --soft: #f2f4f7;
  --surface: #ffffff;
  --line: rgba(27, 27, 29, 0.12);
  --blue-dark: #0766ff;
  --blue-soft: #ffffff;
  --white: #ffffff;
  --shadow: 0 18px 48px rgba(27, 27, 29, 0.08);
  background: #f2f4f7 !important;
  color: #1b1b1d !important;
  font-family: 'SF Pro Display', 'SF Pro Text', 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#zl-v4-root *,
#zl-v4-root *::before,
#zl-v4-root *::after {
  font-family: inherit;
}

/* ---------- Default section contract ---------- */
#zl-v4-root .site-header,
#zl-v4-root .section,
#zl-v4-root .site-footer {
  background: #f2f4f7 !important;
  background-image: none !important;
  color: #1b1b1d !important;
}

#zl-v4-root .section h1,
#zl-v4-root .section h2,
#zl-v4-root .section h3,
#zl-v4-root .section p,
#zl-v4-root .section li,
#zl-v4-root .section dt,
#zl-v4-root .section dd,
#zl-v4-root .section summary,
#zl-v4-root .section small,
#zl-v4-root .section strong,
#zl-v4-root .section span,
#zl-v4-root .section blockquote,
#zl-v4-root .section label {
  color: #1b1b1d !important;
}

#zl-v4-root .section .section-kicker,
#zl-v4-root .section .price-label,
#zl-v4-root .section .card-index,
#zl-v4-root .section .feature-number,
#zl-v4-root .section .trust-symbol,
#zl-v4-root .section .intro-signals strong,
#zl-v4-root .section .quiz-step-label,
#zl-v4-root .header-login:hover,
#zl-v4-root .header-login:focus-visible {
  color: #0766ff !important;
}

#zl-v4-root .clarity-section::before,
#zl-v4-root .join-section::after,
#zl-v4-root .life-book-section::before,
#zl-v4-root .legacy-orbit {
  content: none !important;
  display: none !important;
}

/* ---------- Header ---------- */
#zl-v4-root .site-header {
  border-bottom: 1px solid rgba(27, 27, 29, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#zl-v4-root .site-header,
#zl-v4-root .site-header a,
#zl-v4-root .brand span,
#zl-v4-root .header-nav a,
#zl-v4-root .header-login {
  color: #1b1b1d !important;
}

#zl-v4-root .header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

#zl-v4-root .header-login {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}

#zl-v4-root .header-cta,
#zl-v4-root .button.primary,
#zl-v4-root a.button.primary {
  background: #0766ff !important;
  color: #ffffff !important;
  border: 1px solid #0766ff !important;
  box-shadow: none !important;
}

#zl-v4-root .header-cta:hover,
#zl-v4-root .button.primary:hover,
#zl-v4-root .button.primary:focus-visible {
  background: #0766ff !important;
  color: #ffffff !important;
  filter: brightness(0.94);
}

@media (max-width: 640px) {
  #zl-v4-root .header-cta {
    display: none;
  }
  #zl-v4-root .header-login {
    display: inline-flex;
  }
}

/* ---------- Buttons ---------- */
#zl-v4-root .button.secondary,
#zl-v4-root a.button.secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  box-shadow: none !important;
}

#zl-v4-root .section .button.secondary {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.16) !important;
}

#zl-v4-root .quiz-restart {
  background: transparent !important;
  color: #0766ff !important;
  border: 0 !important;
}

/* ---------- Hero ---------- */
#zl-v4-root .hero {
  color: #ffffff !important;
  background: #000000 !important;
}

#zl-v4-root .hero-media {
  background: none !important;
  background-image: none !important;
  overflow: hidden;
}

#zl-v4-root .hero-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  transform: scale(1.01);
}

#zl-v4-root .hero-shade {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.18) 78%, rgba(0, 0, 0, 0.08) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.04) 52%) !important;
}

#zl-v4-root .hero h1,
#zl-v4-root .hero .hero-copy,
#zl-v4-root .hero .proof-strip dt,
#zl-v4-root .hero .proof-strip dd,
#zl-v4-root .hero .button.secondary {
  color: #ffffff !important;
}

#zl-v4-root .hero .eyebrow {
  color: #0766ff !important;
}

#zl-v4-root .hero .proof-strip dd {
  color: #ffffff !important;
}

#zl-v4-root .evidence-badge,
#zl-v4-root .evidence-badge small,
#zl-v4-root .evidence-badge strong,
#zl-v4-root .evidence-badge i {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

#zl-v4-root .evidence-pulse {
  background: #0766ff !important;
  box-shadow: 0 0 12px #0766ff !important;
}

#zl-v4-root .evidence-tooltip {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
  box-shadow: 0 18px 48px rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .evidence-tooltip strong,
#zl-v4-root .evidence-tooltip p {
  color: #1b1b1d !important;
}

/* ---------- Intro / memory portrait ---------- */
#zl-v4-root .intro-statement h2,
#zl-v4-root .intro-statement p,
#zl-v4-root .intro-signals span {
  color: #1b1b1d !important;
}

#zl-v4-root .memory-portrait,
#zl-v4-root .portrait-core,
#zl-v4-root .memory-node {
  background: #ffffff !important;
  background-image: none !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.1) !important;
  box-shadow: none !important;
}

#zl-v4-root .memory-portrait *,
#zl-v4-root .portrait-core *,
#zl-v4-root .memory-node * {
  color: #1b1b1d !important;
}

#zl-v4-root .portrait-core .core-label,
#zl-v4-root .memory-node small {
  color: #0766ff !important;
}

#zl-v4-root .portrait-grid,
#zl-v4-root .portrait-orbit,
#zl-v4-root .soft-orbit,
#zl-v4-root .legacy-orbit,
#zl-v4-root .memory-link,
#zl-v4-root .reason-line {
  display: none !important;
}

/* ---------- How it works ---------- */
#zl-v4-root .clarity-copy h2,
#zl-v4-root .clarity-copy p {
  color: #1b1b1d !important;
}

#zl-v4-root .clarity-visual,
#zl-v4-root .process-rail,
#zl-v4-root .outcome-stack article {
  background: #ffffff !important;
  background-image: none !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.1) !important;
  box-shadow: none !important;
}

#zl-v4-root .process-rail *,
#zl-v4-root .outcome-stack article * {
  color: #1b1b1d !important;
}

/* Signal stream + mirror device: white text on dark canvas */
#zl-v4-root .signal-stream span {
  color: #ffffff !important;
}

#zl-v4-root .mirror-device,
#zl-v4-root .mirror-device * {
  color: #ffffff !important;
}

/* Outcome stack sits on light bg — use dark text */
#zl-v4-root .outcome-stack article,
#zl-v4-root .outcome-stack article * {
  color: #1b1b1d !important;
}

#zl-v4-root .outcome-stack small {
  color: #0766ff !important;
}

#zl-v4-root .process-rail span {
  color: #0766ff !important;
}

#zl-v4-root .process-rail i,
#zl-v4-root .live-dot,
#zl-v4-root .thread-dot,
#zl-v4-root .context-status i,
#zl-v4-root .handoff-status i {
  background: #0766ff !important;
  box-shadow: none !important;
}

#zl-v4-root .mirror-canvas {
  background: #000000 !important;
}

/* ---------- When people open Zerkalo ---------- */
#zl-v4-root .reason-grid {
  border-color: rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .reason-card,
#zl-v4-root .reason-card:last-child,
#zl-v4-root .reason-card:hover {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border-color: rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .reason-card h3,
#zl-v4-root .reason-card p,
#zl-v4-root .reason-card:hover h3,
#zl-v4-root .reason-card:hover p {
  color: #1b1b1d !important;
}

/* reason-line already hidden above */

/* ---------- What's inside — flat editorial, no cards ---------- */
#zl-v4-root .feature-list article {
  background: transparent !important;
  color: #1b1b1d !important;
  border: none !important;
  border-bottom: 1px solid rgba(27, 27, 29, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 32px 0 !important;
}

#zl-v4-root .feature-list article:last-child {
  border-bottom: none !important;
}

#zl-v4-root .feature-list h3,
#zl-v4-root .feature-list p {
  color: #1b1b1d !important;
}

/* ---------- Companion / not a lecturer ---------- */
#zl-v4-root .companion-principles span,
#zl-v4-root .life-book-points span {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .quiz-proof span {
  background: transparent !important;
  color: #1b1b1d !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 0 22px !important;
}

#zl-v4-root .companion-stage,
#zl-v4-root .memory-ribbon,
#zl-v4-root .conversation-window,
#zl-v4-root .message,
#zl-v4-root .composer-shell {
  background: #ffffff !important;
  background-image: none !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.1) !important;
  box-shadow: none !important;
}

#zl-v4-root .companion-stage *,
#zl-v4-root .memory-ribbon *,
#zl-v4-root .conversation-window *,
#zl-v4-root .message * {
  color: #1b1b1d !important;
}

#zl-v4-root .user-message {
  background: #f2f4f7 !important;
}

#zl-v4-root .mirror-message strong,
#zl-v4-root .memory-insight small,
#zl-v4-root .memory-connection strong,
#zl-v4-root .context-status {
  color: #0766ff !important;
}

#zl-v4-root .response-signal span {
  background: #0766ff !important;
}

/* ---------- Intellectual heritage ---------- */
#zl-v4-root .thinkers-stage {
  background: #000000 !important;
}

#zl-v4-root .thinkers-stage > img {
  width: 100%;
  height: auto;
}

#zl-v4-root .thinkers-shade {
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.55) 72%, rgba(0, 0, 0, 0.88) 100%) !important;
}

#zl-v4-root .thinkers-labels,
#zl-v4-root .thinkers-labels article {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

#zl-v4-root .thinkers-labels h3,
#zl-v4-root .thinkers-labels p {
  color: #ffffff !important;
}

#zl-v4-root .thinkers-labels span {
  color: #0766ff !important;
}

#zl-v4-root .legacy-note,
#zl-v4-root .legacy-note span,
#zl-v4-root .legacy-note p {
  color: #1b1b1d !important;
  background: transparent !important;
}

#zl-v4-root .legacy-note span {
  color: #0766ff !important;
}

/* ---------- Life book ---------- */
#zl-v4-root .life-book-copy h2,
#zl-v4-root .life-book-lead,
#zl-v4-root .life-book-copy blockquote p {
  color: #1b1b1d !important;
}

#zl-v4-root .life-book-copy blockquote span {
  color: #0766ff !important;
}

#zl-v4-root .life-book-product,
#zl-v4-root .book-volume,
#zl-v4-root .book-page,
#zl-v4-root .book-footer,
#zl-v4-root .book-controls {
  background: #ffffff !important;
  background-image: none !important;
  color: #1b1b1d !important;
  border-color: rgba(27, 27, 29, 0.1) !important;
  box-shadow: none !important;
}

#zl-v4-root .life-book-product *,
#zl-v4-root .book-page *,
#zl-v4-root .book-footer * {
  color: #1b1b1d !important;
}

#zl-v4-root .book-controls button {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.16) !important;
}

#zl-v4-root .book-controls button.is-active {
  background: #0766ff !important;
  color: #ffffff !important;
  border-color: #0766ff !important;
}

#zl-v4-root .chapter-line span,
#zl-v4-root .book-timeline small,
#zl-v4-root .page-number,
#zl-v4-root .book-brand span,
#zl-v4-root .mirror-observation span {
  color: #0766ff !important;
}

#zl-v4-root .book-timeline i,
#zl-v4-root .reflection-arc span {
  background: #0766ff !important;
}

#zl-v4-root .book-aura,
#zl-v4-root .book-spine {
  background: #0766ff !important;
  opacity: 0.12;
}

/* ---------- Trust — editorial grid, no 3D stickers ---------- */
#zl-v4-root .trust-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1px !important;
  background: rgba(27, 27, 29, 0.08) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

@media (max-width: 640px) {
  #zl-v4-root .trust-grid {
    grid-template-columns: 1fr !important;
  }
}

#zl-v4-root .trust-grid article {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: none !important;
  box-shadow: none !important;
  padding: 40px 36px !important;
  border-radius: 0 !important;
}

#zl-v4-root .trust-grid h3,
#zl-v4-root .trust-grid p {
  color: #1b1b1d !important;
}

#zl-v4-root .trust-visual {
  display: none !important;
}

/* ---------- Comparison ---------- */
#zl-v4-root .difference-console,
#zl-v4-root .comparison-prompt,
#zl-v4-root .comparison-answer {
  background: #ffffff !important;
  background-image: none !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.1) !important;
  box-shadow: none !important;
}

#zl-v4-root .difference-console *,
#zl-v4-root .comparison-prompt *,
#zl-v4-root .comparison-answer * {
  color: #1b1b1d !important;
}

#zl-v4-root .comparison-tab {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.16) !important;
}

#zl-v4-root .comparison-tab.is-selected {
  background: #0766ff !important;
  color: #ffffff !important;
  border-color: #0766ff !important;
}

#zl-v4-root .comparison-prompt small,
#zl-v4-root .answer-source em {
  color: #0766ff !important;
}

#zl-v4-root .answer-source {
  color: #1b1b1d !important;
}

#zl-v4-root .answer-verdict span {
  color: #1b1b1d !important;
  background: rgba(27, 27, 29, 0.06) !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root [data-answer="generic"] {
  border-color: rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root [data-answer="mirror"] {
  border-color: #0766ff !important;
}

/* ---------- Quiz ---------- */
#zl-v4-root .quiz-shell,
#zl-v4-root .quiz-result,
#zl-v4-root .result-preview {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .quiz-shell *,
#zl-v4-root .quiz-result *,
#zl-v4-root .result-preview * {
  color: #1b1b1d !important;
}

#zl-v4-root .quiz-options button {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border: 1px solid rgba(27, 27, 29, 0.16) !important;
}

#zl-v4-root .quiz-options button:hover,
#zl-v4-root .quiz-options button:focus-visible,
#zl-v4-root .quiz-options button.is-selected,
#zl-v4-root .quiz-options button[aria-pressed="true"] {
  background: #0766ff !important;
  color: #ffffff !important;
  border-color: #0766ff !important;
}

#zl-v4-root .quiz-progress-bar,
#zl-v4-root .quiz-progress-bar i {
  background: rgba(7, 102, 255, 0.16) !important;
}

#zl-v4-root .quiz-progress-bar i {
  background: #0766ff !important;
}

/* ---------- FAQ — editorial accordion ---------- */
#zl-v4-root .faq-list {
  max-width: 720px !important;
  margin: 0 auto !important;
}

#zl-v4-root .faq-list details {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(27, 27, 29, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#zl-v4-root .faq-list details:first-child {
  border-top: 1px solid rgba(27, 27, 29, 0.1) !important;
}

#zl-v4-root .faq-list summary {
  background: transparent !important;
  color: #1b1b1d !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 24px 40px 24px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
  list-style: none !important;
  position: relative !important;
}

#zl-v4-root .faq-list summary::-webkit-details-marker {
  display: none !important;
}

#zl-v4-root .faq-list summary::after {
  content: '+' !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #1b1b1d !important;
  line-height: 1 !important;
}

#zl-v4-root .faq-list details[open] summary::after {
  content: '−' !important;
  color: #0766ff !important;
}

#zl-v4-root .faq-list details[open] summary {
  color: #0766ff !important;
  font-weight: 600 !important;
}

#zl-v4-root .faq-list details p {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 0 24px !important;
  margin: 0 !important;
  color: rgba(27, 27, 29, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

#zl-v4-root .faq-section .section-heading {
  text-align: center !important;
  margin-bottom: 48px !important;
}

/* ---------- Final CTA ---------- */
#zl-v4-root .join-section {
  background: #0766ff !important;
  color: #ffffff !important;
}

#zl-v4-root .join-section h2,
#zl-v4-root .join-section p,
#zl-v4-root .join-section .section-kicker {
  color: #ffffff !important;
}

#zl-v4-root .software-handoff,
#zl-v4-root .handoff-context,
#zl-v4-root .handoff-row {
  background: #ffffff !important;
  color: #1b1b1d !important;
  border-color: rgba(27, 27, 29, 0.12) !important;
}

#zl-v4-root .software-handoff *,
#zl-v4-root .handoff-row p,
#zl-v4-root .handoff-top > div,
#zl-v4-root .handoff-note {
  color: #1b1b1d !important;
}

#zl-v4-root .handoff-status,
#zl-v4-root .handoff-context > small,
#zl-v4-root .handoff-row span {
  color: #0766ff !important;
}

#zl-v4-root .handoff-launch {
  background: #0766ff !important;
  border: 1px solid #0766ff !important;
  color: #ffffff !important;
}

#zl-v4-root .handoff-launch small,
#zl-v4-root .handoff-launch strong,
#zl-v4-root .handoff-launch i {
  color: #ffffff !important;
}

#zl-v4-root .handoff-launch:hover,
#zl-v4-root .handoff-launch:focus-visible {
  background: #0766ff !important;
  filter: brightness(0.94);
}

#zl-v4-root .join-section .software-handoff p,
#zl-v4-root .join-section .handoff-note {
  color: #1b1b1d !important;
}

/* ---------- Footer v2 (old landing style) ---------- */
#zl-v4-root .site-footer-v2 {
  padding: 64px 0 40px !important;
  border-top: 1px solid rgba(27, 27, 29, 0.08) !important;
}

#zl-v4-root .footer-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
}

@media (max-width: 760px) {
  #zl-v4-root .footer-inner {
    flex-direction: column;
    gap: 32px;
  }
}

#zl-v4-root .footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

#zl-v4-root .footer-brand img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}

#zl-v4-root .footer-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #1b1b1d !important;
  margin: 0 !important;
}

#zl-v4-root .footer-tag {
  font-size: 13px !important;
  color: rgba(27, 27, 29, 0.55) !important;
  margin: 2px 0 0 !important;
}

#zl-v4-root .footer-legal-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#zl-v4-root .footer-legal-nav a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(27, 27, 29, 0.55) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.4 !important;
}

#zl-v4-root .footer-legal-nav a:hover,
#zl-v4-root .footer-legal-nav a:focus-visible {
  color: #0766ff !important;
}

#zl-v4-root .footer-disclaimer {
  max-width: 1120px;
  margin: 40px auto 0;
  padding: 24px 32px 0;
  border-top: 1px solid rgba(27, 27, 29, 0.06);
  font-size: 12px !important;
  color: rgba(27, 27, 29, 0.4) !important;
  text-align: center !important;
  line-height: 1.5 !important;
}

/* ---------- Premium font sizing + spacing ---------- */
#zl-v4-root .section p {
  font-size: 17px !important;
  line-height: 1.65 !important;
  letter-spacing: -0.01em !important;
}

#zl-v4-root small,
#zl-v4-root .section small,
#zl-v4-root .quiz-step-label,
#zl-v4-root .section-kicker,
#zl-v4-root .trust-symbol,
#zl-v4-root .card-index {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

#zl-v4-root .section h2 {
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
}

#zl-v4-root .reason-card p,
#zl-v4-root .trust-grid p,
#zl-v4-root .feature-list p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#zl-v4-root .section {
  padding-block: 120px !important;
}

@media (max-width: 760px) {
  #zl-v4-root .section {
    padding-block: 88px !important;
  }
}

/* ---------- Contacts ---------- */
#zl-v4-root .contacts-section h2 {
  margin-bottom: 12px !important;
}

#zl-v4-root .contacts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 32px 0 16px;
}

#zl-v4-root .contact-card {
  padding: 24px;
  background: #ffffff !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
  border-radius: 12px;
}

#zl-v4-root .contact-card--wide {
  margin-top: 16px;
  padding: 24px;
  background: #ffffff !important;
  border: 1px solid rgba(27, 27, 29, 0.12) !important;
  border-radius: 12px;
}

#zl-v4-root .contact-card small {
  display: block;
  margin-bottom: 8px;
  color: rgba(27, 27, 29, 0.5) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

#zl-v4-root .contact-card strong {
  color: #1b1b1d !important;
  font-size: 17px !important;
}

#zl-v4-root .contact-card p {
  margin: 4px 0 0 !important;
  color: #1b1b1d !important;
  font-size: 14px !important;
}

@media (max-width: 640px) {
  #zl-v4-root .contacts-grid {
    grid-template-columns: 1fr;
  }
}

/* Kill leftover lime / arbitrary accent paints */
#zl-v4-root [class*="pulse"],
#zl-v4-root .live-dot,
#zl-v4-root .handoff-status i,
#zl-v4-root .context-status i {
  background: #0766ff !important;
}

/* =========================================================
   FIX 1 — «Что внутри»: номер ВЫШЕ заголовка, не поверх
   (base: position:absolute + padding-left — ломает layout)
   ========================================================= */
#zl-v4-root .feature-list article {
  position: relative !important;
  min-height: 0 !important;
  padding: 36px 0 !important;
  padding-left: 0 !important;
}

#zl-v4-root .feature-list article:hover {
  padding-left: 0 !important;
  background: transparent !important;
}

#zl-v4-root .feature-number {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  margin: 0 0 14px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  color: #0766ff !important;
}

#zl-v4-root .feature-list h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

/* =========================================================
   FIX 2 — «Когда открывают Зеркало»: карточки по центру,
   равная ширина, выровненный текст внутри
   ========================================================= */
#zl-v4-root .reason-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-top: 48px !important;
}

@media (max-width: 760px) {
  #zl-v4-root .reason-grid {
    grid-template-columns: 1fr !important;
  }
}

#zl-v4-root .reason-card {
  background: #ffffff !important;
  border: 1px solid rgba(27, 27, 29, 0.1) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  box-shadow: none !important;
}

/* Заголовок и подзаголовок секции выровнены слева */
#zl-v4-root .surface-section .section-heading {
  text-align: left !important;
  max-width: 680px !important;
}

/* =========================================================
   FIX 3 — FAQ: kicker ВЫШЕ, h2 строго по центру
   (base: grid 2-col — kicker слева, h2 справа)
   ========================================================= */
#zl-v4-root .faq-section .section-inner {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#zl-v4-root .faq-section .section-heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  max-width: none !important;
  margin-bottom: 56px !important;
  text-align: center !important;
  grid-template-columns: none !important;
}

#zl-v4-root .faq-section .section-heading .section-kicker {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  align-self: center !important;
  order: 0 !important;
}

#zl-v4-root .faq-section .section-heading h2 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: center !important;
  order: 1 !important;
}

/* =========================================================
   FIX 4 — Comparison: лого Зеркала в .answer-source видно
   ========================================================= */
#zl-v4-root .answer-source img {
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  object-fit: contain !important;
}

/* AI source badge (span "AI") — маленький синий бейдж, не чёрный квадрат */
#zl-v4-root .answer-source > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  background: #1b1b1d !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
}

/* =========================================================
   GLOBAL: заголовки h2 ровные, не сбиваются
   ========================================================= */
#zl-v4-root .section h2 {
  max-width: 720px !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

#zl-v4-root .section-heading h2 {
  max-width: 680px !important;
}

/* =========================================================
   Pain section heading: kicker above title, title shifted right
   ========================================================= */
#zl-v4-root .surface-section--pain .section-heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  max-width: 760px !important;
  margin-left: 160px !important;
  margin-bottom: 56px !important;
  text-align: left !important;
}

#zl-v4-root .surface-section--pain .section-kicker,
#zl-v4-root .surface-section--pain .section-heading h2 {
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  #zl-v4-root .surface-section--pain .section-heading {
    margin-left: 0 !important;
  }
}

/* =========================================================
   Speak section: old landing idea with iPhone mockup
   ========================================================= */
#zl-v4-root .speak-section {
  background: #f2f4f7 !important;
}

#zl-v4-root .speak-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 440px) !important;
  gap: clamp(40px, 6vw, 88px) !important;
  align-items: center !important;
}

#zl-v4-root .speak-copy {
  max-width: 560px !important;
}

#zl-v4-root .speak-copy h2,
#zl-v4-root .speak-copy p,
#zl-v4-root .speak-copy li {
  color: #1b1b1d !important;
}

#zl-v4-root .speak-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 28px 0 0 !important;
  display: grid !important;
  gap: 14px !important;
}

#zl-v4-root .speak-points li {
  position: relative !important;
  padding-left: 24px !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

#zl-v4-root .speak-points li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 11px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #0766ff !important;
}

#zl-v4-root .speak-note {
  margin-top: 26px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

#zl-v4-root .speak-phone-shell {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#zl-v4-root .speak-phone-img {
  display: block !important;
  width: min(100%, 380px) !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  #zl-v4-root .speak-layout {
    grid-template-columns: 1fr !important;
  }

  #zl-v4-root .speak-copy {
    max-width: none !important;
  }
}