/* =============================================================================
   LI-NK — homepage (design A „Site public”). Sursa: work/static/lnk/home.css -> /static/lnk/home.css
   Proprietar: agentul „home". Markup: work/theme/lnk/index.php. JS: js/home.js.
   Clase proprii `lh-*` (nu există în style.css upstream). Doar tokeni `--ln-*`; valorile locale `--lh-*` de mai jos
   sunt excepțiile (suprafața accentuată e închisă în AMBELE scheme, deci textul ei e alb fix; QR-ul demonstrativ e navy pe alb).
   REGULĂ CRITICĂ (contract §7.1): NU se setează `display` pe [data-copy-short], #output-result, #advanced și butonul
   submit — JS-ul upstream le comută doar prin clasele `hidden`/`inline-flex`. Layoutul stă pe elementele-înveliș.
   Breakpoint-uri: ≥1200 desktop · 640–1199 tabletă (o coloană) · ≤639 mobil (designul de 375).
   ============================================================================= */
.lh {
  --lh-on-accent: #ffffff;
  --lh-on-accent-2: rgba(255, 255, 255, .75);
  --lh-on-accent-3: rgba(255, 255, 255, .6);
  --lh-on-accent-line: rgba(255, 255, 255, .12);
  --lh-on-accent-fill: rgba(255, 255, 255, .06);
  --lh-up: #4ade80;
  --lh-qr-ink: #142973;
  --lh-qr-paper: #ffffff;
  font-family: var(--ln-font);
  color: var(--ln-text);
  background: var(--ln-page-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.lh *, .lh *::before, .lh *::after { box-sizing: border-box; }
.lh h1, .lh h2, .lh h3, .lh p, .lh ul, .lh ol { margin: 0; }
.lh ul, .lh ol { padding: 0; list-style: none; }
.lh a { text-decoration: none; }
.lh svg { flex: none; }
.lh button, .lh input { font-family: inherit; }

/* variante desktop / mobil ale unor texte */
.lh .lh-m { display: none; }
@media (max-width: 639px) {
  .lh .lh-d { display: none !important; }
  .lh .lh-m { display: inline; }
}

/* focus global (README: outline 2px primary-ring, offset 2) */
.lh a:focus-visible, .lh button:focus-visible, .lh input:focus-visible {
  outline: 2px solid var(--ln-primary-ring);
  outline-offset: 2px;
}
.lh .lh-field input:focus-visible { outline: 0; }

.lh-wrap { max-width: var(--ln-content); margin: 0 auto; padding-left: 32px; padding-right: 32px; width: 100%; }

/* ---------- tipografie ---------- */
.lh .lh-eyebrow { display: block; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-primary-alt); }
.lh .lh-on-accent-3 { color: var(--lh-on-accent-3); }
.lh .lh-eyebrow-s { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); }
.lh .lh-h2 { font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -.02em; color: var(--ln-heading); text-wrap: balance; margin-top: 12px; }
.lh .lh-h2-lg { font-size: 36px; line-height: 42px; margin-top: 0; color: var(--lh-on-accent); }

/* ---------- butoane (pilulă; text pe cyan = --ln-primary-fg, decizie Alex) ---------- */
.lh .lh-btn {
  align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 24px; border-radius: var(--ln-r-pill);
  font-size: 15px; line-height: 20px; font-weight: 600; border: 0; cursor: pointer; white-space: nowrap;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.lh a.lh-btn { display: inline-flex; }
.lh .lh-btn-lg { min-height: 48px; padding: 0 26px; }
.lh .lh-btn-primary { background: var(--ln-primary); color: var(--ln-primary-fg); box-shadow: var(--ln-shadow-1); }
.lh .lh-btn-primary:hover { background: var(--ln-primary-hover); color: var(--ln-primary-fg); }
.lh .lh-btn-outline { border: 2px solid var(--ln-primary); color: var(--ln-primary-alt); background: transparent; padding: 0 24px; }
.lh .lh-btn-outline:hover { background: var(--ln-primary); color: var(--ln-primary-fg); }
.lh .lh-btn-neutral { border: 2px solid var(--ln-border-strong); color: var(--ln-text); background: transparent; padding: 0 24px; }
.lh .lh-btn-neutral:hover { border-color: var(--ln-text-3); color: var(--ln-text); }
.lh .lh-btn-copy { background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lh .lh-btn-copy:hover { background: var(--ln-primary); color: var(--ln-primary-fg); }

/* ============================ 1 · HERO ============================ */
.lh-hero { overflow-x: clip; }
.lh-hero .lh-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: center; padding-top: 72px; padding-bottom: 64px; }
.lh-hero-copy { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.lh-hero .lh-kicker { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-primary-alt); }
.lh-hero .lh-h1 { font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -.03em; color: var(--ln-heading); text-wrap: balance; }
.lh-nw { white-space: nowrap; }
.lh-word { color: var(--ln-accent); white-space: nowrap; }
.lh-caret { display: inline-block; width: 3px; height: .85em; background: var(--ln-accent); margin-left: 2px; vertical-align: -.08em; animation: lh-blink 1s steps(1) infinite; }
.lh-hero .lh-lead { font-size: 18px; line-height: 28px; color: var(--ln-text-2); max-width: 560px; }

/* formular / teaser */
.lh-form { display: flex; flex-direction: column; gap: 12px; max-width: 600px; margin-top: 4px; }
.lh-pill {
  display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: var(--ln-r-pill);
  background: var(--ln-card); border: 1px solid var(--ln-border-strong); box-shadow: var(--ln-shadow-2);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lh-pill:focus-within { border-color: var(--ln-primary-ring); box-shadow: 0 0 0 1px var(--ln-primary-ring), var(--ln-shadow-2); }
.lh-field { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; }
.lh-field-icon { display: flex; align-items: center; padding-left: 14px; color: var(--ln-text-3); cursor: text; }
.lh-field input {
  flex: 1 1 auto; min-width: 0; width: 100%; border: 0; background: transparent; box-shadow: none;
  font-size: 16px; line-height: 24px; padding: 10px 4px; color: var(--ln-text); outline: 0;
}
.lh-field input::placeholder { color: var(--ln-text-3); opacity: 1; }
.lh-field input.is-invalid { color: var(--ln-danger); }
.lh-pill .lh-btn { flex: none; min-width: 124px; min-height: 48px; font-size: 15px; }
.lh-hint { font-size: 13px; line-height: 18px; color: var(--ln-text-3); padding-left: 16px; }
.lh-hint a { font-weight: 600; color: var(--ln-primary-alt); }
.lh-hint a:hover { text-decoration: underline; }

/* „Avansat” (doar pro=0, doar utilizatori logați) */
.lh-adv-toggle { align-self: flex-start; margin-left: 16px; padding: 4px 0; background: none; border: 0; cursor: pointer; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ln-text-3); }
.lh-adv-toggle:hover, .lh-adv-toggle[aria-expanded="true"] { color: var(--ln-primary-alt); }
.lh-adv { padding: 4px 0 0 16px; }
.lh-adv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lh-adv label { display: block; margin-bottom: 6px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); }
.lh-adv input { width: 100%; border: 1px solid var(--ln-border-strong); border-radius: var(--ln-r-md); background: var(--ln-input-bg); color: var(--ln-text); padding: 12px 16px; font-size: 14px; line-height: 20px; outline: 0; }
.lh-adv input:focus { border: 1px solid var(--ln-primary-ring); box-shadow: 0 0 0 1px var(--ln-primary-ring); }

/* rezultat (logat) — #output-result NU primește display */
.lh-result-wrap { max-width: 600px; margin-top: -4px; }
.lh-result { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: var(--ln-r-xl); background: var(--ln-success-soft); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-1); }
.lh-result-qr:empty { display: none; }
.lh-result-qr img { display: block; width: 88px; height: 88px; border-radius: var(--ln-r-md); border: 1px solid var(--ln-border); background: var(--lh-qr-paper); padding: 4px; }
.lh-result-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lh-result-title { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-success); }
.lh-result-url { font-size: 18px; line-height: 26px; font-weight: 600; color: var(--ln-heading); word-break: break-all; }
.lh-result-sub { font-size: 13px; line-height: 18px; color: var(--ln-text-2); }
.lh-result-sub a { font-weight: 600; color: var(--ln-primary-alt); }

/* alerte flash (message()) */
.lh .custom-alert { border-radius: var(--ln-r-lg); padding: 12px 16px; font-size: 14px; line-height: 20px; max-width: 600px; }

/* mock panou */
.lh-mock { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lh-mock-glow { position: absolute; inset: -40px -60px auto auto; width: 280px; height: 280px; border-radius: 9999px; background: var(--ln-primary); opacity: .18; filter: blur(72px); pointer-events: none; }
.lh-mock-card { position: relative; border-radius: var(--ln-r-xl); background: var(--ln-card); border: 1px solid var(--ln-border); }
.lh-mock-main { box-shadow: var(--ln-shadow-3); padding: 22px 24px; display: flex; flex-direction: column; gap: 18px; }
.lh-mock-head { display: flex; align-items: center; gap: 12px; }
.lh-mock-ico { display: flex; flex: none; width: 40px; height: 40px; border-radius: var(--ln-r-md); background: var(--ln-primary-soft); align-items: center; justify-content: center; color: var(--ln-primary-alt); }
.lh-mock-title { flex: 1; min-width: 0; }
.lh-mock-title p:first-child { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--ln-text); }
.lh-mock-sub { font-size: 12px; line-height: 16px; color: var(--ln-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lh-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: var(--ln-r-pill); padding: 4px 10px; font-size: 12px; line-height: 16px; font-weight: 600; flex: none; }
.lh-badge-ok { background: var(--ln-success-soft); color: var(--ln-success); }
.lh-dot { width: 6px; height: 6px; border-radius: 9999px; background: currentColor; }
.lh-mock-kpi { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.lh-mock-label { font-size: 12px; line-height: 16px; color: var(--ln-text-3); }
.lh-mock-num { font-size: 32px; line-height: 36px; font-weight: 700; color: var(--ln-heading); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.lh-mock-unit { display: none; font-size: 12px; font-weight: 400; color: var(--ln-text-3); letter-spacing: 0; }
.lh-mock-delta { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ln-success); text-align: right; }
.lh-bars { display: flex; align-items: flex-end; gap: 6px; height: 96px; }
.lh-bars div { flex: 1; border-radius: 4px 4px 0 0; background: var(--ln-primary); }
.lh-bars div.is-last { background: var(--ln-accent); }
.lh-mock-row { position: relative; display: grid; grid-template-columns: 1fr 168px; gap: 14px; }
.lh-mock-countries { box-shadow: var(--ln-shadow-2); padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; }
.lh-country > div:first-child { display: flex; justify-content: space-between; font-size: 13px; line-height: 18px; }
.lh-country > div:first-child span:first-child { font-weight: 500; color: var(--ln-text); }
.lh-country > div:first-child span:last-child { color: var(--ln-text-3); font-variant-numeric: tabular-nums; }
.lh-meter { height: 6px; margin-top: 6px; border-radius: var(--ln-r-pill); background: var(--ln-primary-soft); overflow: hidden; }
.lh-meter div { height: 100%; border-radius: var(--ln-r-pill); background: var(--ln-primary); }
.lh-mock-qr { box-shadow: var(--ln-shadow-2); padding: 16px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.lh-mock-qr p { font-size: 12px; line-height: 16px; font-weight: 600; color: var(--ln-text-2); text-align: center; }
.lh-qr { width: 120px; height: 120px; border-radius: var(--ln-r-md); background: var(--lh-qr-paper); padding: 8px; display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px; }
.lh-qr span { border-radius: 1px; }
.lh-qr span.on { background: var(--lh-qr-ink); }
.lh-mock-note { position: relative; font-size: 12px; line-height: 16px; color: var(--ln-text-3); text-align: right; }

/* ============================ 2 · PRODUSE ============================ */
.lh-products .lh-stack { display: flex; flex-direction: column; gap: 36px; padding-top: 32px; padding-bottom: 80px; }
.lh-sec-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.lh-sec-head-l { max-width: 640px; }
.lh-sec-head-r { font-size: 16px; line-height: 24px; color: var(--ln-text-2); max-width: 420px; }
.lh-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.lh-product-grid--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* fara cardul AI Copilot (AI dezactivat) */
.lh-product {
  display: flex; flex-direction: column; gap: 16px; border-radius: var(--ln-r-xl); background: var(--ln-card);
  border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-2); padding: 28px; color: inherit;
  transition: transform .25s ease, box-shadow .25s ease;
}
.lh-product:hover { transform: translateY(-5px); box-shadow: var(--ln-shadow-3); color: inherit; }
.lh-product-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.lh-product h3 { font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--ln-heading); }
.lh-product p { font-size: 14px; line-height: 21px; color: var(--ln-text-2); flex: 1; }
.lh-more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ln-primary-alt); }
.lh-ico { display: flex; flex: none; width: 48px; height: 48px; border-radius: 14px; align-items: center; justify-content: center; }
.lh-ico-44 { width: 44px; height: 44px; border-radius: var(--ln-r-md); }
.lh-ico-primary { background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lh-ico-accent { background: var(--ln-accent-soft); color: var(--ln-accent); }
.lh-ico-warning { background: var(--ln-warning-soft); color: var(--ln-warning); }
.lh-ico-success { background: var(--ln-success-soft); color: var(--ln-success); }

/* ============================ 3 · TREI PAȘI ============================ */
.lh-steps { border-top: 1px solid var(--ln-border); border-bottom: 1px solid var(--ln-border); background: var(--ln-bg-2); }
.lh-steps .lh-steps-grid { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 64px; align-items: start; padding-top: 72px; padding-bottom: 72px; }
.lh-steps-head > p { margin-top: 16px; font-size: 16px; line-height: 24px; color: var(--ln-text-2); }
.lh-steps-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lh-steps-list li { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; }
.lh-step-n { display: inline-flex; width: 40px; height: 40px; border-radius: 9999px; background: var(--ln-heading); color: var(--ln-bg); font-size: 15px; font-weight: 700; align-items: center; justify-content: center; }
.lh-steps-list h3 { font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); }
.lh-steps-list p { margin-top: 14px; font-size: 14px; line-height: 21px; color: var(--ln-text-2); }

/* ============================ 4 · STATISTICI ============================ */
.lh-stats .lh-wrap { padding-top: 80px; padding-bottom: 80px; }
.lh-surface { position: relative; overflow: hidden; border-radius: var(--ln-r-2xl); background: var(--ln-surface-accent); color: var(--lh-on-accent); outline: 1px solid rgba(255, 255, 255, .08); outline-offset: 0; isolation: isolate; }
.lh-blob { position: absolute; border-radius: 9999px; filter: blur(64px); pointer-events: none; z-index: -1; }
.lh-blob-1 { top: -120px; right: -80px; width: 380px; height: 380px; background: var(--ln-blob-1); animation: lh-drift 14s ease-in-out infinite; }
.lh-blob-2 { bottom: -160px; left: -100px; width: 420px; height: 420px; background: var(--ln-blob-2); animation: lh-drift2 16s ease-in-out infinite; }
.lh-stats-box { padding: 64px; display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 64px; align-items: center; }
.lh-stats-copy { display: flex; flex-direction: column; gap: 20px; max-width: 520px; }
.lh-stats-lead { font-size: 17px; line-height: 26px; color: var(--lh-on-accent-2); }
.lh-checks { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; font-size: 15px; line-height: 22px; color: var(--lh-on-accent); }
.lh-checks li { display: flex; align-items: flex-start; gap: 10px; }
.lh-checks svg { color: var(--ln-primary-alt); margin-top: 2px; }
.lh-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lh-kpi { border-radius: 20px; background: var(--lh-on-accent-fill); border: 1px solid var(--lh-on-accent-line); padding: 20px; display: flex; flex-direction: column; gap: 6px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); min-width: 0; }
.lh-kpi-l { font-size: 12px; line-height: 16px; color: var(--lh-on-accent-3); }
.lh-kpi-v { font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--lh-on-accent); }
.lh-kpi-d { font-size: 12px; line-height: 16px; color: var(--lh-on-accent-3); }
.lh-kpi-d.is-up { color: var(--lh-up); }
.lh-kpi-note { margin-top: 12px; font-size: 12px; line-height: 16px; color: var(--lh-on-accent-3); }

/* ============================ 5 · ACCES PE INVITAȚIE ============================ */
.lh-access .lh-access-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; padding-top: 16px; padding-bottom: 80px; }
.lh-access-copy { display: flex; flex-direction: column; gap: 20px; }
.lh-access-copy .lh-h2 { margin-top: 0; }
.lh-access-lead { font-size: 16px; line-height: 24px; color: var(--ln-text-2); }
.lh-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.lh-benefits { display: flex; flex-direction: column; gap: 14px; }
.lh-benefit { display: flex; gap: 16px; border-radius: 20px; background: var(--ln-card); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-2); padding: 20px 22px; align-items: flex-start; }
.lh-benefit h3 { font-size: 16px; line-height: 22px; font-weight: 600; color: var(--ln-heading); }
.lh-benefit p { margin-top: 4px; font-size: 14px; line-height: 21px; color: var(--ln-text-2); }

/* ============================ 6 · ECOSISTEM DAT ============================ */
.lh-eco { border-top: 1px solid var(--ln-border); background: var(--ln-bg-2); }
.lh-eco .lh-eco-grid { display: grid; grid-template-columns: minmax(0, 1fr) 560px; gap: 64px; align-items: center; padding-top: 80px; padding-bottom: 80px; }
.lh-eco-copy { display: flex; flex-direction: column; gap: 20px; max-width: 520px; }
.lh-eco-copy .lh-h2 { margin-top: 0; }
.lh-eco-copy > p { font-size: 16px; line-height: 24px; color: var(--ln-text-2); }
.lh-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.lh-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: var(--ln-r-pill); border: 1px solid var(--ln-border-strong); background: transparent; color: var(--ln-text-2); font-size: 13px; font-weight: 600; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.lh-chip:hover { border-color: var(--ln-primary); color: var(--ln-primary-alt); }
.lh-chip.is-active, .lh-chip[aria-pressed="true"] { border-color: var(--ln-primary); background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lh-eco-promo { min-width: 0; }

/* ============================ 7 · CTA FINAL ============================ */
.lh-cta { border-top: 1px solid var(--ln-border); }
.lh-cta .lh-cta-inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding-top: 88px; padding-bottom: 88px; }
.lh-cta-h { font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -.025em; color: var(--ln-heading); text-wrap: balance; max-width: 720px; }
.lh-cta-p { font-size: 17px; line-height: 26px; color: var(--ln-text-2); max-width: 560px; }
.lh-actions-center { justify-content: center; }

/* ============================ toast „Link copiat” ============================ */
.lh-toast {
  position: fixed; left: 50%; bottom: 24px; z-index: 200000; transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
  display: inline-flex; align-items: center; gap: 10px; border-radius: var(--ln-r-pill); background: #142973; color: #fff;
  padding: 10px 16px 10px 12px; font: 500 14px/20px var(--ln-font); box-shadow: var(--ln-shadow-3);
  transition: opacity .2s ease, transform .2s ease; max-width: calc(100vw - 32px);
}
.lh-toast.is-in { opacity: 1; transform: translate(-50%, 0); }
.lh-toast-ok { display: flex; flex: none; width: 22px; height: 22px; border-radius: 9999px; background: #16a34a; align-items: center; justify-content: center; }

/* ============================ animații ============================ */
@keyframes lh-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes lh-drift { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-40px, 30px) scale(1.15); } 100% { transform: translate(0, 0) scale(1); } }
@keyframes lh-drift2 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(50px, -40px) scale(1.1); } 100% { transform: translate(0, 0) scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .lh .lh-blob, .lh .lh-caret { animation: none !important; }
  .lh .lh-product, .lh .lh-btn, .lh .lh-pill, .lh .lh-chip { transition: none !important; }
  .lh .lh-product:hover { transform: none; }
  .lh-toast { transition: none; }
}

/* ============================ TABLETĂ (<1200) ============================ */
@media (max-width: 1199px) {
  .lh-hero .lh-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-top: 48px; padding-bottom: 48px; }
  .lh-hero .lh-h1 { font-size: 44px; line-height: 48px; }
  .lh-word { white-space: normal; }
  .lh-mock { max-width: 520px; }
  .lh-sec-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .lh-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lh-steps .lh-steps-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 56px; padding-bottom: 56px; }
  .lh-stats-box { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 44px; }
  .lh-access .lh-access-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lh-eco .lh-eco-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-top: 56px; padding-bottom: 56px; }
  .lh-eco-copy { max-width: none; }
  .lh-cta .lh-cta-inner { padding-top: 64px; padding-bottom: 64px; }
}

/* ============================ MOBIL (≤639, designul de 375) ============================ */
@media (max-width: 639px) {
  .lh-wrap { padding-left: 20px; padding-right: 20px; }
  .lh .lh-h2 { font-size: 26px; line-height: 32px; margin-top: 10px; text-wrap: wrap; }
  .lh .lh-h2-lg { font-size: 26px; line-height: 32px; margin-top: 0; }
  .lh .lh-access-copy .lh-h2, .lh .lh-eco-copy .lh-h2 { margin-top: 0; }
  .lh .lh-caret { display: none; }

  /* hero */
  .lh-hero .lh-hero-grid { gap: 8px; padding-top: 40px; padding-bottom: 32px; }
  .lh-hero-copy { gap: 20px; }
  .lh-hero .lh-h1 { font-size: 36px; line-height: 40px; }
  .lh-hero .lh-lead { font-size: 16px; line-height: 24px; }
  .lh-form { gap: 10px; margin-top: 0; max-width: none; }
  .lh-pill { flex-direction: column; align-items: stretch; gap: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
  .lh-pill:focus-within { border-color: transparent; box-shadow: none; }
  .lh-field { border: 1px solid var(--ln-border-strong); border-radius: var(--ln-r-pill); background: var(--ln-card); box-shadow: var(--ln-shadow-2); padding: 0 20px; }
  .lh-field:focus-within { border-color: var(--ln-primary-ring); box-shadow: 0 0 0 1px var(--ln-primary-ring), var(--ln-shadow-2); }
  .lh-field-icon { display: none; }
  .lh-field input { padding: 14px 0; }
  .lh-pill .lh-btn { width: 100%; min-height: 52px; font-size: 16px; }
  .lh-hint { font-size: 12px; line-height: 17px; text-align: center; padding-left: 0; }
  .lh-adv-toggle { align-self: center; margin-left: 0; }
  .lh-adv { padding-left: 0; }
  .lh-adv-grid { grid-template-columns: minmax(0, 1fr); }
  .lh-result { gap: 14px; padding: 14px; }
  .lh-result-qr img { width: 72px; height: 72px; }
  .lh-result-url { font-size: 16px; line-height: 22px; }

  /* mock simplificat (card unic, fără rândul Țări/QR) */
  .lh-mock { gap: 0; margin-top: 12px; }
  .lh-mock-glow, .lh-mock-row { display: none; }
  .lh-mock-main { padding: 18px; gap: 12px; border-radius: 20px; }
  .lh-mock-ico, .lh-mock-sub, .lh-mock-label { display: none; }
  .lh-mock-title p:first-child { font-size: 14px; line-height: 20px; }
  .lh-badge { padding: 3px 9px; font-size: 11px; line-height: 14px; }
  .lh-mock-num { font-size: 26px; line-height: 30px; }
  .lh-mock-unit { display: inline; }
  .lh-mock-delta { font-size: 12px; line-height: 16px; }
  .lh-bars { height: 56px; gap: 4px; }
  .lh-bars div { border-radius: 3px 3px 0 0; }
  .lh-mock-note { text-align: center; margin-top: 10px; }

  /* produse */
  .lh-products .lh-stack { gap: 20px; padding-top: 24px; padding-bottom: 48px; }
  .lh-sec-head-r { display: none; }
  .lh-product-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lh-product { flex-direction: row; align-items: flex-start; gap: 14px; padding: 18px; border-radius: 20px; }
  .lh-product:hover { transform: none; }
  .lh-product .lh-ico { width: 44px; height: 44px; border-radius: var(--ln-r-md); }
  .lh-product .lh-ico svg { width: 22px; height: 22px; }
  .lh-product-body { gap: 4px; }
  .lh-product h3 { font-size: 17px; line-height: 22px; }
  .lh-product p { font-size: 14px; line-height: 20px; }
  .lh-more { display: none; }

  /* pași */
  .lh-steps .lh-steps-grid { gap: 24px; padding-top: 48px; padding-bottom: 48px; }
  .lh-steps-list { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lh-steps-list li { flex-direction: row; align-items: flex-start; gap: 14px; padding: 0; }
  .lh-step-n { width: 36px; height: 36px; font-size: 14px; flex: none; }
  .lh-steps-list h3 { font-size: 17px; line-height: 22px; }
  .lh-steps-list p { margin-top: 4px; line-height: 20px; }

  /* statistici */
  .lh-stats .lh-wrap { padding-top: 48px; padding-bottom: 48px; }
  .lh-surface { border-radius: 24px; }
  .lh-stats-box { padding: 28px 24px; gap: 16px; }
  .lh-stats-copy { gap: 16px; }
  .lh-stats-lead { font-size: 15px; line-height: 22px; }
  .lh-checks { display: none; }
  .lh-blob { filter: blur(56px); }
  .lh-blob-1 { top: -100px; right: -80px; width: 260px; height: 260px; }
  .lh-blob-2 { display: none; }
  .lh-kpis { gap: 10px; }
  .lh-kpi { border-radius: 16px; padding: 14px; gap: 4px; }
  .lh-kpi-l { font-size: 11px; line-height: 14px; }
  .lh-kpi-v { font-size: 22px; line-height: 26px; }
  .lh-kpi-d { display: none; }
  .lh-kpi-note { margin-top: 12px; }

  /* acces */
  .lh-access .lh-access-grid { gap: 18px; padding-top: 0; padding-bottom: 48px; }
  .lh-access-copy { display: contents; }
  .lh-benefits { order: 1; }
  .lh-actions-m { order: 2; }
  .lh-access-lead { font-size: 15px; line-height: 22px; }
  .lh-benefits { gap: 18px; }
  .lh-benefit { gap: 12px; padding: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
  .lh-benefit .lh-ico-44 { width: 40px; height: 40px; }
  .lh-benefit h3 { font-size: 15px; line-height: 20px; }
  .lh-benefit p { margin-top: 2px; font-size: 13px; line-height: 19px; }
  .lh-actions-m { flex-direction: column; margin-top: 6px; }
  .lh-actions .lh-btn { width: 100%; min-height: 52px; font-size: 16px; }

  /* ecosistem */
  .lh-eco .lh-eco-grid { gap: 16px; padding-top: 40px; padding-bottom: 40px; }
  .lh-eco-copy { gap: 16px; }
  .lh-eco-copy .lh-h2 { font-size: 24px; line-height: 30px; }

  /* CTA */
  .lh-cta .lh-cta-inner { gap: 16px; padding-top: 56px; padding-bottom: 56px; }
  .lh-cta-h { font-size: 28px; line-height: 34px; }
  .lh-cta-p { font-size: 15px; line-height: 22px; }
  .lh-actions-center { width: 100%; margin-top: 0; }
  .lh-toast { bottom: 16px; }
}