/* ════════════════════════════════════════════════════════════════════
   A DIZÁJN SZÍNEI ÉS BETŰI
   Az oldal minden színe és betűtípusa innen jön. Saját arculathoz CSAK ezt a részt kell
   módosítani — és ha más betűtípus kell, a két HTML-fájl elején a Google Fonts sort is.
   ════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#F7F7F5;                          /* az oldal alapszíne (background-main) */
  --bg2:#F2EFEA;                         /* a sávok háttere: bemutatkozás, köszönőoldal alja (background-alt) */
  --bg3:#F1EFEB;                         /* a „Nem neked szól" doboz háttere (meleg, semleges szürke) */
  --card:#FFFFFF;                        /* a kártyák háttere (surface) */
  --ink:#202B30;                         /* a címek és a fő szöveg színe (text-primary) */
  --szoveg:#36444B;                      /* a hosszabb szövegek színe */
  --mut:#5A6A72;                         /* a halványabb szöveg (text-secondary, a kontraszt miatt egy árnyalattal sötétebb) */
  --line:#D8DEDE;                        /* a vonalak és keretek (border) */
  --acc:#264D59;                         /* a KIEMELŐ SZÍN: gombok, pontok (cta) */
  --acc2:#213B42;                        /* a kiemelő szín sötétebb árnyalata (brand-primary) */
  --peach:#E3EAEC;                       /* lágy kiegészítő szín (ikonok kitöltése) */
  --peach2:#EEF2F3;                      /* a legvilágosabb kiegészítő szín (ikonkörök, címkék) */
  --sage:#264D59;                        /* a második szín (pipák, pont) */
  --sage2:#EAF0F1;                       /* a második szín világos változata („Neked szól" doboz) */
  --sage-szoveg:#213B42;                 /* szöveg a második szín dobozában */
  --sotet:#213B42;                       /* a sötét sávok (felső sáv, lábléc) */
  --bar-szoveg:#F7F7F5;                  /* a sötét felső sáv szövege */
  --bar-kiemeles:#C9B48A;                /* a felső sáv kiemelt szava (világosabb arany a kontraszt miatt) */
  --lab-szoveg:#C9D3D5;                  /* a lábléc szövege */
  --hero-folt1:#E6ECEE;                  /* a fejléc lágy színfoltja (jobbra) */
  --hero-folt2:#F1EFEB;                  /* a fejléc lágy színfoltja (balra) */
  --fotokeret:#A99773;                   /* a fotó körüli vékony ív (brand-accent, csak díszítés) */
  --mezo-keret:#D8DEDE;                  /* az űrlapmezők kerete */
  --mezo-szoveg:#7A878D;                 /* az űrlapmezők halvány mintaszövege */
  --arnyek:#1C2A30;                      /* az árnyékok színe */
  --arnyek-sotet:#1C2A30;                /* a mélyebb árnyékok színe */
  --hangsuly:#405C68;                    /* a főcím kiemelt része (palakék, a kontraszt miatt egy árnyalattal sötétebb) */
  --cta-hover:#1C3942;                   /* a gombok színe rámutatáskor */
  --velemeny-hatter:#F2EFEA;             /* a vélemények sávjának háttere (meleg neutrális) */
  --negativ-ikon:#8F8577;                /* a „Nem neked szól" ikonjai (szürkésbarna) */
  --disp:"Source Serif 4",Georgia,serif; /* a CÍMEK betűtípusa */
  --ui:"Source Sans 3",-apple-system,sans-serif; /* a SZÖVEG betűtípusa */
}

.lp{position:relative;overflow:hidden;background:var(--bg);color:var(--ink);font:15.5px/1.6 var(--ui);-webkit-font-smoothing:antialiased;text-align:left}
.lp *{box-sizing:border-box}
:where(.lp) p{margin:0}
:where(.lp) i{display:inline-block;font-style:normal;background-repeat:no-repeat;background-position:center;background-size:contain}
.lp-bar{padding:12px 32px;text-align:center;font-size:13.5px;line-height:1.45}
.lp-bar b{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;margin-right:4px}
.lp-bar .lp-ok{width:18px;height:18px;vertical-align:-4px;margin-right:6px}
.lp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:52px 52px 64px;align-items:start;position:relative}
.lp-hero-text{position:relative;z-index:2}
.lp-eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 12px/1.35 var(--ui);letter-spacing:.13em;text-transform:uppercase}
.lp-dot{width:8px;height:8px;border-radius:50%;flex:none}
.lp-h1{font-family:var(--disp);margin:24px 0 24px;text-wrap:balance}
.lp-sub{font-size:16.5px;line-height:1.6;max-width:560px}
.lp-sub s{text-decoration-thickness:2px}
.lp-count{margin:28px 0 0}
.lp-count-h{font:700 11.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.lp-tiles{display:flex;gap:10px}
.lp-tile{width:90px;padding:12px 4px 10px;text-align:center}
.lp-tile b{display:block;font-size:30px;line-height:1.05}
.lp-tile span{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;margin-top:5px}
.lp-form{margin-top:30px}
.lp-form-h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;margin-bottom:12px}
.lp-down{width:20px;height:20px;flex:none}
.lp-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-in{display:flex;align-items:center;height:54px;padding:0 18px;font-size:16px}
.lp-check{display:flex;align-items:flex-start;gap:10px;margin:14px 0 16px;font-size:13px;line-height:1.5;cursor:default}
.lp-box{width:19px;height:19px;flex:none;margin-top:1px}
.lp-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:60px;border:0;font:800 16.5px/1 var(--ui);cursor:default}
.lp-arrow{width:20px;height:20px;flex:none}
.lp-fine{font-size:12.5px;margin-top:12px}
.lp-fine u{text-underline-offset:2px}
.lp-hero-media{position:relative}
.lp-photo{background-size:cover;background-position:center;width:100%}
.ph-point{aspect-ratio:.68;background-image:none;background-position:36% center}
.ph-point.flip{transform:scaleX(-1)}
.ph-sit{aspect-ratio:.74;background-image:none;background-position:center 30%}
.ph-board{background-image:none;background-position:40% center}
.ph-desk{background-image:none;background-position:48% center}
.lp-tag{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:11px 15px;font-size:13px;line-height:1.35}
.lp-tag b{display:block;font-size:14px;font-weight:800}
.lp-video{position:relative;overflow:hidden}
.lp-video .lp-photo{aspect-ratio:16/9;position:relative;overflow:hidden}
.lp-video .lp-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.52))}
.lp-video.tall .lp-photo{aspect-ratio:.9}
.lp-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background-size:34px 34px;background-position:56% center}
.lp-dur{position:absolute;right:14px;top:14px;font:700 12px/1 var(--ui);padding:7px 10px;border-radius:8px}
.lp-cap{position:absolute;left:18px;right:18px;bottom:26px;font:600 14px/1.4 var(--ui)}
.lp-prog{position:absolute;left:18px;right:18px;bottom:14px;height:4px;border-radius:4px}
.lp-prog::before{content:"";position:absolute;left:0;top:0;bottom:0;width:22%;border-radius:4px}
.lp-info{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:3}
.lp-info-item{display:flex;gap:14px;align-items:flex-start;padding:22px 24px}
.lp-info-item b{display:block;font-weight:800;font-size:15px;line-height:1.35;margin-bottom:3px}
.lp-info-item span{display:block;font-size:13.5px;line-height:1.5}
.lp i.lp-ic{width:46px;height:46px;flex:none;background-size:26px 26px}
.lp-sec{padding:72px 52px}
.lp-h2{font-family:var(--disp);margin:0;text-wrap:balance}
.lp-lead{font-size:16px;margin-top:10px}
.lp-secrets .lp-h2,.lp-secrets .lp-lead,.lp-fit .lp-h2,.lp-faq .lp-h2,.lp-wait .lp-h2{text-align:center}
.lp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.lp-secret{padding:26px 24px 28px}
.lp-secret-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.lp-num{font:800 12.5px/1 var(--ui);letter-spacing:.06em;padding:8px 13px}
.lp-secret p{font-size:15.5px;line-height:1.62}
.lp-secret p.lp-card-t{font-weight:800;font-size:16px;line-height:1.4;margin:0 0 8px}
.lp-cta{max-width:470px;margin:40px auto 0}
.lp-about-top{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start}
.lp-bio-more{column-count:2;column-gap:44px;margin-top:34px}
.lp-bio-more p{break-inside:avoid}
.lp-name{margin:14px 0 20px}
.lp-name b{display:block;font-size:20px;line-height:1.3}
.lp-name span{display:block;font-size:14px;margin-top:2px}
.lp-bio p{font-size:15.5px;line-height:1.7;margin:0 0 14px}
.lp-about-text .lp-bio p:first-child{font-size:17px;line-height:1.6}
.lp-bio p:last-child{margin-bottom:0}
.lp-fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.lp-fit-cols>div{padding:28px 28px 20px}
.lp-fit-cols h3{margin:0 0 16px;font-size:19px;line-height:1.3}
.lp-fit-cols ul{list-style:none;margin:0;padding:0}
.lp-fit-cols li{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;font-size:15px;line-height:1.55}
.lp-li{width:24px;height:24px;flex:none;margin-top:1px}
.lp-proof{padding-top:8px}
.lp-proof .lp-grid3{margin-top:0}
.lp-quote{padding:26px 24px 22px;display:flex;flex-direction:column}
.lp-qi{width:30px;height:30px;margin-bottom:12px}
.lp-quote p{font-size:15.5px;line-height:1.6;flex:1}
.lp-quote-by{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13.5px}
.lp-stars{display:flex;gap:2px}
.lp-stars i{width:14px;height:14px}
.lp-faq{padding-top:40px}
.lp-qs{max-width:760px;margin:30px auto 0}
.lp-q{display:flex;gap:14px;align-items:flex-start;padding:18px 20px}
.lp-qplus{width:24px;height:24px;flex:none;margin-top:1px}
.lp-q b{display:block;font-size:16px;margin-bottom:4px}
.lp-q p{font-size:14.5px;line-height:1.6}
.lp-last{max-width:470px;margin:0 auto;padding:10px 0 72px;text-align:center}
.lp-last .lp-fine span{display:block}
.lp-last .lp-fine span+span{margin-top:6px}
.lp-foot{display:flex;justify-content:space-between;gap:20px;padding:22px 52px;font-size:13px}
/* the other side: photo left, mirrored so she still points at the headline */
.lp-hero.media-left{grid-template-columns:.9fr 1.1fr}
.lp-hero.media-left .lp-hero-media{order:-1}
/* the stacked page: headline on top, the video under it, then the form */
.lp-hero.stack{display:block;text-align:center;padding-bottom:40px}
.lp-hero.stack .lp-h1{max-width:860px;margin-left:auto;margin-right:auto}
.lp-hero.stack .lp-sub{margin:0 auto}
.lp-stack-media{padding:0 52px}
.lp-stack-form{max-width:560px;margin:0 auto;padding:36px 0 64px;text-align:center}
.lp-stack-form .lp-count{margin-top:0}
.lp-stack-form .lp-tiles{justify-content:center}
.lp-stack-form .lp-form-h{justify-content:center}
.lp-stack-form .lp-check{text-align:left}
/* the compact hero-only page of the bad / good pair */
.lp-compact .lp-hero{display:block;text-align:center;padding:40px 36px 44px}
.lp-compact .lp-h1{font-size:30px;margin:18px auto 16px}
.lp-compact .lp-sub{margin:0 auto;font-size:15.5px}
.lp-compact .lp-fields{margin-top:24px}
.lp-compact .lp-check{text-align:left}
/* the popup: the page behind a dimmed overlay, the form in a window */
.lp-pop .lp-hero{display:block;text-align:center;padding:40px 40px 120px}
.lp-pop .lp-h1{font-size:30px;margin:18px auto 16px}
.lp-pop .lp-sub{margin:0 auto 24px;font-size:15.5px}
.lp-pop .lp-hero .lp-btn{max-width:400px;margin:0 auto}
.lp-dim{position:absolute;inset:0;z-index:4}
.lp-modal{position:absolute;left:50%;top:128px;z-index:5;width:400px;margin-left:-200px;padding:26px 26px 22px}
.lp-modal h4{margin:0 0 4px;font:800 21px/1.25 var(--disp)}
.lp-modal>p{font-size:13.5px;margin:0 0 16px}
.lp-modal .lp-fields{grid-template-columns:1fr}
/* the thank-you page */
.lp-ty-note{font-size:13.5px;line-height:1.55;margin-top:10px}
.lp-ty-p{font-size:16px;line-height:1.62;margin-top:22px}
.lp-ty-p b{font-weight:800}
.lp-cal-h{font:700 11.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;margin:26px 0 10px}
.lp-cal{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font:700 14.5px/1 var(--ui)}
.lp-cal i{width:22px;height:22px}
.lp-live{font-size:13.5px;line-height:1.6;margin-top:22px;padding:14px 16px}
.lp-wait .lp-secret-top{margin-bottom:14px}
/* the numbered markers of the annotated pages */
.lp div.lp-btnwrap[data-pin]::before{top:50%;margin-top:-12.5px}
@media (max-width:760px){
.lp-bar{padding:10px 16px}
.lp-hero,.lp-hero.media-left{grid-template-columns:1fr;gap:28px;padding:32px 22px 40px 34px}
.lp-hero-media{order:-1}
.lp-fields{grid-template-columns:1fr}
.lp-tile{width:auto;flex:1}
.lp-info{grid-template-columns:1fr}
.lp-sec{padding:48px 22px 48px 34px}
.lp-grid3,.lp-fit-cols{grid-template-columns:1fr}
.lp-about-top{grid-template-columns:1fr;gap:26px}
.lp-bio-more{column-count:1}
.lp-stack-media{padding:0 18px}
.lp-stack-form{padding:28px 18px 48px}
.lp-foot{flex-direction:column;padding:20px 18px}
.lp-modal{width:auto;left:16px;right:16px;margin-left:0}
}
.t-warm .lp-bar{background:var(--sotet);color:var(--bar-szoveg)}
.t-warm .lp-bar b{color:var(--bar-kiemeles)}
.t-warm .lp-hero{background:radial-gradient(46% 62% at 86% 34%,var(--hero-folt1) 0%,transparent 72%),radial-gradient(38% 40% at 6% 70%,var(--hero-folt2) 0%,transparent 70%),var(--bg)}
.t-warm .lp-eyebrow{color:var(--acc2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px 8px 12px}
.t-warm .lp-dot{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent)}
.t-warm .lp-h1{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.018em;color:var(--ink)}
.t-warm .lp-h1 em{font-style:italic;font-weight:500;color:var(--acc)}
.t-warm .lp-sub{color:var(--mut)}
.t-warm .lp-sub s{text-decoration-color:var(--acc);color:var(--ink)}
.t-warm .lp-count-h,.t-warm .lp-cal-h{color:var(--mut)}
.t-warm .lp-tile{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px -18px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-tile b{font-family:var(--disp);font-weight:600;color:var(--ink)}
.t-warm .lp-tile span{color:var(--mut)}
.t-warm .lp-form-h{color:var(--ink)}
.t-warm .lp-in{background:#fff;border:1px solid var(--mezo-keret);border-radius:14px;color:var(--mezo-szoveg)}
.t-warm .lp-check{color:var(--mut)}
.t-warm .lp-btn{background:var(--acc);color:#fff;border-radius:16px;box-shadow:0 14px 28px -14px color-mix(in srgb,var(--acc) 85%,transparent),inset 0 -2px 0 rgba(0,0,0,.12)}
.t-warm .lp-fine{color:var(--mut)}
.t-warm .lp-hero-media.photo::after{content:"";position:absolute;inset:-14px -14px 26px 26px;border:1.5px solid var(--fotokeret);border-radius:999px 999px 34px 34px;pointer-events:none}
.t-warm .lp-hero-media.photo .lp-photo{position:relative;border-radius:999px 999px 30px 30px;box-shadow:0 30px 60px -34px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-tag{z-index:2;background:#fff;border-radius:16px;box-shadow:0 14px 30px -16px color-mix(in srgb,var(--arnyek-sotet) 45%,transparent);color:var(--mut)}
.t-warm .lp-tag b{color:var(--ink)}
.t-warm .lp-tag .lp-dot{background:var(--sage);box-shadow:0 0 0 4px color-mix(in srgb,var(--sage) 20%,transparent)}
.t-warm .lp-video{border-radius:26px;box-shadow:0 30px 60px -34px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-play{background-color:#fff;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--arnyek-sotet) 50%,transparent)}
.t-warm .lp-dur{background:color-mix(in srgb,var(--sotet) 72%,transparent);color:#fff}
.t-warm .lp-cap{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.t-warm .lp-prog{background:rgba(255,255,255,.35)}
.t-warm .lp-prog::before{background:var(--acc)}
.t-warm .lp-info{margin:-34px 52px 0;background:#fff;border-radius:24px;box-shadow:0 26px 50px -30px color-mix(in srgb,var(--arnyek) 45%,transparent);border:1px solid var(--line)}
.t-warm .lp-info-item+.lp-info-item{border-left:1px solid var(--line)}
.t-warm .lp-info-item b{color:var(--ink)}
.t-warm .lp-info-item span{color:var(--mut)}
.t-warm .lp-ic{border-radius:50%;background-color:var(--peach2)}
.t-warm .lp-h2{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.t-warm .lp-lead{color:var(--mut)}
.t-warm .lp-secret{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px -30px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-num{background:var(--peach2);color:var(--acc2);border-radius:999px}
.t-warm .lp-secret p{color:var(--szoveg)}
.t-warm .lp-secret p.lp-card-t{color:var(--ink)}
.t-warm .lp-about{background:var(--bg2)}
.t-warm .lp-about-media .lp-photo{border-radius:999px 999px 28px 28px;box-shadow:0 30px 60px -34px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-name b{font-family:var(--disp);font-style:italic;font-weight:600;font-size:24px;color:var(--acc2)}
.t-warm .lp-name span{color:var(--mut)}
.t-warm .lp-bio p{color:var(--szoveg)}
.t-warm .lp-about-text .lp-bio p:first-child{color:var(--ink);font-family:var(--disp);font-size:18px;line-height:1.5;font-weight:500}
.t-warm .lp-fit-yes{background:var(--sage2);border-radius:24px}
.t-warm .lp-fit-no{background:var(--bg3);border-radius:24px}
.t-warm .lp-fit-cols h3{font-family:var(--disp);font-weight:600;font-size:22px;color:var(--ink)}
.t-warm .lp-fit-cols li{color:var(--szoveg)}
.t-warm .lp-quote{background:#fff;border:1px solid var(--line);border-radius:22px}
.t-warm .lp-quote p{font-family:var(--disp);font-style:italic;font-size:17px;line-height:1.55;color:var(--ink)}
.t-warm .lp-quote-by{color:var(--mut)}
.t-warm .lp-q{border-bottom:1px solid var(--line)}
.t-warm .lp-q b{color:var(--ink)}
.t-warm .lp-q p{color:var(--mut)}
.t-warm .lp-last .lp-fine{color:var(--mut)}
.t-warm .lp-foot{background:var(--sotet);color:var(--lab-szoveg)}
.t-warm .lp-ty-note,.t-warm .lp-ty-p{color:var(--szoveg)}
.t-warm .lp-ty-p b{color:var(--ink)}
.t-warm .lp-cal{background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-live{background:var(--sage2);border-radius:16px;color:var(--sage-szoveg)}
.t-warm .lp-wait{background:var(--bg2)}
.lp-hero.band .lp-hero-text,.lp-hero.band .lp-hero-media{align-self:center}
.lp-formband{padding:0 52px;position:relative;z-index:3}
.lp-formcard{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;padding:30px 34px}
.lp-formcard .lp-form{margin-top:0}
.lp-formcard-h{font-family:var(--disp);font-size:24px;line-height:1.28;margin:0;text-wrap:balance}
.lp-formcard-h .lp-down{width:24px;height:24px;margin-left:10px;vertical-align:-5px;transform:rotate(-90deg)}
.lp-hero.split{display:block}
.lp-hero-head{max-width:900px}
.lp-hero.split .lp-h1{margin-bottom:18px}
.lp-hero-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-top:36px}
.lp-hero.split.media-left .lp-hero-cols{grid-template-columns:.9fr 1.1fr}
.lp-hero.split.media-left .lp-hero-media{order:-1}
.lp-hero-cols .lp-count{margin-top:0}
.lp-tyband{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 52px;position:relative;z-index:3}
.lp-tycard{padding:22px 24px}
.lp-tycard .lp-ty-p,.lp-tycard .lp-cal-h,.lp-tycard .lp-live{margin-top:0}
.lp-tycard.live{display:flex}
.lp-tycard .lp-live{padding:0;background:none}
.lp-tycard .lp-ty-p,.lp-tycard .lp-ty-note,.lp-tycard .lp-live{font-size:14.5px;line-height:1.62}
.lp-letter{max-width:700px;margin:0 auto}
.lp-letter .lp-h2{margin-top:34px}
.lp-letter-photo .lp-photo{aspect-ratio:4/3;background-position:center 34%}
.lp-letter .lp-bio p:first-child{font-size:17px;line-height:1.6}
.lp-bio p.lp-key{margin:24px 0;padding:18px 22px 18px 24px;font-size:18px;line-height:1.55}
.lp-float{max-width:800px;margin:0 auto}
.lp-float::after{content:"";display:block;clear:both}
.lp-float .lp-about-media{float:left;width:310px;margin:6px 38px 18px 0}
.lp-float .lp-bio p:first-child{font-size:17px;line-height:1.6}
.lp-shots{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px;align-items:start;max-width:920px;margin:0 auto}
.lp-shot:nth-child(2){margin-top:48px}
.lp-shot:nth-child(3){grid-column:1 / -1;justify-self:center;width:calc(50% - 15px);margin-top:-6px}
.lp-shotimg{width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.t-warm .lp-formcard{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 60px -36px color-mix(in srgb,var(--arnyek) 50%,transparent);margin-top:-28px}
.t-warm .lp-formcard-h{color:var(--ink);font-weight:600}
.t-warm .lp-formband+.lp-info{margin-top:26px}
.t-warm .lp-tycard{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 40px -30px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-tycard.live{background:var(--sage2)}
.t-warm .lp-tyband{margin-top:-28px}
.t-warm .lp-tyband+.lp-info{margin-top:26px}
.t-warm .lp-letter-photo .lp-photo{border-radius:28px;box-shadow:0 30px 60px -34px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-float .lp-about-media .lp-photo{border-radius:999px 999px 26px 26px;box-shadow:0 24px 50px -30px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-letter .lp-bio p:first-child,.t-warm .lp-float .lp-bio p:first-child{color:var(--ink);font-family:var(--disp);font-size:18px;line-height:1.5;font-weight:500}
.t-warm .lp-bio p.lp-key{background:#fff;border-left:4px solid var(--acc);border-radius:0 18px 18px 0;font-family:var(--disp);font-style:italic;font-weight:500;color:var(--ink);box-shadow:0 16px 36px -28px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-shot{background:#fff;padding:12px;border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 50px -30px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-shot:nth-child(1){transform:rotate(-1.2deg)}
.t-warm .lp-shot:nth-child(2){transform:rotate(1deg)}
.t-warm .lp-shot:nth-child(3){transform:rotate(-.5deg)}
.t-warm .lp-shotimg{border-radius:10px}
.lp-ptwrap{max-width:700px;margin:0 auto}
.lp-pt{display:grid;grid-template-columns:176px 1fr;grid-template-areas:"ph ti" "ph le";column-gap:32px;align-items:start}
.lp-pt-photo{grid-area:ph}
.lp-pt-photo .lp-photo{aspect-ratio:.8;background-position:center 28%}
.lp-pt-title{grid-area:ti;padding-top:2px}
.lp-pt-title .lp-name{margin:10px 0 14px}
.lp-pt-lead{grid-area:le}
.lp-pt-rest{margin-top:26px}
.lp-shots.row{grid-template-columns:24.2fr 19.4fr 22.6fr;gap:18px;max-width:none}
.lp-shots.row .lp-shot{margin-top:0;grid-column:auto;justify-self:stretch;width:auto;transform:none;overflow:hidden}
.t-warm .lp-shots.row .lp-shot{padding:0;border-radius:14px}
.t-warm .lp-shots.row .lp-shotimg{border-radius:0}
.lp-sec.lp-proof.cards{padding-top:64px}
.lp-proof.cards .lp-h2{text-align:center}
.lp-tms{display:grid;grid-template-columns:14.8fr 12.1fr 12.9fr;grid-template-rows:auto auto auto;column-gap:22px;margin-top:34px}
.lp-tm{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;overflow:hidden}
.lp-tm-q{margin:0;padding:22px 22px 0;align-self:center}
.lp-tm-q .lp-qi{display:block;width:26px;height:26px;margin:0 0 10px}
.lp-tm-by{margin:0;padding:12px 22px 18px;font-size:13.5px;font-weight:700}
.lp-tm-shot{align-self:end}
.lp-tm .lp-tm-shot .lp-shotimg{border:0;border-radius:0}
.t-warm .lp-tm{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 44px -32px color-mix(in srgb,var(--arnyek) 50%,transparent)}
.t-warm .lp-tm-q{font-family:var(--disp);font-style:italic;font-weight:500;font-size:17px;line-height:1.45;color:var(--ink)}
.t-warm .lp-tm-by{color:var(--acc2)}
.t-warm .lp-tm-shot{border-top:1px solid var(--line)}
.lp-sec.lp-proof.mk{padding-top:72px}
.lp-proof.mk .lp-h2{text-align:center}
.lp-mkrow{display:grid;grid-template-columns:1589fr 1330fr 1411fr;gap:20px;margin-top:36px;align-items:start}
.lp-mkfeat{display:grid;grid-template-columns:568fr 304fr;column-gap:24px;margin-top:36px;align-items:start}
.lp-mkside{display:grid;row-gap:20px}
.lp-mkshot{overflow:hidden}
.lp-mkimg{position:relative;width:100%;background-repeat:no-repeat}
.lp-mark{position:absolute;display:block;border-radius:6px 3px 7px 4px;mix-blend-mode:multiply}
.t-warm .lp-proof.mk{background:var(--bg2)}
.t-warm .lp-mkshot{background:#fff;border-radius:16px;box-shadow:0 1px 0 var(--line),0 26px 50px -32px color-mix(in srgb,var(--arnyek) 55%,transparent)}
.t-warm .lp-mark{background:rgba(255,205,112,.62)}
.t-warm .ic-cal{background-image:url(ikonok/naptar.svg)}
.t-warm .ic-mic{background-image:url(ikonok/mikrofon.svg)}
.t-warm .ic-host{background-image:url(ikonok/eloado.svg)}
.t-warm .ic-s1{background-image:url(ikonok/titok-1.svg)}
.t-warm .ic-s2{background-image:url(ikonok/titok-2.svg)}
.t-warm .ic-s3{background-image:url(ikonok/titok-3.svg)}
.t-warm .ic-mail{background-image:url(ikonok/varakozas-1.svg)}
.t-warm .ic-chat{background-image:url(ikonok/varakozas-2.svg)}
.t-warm .ic-heart{background-image:url(ikonok/varakozas-3.svg)}
.t-warm .ic-calplus{background-image:url(ikonok/naptar-hozzaadas.svg)}
.t-warm .ic-check{background-image:url(ikonok/pipa.svg)}
.t-warm .ic-yes{background-image:url(ikonok/igen.svg)}
.t-warm .ic-no{background-image:url(ikonok/nem.svg)}
.t-warm .ic-plus{background-image:url(ikonok/plusz.svg)}
.t-warm .ic-arrow{background-image:url(ikonok/nyil.svg)}
.t-warm .ic-down{background-image:url(ikonok/le.svg)}
.t-warm .ic-play{background-image:url(ikonok/lejatszas.svg)}
@media (max-width:760px){
.lp .lp-h1{font-size:28px;line-height:1.16}
.lp.lp-compact .lp-h1,.lp.lp-pop .lp-h1{font-size:23px}
.lp .lp-h2{font-size:25px}
.lp .lp-hero-media{max-width:360px}
/* the registration band keeps his 18-part order on phones too: headline first, the photo (5) after the countdown */
.lp .lp-hero.band.reg .lp-hero-media{order:0}
.t-warm .lp-info{margin:-24px 14px 0}
.t-warm .lp-info-item+.lp-info-item{border-left:0;border-top:1px solid var(--line)}
.t-vivid .lp-info,.t-play .lp-info{padding:0 14px 8px}
.lp .lp-modal{top:96px}
.lp .lp-formband,.lp .lp-tyband{padding:0 14px}
.lp .lp-formcard{grid-template-columns:1fr;gap:18px;padding:22px 20px}
.lp .lp-tyband{grid-template-columns:1fr}
.lp .lp-hero-cols{grid-template-columns:1fr;gap:26px}
.lp .lp-float .lp-about-media{float:none;width:100%;margin:0 0 22px}
.lp .lp-shots{grid-template-columns:1fr}
.lp .lp-shot:nth-child(2){margin-top:0}
.lp .lp-shot:nth-child(3){width:auto;margin-top:0}
.lp .lp-pt{grid-template-columns:92px 1fr;grid-template-areas:"ph ti" "le le";column-gap:18px}
.lp .lp-pt-lead{margin-top:16px}
.lp .lp-tms{grid-template-columns:1fr;grid-template-rows:none;row-gap:18px}
.lp .lp-tm{display:block}
.lp .lp-mkrow,.lp .lp-mkfeat{grid-template-columns:1fr;row-gap:16px}
.lp .lp-mkside{row-gap:16px}
}
/* ── valódi oldal (a dizájnhoz hozzáadva) ── */
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg)}
.lp a{color:inherit}
.lp .lp-btn{text-decoration:none;cursor:pointer}
.lp .lp-btn:focus-visible,.lp .lp-cal:focus-visible,.lp .lp-in:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.lp input.lp-in{display:block;width:100%;margin:0;font:inherit;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.lp input.lp-in::placeholder{color:var(--mezo-szoveg,#999);opacity:1}
.lp .lp-check input{width:19px;height:19px;margin:1px 0 0;flex:none;accent-color:var(--acc)}
.lp .lp-check{cursor:pointer}
.lp .lp-fine a,.lp .lp-foot a{text-underline-offset:2px}
.lp .lp-cal{text-decoration:none;cursor:pointer}
.lp img.lp-mkimg{display:block;width:100%;height:auto}
.lp .ph-point,.lp .ph-sit{background-image:none}
.lp .lp-hero-media.photo .lp-photo{background-image:url(kepek/hero.jpg?v=20261009)}
.lp .lp-pt-photo .lp-photo{background-image:url(kepek/portre.jpg?v=20261012b)}
.lp .lp-video .lp-photo{background-image:url(kepek/koszonjuk.jpg)}
.lp .lp-video.csak-foto .lp-photo::after{display:none}
/* nagyon hosszú szöveg: a cím és a felső sáv egy fokkal kisebb (a szöveg vezet, a dizájn igazodik) */
.lp .lp-h1.hosszu{font-size:32px}
@media (min-width:761px){
.lp .lp-hero,.lp .lp-sec,.lp .lp-formband,.lp .lp-tyband,.lp .lp-foot{padding-left:max(52px,calc((100vw - 1100px) / 2));padding-right:max(52px,calc((100vw - 1100px) / 2))}
.lp .lp-info{margin-left:max(52px,calc((100vw - 1100px) / 2));margin-right:max(52px,calc((100vw - 1100px) / 2))}
}
@media (max-width:760px){
.lp .lp-hero,.lp .lp-hero.media-left{padding:32px 22px 40px}
.lp .lp-sec{padding:48px 22px}
.lp .lp-h1.hosszu{font-size:23px}
.lp .lp-bar.hosszu{font-size:12px;line-height:1.35}
}
/* sütisáv: az elutasítás ugyanolyan könnyű, mint az elfogadás (két egyforma gomb) */
.suti-sav{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:18px 22px;background:var(--card);color:var(--szoveg);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px -20px color-mix(in srgb,var(--arnyek) 45%,transparent);font:14px/1.55 var(--ui)}
.suti-sav[hidden]{display:none}
.suti-szoveg{margin:0;flex:1}
.suti-szoveg a{color:var(--acc);text-underline-offset:2px}
.suti-gombok{display:flex;gap:10px;flex:none}
.suti-gomb{min-width:130px;height:46px;padding:0 18px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;font:700 15px/1 var(--ui);cursor:pointer}
.suti-gomb:hover{background:var(--acc2);border-color:var(--acc2)}
.suti-gomb:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
@media (max-width:760px){
.suti-sav{flex-direction:column;align-items:stretch;gap:14px;padding:16px;bottom:12px;left:12px;right:12px}
.suti-gombok .suti-gomb{flex:1;min-width:0}
}
/* adatkezelési tájékoztató: egyszerű szöveges oldal */
.lp .lp-jogi{max-width:760px;margin:0 auto}
.lp .lp-jogi .lp-h2{margin-bottom:10px}
.lp .lp-jogi h3{font-family:var(--disp);font-weight:600;font-size:22px;line-height:1.3;color:var(--ink);margin:40px 0 12px}
.lp .lp-jogi p,.lp .lp-jogi li{font-size:15.5px;line-height:1.7;color:var(--szoveg)}
.lp .lp-jogi p{margin:0 0 12px}
.lp .lp-jogi ul{margin:0 0 14px;padding-left:22px}
.lp .lp-jogi li{margin:0 0 6px}
.lp .lp-jogi b{color:var(--ink)}
.lp .lp-jogi a{color:var(--acc);text-underline-offset:2px}
.lp .lp-jogi .lp-lead{margin:0 0 8px}
.lp .lp-jogi .lp-adat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:0 0 14px}
.lp .lp-jogi .lp-adat p{margin:0 0 4px}
.lp .lp-jogi .lp-vissza{margin-top:40px}
@media (max-width:760px){.lp .lp-jogi h3{font-size:19px}}
/* bemutatkozó fotó: lekerekített sarkok (mint a köszönőoldalon), nem boltív */
.lp .lp-pt-photo .lp-photo{border-radius:26px}
@media (max-width:760px){.lp .lp-pt-photo .lp-photo{border-radius:16px}}
/* köszönőoldal fotója: a kép lejjebb a keretben (több hely a fej fölött) */
.lp .lp-video .lp-photo{background-position:48% 15%}
/* szöveges vélemények: két oszlopban, telefonon egymás alatt */
.lp .lp-quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.lp .lp-quote-by b{color:var(--ink)}
@media (max-width:760px){
.lp .lp-quotes{grid-template-columns:1fr}
}

/* ════════════════════════════════════════════════════════════════════
   PRÉMIUM REDESIGN (2026-10) – petrol / pala / arany
   Csak megjelenés: a szövegek, az űrlap és a mérés változatlan.
   Minden szín a fenti tokenekből jön.
   ════════════════════════════════════════════════════════════════════ */
.lp{font-size:17px}
@media (min-width:761px){
.lp .lp-hero,.lp .lp-sec,.lp .lp-formband,.lp .lp-tyband,.lp .lp-foot{padding-left:max(40px,calc((100vw - 1180px) / 2));padding-right:max(40px,calc((100vw - 1180px) / 2))}
.lp .lp-info{margin-left:max(40px,calc((100vw - 1180px) / 2));margin-right:max(40px,calc((100vw - 1180px) / 2))}
}
.lp .lp-sec{padding-top:92px;padding-bottom:92px}
.lp .lp-faq{padding-top:56px}
/* 1. felső sáv */
.t-warm .lp-bar{font-size:14px;letter-spacing:.01em;border-bottom:1px solid color-mix(in srgb,var(--fotokeret) 40%,transparent)}
/* 2. hero */
.lp .lp-hero.band{grid-template-columns:54fr 46fr;gap:64px;padding-top:64px;padding-bottom:96px;align-items:center}
.t-warm .lp-hero{background:radial-gradient(50% 60% at 88% 35%,var(--hero-folt1) 0%,transparent 70%),radial-gradient(40% 45% at 4% 82%,var(--hero-folt2) 0%,transparent 70%),var(--bg)}
.t-warm .lp-eyebrow{color:var(--acc2)}
.t-warm .lp-dot{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 14%,transparent)}
.t-warm .lp-h1,.lp .lp-h1.hosszu{font-size:46px;line-height:1.14;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.t-warm .lp-h1 em{font-style:normal;font-weight:600;color:var(--hangsuly)}
.t-warm .lp-sub{font-size:18px;line-height:1.6;color:var(--mut)}
.t-warm .lp-tile{width:78px;padding:10px 4px 8px;border-radius:14px;box-shadow:0 1px 2px color-mix(in srgb,var(--arnyek) 8%,transparent)}
.t-warm .lp-tile b{font-size:26px;color:var(--acc2)}
.t-warm .lp-hero-media.photo .lp-photo{box-shadow:0 30px 60px -38px color-mix(in srgb,var(--arnyek) 45%,transparent)}
.t-warm .lp-tag{border:1px solid var(--line);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--arnyek) 35%,transparent)}
.t-warm .lp-tag .lp-dot{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 14%,transparent)}
.lp .lp-gyors{display:none}
/* 3. regisztrációs kártya és gombok */
.t-warm .lp-formcard{border-radius:20px;border:1px solid var(--line);box-shadow:0 18px 40px -30px color-mix(in srgb,var(--arnyek) 35%,transparent)}
.t-warm .lp-formcard-h{font-size:26px;color:var(--ink)}
.t-warm .lp-in{border-radius:11px;border-color:var(--mezo-keret)}
.lp input.lp-in:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}
.t-warm .lp-btn{background:var(--acc);border-radius:12px;box-shadow:0 10px 22px -14px color-mix(in srgb,var(--acc) 70%,transparent);transition:background-color .15s ease}
.t-warm .lp-btn:hover{background:var(--cta-hover)}
.t-warm .lp-btn:active{background:var(--cta-hover);transform:translateY(1px)}
/* 4. információs sáv */
.t-warm .lp-info{border-radius:20px;box-shadow:0 14px 34px -28px color-mix(in srgb,var(--arnyek) 40%,transparent)}
.t-warm .lp-ic{background-color:var(--peach2)}
/* 5. tanítási kártyák */
.t-warm .lp-h2{font-size:38px;line-height:1.16;color:var(--ink)}
.t-warm .lp-secret{border-radius:18px;box-shadow:0 10px 30px -26px color-mix(in srgb,var(--arnyek) 40%,transparent)}
.t-warm .lp-num{background:var(--peach2);color:var(--acc2)}
.lp .lp-secret p{font-size:16.5px}
/* 6. bemutatkozás */
.t-warm .lp-name b{font-style:normal;color:var(--acc2)}
.t-warm .lp-bio p.lp-key{font-style:normal;font-weight:500;font-size:18px;border-left:3px solid var(--acc);box-shadow:0 10px 28px -24px color-mix(in srgb,var(--arnyek) 40%,transparent)}
/* 7. kinek szól / kinek nem */
.t-warm .lp-fit-yes{background:var(--sage2);border:1px solid color-mix(in srgb,var(--acc) 10%,var(--line));border-radius:20px}
.t-warm .lp-fit-no{background:var(--bg3);border:1px solid color-mix(in srgb,var(--negativ-ikon) 15%,var(--line));border-radius:20px}
/* 8. vélemények: olvasható, normál betűs idézetek, nem kényszerített egyforma magasság */
.t-warm .lp-proof.mk{background:var(--velemeny-hatter)}
.lp .lp-quotes{align-items:start;gap:22px}
.t-warm .lp-quote{border-radius:18px;border:1px solid var(--line);box-shadow:0 8px 24px -22px color-mix(in srgb,var(--arnyek) 40%,transparent);padding:26px 26px 22px}
.lp .lp-quote::before{content:"\201E";display:block;height:30px;font:600 46px/1 var(--disp);color:var(--hangsuly)}
.t-warm .lp-quote p{font-family:var(--ui);font-style:normal;font-size:16.5px;line-height:1.65;color:var(--szoveg)}
.t-warm .lp-quote-by{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--mut)}
/* 9. GYIK – lenyíló (details/summary, JavaScript nélkül, billentyűzettel is működik) */
.lp details.lp-q{display:block;padding:0;border-bottom:1px solid var(--line)}
.lp details.lp-q summary{display:flex;align-items:center;gap:14px;min-height:56px;padding:16px 8px;cursor:pointer;list-style:none;font-weight:700;font-size:17px;color:var(--ink)}
.lp details.lp-q summary::-webkit-details-marker{display:none}
.lp details.lp-q summary:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:8px}
.lp details.lp-q summary:hover{color:var(--acc)}
.lp details.lp-q .lp-qplus{transition:transform .2s ease}
.lp details.lp-q[open] .lp-qplus{transform:rotate(45deg)}
.lp details.lp-q[open] summary{color:var(--acc2)}
.lp details.lp-q p{margin:0;padding:0 8px 20px 46px;font-size:16px;line-height:1.65;color:var(--mut)}
/* 10. záró CTA */
.lp .lp-last{padding-bottom:96px}
/* mobil */
@media (max-width:760px){
.lp .lp-h1,.lp .lp-h1.hosszu{font-size:31px;line-height:1.17}
.lp .lp-h2{font-size:28px}
.lp .lp-sec{padding:56px 20px}
.lp .lp-faq{padding-top:40px}
.lp .lp-sub{font-size:17px}
.lp .lp-hero.band.reg{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:28px 20px 52px}
.lp .lp-hero.band.reg .lp-hero-text{display:contents}
.lp .lp-hero.band.reg .lp-eyebrow{order:1;align-self:flex-start}
.lp .lp-hero.band.reg .lp-h1{order:2;margin:0}
.lp .lp-hero.band.reg .lp-sub{order:3}
.lp .lp-hero.band.reg .lp-gyors{order:4;display:flex}
.lp .lp-hero.band.reg .lp-hero-media{order:5;width:100%;max-width:300px;align-self:center;margin-top:8px}
.lp .lp-hero.band.reg .lp-count{order:6;margin:0}
.lp .lp-tile{width:auto}
.lp .lp-formband{padding:0 20px}
.lp .lp-quotes{gap:16px}
.lp details.lp-q p{padding-left:8px}
}
/* olvashatóság: törzsszöveg asztalin 17 px, mobilon legalább 16 px */
.lp .lp-bio p,.lp .lp-secret p,.lp .lp-lead,.lp .lp-ty-p,.lp .lp-tycard .lp-ty-p,.lp .lp-tycard .lp-live{font-size:17px;line-height:1.65}
.lp .lp-about-text .lp-bio p:first-child{font-size:19px}
.lp .lp-fit-cols li{font-size:16.5px;line-height:1.6}
.lp .lp-info-item span,.lp .lp-tycard .lp-ty-note,.lp .lp-ty-note{font-size:16px;line-height:1.55}
.lp .lp-info-item b{font-size:16.5px}
.lp .lp-tag{font-size:14px}
.lp .lp-jogi p,.lp .lp-jogi li{font-size:16.5px}
@media (max-width:760px){
.lp .lp-bio p,.lp .lp-secret p,.lp .lp-lead,.lp .lp-ty-p,.lp .lp-fit-cols li,.lp .lp-quote p,.lp details.lp-q p,.lp .lp-info-item span,.lp .lp-tycard .lp-ty-p,.lp .lp-tycard .lp-live,.lp .lp-ty-note{font-size:16px}
.lp .lp-about-text .lp-bio p:first-child{font-size:17.5px}
}
.lp .lp-check{font-size:14.5px;line-height:1.5}
.lp .lp-quote-by{font-size:14.5px}
.lp .lp-fine{font-size:13.5px}
/* élethelyzet-sor a főcím fölött: egységes, elegáns sor (nem színes címkék) */
.lp .lp-elet{margin:24px 0 -10px;font:700 13px/1.3 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--acc2)}
@media (max-width:760px){.lp .lp-elet{margin:20px 0 -12px;font-size:12px;letter-spacing:.18em}}
@media (max-width:760px){.lp .lp-hero.band.reg .lp-elet{order:1;margin:0 0 -10px}}
/* ── NYITÓSZEKCIÓ PORTRÉ: aszimmetrikusan lekerekített, álló 4:5 keret (boltív helyett) ── */
.t-warm .lp-hero-media.photo::after{display:none}
.lp .lp-hero.band .lp-hero-media.photo{width:100%;max-width:470px;justify-self:end;margin-bottom:18px}
.t-warm .lp-hero-media.photo .lp-photo{aspect-ratio:4/5;border-radius:12px 56px 12px 12px;background-position:center 28%;box-shadow:0 22px 44px -30px color-mix(in srgb,var(--arnyek) 38%,transparent)}
/* B változat: nagyon finom, 1 px-es arany körvonal */
.t-warm .lp-hero-media.photo.portre-b .lp-photo{box-shadow:0 0 0 1px var(--fotokeret),0 22px 44px -30px color-mix(in srgb,var(--arnyek) 38%,transparent)}
/* névjegykártya: kompakt, enyhén átfedi a fotó alját */
.t-warm .lp-hero-media.photo .lp-tag{left:20px;right:auto;bottom:-18px;max-width:calc(100% - 40px);padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px color-mix(in srgb,var(--arnyek) 30%,transparent);color:var(--mut);font-size:13.5px;line-height:1.35}
.t-warm .lp-hero-media.photo .lp-tag b{color:var(--acc2);font-size:14.5px}
@media (max-width:760px){
.lp .lp-hero.band.reg .lp-hero-media.photo{max-width:340px;margin-bottom:22px}
.t-warm .lp-hero-media.photo .lp-photo{border-radius:10px 40px 10px 10px}
.t-warm .lp-hero-media.photo .lp-tag{left:14px;max-width:calc(100% - 28px);bottom:-16px}
}

/* ════ VÉGSŐ FINOMHANGOLÁS (2026-10-09) ════ */
/* szekcióritmus: hűvös világos a kulcsoknál, meleg neutrális a bemutatkozásnál és a véleményeknél */
.t-warm .lp-secrets{background:#E9EEEF}
/* információs sáv: nagyobb, kontrasztosabb szöveg, hangsúlyosabb ikonok, pontos igazítás */
.t-warm .lp-info{border-color:color-mix(in srgb,var(--acc2) 14%,var(--line))}
.lp .lp-info-item{align-items:center;padding:24px 28px;gap:16px}
.lp i.lp-ic{width:52px;height:52px;background-size:28px 28px}
.t-warm .lp-ic{background-color:var(--peach);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc2) 10%,transparent)}
.t-warm .lp-info-item b{font-size:17px;color:var(--ink)}
.t-warm .lp-info-item span{font-size:16px;line-height:1.5;color:var(--szoveg)}
/* bemutatkozás: szélesebb (800 px) tartalmi blokk, egységes bekezdés-térköz, petrolkék kiemelt idézet */
.lp .lp-ptwrap{max-width:800px}
.lp .lp-pt{column-gap:36px}
.lp .lp-bio p{margin:0 0 16px}
.t-warm .lp-bio p.lp-key{margin:26px 0;padding:20px 24px;background:#fff;border-left:3px solid var(--acc2);border-radius:0 14px 14px 0;font-size:18px;line-height:1.55}
/* vélemények: hangsúlyos első mondat(ok), olvasható folyószöveg, egységes padding és szerzősor */
.t-warm .lp-quote{padding:28px}
.t-warm .lp-quote p{line-height:1.72}
.lp .lp-quote-lead{display:block;margin-bottom:10px;font-family:var(--disp);font-size:18.5px;line-height:1.45;font-weight:500;color:var(--ink)}
.t-warm .lp-quote-by{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
/* GYIK és záró CTA: a felesleges üres tér megszüntetése */
.lp .lp-faq{padding-bottom:8px}
.lp .lp-last{padding:56px 0 72px}
@media (max-width:760px){
.lp .lp-info-item{padding:18px 20px}
.lp i.lp-ic{width:46px;height:46px;background-size:24px 24px}
.lp .lp-pt{column-gap:18px}
.lp .lp-quote-lead{font-size:17px}
.t-warm .lp-quote{padding:22px}
.t-warm .lp-bio p.lp-key{padding:16px 18px;font-size:17px}
.lp .lp-faq{padding-bottom:4px}
.lp .lp-last{padding:40px 20px 48px}
}
.lp .lp-quote::before{content:none}
/* végleges portré: aszimmetrikus keret + nagyon finom, 1 px-es arany körvonal (a választott B változat) */
.t-warm .lp-hero-media.photo .lp-photo{box-shadow:0 0 0 1px var(--fotokeret),0 22px 44px -30px color-mix(in srgb,var(--arnyek) 38%,transparent)}
/* bemutatkozás – új szöveg tipográfiája */
.t-warm .lp-about-text .lp-bio p.lp-nyito{font-family:var(--disp);font-weight:600;font-size:18px;line-height:1.55;color:var(--ink)}
.lp .lp-pt-rest{margin-top:28px}
.lp .lp-pt-rest p{font-size:17px;line-height:1.7;margin:0 0 14px}
.t-warm .lp-pt-rest p.lp-key{margin:28px 0}
.t-warm .lp-pt-rest p.lp-hangsuly{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-weight:600;color:var(--ink)}
@media (max-width:760px){
.t-warm .lp-about-text .lp-bio p.lp-nyito{font-size:17px}
.lp .lp-pt-rest{margin-top:22px}
.lp .lp-pt-rest p{font-size:16px}
.t-warm .lp-pt-rest p.lp-key{margin:22px 0}
.t-warm .lp-pt-rest p.lp-hangsuly{margin-top:22px;padding-top:20px}
}
/* bemutatkozó portré: arányosan nagyobb */
.lp .lp-pt{grid-template-columns:240px 1fr}
@media (max-width:760px){.lp .lp-pt{grid-template-columns:112px 1fr}}
/* bemutatkozó portré: a mellette lévő szöveg (cím, név, nyitó bekezdés) teljes magasságáig ér */
.lp .lp-pt{align-items:stretch}
.lp .lp-pt-title,.lp .lp-pt-lead{align-self:start}
.lp .lp-pt-photo{align-self:stretch;display:flex}
.lp .lp-pt-photo .lp-photo{aspect-ratio:auto;height:100%;min-height:220px;background-position:center 25%}
.lp .lp-pt-lead .lp-bio p:last-child{margin-bottom:0}
@media (max-width:760px){.lp .lp-pt-photo .lp-photo{min-height:140px}}
/* „3 kulcs” kártyák: ikon nélkül, hangsúlyos cím + magyarázó szöveg */
.lp .lp-secrets .lp-secret{display:flex;flex-direction:column;padding:28px 28px 30px}
.lp .lp-secrets .lp-secret-top{margin-bottom:16px}
.t-warm .lp-secrets .lp-secret p.lp-card-t{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.35;color:var(--ink);margin:0 0 14px}
.t-warm .lp-secrets .lp-secret p:not(.lp-card-t){font-size:16.5px;line-height:1.65;color:var(--mut)}
@media (max-width:760px){
.lp .lp-secrets .lp-secret{padding:24px 22px 26px}
.t-warm .lp-secrets .lp-secret p.lp-card-t{font-size:19px}
.t-warm .lp-secrets .lp-secret p:not(.lp-card-t){font-size:16px}
}

/* ════ KONVERZIÓS MÓDOSÍTÁSOK (v3, 2026-10-10) ════ */
/* 2. összegző mondat a három kulcs alatt */
.lp .lp-osszegzo{max-width:720px;margin:36px auto 0;text-align:center;font-family:var(--disp);font-size:20px;line-height:1.5;font-weight:500;color:var(--ink)}
.lp .lp-secrets .lp-cta{margin-top:28px}
/* 1. rövid ügyfélidézet a kulcsok és a bemutatkozás között */
.lp .lp-idezet-sav{padding:56px max(40px,calc((100vw - 1180px) / 2));background:var(--bg)}
.lp .lp-idezet{max-width:680px;margin:0 auto;padding:0 0 0 24px;border-left:3px solid var(--acc2)}
.lp .lp-idezet blockquote{margin:0;font-family:var(--disp);font-size:21px;line-height:1.5;font-weight:500;color:var(--ink)}
.lp .lp-idezet figcaption{margin-top:12px;font-size:15px;color:var(--mut)}
.lp .lp-idezet figcaption b{color:var(--ink)}
/* 5. záró üzenet a GYIK után, az utolsó gomb fölött */
.lp .lp-zaro-sav{background:var(--bg2);margin-top:48px}
.lp .lp-zaro{max-width:720px;margin:0 auto;padding:64px 24px 0;text-align:center}
.lp .lp-zaro-cim{margin:0;font-family:var(--disp);font-size:34px;line-height:1.2;font-weight:600;color:var(--ink);text-wrap:balance}
.lp .lp-zaro-szoveg{margin:14px auto 0;max-width:600px;font-size:17px;line-height:1.65;color:var(--szoveg)}
.lp .lp-zaro-sav .lp-last{padding:28px 0 72px}
@media (max-width:760px){
.lp .lp-osszegzo{font-size:18px;margin-top:28px}
.lp .lp-idezet-sav{padding:40px 20px}
.lp .lp-idezet{padding-left:18px}
.lp .lp-idezet blockquote{font-size:18px}
.lp .lp-zaro-sav{margin-top:32px}
.lp .lp-zaro{padding:44px 20px 0}
.lp .lp-zaro-cim{font-size:26px}
.lp .lp-zaro-szoveg{font-size:16px}
.lp .lp-zaro-sav .lp-last{padding:24px 20px 48px}
}
/* az összegző mondat kikerült: a kulcsok alatti gomb az eredeti térközzel */
.lp .lp-secrets .lp-cta{margin-top:40px}

/* vélemények: két független oszlop (1–3 balra, 2–4 jobbra), hogy a kártyák egymás alá csússzanak; telefonon 1–2–3–4 sorrend */
.lp .lp-quotes.lp-q2col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.lp .lp-q2col .lp-qcol{display:flex;flex-direction:column;gap:22px;min-width:0}
@media (max-width:760px){
.lp .lp-quotes.lp-q2col{display:flex;flex-direction:column;gap:16px}
.lp .lp-q2col .lp-qcol{display:contents}
.lp .lp-q2col .lp-q1{order:1}.lp .lp-q2col .lp-q2{order:2}.lp .lp-q2col .lp-q3{order:3}.lp .lp-q2col .lp-q4{order:4}
}

/* „Erről fogsz hallani a webináron” alatt: a „3 kulcs…” egy fokkal kisebb alcím */
.lp .lp-h3-alcim{font-family:var(--disp);font-weight:600;font-size:27px;line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-align:center;text-wrap:balance;margin:14px 0 0}
@media (max-width:760px){.lp .lp-h3-alcim{font-size:21px;margin-top:10px}}

/* süti-ablak: középen felugró, elsötétített háttérrel, választásig nem görgethető */
html.suti-nyitva,html.suti-nyitva body{overflow:hidden}
.suti-hatter{position:fixed;inset:0;z-index:49;background:rgba(18,28,33,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.suti-hatter[hidden]{display:none}
.suti-sav.suti-modal{top:50%;bottom:auto;left:16px;right:16px;transform:translateY(-50%);max-width:500px;flex-direction:column;align-items:stretch;gap:14px;padding:28px 28px 24px;text-align:left;font-size:15px}
.suti-modal .suti-cim{margin:0;font:600 22px/1.25 var(--disp);color:var(--ink)}
.suti-modal .suti-gombok{gap:12px;margin-top:6px}
.suti-modal .suti-gombok .suti-gomb{flex:1;min-width:0}
@media (max-width:560px){.suti-sav.suti-modal{padding:22px 20px 20px;left:12px;right:12px}.suti-modal .suti-cim{font-size:20px}}
.suti-modal .suti-kis{font-size:13.5px;color:var(--mut);margin-top:-4px}
/* süti-ablak: elmosás nélkül, enyhe sötétítéssel, alul – a főcím és az ajánlat végig látszik */
.suti-hatter{background:rgba(18,28,33,.32);-webkit-backdrop-filter:none;backdrop-filter:none}
.suti-sav.suti-modal{top:auto;bottom:24px;transform:none;max-width:620px}
@media (max-width:560px){.suti-sav.suti-modal{bottom:12px}}
@media (max-width:560px){.suti-sav.suti-modal{font-size:13.5px;line-height:1.5;gap:10px;padding:18px 18px 16px}.suti-modal .suti-cim{font-size:18px}.suti-modal .suti-kis{font-size:12.5px}}
.suti-sav:focus{outline:none}

/* keskeny tájékoztató sütisáv (Pixel alapból bekapcsolva – a felhasználó kérésére) */
.suti-info{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;background:#1f2b30;color:#e9eef0;font:13px/1.5 var(--ui);box-shadow:0 -6px 20px -12px rgba(0,0,0,.4)}
.suti-info[hidden]{display:none}
.suti-info-szoveg{margin:0;max-width:980px}
.suti-info-szoveg a,.suti-info-link{color:#fff;text-decoration:underline;text-underline-offset:2px}
.suti-info-link{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.suti-info-gomb{flex:none;height:34px;padding:0 20px;border:0;border-radius:8px;background:#A99773;color:#1f2b30;font:700 13px/1 var(--ui);cursor:pointer}
.suti-info-gomb:hover{background:#c0ad86}
@media (max-width:640px){.suti-info{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px;font-size:12.5px}.suti-info-gomb{height:36px}}

/* sütitáblázat az adatkezelési oldalon */
.lp .lp-tabla{overflow-x:auto;margin:10px 0 18px}
.lp .lp-tabla table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.lp .lp-tabla th,.lp .lp-tabla td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.lp .lp-tabla th{background:#F2EFEA;color:var(--ink);font-weight:700}
.lp .lp-tabla td:first-child{white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:13.5px}

/* névtelen kérdés oldal (kerdes.html) */
.lp .kq-fej{text-align:center;max-width:820px;margin:0 auto;padding-bottom:20px}
@media (min-width:761px){.lp .lp-sec.kq-fej{padding-left:40px;padding-right:40px}}
.lp .kq-fej .lp-elet{justify-content:center}
.lp .kq-cim{margin:10px auto 0;max-width:720px}
.lp .kq-alcim{margin:18px auto 0;max-width:640px}
.lp .kq-nevtelen{margin:24px auto 0;max-width:640px;text-align:left;background:#fff;border:1px solid var(--line);border-left:3px solid #A99773;border-radius:12px;padding:16px 20px;font-size:15.5px;line-height:1.6;color:var(--szoveg)}
.lp .kq-nevtelen b{color:var(--ink)}
.lp .kq-urlap-wrap{max-width:720px;margin:0 auto;padding:0 20px 64px}
.lp .kq-urlap{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px 10px;box-shadow:0 10px 30px -24px rgba(0,0,0,.35)}
.lp .kq-vissza{text-align:center;margin:22px 0 0;font-size:15px}
.lp .kq-vissza a{color:var(--ink)}
@media (max-width:760px){.lp .kq-urlap-wrap{padding:0 14px 48px}.lp .kq-urlap{padding:14px 14px 4px}}
.lp .kq-gomb{display:inline-block;margin-top:4px;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:11px 18px;border-radius:10px}
.lp .kq-gomb:hover{background:var(--acc2)}
