/* home.css — főoldal */

/* közös szekció-fej */
.sec-head{align-items:end;row-gap:24px;margin-bottom:clamp(36px,4.4vw,72px)}
.sec-head__l{grid-column:1/8}
.sec-head__r{grid-column:8/13;max-width:46ch}
.sec-head .sec-title{max-width:14ch}
.mlabel--br::before{content:"[ "}.mlabel--br::after{content:" ]"}

/* ---------- 1. nyitókép ---------- */
/* F2 charfield: a szekció a görgetési hossz (230vh), benne a ragadós 100svh-s színpad; reduced/mozgás ki: sima 100svh */
.hero{position:relative;height:160vh;padding:0}
.hero__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:520px;overflow:hidden;display:flex;flex-direction:column;padding-top:calc(var(--header-h) + clamp(12px,4svh,40px))}
.hero__stage>canvas{z-index:0}
.hero__shade{z-index:1}.hero__in,.hero__foot,.hero .sec__meta{position:relative;z-index:2}
.hero .sec__meta{position:absolute}
@media (max-width:899px){.hero{height:150vh}}
@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero__stage{position:relative;height:auto;min-height:100svh}}
html.motion-off .hero{height:auto}html.motion-off .hero__stage{position:relative;height:auto;min-height:100svh}
.hero__field{position:absolute;inset:0;z-index:-3;overflow:hidden}
.hero__field canvas{position:absolute;inset:0;width:100%;height:100%}
.hero__poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;animation:posterIn 1.2s var(--ease-jel) both}
@keyframes posterIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,16,51,.88) 0,rgba(11,16,51,0) 170px),
  linear-gradient(90deg,rgba(11,16,51,.7) 0,rgba(11,16,51,.35) 48%,transparent 72%),radial-gradient(120% 90% at 0% 100%,rgba(11,16,51,.96) 0%,rgba(11,16,51,.82) 38%,rgba(11,16,51,.2) 70%,transparent 85%),
  linear-gradient(0deg,rgba(11,16,51,.9) 0%,transparent 40%)}
.hero__in{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto auto auto;column-gap:clamp(24px,4vw,80px);padding-bottom:clamp(20px,4svh,56px)}
.hero__eyebrow{color:var(--c-lime);margin-bottom:clamp(12px,2.4svh,28px);grid-column:1/-1;grid-row:2;justify-self:start}
.hero__h1{grid-column:1/-1;grid-row:3}
.hero__copy{grid-column:1;grid-row:4}
.arrival{grid-column:2;grid-row:4;align-self:end}
/* széles asztalon a kártya + cédulák a H1 mellé, a nyitókép függőleges közepére kerülnek (Áron 10-05) */
@media (min-width:1200px){
  .hero__eyebrow{grid-column:1}
  .hero .hero__h1{grid-column:1}
  .arrival{grid-row:1/5;align-self:center;margin-top:calc(var(--header-h) * -.5)}
}
/* Viewport-fit: a H1 a szélességhez ÉS a magassághoz is méreteződik. Asztalon két sor (mondatonként egy),
   a sor-illesztés (÷15,2 em) a leghosszabb mondat szélességéből jön; rövid képernyőn a svh-tag dönt. */
.hero__h1{max-width:15ch;margin-bottom:clamp(18px,3.6svh,44px);font-size:min(clamp(2.1rem,.5rem + 6.1vw,7rem),12svh)}
.hero__br{display:none}
@media (min-width:900px){
  .hero__h1{max-width:none;font-size:min(clamp(2.6rem,.9rem + 6vw,7.4rem),12.5svh,calc((min(100vw,var(--maxw)) - 2 * var(--gutter)) / 15.2))}
  .hero__br{display:inline}
}
@media (min-width:1200px){
  .hero__h1{font-size:min(clamp(2.6rem,.9rem + 6vw,7.4rem),12.5svh,calc((min(100vw,var(--maxw)) - 2 * var(--gutter) - 340px - clamp(24px,4vw,80px)) / 15.2))}
}
.hero__h1 .hl{--hl-h:.075em}
.hero__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px clamp(32px,6vw,120px);align-items:end}
.hero__copy{max-width:640px}
.hero__lead{margin-bottom:clamp(14px,2.6svh,26px);color:var(--c-fog);max-width:50ch}
.hero__foot{display:flex;align-items:center;gap:14px;padding-bottom:clamp(16px,5svh,52px);color:var(--c-text-2-dark)}
/* rövid asztali képernyő (valós böngészőablak: 1280-1536 × 650-760): tömörebb lead, a görgetés-jelző kimarad */
@media (min-width:900px) and (max-height:760px){
  .hero__lead{font-size:clamp(1.0625rem,.9rem + .3vw,1.2rem);max-width:58ch}
  .hero__foot{display:none}
  .hero .cta .btn{--btn-h:52px}
}
@media (min-width:900px) and (max-height:680px){
  .hero__eyebrow{margin-bottom:10px}
  .hero__lead{line-height:1.4}
  .cta__micro{margin-top:10px}
}
.hero__scroll{position:relative;width:64px;height:1px;background:rgba(169,176,214,.25);overflow:hidden}
.hero__scroll span{position:absolute;inset:0;background:var(--c-lime);transform:translateX(-100%);animation:scrollHint 2.4s var(--ease-huzat) 1.6s infinite}
@keyframes scrollHint{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.hero .sec__meta{top:calc(var(--header-h) + 8px)}

/* V01: meeting-kártya + cédulák */
.arrival{position:relative;width:min(340px,80vw);height:240px;margin-bottom:6px}
.mcard{position:absolute;right:0;bottom:0;width:290px;background:var(--c-fog);color:var(--c-ink);border-radius:var(--radius-lg);padding:18px 20px 20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.4) inset;z-index:2;
  --bg:var(--c-fog);--fg:var(--c-ink);--fg-2:var(--c-text-2-light);--card-line:var(--c-line)}
.mcard__top{display:flex;justify-content:space-between;align-items:center;color:var(--c-text-2-light);margin-bottom:16px}
.mcard__top .tag{padding:5px 7px}
.mcard__day{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.mcard__day b{color:var(--c-cobalt);font-weight:800}
.mcard__meta{color:var(--c-text-2-light);font-size:.95rem;margin-top:4px}
.mcard__bar{height:6px;border-radius:3px;background:var(--c-fog-2);margin-top:18px;overflow:hidden}
.mcard__bar span{display:block;height:100%;width:100%;background:var(--c-cobalt);transform-origin:0 50%;animation:barFill 1.2s var(--ease-jel) 1.9s both}
@keyframes barFill{from{transform:scaleX(0)}to{transform:none}}
.mcard__check{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;background:var(--c-lime);color:var(--c-ink);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(198,255,58,.16);animation:checkPop .5s var(--ease-kattanas) 2.6s both}
.mcard__check svg{width:22px;height:22px}
@keyframes checkPop{from{transform:scale(0)}to{transform:none}}
.arrival__slip{position:absolute;right:30px;bottom:60px;z-index:1;padding:9px 12px 9px 14px;background:#E8EAF4;color:var(--c-ink);border-radius:4px;font-size:.68rem;box-shadow:0 10px 24px -14px rgba(0,0,0,.7);transform-origin:100% 100%;
  animation:fan 1.6s var(--ease-jel) calc(.95s + var(--i) * 70ms) both}
.arrival__slip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:4px 0 0 4px;background:var(--c-cobalt)}
.arrival__slip:nth-child(1){--ox:-150px;--oy:-150px;--or:-9deg}
.arrival__slip:nth-child(2){--ox:-210px;--oy:-92px;--or:-4deg}
.arrival__slip:nth-child(3){--ox:-190px;--oy:-30px;--or:3deg}
@keyframes fan{
  0%{opacity:0;transform:translate(0,0) rotate(0)}
  12%{opacity:1}
  45%,62%{opacity:1;transform:translate(var(--ox),var(--oy)) rotate(var(--or))}
  100%{opacity:1;transform:translate(calc(var(--ox) * .42),calc(var(--oy) * .42)) rotate(calc(var(--or) * .6))}
}
.arrival__slip::after{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:0 0 0 1.5px var(--c-lime),0 0 18px rgba(198,255,58,.55);opacity:0;animation:slipGlow 1.6s linear calc(1.25s + var(--i) * 120ms) both}
@keyframes slipGlow{0%,100%{opacity:0}30%{opacity:1}60%{opacity:0}}

/* ---------- 2. definíció (answer-first) ---------- */
.define{padding-block:clamp(72px,8vw,128px)}
.define__h2{grid-column:1/-1;display:flex;align-items:center;gap:14px;font-size:var(--fs-h3);font-weight:720;letter-spacing:-.02em;margin-bottom:clamp(22px,2.6vw,36px)}
.signal-dot{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--c-cobalt);box-shadow:0 0 0 6px rgba(47,75,255,.12)}
/* P1: nagy, de olvasható lead (≈ 1,25–1,6 rem, max ~62 karakteres sor); a kulcsszavak kobalt sávval söpörnek be */
.define__p{grid-column:1/10;max-width:62ch;font-size:clamp(1.25rem,1.06rem + .6vw,1.6rem);line-height:1.5;letter-spacing:-.014em;font-weight:480;text-wrap:pretty;color:var(--c-text-2-light)}
.define__p .kw{font-weight:720;color:var(--c-ink);background:linear-gradient(transparent 60%,rgba(47,75,255,.18) 60%,rgba(47,75,255,.18) 94%,transparent 94%) no-repeat 0 0/0% 100%;transition:background-size .9s var(--ease-jel);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.define.is-in .define__p .kw,html.motion-off .define__p .kw{background-size:100% 100%}
.define.is-in .define__p .kw:nth-of-type(2){transition-delay:.3s}.define.is-in .define__p .kw:nth-of-type(3){transition-delay:.6s}.define.is-in .define__p .kw:nth-of-type(4){transition-delay:.9s}
/* tény-cédulák: fehér kártya, kobalt fejcsík (belépéskor kifut), óriás körvonalas sorszám */
@media (max-width:899px){.define__p{grid-column:1/-1}}

/* ---------- 3. célzás (illeszkedés-pontmező + kivágott tipográfia; POZICIONÁLÁS 2026-10-05) ---------- */
.aim{padding-bottom:0}
.aim__text{grid-column:1/7}
.aim__text .sec-title{max-width:11ch;margin-bottom:clamp(28px,3vw,44px)}
.aim__body{font-size:var(--fs-body)}
.aim__fig{grid-column:8/13;align-self:start}
.field955{position:relative;aspect-ratio:1;width:100%;max-width:520px;margin-left:auto}
.field955 canvas{position:absolute;inset:0;width:100%;height:100%}
.field955__static{width:100%;height:100%}
.field955[data-module-state=ready] .field955__static{opacity:0}
.aim__key{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px 40px;margin-top:clamp(44px,5.5vw,84px);padding-top:28px;border-top:1px solid var(--line)}
.kiemeles{font-size:var(--fs-big);font-weight:700;letter-spacing:-.025em;line-height:1.2;max-width:28ch}
.kiemeles::before{content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;background:var(--c-lime);margin-right:.5em;vertical-align:.08em;box-shadow:0 0 0 .25em rgba(198,255,58,.14)}
.cutout{position:relative;margin-top:clamp(28px,3.6vw,60px);padding:.3em var(--gutter) clamp(52px,6.4vw,104px);overflow:hidden;font-size:min(15.4vw,250px)}
.cutout .cutout__line{font-size:1em}
.cutout__line{font-weight:800;font-size:min(15.4vw,250px);line-height:.8;letter-spacing:-.06em;white-space:nowrap;max-width:var(--maxw);margin-inline:auto;font-variation-settings:"wght" 800}
.cutout__a{color:var(--c-fog)}
.cutout__b{position:relative;margin-top:.04em}
.cutout__txt{display:inline-block;padding-top:.28em;margin-top:-.28em;background:url(/assets/img/cutout-fill.svg) 0 50%/auto 130% repeat-x,var(--c-cobalt);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.cutout__b canvas{position:absolute;left:0;top:0;pointer-events:none}
.cutout__b.is-live .cutout__txt{opacity:0}
@supports (animation-timeline:view()){
  .cutout__a{animation:quiet linear both;animation-timeline:view();animation-range:cover 30% cover 60%}
  @keyframes quiet{to{color:var(--c-ink-3);opacity:.55}}
}
@media (max-width:899px){
  .aim__text,.aim__fig{grid-column:1/-1}
  .aim__fig{position:static;margin-top:48px}
  .cutout__line{font-size:15.6vw}
}

/* ---------- 4. mit kapsz ---------- */
/* P1 bátor pillanat: kézből kézbe futó jel (01 → kapu → 03) + óriás körvonalas sorszámok */

/* ---------- 5. időzítés (kobalt) ---------- */
@keyframes caret{50%{opacity:0}}

/* ---------- 6. szemléltető példa ---------- */
.brief{display:grid;grid-template-columns:auto 1fr;gap:14px 28px;margin:0 0 clamp(40px,5vw,64px);padding:22px 0;border-block:1px solid var(--c-line);align-items:baseline}
.brief>div{display:contents}
.brief dt{color:var(--c-text-2-light)}
.brief dd{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{display:inline-flex;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--c-line);font-size:.92rem;font-weight:600}
.receipts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);align-items:start;padding:10px 0 20px}
.receipt{padding-bottom:78px}
.receipt h3{font-size:1.15rem;letter-spacing:-.015em;display:flex;flex-direction:column;gap:4px}
.receipt q{display:block;margin:6px 0 4px;padding-left:12px;border-left:3px solid var(--c-cobalt);font-size:1.02rem;font-weight:620;line-height:1.45;color:var(--c-ink);letter-spacing:-.005em}
.receipt--out q{border-left-color:var(--c-ink-3);color:#4A5070}
.receipt__checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px dashed rgba(11,16,51,.18)}
.ck{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:999px;border:1px solid var(--c-line);font-family:var(--f-mono);font-size:.64rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-2-light);background:#fff}
.ck::before{content:"";width:14px;height:14px;border-radius:50%;flex:0 0 auto;background:var(--c-fog-2) center/9px 9px no-repeat}
.ck--ok{border-color:rgba(47,75,255,.45);color:var(--c-cobalt);background:rgba(47,75,255,.06)}
.ck--ok::before{background-color:var(--c-cobalt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2 2 4-4.4' fill='none' stroke='%23F4F5FA' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ck--no{color:var(--c-ink);border-color:var(--c-ink-3)}
.ck--no::before{background-color:var(--c-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 3l4 4M7 3l-4 4' fill='none' stroke='%23F4F5FA' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.ck--na{opacity:.55;border-style:dashed}
.receipt__no{color:var(--c-text-2-light);font-size:.66rem}
.receipt--in{transform:rotate(-.6deg)}
.receipt--out{transform:rotate(.8deg);background:#F9F9FC}
.receipt--out .slip__head h3,.receipt--out .receipt__lines{color:#5A6080}
.receipt__lines{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:.95rem;line-height:1.5}
.receipt__k{display:block;font-size:.8rem;font-weight:700;color:var(--c-text-2-light);margin-bottom:2px}
.receipt__arrow{color:var(--c-cobalt);font-weight:700}
.receipt--out .receipt__arrow{color:var(--c-ink-3)}
.receipt .quote{quotes:"„" "”"}
.receipt__verdict{flex:0 0 auto}
.receipt--out .receipt__verdict{background:var(--c-fog-2);color:var(--c-ink-3);border-color:transparent}
.receipt__stamp{position:absolute;right:18px;bottom:16px;padding:8px 12px;border:2.5px solid currentColor;border-radius:5px;transform:rotate(-8deg);color:var(--c-cobalt);font-weight:600;font-size:.82rem;letter-spacing:.1em;opacity:.92;mix-blend-mode:multiply}
.receipt--out .receipt__stamp{color:var(--c-ink-3)}
.tbl--two{min-width:640px}
.tbl--two td{font-size:1.05rem;line-height:1.6;color:var(--c-ink);width:50%}
mark.fix{background:rgba(110,116,148,.16);color:inherit;text-decoration:underline wavy rgba(110,116,148,.8);text-underline-offset:4px;padding:0 2px}
mark.good{background:rgba(47,75,255,.12);color:inherit;padding:0 2px;border-radius:2px}
@media (max-width:899px){.receipts{grid-template-columns:1fr}.brief{grid-template-columns:1fr}.brief dt{margin-top:6px}}

/* ---------- 7. a hét lépés (statikus tartalék a signalpath-hoz) ---------- */
.stations-sec .sec-head{margin-bottom:clamp(40px,5vw,72px)}
.signalpath{position:relative}
.track{list-style:none;margin:0;padding:120px 0 24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}
.track::before{content:"";position:absolute;left:0;right:0;top:40px;height:64px;
  background:radial-gradient(circle,rgba(47,75,255,.95) 1.3px,transparent 1.8px) 0 0/11px 11px;
  -webkit-mask:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.15) 70%,transparent 92%);mask:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.15) 70%,transparent 92%)}
.track::after{content:"";position:absolute;left:4%;right:4%;top:139px;height:1px;background:linear-gradient(90deg,rgba(47,75,255,.9),rgba(169,176,214,.35) 70%,var(--c-lime))}
.track__st{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 4px}
.track__st .mono{color:var(--c-text-2-dark);position:absolute;top:-40px}
.track__dot{position:relative;width:13px;height:13px;border-radius:50%;background:var(--c-ink);border:1.5px solid rgba(169,176,214,.6);margin-top:12px;z-index:1}
.track__name{font-size:.95rem;font-weight:650;line-height:1.25;max-width:12ch}
.track__st--end .track__dot{width:22px;height:22px;margin-top:8px;background:var(--c-lime);border:0;box-shadow:0 0 0 8px rgba(198,255,58,.15),0 0 30px rgba(198,255,58,.5)}
.track__st--end .track__name{color:var(--c-lime)}
.stations__cta{margin-top:clamp(40px,5vw,64px)}
@media (max-width:899px){
  .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:110px var(--gutter) 24px;margin-inline:calc(-1 * var(--gutter));scrollbar-width:none}
  .track::-webkit-scrollbar{display:none}
  .track__st{flex:0 0 38%;scroll-snap-align:center}
  .track::after{left:0;right:0}
}

/* ---------- 8. emberi kapuk ---------- */
.gatelist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--col-gap)}
.gate{min-height:190px;padding-top:26px}
.gate__no{display:inline-block;color:var(--c-cobalt);margin-bottom:24px}
.gate__no::before{content:"[ "}.gate__no::after{content:" ]"}
.gate h3{margin-bottom:12px;font-size:clamp(1.3rem,1.1rem + .7vw,1.75rem)}
.gate__status{position:absolute;top:24px;right:24px;display:grid}
.gate__status .tag{grid-area:1/1;transition:opacity .3s,transform .4s var(--ease-kattanas)}
.gate__ok{opacity:0;transform:scale(1.2)}
.sec.is-in .gate__wait{opacity:0;transition-delay:1.6s}
.sec.is-in .gate__ok{opacity:1;transform:none;transition-delay:1.6s}
.gates__link{grid-column:9/13;justify-self:end}
@media (max-width:760px){.gatelist{grid-template-columns:1fr}.gates__link{justify-self:start}}

/* ---------- 9. mi számít megbeszélésnek (kobalt) ---------- */
.meeting .sec-title{max-width:13ch;margin-bottom:clamp(36px,4.4vw,64px)}
.meeting__grid{align-items:start;row-gap:48px}
.meeting__def{grid-column:1/7;display:grid;gap:40px}
/* P1: pakli fent (élő módban), alatta két tálca: SZÁMÍT (bal) / NEM SZÁMÍT (jobb). Végállapot = statikus elrendezés. */
.meeting__link{grid-column:9/13;justify-self:end}
.meeting .tlink{color:var(--c-fog)}
@media (max-width:899px){.meeting__link{justify-self:start}}

/* ---------- 10. megéri ---------- */
/* P1 műszer-pillanat: a kártya alól kinyomtatódik az összegző cédula (MOTION 4.7) */

/* ---------- 11. kinek szól ---------- */
.fit__col h3{margin-bottom:22px}
/* P1: az „illünk” oszlop teli kobalt blokk, a „nem illünk” tételeit belépéskor egy vonal áthúzza */
.fit__col--yes{background:var(--c-cobalt);color:var(--c-fog);border-color:var(--c-cobalt);--fg:var(--c-fog);--fg-2:#DDE2FF;--signal:var(--c-lime);box-shadow:0 40px 70px -40px rgba(47,75,255,.7)}
.fit__col--yes h3{color:var(--c-fog)}
.fit__foot{margin-top:clamp(40px,5vw,64px);row-gap:32px;align-items:start}
.fit__after{grid-column:1/7}
.fit__cta{grid-column:8/13}
.fit__cta .tlink{margin-top:16px}

/* ---------- 12. együttműködés ---------- */

/* ---------- 13. kik állnak mögötte ---------- */

/* ---------- 14. GYIK ---------- */
.faqsec__head{grid-column:1/6;align-self:start;position:sticky;top:calc(var(--header-h) + 28px)}
.faqsec__h2{font-size:clamp(1.9rem,1.2rem + 2.3vw,3.6rem);max-width:11ch;margin-bottom:24px}
.faqsec__list{grid-column:6/13}
@media (max-width:899px){.faqsec__head,.faqsec__list{grid-column:1/-1}.faqsec__head{position:static}.faqsec__list{margin-top:24px}}

/* ---------- 15. záró jelentkezés ---------- */
.close{padding-bottom:clamp(80px,9vw,150px)}
.close__text{grid-column:1/8}
.close__title{font-size:clamp(2.6rem,1.4rem + 5vw,6.4rem);max-width:12ch;margin-bottom:32px}
.close__lead{margin-bottom:36px;color:var(--c-text-2-dark)}
.close__side{grid-column:9/13;align-self:end;display:grid;gap:40px}
.steps{list-style:none;padding:0;margin:0;display:grid;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:44px 28px 1fr;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.step__ico svg{width:30px;height:30px;color:var(--c-fog)}
.step__n{color:var(--c-lime)}
.step p{font-weight:600}
.nextcall{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--c-text-2-dark)}
.nextcall__card{width:92px;padding:10px;border-radius:6px;background:var(--c-fog);color:var(--c-ink);display:grid;gap:5px;animation:slideCard 3.2s var(--ease-huzat) infinite}
.nextcall__card .mono{font-size:.56rem;color:var(--c-text-2-light)}
.nextcall__card i{display:block;height:3px;border-radius:2px;background:var(--c-line)}
.nextcall__card i:nth-of-type(2){width:70%}
.nextcall__path{width:100%;height:40px;color:rgba(169,176,214,.5)}
.nextcall__path path{animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-20}}
.nextcall__tray{padding:12px 14px;border:1.5px dashed rgba(169,176,214,.5);border-radius:8px;color:var(--c-lime)}
@keyframes slideCard{0%,15%{transform:none}45%,70%{transform:translateX(12px) rotate(-2deg)}100%{transform:none}}
@media (max-width:899px){.close__text,.close__side{grid-column:1/-1}.close__side{margin-top:48px}}

/* ---------- mobil ---------- */
@media (max-width:899px){
  /* mobilon a nyitókép lehet hosszabb egy képernyőnél: nincs ragadós, levágó színpad, a tartalom felülről indul */
  .hero{height:auto}
  .hero__stage{position:relative;height:auto;min-height:100svh;min-height:520px}
  .hero__stage{min-height:100svh;padding-top:calc(var(--header-h) + 20px)}
  .hero__foot{display:none}
  /* tablet: a naptár-kártya kicsinyítve a szöveg mellett marad (nem tolja le a gombokat) */
  .hero__in{column-gap:20px}
  .arrival{width:340px;height:240px;transform:scale(.72);transform-origin:100% 100%;margin:-67px 0 0 -95px}
  .sec-head__l,.sec-head__r,.gates__link,.meeting__def,.meeting__link,.fit__after,.fit__cta{grid-column:1/-1}
}
@media (max-width:599px){.arrival{display:none}.hero__in{grid-template-columns:minmax(0,1fr)}}

/* ---------- reduced motion / mozgás ki ---------- */
@media (prefers-reduced-motion:reduce){
  .hero__poster,.arrival__slip,.arrival__slip::after,.mcard__bar span,.mcard__check,.hero__scroll span,.nextcall__card,.nextcall__path path{animation:none!important}
  .arrival__slip{transform:translate(calc(var(--ox) * .42),calc(var(--oy) * .42)) rotate(calc(var(--or) * .6))}
  .gate__status .tag{transition:none}
}
html.motion-off .arrival__slip,html.motion-off .mcard__bar span,html.motion-off .mcard__check,html.motion-off .nextcall__card,html.motion-off .nextcall__path path{animation:none!important}

/* signalpath statikus meeting-kártya + jel-pont célállapot */
.track__meet{position:relative;max-width:320px;margin:28px 0 0 auto;background:var(--c-ink-2);color:var(--c-fog);border-radius:14px;padding:18px;border:1px solid rgba(244,245,250,.18)}
.track__meet .m-tag{position:absolute;top:14px;right:14px;font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-2-dark);border:1px solid rgba(244,245,250,.25);padding:4px 6px}
.track__meet .m-eyebrow{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-2-dark);margin:0 0 14px}
.track__meet .m-time{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.6rem;letter-spacing:-.02em;margin:0 0 6px}
.track__meet .m-time::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-lime);box-shadow:0 0 0 5px rgba(198,255,58,.18)}
.track__meet .m-meta{margin:0;color:var(--c-text-2-dark)}
.signal-dot{transition:transform .5s var(--ease-kattanas),box-shadow .5s}
.signal-dot.is-lit{transform:scale(1.25);box-shadow:0 0 0 8px rgba(47,75,255,.16),0 0 0 16px rgba(47,75,255,.06)}

/* P1: új mozgások reduced / mozgás-ki módban: azonnali végállapot */
@media (prefers-reduced-motion:reduce){
  .define__p .kw{transition:none!important}
  .define__p .kw{background-size:100% 100%}
}
/* P1: ha minden kártya a helyén van, a pakli helye összecsukódik (nem marad üres doboz) */

/* ---------- V01 interaktív érkezés (arrival.js; csökkentett mozgásnál nincs init -> statikus) ---------- */
.arrival{--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;perspective:900px}
.arr-live .mcard{transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease-jel),box-shadow .5s var(--ease-jel);animation:arrFloat 6.5s ease-in-out infinite;cursor:default}
.arr-paused .mcard{animation-play-state:paused}
@keyframes arrFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
.arr-live .mcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(260px circle at var(--gx) var(--gy),rgba(255,255,255,.9),rgba(255,255,255,0) 62%);mix-blend-mode:soft-light;opacity:0;transition:opacity .45s var(--ease-jel)}
.arrival.is-hot .mcard::after{opacity:1}
.arrival.is-hot .mcard{box-shadow:0 44px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(198,255,58,.55)}
.arr-settled .arrival__slip{animation:none;transform:translate(calc(var(--ox) * .42),calc(var(--oy) * .42)) rotate(calc(var(--or) * .6));transition:transform .75s var(--ease-kattanas) calc(var(--i) * 55ms),box-shadow .4s}
.arr-settled.is-hot .arrival__slip{transform:translate(calc(var(--ox) * 1.04),calc(var(--oy) * 1.04)) rotate(var(--or));box-shadow:0 16px 30px -16px rgba(0,0,0,.8)}
.arr-ck{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:8px;vertical-align:-2px;border-radius:50%;border:1.5px solid rgba(11,16,51,.3);color:var(--c-ink);transition:background .3s,border-color .3s;font-style:normal}
.arr-ck svg{width:9px;height:9px;opacity:0;transform:scale(.3);transition:opacity .2s,transform .4s var(--ease-kattanas)}
.is-hot .arr-ck{background:var(--c-lime);border-color:var(--c-ink);transition-delay:calc(.3s + var(--i) * .16s)}
.is-hot .arr-ck svg{opacity:1;transform:none;transition-delay:calc(.3s + var(--i) * .16s)}
.mcard__day b{border-radius:4px;transition:background .35s,color .35s,box-shadow .35s}
.arrival.is-hot .mcard__day b{background:var(--c-lime);color:var(--c-ink);box-shadow:0 0 0 4px var(--c-lime);transition-delay:1s}
/* a statikus poszter (benne a rajzolt jel-címkével) a működő karakterrács alatt nem dereng át: dupla rács / szellem-címke ellen */
.hero__poster{transition:filter .72s var(--ease-jel)}
.hero__stage:has(>.cf-canvas.is-on) .hero__poster{filter:opacity(0)}
/* szétnyílt állapot: a négy cédula külön sávban, nem takarják egymást */
.arrival__slip:nth-child(1){--hx:-160px;--hy:-215px;--hr:-8deg}
.arrival__slip:nth-child(2){--hx:-215px;--hy:-165px;--hr:-5deg}
.arrival__slip:nth-child(3){--hx:-250px;--hy:-115px;--hr:-2deg}
.arr-settled .arrival__slip{transform:translate(calc(var(--ox) * .56),calc(var(--oy) * .56)) rotate(calc(var(--or) * .7))}
.arr-settled.is-hot .arrival__slip{transform:translate(var(--hx),var(--hy)) rotate(var(--hr))}

/* =========================================================================================
   v2 + ABSZTRAKCIÓ (2026-10-05): 11 szekciós főoldal, új/átrendezett elemek (A-agens)
   ========================================================================================= */
/* 2. definíció + három szerep (a régi „Mit kapsz” kártyái ide költöztek) */
/* 3. jelek: hat apró jel-kártya, csak címszó (sötét alapon) */
.aim__key{grid-column:1/-1}
/* 5. kapuk: csak címszó-kártyák */
.gatelist--short{grid-template-columns:repeat(4,minmax(0,1fr))}
.gatelist--short .gate{min-height:200px;display:flex;flex-direction:column}
.gatelist--short .gate h3{margin-top:auto;margin-bottom:0;font-size:clamp(1.15rem,1rem + .5vw,1.45rem)}
.gatelist--short .gate__status{top:22px;right:18px}
.gatelist--short .gate--approve{border-color:var(--c-cobalt);box-shadow:0 0 0 1px var(--c-cobalt) inset}
.gates__link--solo{margin-top:clamp(28px,3vw,44px)}
@media (max-width:1100px){.gatelist--short{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gatelist--short{grid-template-columns:1fr}.gatelist--short .gate{min-height:0;gap:18px}}
/* 6. megbeszélés: nyomtatott bizonylat a négy feltétellel (receipts modul) */
.meeting__grid{align-items:center}
.meeting__def{gap:28px;grid-template-columns:minmax(0,1fr)}
.meeting__def .meeting__link{grid-column:auto;justify-self:start}
.mdef-wrap{grid-column:8/13;display:block;padding:10px 0}
.mdef{transform:rotate(-1deg);padding-bottom:76px}
.mdef h3{font-size:1.2rem;letter-spacing:-.015em;display:flex;flex-direction:column;gap:4px}
.mdef__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mdef__list li{position:relative;padding-left:32px;font-weight:600;font-size:1rem}
.mdef__list li::before{content:"";position:absolute;left:0;top:.05em;width:20px;height:20px;border-radius:50%;background:var(--c-cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23F4F5FA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.mdef .receipt__stamp{color:var(--c-cobalt)}
.meeting .receipt__verdict{background:var(--c-lime);color:var(--c-ink)}
@media (max-width:899px){.mdef-wrap{grid-column:1/-1;margin-top:8px}}
/* 8. kinek szól: egy pozitív oszlop + V11 illeszkedés-vizuál */
.fit .sec-title{max-width:14ch;margin-bottom:clamp(28px,3.4vw,48px)}
.fit__grid{align-items:center;row-gap:32px}
.fit__grid .fit__col--yes{grid-column:1/7}
.fit__grid .fit__col--yes .ticks{gap:16px;font-size:clamp(1.05rem,.95rem + .35vw,1.25rem)}
.fitv{grid-column:8/13;position:relative;height:230px;display:flex;align-items:flex-end;justify-content:center;gap:10px;border-bottom:2px solid var(--c-ink)}
.fitv__slip{position:relative;flex:0 1 auto;padding:10px 12px;border-radius:4px;background:#fff;border:1px solid var(--c-line);font:500 .74rem/1.2 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--c-ink);white-space:nowrap;transform:translateY(-70px) rotate(calc(-6deg + var(--i) * 6deg));opacity:0;transition:transform .8s var(--ease-kattanas) calc(.15s + var(--i) * .16s),opacity .4s calc(.15s + var(--i) * .16s)}
.fitv__slip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:4px 0 0 4px;background:var(--c-cobalt)}
.fitv__card{position:absolute;left:50%;bottom:44px;width:200px;margin-left:-100px;display:grid;gap:4px;padding:14px 16px;border-radius:10px;background:var(--c-cobalt);color:var(--c-fog);box-shadow:0 26px 44px -22px rgba(47,75,255,.8);transform:translateY(-120px);opacity:0;transition:transform .9s var(--ease-kattanas) .85s,opacity .4s .85s}
.fitv__card .mono{color:#DDE2FF;font-size:.62rem}
.fitv__card b{font-size:1.15rem;letter-spacing:-.02em}
.fitv__card::after{content:"";position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--c-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%230B1033' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;transform:scale(0);transition:transform .45s var(--ease-kattanas) 1.5s}
.fit.is-in .fitv__slip,html:not(.js) .fitv__slip{transform:none;opacity:1}
.fit.is-in .fitv__card,html:not(.js) .fitv__card{transform:none;opacity:1;animation:fitFloat 6s ease-in-out 2s infinite}
.fit.is-in .fitv__card::after,html:not(.js) .fitv__card::after{transform:scale(1)}
@keyframes fitFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (hover:hover){.fitv:hover .fitv__card{translate:0 -10px;transition:translate .4s var(--ease-jel)}.fitv:hover .fitv__slip{transform:translateY(-3px)}}
.fit__foot .fit__after{grid-column:1/7}
@media (max-width:899px){.fit__grid .fit__col--yes,.fitv{grid-column:1/-1}.fitv{height:190px}}
@media (max-width:420px){.fitv{gap:6px}.fitv__slip{font-size:.6rem;padding:8px}}
/* 9. első hónap: négy állomásos idővonal, csak címek */
@media (prefers-reduced-motion:reduce){
  .fit.is-in .fitv__card{animation:none!important}
  .fitv__slip,.fitv__card,.fitv__card::after{transition:none;transform:none;opacity:1}
  .fitv__card::after{transform:scale(1)}
}

/* ===== Márkafilm a hero alatt (Áron 2026-10-05: „hero alá, ez amúgy is elmondja”) ===== */
.define__p{grid-column:9/13;grid-row:2;align-self:center;font-size:clamp(1.02rem,.94rem + .3vw,1.18rem);line-height:1.55}
.promo{grid-column:1/9;grid-row:2;position:relative;margin:0;width:min(100%,calc((100svh - 230px) * 16 / 9));aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--c-ink);box-shadow:0 30px 80px -40px rgba(11,16,51,.55),0 0 0 1px rgba(11,16,51,.08)}
.promo__v{display:block;width:100%;height:100%;object-fit:cover;background:var(--c-ink)}
.promo__play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;padding:0;cursor:pointer;color:var(--c-fog);background:radial-gradient(60% 60% at 50% 50%,rgba(11,16,51,.15),rgba(11,16,51,.55));transition:opacity var(--t-3) var(--ease-jel),background var(--t-3)}
.promo__ring{position:relative;width:clamp(72px,7vw,104px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:rgba(198,255,58,.12);color:var(--c-lime);transition:transform var(--t-3) var(--ease-kattanas)}
.promo__ring::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(198,255,58,.45);animation:promoPulse 2.4s var(--ease-jel) infinite}
.promo__ring svg{width:100%;height:100%}
.promo__lbl{font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-fog)}
.promo__play:hover .promo__ring,.promo__play:focus-visible .promo__ring{transform:scale(1.08)}
.promo__play:focus-visible{outline:2px solid var(--c-lime);outline-offset:-6px}
.promo.is-playing .promo__play{opacity:0;pointer-events:none}
.promo:not(.promo--live) .promo__play{display:none}
@keyframes promoPulse{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media (max-width:899px){.define__p,.promo{grid-column:1/-1;grid-row:auto}.promo{width:100%;margin-top:22px}}
@media (prefers-reduced-motion:reduce){.promo__ring::after{animation:none}.promo__ring{transition:none}}
.define{padding-block:clamp(48px,4.4vw,72px) clamp(64px,7vw,112px)}
.define .define__h2{margin-bottom:clamp(16px,1.8vw,26px)}
.promo{width:min(100%,calc((100svh - 250px) * 16 / 9))}