/* =============================================================================
   LI-NK — pagini noi: șabloanele T1 Soluție, T2 Conținut, T3 Landing (macheta E).
   Servit ca /static/lnk/pages.css (lista SHEETS din functions.php). Folosit de
   work/theme/lnk/landing/{solutie,continut,landing}.php, prin pluginul lnk-brand (pages.php).

   REGULI: numai tokeni `--ln-*` (tokens.css). Prefix `lnp-` pentru toate clasele (nu există în style.css
   compilat, deci nu se bat cu utilitarele Tailwind). Breakpoint-uri: ≥1024 desktop · 640–1023 tabletă · <640 mobil.
   Excepții de culoare, declarate mai jos ca variabile locale: text alb pe suprafața accentuată (navy în ambele
   scheme), plăcuța albă din spatele logo-urilor, cerneala codului QR, gradientul locurilor rezervate (--ln-img-a/b
   din macheta E, definit și pentru schema întunecată).
   Textul de pe butoanele cyan = var(--ln-primary-fg) (navy, decizie Alex 2026-10-01).
   ============================================================================= */

.lnp {
  --lnp-gx: 32px;            /* margine laterală */
  --lnp-secy: 72px;          /* padding vertical de secțiune */
  --lnp-sticky: 96px;        /* distanța cuprinsului lipicios / ancorelor față de marginea de sus (sub bara de sus) */
  --lnp-on-accent: #ffffff;  /* text pe suprafața accentuată (navy în ambele scheme) */
  --lnp-on-accent-2: rgba(255, 255, 255, .75);
  --lnp-on-accent-3: rgba(255, 255, 255, .6);
  --lnp-chip-bg: #ffffff;    /* plăcuța logo-urilor (logo-urile sunt desenate pentru fundal alb) */
  --lnp-qr-ink: #142973;     /* cerneala codului QR (pe tile alb, în ambele scheme) */
  --lnp-eyebrow: var(--ln-primary-alt);   /* cyan pe alb = 2,56:1; primary-alt trece AA */
  --ln-img-a: oklch(0.92 0.06 233);
  --ln-img-b: oklch(0.85 0.09 233);
  display: block;
  background: var(--ln-bg);
  color: var(--ln-text);
  font-family: var(--ln-font);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
html.dark .lnp { --ln-img-a: #142973; --ln-img-b: #1b3590; }

.lnp, .lnp *, .lnp *::before, .lnp *::after { box-sizing: border-box; }
.lnp h1, .lnp h2, .lnp h3, .lnp h4, .lnp p, .lnp ul, .lnp ol { margin: 0; }
.lnp ul, .lnp ol { padding: 0; list-style: none; }
.lnp :where(a, button, summary):focus-visible { outline: 2px solid var(--ln-primary-ring); outline-offset: 2px; border-radius: 6px; }

.lnp-wrap { width: 100%; max-width: var(--ln-content); margin-inline: auto; padding-inline: var(--lnp-gx); }
.lnp-rule { border-top: 1px solid var(--ln-border); }
.lnp-band { border-block: 1px solid var(--ln-border); background: var(--ln-bg-2); }
.lnp-sec { padding-block: var(--lnp-secy); }

/* utilitare de vizibilitate pe mobil */
.lnp .lnp-mobile, .lnp .lnp-eyebrow--mobile { display: none; }

/* ---- tipografie ------------------------------------------------------------ */
.lnp-eyebrow { display: block; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--lnp-eyebrow); }
.lnp-eyebrow--on-accent { color: var(--lnp-on-accent-3); }
.lnp-h1 { font-size: 52px; line-height: 56px; font-weight: 700; letter-spacing: -0.03em; color: var(--ln-heading); text-wrap: balance; overflow-wrap: anywhere; }
.lnp-h1--page { font-size: 44px; line-height: 50px; letter-spacing: -0.025em; max-width: 820px; }
.lnp-h1--center { max-width: 860px; }
.lnp-h2 { font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.02em; color: var(--ln-heading); overflow-wrap: anywhere; }
.lnp-feature .lnp-h2, .lnp-h2--final { text-wrap: balance; }
.lnp-h2--sm { font-size: 28px; line-height: 34px; }
.lnp-h2--prose { font-size: 28px; line-height: 34px; }
.lnp-h2--final { font-size: 36px; line-height: 42px; letter-spacing: -0.025em; max-width: 680px; }
.lnp-h2--on-accent { font-size: 30px; line-height: 36px; color: var(--lnp-on-accent); }
.lnp-h3 { font-size: 20px; line-height: 26px; font-weight: 600; color: var(--ln-heading); }
.lnp-h4 { font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); }
.lnp-lead { font-size: 18px; line-height: 28px; color: var(--ln-text-2); max-width: 560px; overflow-wrap: anywhere; }
.lnp-lead--center { max-width: 620px; }
.lnp-link { font-weight: 600; color: var(--ln-primary-alt); text-decoration: underline; text-underline-offset: 3px; }
.lnp-link:hover { text-decoration-thickness: 2px; }
.lnp-micro { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); }
.lnp-note { font-size: 12px; line-height: 16px; color: var(--ln-text-3); }

/* ---- butoane ----------------------------------------------------------------- */
.lnp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 26px; border-radius: var(--ln-r-pill);
  font: 600 15px/1.2 var(--ln-font); text-decoration: none; text-align: center; cursor: pointer;
  border: 2px solid transparent;
  transition: background-color .15s, color .15s, border-color .15s, filter .15s;
}
.lnp-btn--lg { min-height: 48px; }
.lnp-btn--self { align-self: flex-start; }
.lnp-btn--primary { background: var(--ln-primary); color: var(--ln-primary-fg); box-shadow: var(--ln-shadow-1); }
.lnp-btn--primary:hover { color: var(--ln-primary-fg); filter: brightness(.93); }
.lnp-btn--neutral { border-color: var(--ln-border-strong); color: var(--ln-text); padding-inline: 24px; }
.lnp-btn--neutral:hover { color: var(--ln-text); background: var(--ln-bg-2); }
.lnp-btn--on-accent { border-color: var(--lnp-on-accent); color: var(--lnp-on-accent); padding-inline: 24px; white-space: nowrap; }
.lnp-btn--on-accent:hover { background: var(--lnp-on-accent); color: #0f1f57; }
.lnp-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.lnp-actions--center { justify-content: center; }

/* ---- hero -------------------------------------------------------------------- */
.lnp-hero { background: var(--ln-page-bg); }
.lnp-hero--split, .lnp-hero--page { border-bottom: 1px solid var(--ln-border); }
.lnp-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: center; padding-block: 72px; }
.lnp-hero__grid--solo { grid-template-columns: minmax(0, 1fr); }
.lnp-hero__text { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.lnp-hero__visual { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lnp-hero__stack { display: flex; flex-direction: column; gap: 16px; padding-top: 64px; padding-bottom: 56px; }
.lnp-hero__stack .lnp-lead { max-width: 720px; }
.lnp-hero__center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding-top: 72px; padding-bottom: 0; }
.lnp-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; line-height: 18px; color: var(--ln-text-3); }
.lnp-crumbs a { color: var(--ln-text-3); text-decoration: none; }
.lnp-crumbs a:hover { color: var(--ln-text); text-decoration: underline; }
.lnp-crumbs__current { font-weight: 600; color: var(--ln-text); }

/* ---- carduri, kpi, badge ------------------------------------------------------- */
.lnp-card { border-radius: var(--ln-r-xl); background: var(--ln-card); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-3); padding: 22px; }
.lnp-card--sm { border-radius: 20px; box-shadow: var(--ln-shadow-1); display: flex; flex-direction: column; gap: 8px; }
.lnp-card--sm .lnp-h4 { font-size: 16px; line-height: 22px; }
.lnp-card--sm p { font-size: 14px; line-height: 21px; color: var(--ln-text-2); }
.lnp-mock { display: flex; flex-direction: column; gap: 14px; }
.lnp-msg { display: flex; flex-direction: column; gap: 12px; }
.lnp-bubble { border-radius: 16px 16px 16px 4px; background: var(--ln-bg-2); border: 1px solid var(--ln-border); padding: 14px 16px; font-size: 15px; line-height: 22px; color: var(--ln-text); overflow-wrap: anywhere; }
.lnp-bubble__link { color: var(--ln-primary-alt); font-weight: 600; }
.lnp-msg__meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; line-height: 18px; color: var(--ln-text-3); }
.lnp-msg__meta strong { color: var(--ln-text); font-weight: 600; }
.lnp-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; background: var(--ln-success-soft); color: var(--ln-success); white-space: nowrap; }
.lnp-badge__dot { width: 6px; height: 6px; border-radius: 9999px; background: currentColor; }
.lnp-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.lnp-kpi { border-radius: 20px; background: var(--ln-card); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-2); padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lnp-kpi__label { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ln-text-3); overflow-wrap: anywhere; }
.lnp-kpi__value { font-size: 24px; line-height: 28px; font-weight: 700; color: var(--ln-heading); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.lnp-kpis--sm { margin-top: 4px; }
.lnp-kpis--sm .lnp-kpi { border-radius: 16px; background: var(--ln-bg-2); box-shadow: none; padding: 14px 16px; gap: 0; }
.lnp-kpis--sm .lnp-kpi__value { margin-top: 4px; font-size: 22px; line-height: 26px; }

/* ---- T1: beneficii --------------------------------------------------------------- */
.lnp-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-block: var(--lnp-secy); }
.lnp-benefit { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lnp-benefit__icon { display: flex; flex: none; width: 48px; height: 48px; border-radius: 14px; background: var(--ln-primary-soft); color: var(--ln-primary); align-items: center; justify-content: center; }
.lnp-benefit__body p { margin-top: 8px; font-size: 15px; line-height: 23px; color: var(--ln-text-2); }

/* ---- T1: pași ------------------------------------------------------------------------ */
.lnp-steps { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 64px; align-items: start; padding-block: var(--lnp-secy); }
.lnp-steps__head { display: flex; flex-direction: column; gap: 12px; }
.lnp-steps__list { display: flex; flex-direction: column; }
.lnp-step { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--ln-border); }
.lnp-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; }
.lnp-step p { margin-top: 4px; font-size: 15px; line-height: 22px; color: var(--ln-text-2); }

/* ---- suprafață accentuată (integrare DAT) --------------------------------------------- */
.lnp-accent { position: relative; overflow: hidden; border-radius: var(--ln-r-2xl); background: var(--ln-surface-accent); color: var(--lnp-on-accent); padding: 56px 64px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; outline: 1px solid rgba(255, 255, 255, .08); }
.lnp-accent__blob { position: absolute; top: -120px; right: -80px; width: 380px; height: 380px; border-radius: 9999px; background: var(--ln-blob-1); filter: blur(64px); animation: lnp-drift 14s ease-in-out infinite; pointer-events: none; }
.lnp-accent__text { position: relative; display: flex; flex-direction: column; gap: 14px; max-width: 560px; min-width: 0; }
.lnp-accent__text p { font-size: 16px; line-height: 24px; color: var(--lnp-on-accent-2); }
.lnp-accent__cta { position: relative; }
.lnp-logochip { display: inline-flex; align-self: flex-start; align-items: center; background: var(--lnp-chip-bg); border-radius: 14px; padding: 0 18px; height: 56px; }
.lnp-logochip img { height: 28px; width: auto; display: block; }
@keyframes lnp-drift { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-40px, 30px) scale(1.15); } 100% { transform: translate(0, 0) scale(1); } }

/* ---- T1: FAQ ----------------------------------------------------------------------------- */
.lnp-faq { display: grid; grid-template-columns: 2fr 3fr; gap: 64px; align-items: start; padding-block: 64px; }
.lnp-faq__list { border-top: 1px solid var(--ln-border); min-width: 0; }
.lnp-faq__item { border-bottom: 1px solid var(--ln-border); padding: 0; }
.lnp-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 44px; padding: 14px 0; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--ln-heading); cursor: pointer; list-style: none; overflow-wrap: anywhere; }
.lnp-faq__item summary::-webkit-details-marker { display: none; }
.lnp-faq__item summary svg { flex: none; color: var(--ln-text-3); transition: transform .15s; }
.lnp-faq__item[open] summary svg { transform: rotate(180deg); }
.lnp-faq__item p { padding: 0 0 18px; font-size: 14px; line-height: 21px; color: var(--ln-text-2); max-width: 620px; overflow-wrap: anywhere; }

/* ---- CTA final ----------------------------------------------------------------------------- */
.lnp-final { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; padding-block: 80px; }
.lnp-final p { font-size: 16px; line-height: 24px; color: var(--ln-text-2); max-width: 560px; }
.lnp-final .lnp-btn { margin-top: 6px; padding-inline: 28px; }

/* ---- T2: document ------------------------------------------------------------------------------ */
.lnp-doc { display: grid; grid-template-columns: 240px minmax(0, 720px) 1fr; gap: 48px; align-items: start; padding-top: 56px; padding-bottom: var(--lnp-secy); }
.lnp-doc--notoc { grid-template-columns: minmax(0, 720px) 1fr; }
.lnp-toc { position: sticky; top: var(--lnp-sticky); display: flex; flex-direction: column; gap: 2px; }
.lnp-toc nav { display: flex; flex-direction: column; gap: 2px; }
.lnp-toc__title { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); padding: 0 12px 10px; }
.lnp-toc__link { display: block; padding: 8px 12px; border-left: 2px solid var(--ln-border); font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ln-text-2); text-decoration: none; transition: color .15s, border-color .15s; }
.lnp-toc__link:hover { color: var(--ln-text); border-left-color: var(--ln-border-strong); }
.lnp-toc__link.is-active { border-left-color: var(--ln-primary); font-weight: 600; color: var(--ln-primary-alt); }
.lnp-prose { display: flex; flex-direction: column; gap: 32px; min-width: 0; font-size: 16px; line-height: 26px; color: var(--ln-text-2); overflow-wrap: anywhere; }
.lnp-prose__sec { display: flex; flex-direction: column; gap: 20px; scroll-margin-top: var(--lnp-sticky); min-width: 0; }
.lnp-prose__h3 { font-size: 20px; line-height: 26px; }
.lnp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lnp-facts { display: grid; grid-template-columns: repeat(var(--lnp-cols, 3), minmax(0, 1fr)); gap: 12px; }
.lnp-fact { border-radius: 20px; background: var(--ln-card); border: 1px solid var(--ln-border); padding: 18px 20px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lnp-fact__label { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ln-text-3); }
.lnp-fact__value { font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); }
.lnp-tablewrap { border-radius: 20px; border: 1px solid var(--ln-border); overflow: hidden; }
.lnp-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; }
.lnp-table th { padding: 12px 9px; text-align: left; background: var(--ln-bg-2); border-bottom: 1px solid var(--ln-border); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ln-text-3); }
.lnp-table td { padding: 12px 9px; border-bottom: 1px solid var(--ln-border); vertical-align: top; color: var(--ln-text-2); }
.lnp-table tr:last-child td { border-bottom: 0; }
.lnp-table th:first-child, .lnp-table td:first-child { padding-left: 18px; }
.lnp-table th:last-child, .lnp-table td:last-child { padding-right: 18px; }
.lnp-table td:first-child { font-weight: 600; color: var(--ln-text); }
.lnp-table td:last-child:not(:first-child) { color: var(--ln-text-3); }
.lnp-table--3 th:first-child, .lnp-table--3 td:first-child { width: 28%; }
.lnp-table--3 th:last-child, .lnp-table--3 td:last-child { width: 24%; }
.lnp-callout { border-radius: 16px; background: var(--ln-primary-soft); border: 1px solid var(--ln-primary-ring); padding: 18px 20px; color: var(--ln-text); font-size: 15px; line-height: 22px; }
.lnp-callout strong { font-weight: 600; color: var(--ln-heading); }
.lnp-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; border-radius: 20px; background: var(--ln-bg-2); border: 1px solid var(--ln-border); padding: 20px 22px; }
.lnp-strip img { height: 28px; width: auto; filter: var(--ln-logo-filter); }
.lnp-strip span { font-size: 14px; line-height: 20px; color: var(--ln-text-2); }
.lnp-strip__link { margin-left: auto; font-size: 14px; font-weight: 600; color: var(--ln-primary-alt); text-decoration: none; }
.lnp-strip__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.lnp-list, .lnp-points { display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 22px; color: var(--ln-text); }
.lnp-list li, .lnp-points li { display: flex; gap: 10px; align-items: flex-start; }
.lnp-list__check, .lnp-points__check { flex: none; margin-top: 2px; color: var(--ln-primary-alt); }

/* ---- T3: hero vizual (cod QR demonstrativ) ------------------------------------------------------------ */
.lnp-stage { width: 100%; max-width: 1000px; margin-top: 28px; }
.lnp-qrmock { border-radius: 32px 32px 0 0; background: var(--ln-card); border: 1px solid var(--ln-border); border-bottom: 0; box-shadow: var(--ln-shadow-3); padding: 32px 32px 0; display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 0 32px; align-items: start; text-align: left; }
.lnp-qrmock > .lnp-qrpanel { padding-bottom: 32px; }
.lnp-qr { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lnp-qr__tile { width: 200px; height: 200px; border-radius: 16px; background: #fff; padding: 14px; border: 1px solid var(--ln-border); }
.lnp-qr__art { display: block; width: 100%; height: 100%; fill: var(--lnp-qr-ink); }
.lnp-qr__url { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ln-text-2); overflow-wrap: anywhere; text-align: center; }
.lnp-qrpanel { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lnp-qrpanel__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.lnp-qrpanel__title { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ln-heading); }
.lnp-qrpanel__row { display: flex; gap: 8px; align-items: center; }
.lnp-fakefield { flex: 1; min-width: 0; border-radius: var(--ln-r-md); border: 1px solid var(--ln-border-strong); background: var(--ln-input-bg); padding: 12px 16px; font-size: 14px; line-height: 20px; color: var(--ln-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lnp-fakebtn { display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: var(--ln-r-pill); background: var(--ln-primary); color: var(--ln-primary-fg); font-size: 14px; font-weight: 600; }
.lnp-qrpanel__history { font-size: 13px; line-height: 18px; color: var(--ln-text-3); overflow-wrap: anywhere; }
.lnp-note--in { grid-column: 1 / -1; padding: 0 0 14px; }
.lnp-note--stage { margin-top: 10px; }
.lnp-shot { display: block; width: 100%; height: auto; border-radius: var(--ln-r-xl); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-2); }

/* ---- T3: bandă de utilizări + secțiuni alternate -------------------------------------------------------------- */
.lnp-uses { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding-block: 40px; }
.lnp-uses__label { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ln-text-3); margin-right: 8px; }
.lnp-uses__list { display: flex; flex-wrap: wrap; gap: 16px; }
.lnp-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: var(--ln-r-pill); background: var(--ln-card); border: 1px solid var(--ln-border); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ln-text); }
.lnp-feature { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: center; padding-block: var(--lnp-secy); }
.lnp-feature--flip .lnp-feature__text { order: 2; }
.lnp-feature__text { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lnp-feature__desc { font-size: 16px; line-height: 25px; color: var(--ln-text-2); overflow-wrap: anywhere; }
.lnp-points { margin-top: 4px; }
.lnp-feature__media { min-width: 0; }

/* loc rezervat curat (captură lipsă) */
.lnp-ph { aspect-ratio: 4 / 3; border-radius: var(--ln-r-xl); background: linear-gradient(135deg, var(--ln-img-a), var(--ln-img-b)); border: 1px solid var(--ln-border); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; color: var(--ln-heading); }
.lnp-ph__art { width: min(320px, 78%); height: auto; }
.lnp-ph__win { fill: var(--ln-card); stroke: var(--ln-border-strong); stroke-width: 1; }
.lnp-ph__dot, .lnp-ph__bar { fill: var(--ln-border-strong); }
.lnp-ph__field { fill: var(--ln-bg-2); stroke: var(--ln-border); }
.lnp-ph__btn { fill: var(--ln-primary); }
.lnp-ph__cap { font-size: 14px; line-height: 20px; max-width: 34ch; overflow-wrap: anywhere; }

/* ---- tabletă (640–1023) -------------------------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .lnp-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-block: 56px; }
  .lnp-hero__visual { max-width: 560px; }
  .lnp-benefits { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .lnp-benefit { flex-direction: row; align-items: flex-start; }
  .lnp-benefit__icon { width: 44px; height: 44px; border-radius: 12px; }
  .lnp-steps { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lnp-accent { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 40px; }
  .lnp-accent__cta { justify-self: flex-start; }
  .lnp-faq { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lnp-doc, .lnp-doc--notoc { grid-template-columns: minmax(0, 720px); gap: 32px; justify-content: center; }
  .lnp-doc__spare { display: none; }
  .lnp-toc { position: static; border: 1px solid var(--ln-border); border-radius: 16px; background: var(--ln-bg-2); padding: 12px 8px; }
  .lnp-feature { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lnp-feature--flip .lnp-feature__text { order: 0; }
  .lnp-feature__media { order: -1; }
  .lnp-h1, .lnp-h1--page { font-size: 40px; line-height: 44px; }
}

/* ---- mobil (<640) ----------------------------------------------------------------------------------------------------- */
@media (max-width: 639px) {
  .lnp { --lnp-gx: 20px; --lnp-secy: 40px; }
  .lnp .lnp-desktop, .lnp .lnp-eyebrow--desktop { display: none; }
  .lnp .lnp-mobile { display: block; }
  .lnp .lnp-eyebrow--mobile { display: block; }
  .lnp .lnp-btn--sm-hide { display: none; }
  .lnp-h1, .lnp-h1--page { font-size: 34px; line-height: 38px; }
  .lnp-h1--page { font-size: 32px; line-height: 38px; }
  .lnp-h2 { font-size: 24px; line-height: 30px; }
  .lnp-h2--sm, .lnp-h2--prose { font-size: 24px; line-height: 30px; }
  .lnp-h2--final { font-size: 28px; line-height: 34px; }
  .lnp-h2--on-accent { font-size: 26px; line-height: 32px; }
  .lnp-h3 { font-size: 17px; line-height: 22px; }
  .lnp-lead { font-size: 16px; line-height: 24px; }
  .lnp-actions .lnp-btn { width: 100%; min-height: 52px; font-size: 16px; }
  .lnp-hero__grid { padding-block: 36px 32px; gap: 18px; }
  .lnp-hero__text { gap: 18px; }
  .lnp-hero__stack { padding-top: 36px; padding-bottom: 32px; }
  .lnp-hero__center { padding-top: 36px; gap: 16px; }
  .lnp-hero__visual { gap: 10px; }
  .lnp-card { border-radius: 20px; padding: 16px; }
  .lnp-card--sm { padding: 18px; }
  .lnp-msg { gap: 10px; }
  .lnp-micro { font-size: 11px; }
  .lnp-bubble { border-radius: 14px 14px 14px 4px; padding: 12px 14px; font-size: 14px; line-height: 20px; }
  .lnp-benefits { padding-top: 8px; gap: 20px; }
  .lnp-benefit { gap: 14px; }
  .lnp-benefit__body p { margin-top: 4px; font-size: 14px; line-height: 20px; }
  .lnp-steps { gap: 18px; }
  .lnp-step { display: flex; gap: 14px; padding: 0; border-bottom: 0; }
  .lnp-step__n { flex: none; width: 36px; height: 36px; font-size: 14px; }
  .lnp-step .lnp-h4 { font-size: 16px; line-height: 22px; }
  .lnp-step p { margin-top: 2px; font-size: 14px; line-height: 20px; }
  .lnp-steps__list { gap: 18px; }
  .lnp-accent { border-radius: 24px; padding: 32px 24px; gap: 24px; }
  .lnp-accent__cta { width: 100%; min-height: 52px; }
  .lnp-faq { padding-block: 40px; }
  .lnp-final { padding-block: 48px; gap: 14px; }
  .lnp-final .lnp-btn { width: 100%; }
  /* T2 */
  .lnp-doc { padding-top: 32px; }
  .lnp-prose { font-size: 15px; line-height: 24px; }
  .lnp-cards, .lnp-facts { grid-template-columns: minmax(0, 1fr); }
  .lnp-table thead { display: none; }
  .lnp-table, .lnp-table tbody, .lnp-table tr, .lnp-table td { display: block; width: 100% !important; }
  .lnp-table tr { padding: 10px 0; border-bottom: 1px solid var(--ln-border); }
  .lnp-table tr:last-child { border-bottom: 0; }
  .lnp-table td, .lnp-table td:first-child, .lnp-table td:last-child { padding: 3px 16px; border-bottom: 0; }
  .lnp-table td[data-label]:not(:first-child)::before { content: attr(data-label); display: block; font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ln-text-3); }
  .lnp-strip__link { margin-left: 0; }
  /* T3 */
  .lnp-stage { margin-top: 12px; }
  .lnp-qrmock { border-radius: 24px 24px 0 0; padding: 20px 20px 0; grid-template-columns: minmax(0, 1fr); }
  .lnp-qr { padding-bottom: 20px; gap: 12px; }
  .lnp-qr__tile { width: 160px; height: 160px; border-radius: 14px; padding: 12px; }
  .lnp-qrmock > .lnp-qrpanel { display: none; }
  .lnp-uses { padding-block: 24px; gap: 8px; }
  .lnp-uses__label { display: none; }
  .lnp-uses__list { gap: 8px; }
  .lnp-chip { min-height: 36px; padding: 0 14px; font-size: 13px; }
  .lnp-feature { padding-block: 40px; border-top: 1px solid var(--ln-border); gap: 14px; }
  .lnp-feature__text { gap: 14px; }
  .lnp-feature__desc { font-size: 15px; line-height: 22px; }
  .lnp-ph { aspect-ratio: 16 / 10; border-radius: 16px; padding: 16px; gap: 8px; }
  .lnp-ph__art { width: min(220px, 70%); }
  .lnp-ph__cap { font-size: 13px; line-height: 18px; }
  .lnp-shot { border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .lnp-accent__blob { animation: none; }
  .lnp-faq__item summary svg, .lnp-btn, .lnp-toc__link { transition: none; }
}

/* =============================================================================
   Centrul de ajutor (/help, /help/topic/…): pictograma categoriei
   Șablonul upstream (help/index.php, help/category.php) pune în pătratul de pictogramă `<i class="fa fa-rocket">`
   (clasa vine din setarea `faqcategories`, câmpul `icon`), dar layout-ul public `main` NU încarcă Font Awesome
   (doar dashboard/auth/profile îl încarcă) → `::before` nu are conținut, fontul nu e aplicat, `<i>` are lățime 0
   și pătratul rămâne gol. Datele sunt corecte; lipsește stratul de pictograme.
   Reparație doar în CSS, fără a încărca toate cele ~90 KB de Font Awesome pe fiecare pagină publică: declarăm fontul
   solid (se descarcă doar când apare o pictogramă) și harta de glife pentru ~140 de pictograme uzuale. O pictogramă
   neinclusă aici rămâne goală până e adăugată în listă (sau până layout-ul `main` încarcă `libraries/fontawesome/all.min.css`).
   ============================================================================= */
@font-face {
  font-family: "lnk-fa-solid"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("../libraries/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}
span.flex:is(.size-10, .size-12) > i.fa {
  font-family: "lnk-fa-solid"; font-weight: 900; font-style: normal; line-height: 1; display: inline-block;
  text-align: center; color: var(--ln-primary-alt); -webkit-font-smoothing: antialiased;
  &::before { content: var(--fa); }
  &.fa-rocket { --fa: "\f135"; }
  &.fa-qrcode { --fa: "\f029"; }
  &.fa-chart-line { --fa: "\f201"; }
  &.fa-chart-bar { --fa: "\f080"; }
  &.fa-chart-pie { --fa: "\f200"; }
  &.fa-chart-simple { --fa: "\e473"; }
  &.fa-circle-question { --fa: "\f059"; }
  &.fa-life-ring { --fa: "\f1cd"; }
  &.fa-book { --fa: "\f02d"; }
  &.fa-book-open { --fa: "\f518"; }
  &.fa-bookmark { --fa: "\f02e"; }
  &.fa-gear { --fa: "\f013"; }
  &.fa-gears { --fa: "\f085"; }
  &.fa-sliders { --fa: "\f1de"; }
  &.fa-credit-card { --fa: "\f09d"; }
  &.fa-receipt { --fa: "\f543"; }
  &.fa-file-invoice { --fa: "\f570"; }
  &.fa-user { --fa: "\f007"; }
  &.fa-users { --fa: "\f0c0"; }
  &.fa-user-gear { --fa: "\f4fe"; }
  &.fa-user-shield { --fa: "\f505"; }
  &.fa-shield { --fa: "\f132"; }
  &.fa-shield-halved { --fa: "\f3ed"; }
  &.fa-lock { --fa: "\f023"; }
  &.fa-key { --fa: "\f084"; }
  &.fa-link { --fa: "\f0c1"; }
  &.fa-link-slash { --fa: "\f127"; }
  &.fa-bolt { --fa: "\f0e7"; }
  &.fa-globe { --fa: "\f0ac"; }
  &.fa-envelope { --fa: "\f0e0"; }
  &.fa-bell { --fa: "\f0f3"; }
  &.fa-star { --fa: "\f005"; }
  &.fa-heart { --fa: "\f004"; }
  &.fa-house { --fa: "\f015"; }
  &.fa-magnifying-glass { --fa: "\f002"; }
  &.fa-palette { --fa: "\f53f"; }
  &.fa-paintbrush { --fa: "\f1fc"; }
  &.fa-wand-magic-sparkles { --fa: "\e2ca"; }
  &.fa-code { --fa: "\f121"; }
  &.fa-terminal { --fa: "\f120"; }
  &.fa-database { --fa: "\f1c0"; }
  &.fa-cloud { --fa: "\f0c2"; }
  &.fa-download { --fa: "\f019"; }
  &.fa-upload { --fa: "\f093"; }
  &.fa-share-nodes { --fa: "\f1e0"; }
  &.fa-share { --fa: "\f064"; }
  &.fa-qrcode { --fa: "\f029"; }
  &.fa-barcode { --fa: "\f02a"; }
  &.fa-mobile-screen { --fa: "\f3cf"; }
  &.fa-desktop { --fa: "\f390"; }
  &.fa-laptop { --fa: "\f109"; }
  &.fa-tag { --fa: "\f02b"; }
  &.fa-tags { --fa: "\f02c"; }
  &.fa-bag-shopping { --fa: "\f290"; }
  &.fa-cart-shopping { --fa: "\f07a"; }
  &.fa-wallet { --fa: "\f555"; }
  &.fa-money-bill { --fa: "\f0d6"; }
  &.fa-coins { --fa: "\f51e"; }
  &.fa-gift { --fa: "\f06b"; }
  &.fa-crown { --fa: "\f521"; }
  &.fa-award { --fa: "\f559"; }
  &.fa-trophy { --fa: "\f091"; }
  &.fa-flag { --fa: "\f024"; }
  &.fa-compass { --fa: "\f14e"; }
  &.fa-map { --fa: "\f279"; }
  &.fa-location-dot { --fa: "\f3c5"; }
  &.fa-calendar { --fa: "\f133"; }
  &.fa-clock { --fa: "\f017"; }
  &.fa-hourglass { --fa: "\f254"; }
  &.fa-bullhorn { --fa: "\f0a1"; }
  &.fa-comment { --fa: "\f075"; }
  &.fa-comments { --fa: "\f086"; }
  &.fa-message { --fa: "\f27a"; }
  &.fa-headset { --fa: "\f590"; }
  &.fa-handshake { --fa: "\f2b5"; }
  &.fa-lightbulb { --fa: "\f0eb"; }
  &.fa-puzzle-piece { --fa: "\f12e"; }
  &.fa-plug { --fa: "\f1e6"; }
  &.fa-server { --fa: "\f233"; }
  &.fa-network-wired { --fa: "\f6ff"; }
  &.fa-fingerprint { --fa: "\f577"; }
  &.fa-eye { --fa: "\f06e"; }
  &.fa-eye-slash { --fa: "\f070"; }
  &.fa-check { --fa: "\f00c"; }
  &.fa-circle-check { --fa: "\f058"; }
  &.fa-triangle-exclamation { --fa: "\f071"; }
  &.fa-circle-info { --fa: "\f05a"; }
  &.fa-info { --fa: "\f129"; }
  &.fa-rotate { --fa: "\f2f1"; }
  &.fa-arrows-rotate { --fa: "\f021"; }
  &.fa-trash { --fa: "\f1f8"; }
  &.fa-pen { --fa: "\f304"; }
  &.fa-pencil { --fa: "\f303"; }
  &.fa-copy { --fa: "\f0c5"; }
  &.fa-clipboard { --fa: "\f328"; }
  &.fa-list { --fa: "\f03a"; }
  &.fa-list-check { --fa: "\f0ae"; }
  &.fa-table-cells { --fa: "\f00a"; }
  &.fa-layer-group { --fa: "\f5fd"; }
  &.fa-cubes { --fa: "\f1b3"; }
  &.fa-folder { --fa: "\f07b"; }
  &.fa-file { --fa: "\f15b"; }
  &.fa-file-lines { --fa: "\f15c"; }
  &.fa-image { --fa: "\f03e"; }
  &.fa-images { --fa: "\f302"; }
  &.fa-video { --fa: "\f03d"; }
  &.fa-music { --fa: "\f001"; }
  &.fa-wifi { --fa: "\f1eb"; }
  &.fa-paper-plane { --fa: "\f1d8"; }
  &.fa-rss { --fa: "\f09e"; }
  &.fa-language { --fa: "\f1ab"; }
  &.fa-envelope-open { --fa: "\f2b6"; }
  &.fa-id-card { --fa: "\f2c2"; }
  &.fa-briefcase { --fa: "\f0b1"; }
  &.fa-building { --fa: "\f1ad"; }
  &.fa-store { --fa: "\f54e"; }
  &.fa-graduation-cap { --fa: "\f19d"; }
  &.fa-flask { --fa: "\f0c3"; }
  &.fa-microscope { --fa: "\f610"; }
  &.fa-cog { --fa: "\f013"; }
  &.fa-cogs { --fa: "\f085"; }
  &.fa-search { --fa: "\f002"; }
  &.fa-home { --fa: "\f015"; }
  &.fa-magic { --fa: "\f0d0"; }
  &.fa-bar-chart { --fa: "\f080"; }
  &.fa-line-chart { --fa: "\f201"; }
  &.fa-pie-chart { --fa: "\f200"; }
  &.fa-shopping-cart { --fa: "\f07a"; }
  &.fa-question-circle { --fa: "\f059"; }
  &.fa-info-circle { --fa: "\f05a"; }
  &.fa-check-circle { --fa: "\f058"; }
  &.fa-exclamation-triangle { --fa: "\f071"; }
  &.fa-times-circle { --fa: "\f057"; }
  &.fa-file-text { --fa: "\f15c"; }
  &.fa-user-circle { --fa: "\f2bd"; }
  &.fa-credit-card-alt { --fa: "\f09d"; }
  &.fa-dashboard { --fa: "\f624"; }
  &.fa-tachometer-alt { --fa: "\f625"; }
  &.fa-comment-dots { --fa: "\f4ad"; }
}