/* WEN-581 kampány-landing (/ai-sales/). A közös alap (háttér, fejléc, mobilmenü, gombok, ár-doboz, lábléc, süti-sáv)
   a style.css-ből jön; itt csak a landing saját szekciói. Forrás: a jóváhagyott Claude Design terv (KpLanding). */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Fejléc: Wenova-logó + „Academy”, a menü a style.css mintáján (mobilon lenyíló) ── */
.lp-brand{display:flex;align-items:center;gap:14px;min-width:0}
.lp-brand-logo{display:inline-flex;align-items:center;gap:10px}
.lp-brand-icon{width:40px;height:40px}
.lp-brand-wordmark{height:16px;width:auto}
.lp-brand-sep{width:1px;height:26px;background:rgba(255,255,255,.2)}
.lp-brand-academy{font-size:20px;font-weight:800;letter-spacing:-.01em;color:#fff}
.lp-header .nav-links{gap:22px;font-size:15px;color:#cbd5f0}
.lp-header .nav-links .btn-primary{background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);border:none;box-shadow:0 6px 18px rgba(234,88,12,.28);min-height:44px;padding:0 22px;font-weight:800}
.lp-header .nav-links .btn-primary:hover{box-shadow:0 10px 26px rgba(234,88,12,.38)}
@media (min-width:901px) and (max-width:1120px){
  .lp-brand-wordmark{display:none}
  .lp-header .nav-links{gap:16px;font-size:14px}
}
@media (max-width:420px){ .lp-brand-wordmark{display:none} }

/* ── Közös elemek ── */
.lp-wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.lp-stack{display:flex;flex-direction:column;gap:30px}
.lp-head{display:flex;flex-direction:column;gap:12px;max-width:820px}
.lp-section{border-top:1px solid rgba(139,92,246,.1)}
.lp-section > .lp-wrap{padding-top:64px;padding-bottom:64px}
.lp-h2{font-size:clamp(32px,5vw,46px);letter-spacing:-.04em;line-height:1.02;max-width:800px}
.lp-h2-sm{font-size:clamp(26px,3.6vw,34px);letter-spacing:-.03em;line-height:1.08}
.lp-text{color:var(--muted);line-height:1.7;font-size:17px}
.lp-muted{color:var(--muted)}
.lp-small{font-size:14px}
.lp-link{color:var(--cyan);font-weight:700}
.lp-link:hover{color:#67e8f9}
.lp-mono{filter:brightness(0) invert(1);opacity:.88}
.lp-grid{display:grid;gap:18px}
.lp-grid-200{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}
.lp-grid-250{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.lp-grid-320{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.lp-card{
  display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:26px;border:1px solid rgba(139,92,246,.18);
  background:linear-gradient(160deg,rgba(139,92,246,.10),rgba(34,211,238,.04),rgba(255,255,255,.03));
  box-shadow:0 8px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)
}
.lp-card p{color:#cbd5f0;line-height:1.6;font-size:15px}
.lp-card-lg{padding:32px}
.lp-border-cyan{border-color:rgba(34,211,238,.25)}
.lp-border-violet{border-color:rgba(139,92,246,.25)}
.lp-kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.lp-t-cyan{color:var(--cyan)}
.lp-t-violet{color:#a78bfa}
.lp-btn-lg{min-height:52px;padding:0 28px;font-size:17px;font-weight:800}

/* Lépés-színek (csempék, lánc-kártyák, „Ismerős?” kártyák) */
.lp-c-pink{--c:#f472b6}
.lp-c-violet{--c:#a78bfa}
.lp-c-cyan{--c:#22d3ee}
.lp-c-amber{--c:#fbbf24}
.lp-c-green{--c:#34d399}
.lp-c-orange{--c:#ff7a2f}

/* ── Hero ── */
.lp-hero-inner{padding-top:100px;padding-bottom:64px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.lp-eyebrow{margin-bottom:0}
.lp-hero-title{margin:0;max-width:1000px;font-size:clamp(38px,6.4vw,70px);line-height:1.02;letter-spacing:-.05em;font-weight:800}
/* Az üzenetek egymásra rakva: a legmagasabb adja a magasságot, csak az aktív látszik */
.lp-rot{display:grid}
.lp-rot-msg{grid-area:1/1;visibility:hidden;opacity:0}
.lp-rot-msg.is-active{visibility:visible;opacity:1;animation:lp-fadein .6s ease}
@keyframes lp-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lp-hl{background:linear-gradient(90deg,#fdba74,#fb923c,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.lp-lead{color:var(--muted);font-size:clamp(18px,2vw,21px);line-height:1.6;max-width:820px}
.lp-lead strong{color:var(--text)}
.lp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px}
.lp-chip{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:15px}
.lp-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.lp-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;max-width:980px;margin-top:18px}
.lp-step{
  padding:18px 12px;border-radius:16px;font-weight:700;font-size:18px;transition:all .4s ease;
  background:rgba(255,255,255,.04);color:var(--muted);border:1px solid rgba(255,255,255,.14)
}
.lp-steps .lp-step:nth-child(1){--c:#f472b6}
.lp-steps .lp-step:nth-child(2){--c:#a78bfa}
.lp-steps .lp-step:nth-child(3){--c:#22d3ee}
.lp-steps .lp-step:nth-child(4){--c:#fbbf24}
.lp-steps .lp-step:nth-child(5){--c:#34d399}
.lp-step.is-on{background:var(--c);color:#0b0c1e;border-color:var(--c);box-shadow:0 0 28px color-mix(in srgb,var(--c) 33%,transparent)}
.lp-meta{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){
  .lp-rot-msg.is-active{animation:none}
  .lp-step{transition:none}
}

/* ── Partner- és előadósáv ── */
.lp-band{border-top:1px solid rgba(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.1);background:rgba(255,255,255,.02)}
.lp-band-inner{padding-top:28px;padding-bottom:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.lp-band-text{display:flex;flex-direction:column;gap:4px}
.lp-band-title{font-size:17px;font-weight:800}
.lp-band-logos{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.lp-logo-wenova{height:20px;width:auto}
.lp-logo-bhm{width:150px;max-width:100%;height:auto}
.lp-logo-estiwise{height:26px;width:auto}
.lp-brandiseer{display:inline-flex;align-items:center;gap:9px}
.lp-brandiseer img{height:26px;width:auto}
.lp-brandiseer span{font-size:21px;font-weight:800;color:#fff;letter-spacing:-.01em}
.lp-avatars{display:flex;align-items:center}
.lp-avatars img{width:44px;height:44px;border-radius:999px;object-fit:cover;border:2px solid #06071a}
.lp-avatars img + img{margin-left:-10px}
.lp-avatars .lp-link{margin-left:12px;font-size:14px}

/* ── Pillanatképek ── */
.lp-photos > .lp-wrap{padding-top:56px;padding-bottom:8px;display:flex;flex-direction:column;gap:14px}
.lp-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.lp-photo-grid img{width:100%;height:220px;object-fit:cover;border-radius:20px}

/* ── „Ismerős?” (világos szekció) ── */
.lp-light{background:#f5f3ff;color:#14152b}
.lp-light > .lp-wrap{padding-top:72px;padding-bottom:72px}
.lp-pain{background:#fff;border:1px solid #e4e0f5;border-top:5px solid var(--c);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px rgba(20,21,43,.06)}
.lp-pain-q{font-size:21px;font-weight:700;line-height:1.3}
.lp-pain p{color:#4b4e68;line-height:1.6;font-size:16px}

/* ── A lánc: öt lépés ── */
.lp-chain{border:1px solid rgba(255,255,255,.10);border-top:4px solid var(--c);border-radius:22px;padding:22px;gap:10px}
.lp-chain-k{font-size:13px;font-weight:700;color:var(--c);letter-spacing:.06em}
.lp-chain-logo{margin-top:auto;align-self:flex-start}
.lp-logo-bhm-sm{width:115px;max-width:100%;height:auto}
.lp-logo-estiwise-sm{height:22px;width:auto;max-width:100%}
.lp-logo-wenova-sm{height:16px;width:auto;max-width:100%}
.lp-base{padding:22px 28px;border-radius:22px;border:1px solid rgba(34,211,238,.25);background:linear-gradient(90deg,rgba(139,92,246,.06),transparent,rgba(34,211,238,.06));display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.lp-base-title{font-size:20px;font-weight:700}
.lp-base-text{font-size:16px;color:#cbd5f0;flex:1 1 420px;min-width:0;line-height:1.6}

/* ── Partnerek ── */
.lp-eyebrow-left{align-self:flex-start;margin-bottom:0}
.lp-partner-logo{align-self:flex-start;display:inline-flex}
.lp-partner-logo .lp-brandiseer img{height:24px}
.lp-partner-logo .lp-brandiseer span{font-size:20px}
.lp-partner-k{font-size:13px;color:var(--cyan);letter-spacing:.06em}
.lp-logo-wenova-md{height:18px;width:auto;max-width:100%}
.lp-logo-bhm-md{width:125px;max-width:100%;height:auto}

/* ── Program ── */
.lp-program{display:flex;flex-wrap:wrap;gap:40px}
.lp-program-head{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px}
.lp-agenda{flex:999 1 560px;min-width:0;list-style:none;display:flex;flex-direction:column}
.lp-agenda li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding:16px 0;border-top:1px solid rgba(139,92,246,.15);font-size:16px}
.lp-agenda li:last-child{border-bottom:1px solid rgba(139,92,246,.15)}
.lp-agenda-t{color:var(--cyan);font-size:15px;font-weight:700}
@media (max-width:480px){ .lp-agenda li{grid-template-columns:56px minmax(0,1fr);gap:12px} }

/* ── Előadók ── */
.lp-speakers{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:16px}
.lp-speakers li{display:flex;flex-direction:column;gap:8px}
.lp-speakers img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;border:1px solid rgba(139,92,246,.25)}
.lp-speaker-name{font-weight:700}
@media (max-width:480px){ .lp-speakers{grid-template-columns:1fr 1fr} }

/* ── Kinek szól ── */
.lp-who{padding:28px;gap:10px}
.lp-who-title{font-size:22px;font-weight:700}
.lp-who p{color:var(--muted);line-height:1.65;font-size:16px}
.lp-note{padding:18px 22px;border-radius:18px;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.06);color:#cbd5f0;font-size:16px;line-height:1.6}

/* ── Jelentkezés és ár ── */
#jelentkezes > .lp-wrap{padding-top:72px;padding-bottom:88px}
.lp-apply{display:flex;flex-wrap:wrap;gap:36px;align-items:center}
.lp-apply-text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.lp-price-card{flex:1 1 340px;min-width:0;border-color:rgba(139,92,246,.35);padding:30px;gap:12px}
.lp-price-badge{align-self:flex-start;padding:6px 14px;border-radius:999px;background:#fbbf24;color:#1a1300;font-weight:700;font-size:13px}
.lp-price-card .price-box{margin:0}
.lp-price-card .live-phase{margin:0}
.lp-more{text-align:center;font-size:15px;font-weight:600}

/* ── Keskeny kijelző ── */
@media (max-width:560px){
  .lp-wrap{padding-left:20px;padding-right:20px}
  .lp-hero-inner{padding-top:56px;padding-bottom:48px;gap:22px}
  .lp-section > .lp-wrap,.lp-light > .lp-wrap{padding-top:48px;padding-bottom:48px}
  .lp-card,.lp-card-lg,.lp-price-card{padding:22px}
  .lp-base{padding:20px}
  .lp-step{font-size:16px}
}