@import "_sub.css";
/* egyuttmukodes.css — /egyuttmukodes (docs/04): idővonal, a pont végigfut a három hónapon (POZICIONÁLÁS 2026-10-05: nincs kapu; scroll-elrablás nélkül) */

/* nyitókép: három hónap */
.eg-hero__side{display:flex;justify-content:flex-end}
.eg-mini{display:flex;align-items:flex-end;gap:clamp(10px,1.4vw,20px)}
.eg-mini__m{font-family:"Manrope Outline",var(--f-sans);font-size:clamp(5rem,2rem + 8vw,11rem);line-height:.8;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--c-fog) 45%,transparent)}
.eg-mini__m:first-child{color:var(--c-fog);-webkit-text-stroke:0}
@media (max-width:899px){.eg-hero__side{justify-content:flex-start}.eg-mini__m{font-size:clamp(4rem,2rem + 12vw,6rem)}}

/* ---------- idővonal: a pont végigfut a négy szakaszon ---------- */
.eg-line{position:relative;height:56px;margin-bottom:8px}
.eg-line__track{position:absolute;left:0;right:0;top:27px;height:2px;background:rgba(169,176,214,.22)}
.eg-line__track::after{content:"";position:absolute;inset:0;background:var(--c-cobalt);transform-origin:left;transform:scaleX(0)}
.eg-line__dot{position:absolute;top:21px;left:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--c-lime);box-shadow:0 0 0 6px color-mix(in srgb,var(--c-lime) 16%,transparent)}
.sec.is-in .eg-line__dot{animation:egRun 3.2s var(--ease-huzat) .3s both}
.sec.is-in .eg-line__track::after{animation:egFill 3.2s var(--ease-huzat) .3s both}
@keyframes egRun{0%{left:0}100%{left:100%}}
@keyframes egFill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
html:not(.js) .eg-line__dot{left:100%}

.eg-tbl{width:100%;border-collapse:separate;border-spacing:0}
.eg-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.eg-tbl tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.eg-tbl tr{position:relative;display:grid;align-content:start;gap:14px;padding:28px clamp(16px,2vw,32px) 28px 0;border-top:1px solid rgba(169,176,214,.2)}
.eg-tbl tr:nth-child(n+2){padding-left:clamp(16px,2vw,32px)}
.eg-tbl tr:nth-child(3){border-left:3px solid var(--c-lime);background:linear-gradient(90deg,color-mix(in srgb,var(--c-lime) 7%,transparent),transparent 70%)}
.eg-tbl th,.eg-tbl td{display:block;text-align:left;padding:0;font-weight:inherit}
.eg-tbl th{font-size:1.05rem;color:var(--c-text-2-dark)}
.eg-tbl th strong{display:block;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);letter-spacing:-.025em;color:var(--c-fog);margin:12px 0 2px;font-weight:740}
.eg-tbl__k{color:var(--c-lime)}
.eg-tbl td{color:var(--c-text-2-dark)}
.eg-tbl td::before{content:attr(data-label);display:block;font:500 var(--fs-mono)/1.4 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:rgba(169,176,214,.7);margin-bottom:4px}
.eg-tbl td:last-child{color:var(--c-fog);font-weight:600}
.eg-free{margin-top:clamp(28px,3vw,44px);color:var(--c-lime)}
.eg-free::before{content:"[ "}.eg-free::after{content:" ]"}
@media (max-width:899px){
  .eg-line{display:none}
  .eg-tbl tbody{grid-template-columns:1fr}
  .eg-tbl tr,.eg-tbl tr:nth-child(n+2){padding:24px 0 24px 18px;border-top:0;border-left:1px solid rgba(169,176,214,.25)}
  .eg-tbl tr::before{content:"";position:absolute;left:-6px;top:30px;width:11px;height:11px;border-radius:50%;background:var(--c-ink);border:2px solid var(--c-text-2-dark)}
  .eg-tbl tr:nth-child(3){border-left:3px solid var(--c-lime)}
}

/* ---------- első hónap ---------- */
.eg-m1__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.eg-m1__list p{color:var(--c-text-2-light)}
.eg-sample{position:sticky;top:calc(var(--header-h-small,64px) + 32px);padding:20px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--c-line);box-shadow:0 24px 50px -32px rgba(11,16,51,.4)}
.eg-sample__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.eg-sample__top .mono{color:var(--c-text-2-light)}
.eg-sample__row{display:grid;grid-template-columns:1.1fr .8fr 1.4fr;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--c-line);font-size:.86rem;font-weight:600;color:var(--c-cobalt)}
.eg-sample__row--h{color:var(--c-text-2-light);font-weight:500;border-top:0}
.eg-sample__row.is-dim{opacity:.55}
.eg-blur{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#C9CEE4,#E2E5F2);filter:blur(1.5px)}
.eg-blur--s{width:60%}
.eg-m1__key{font-weight:640}
@media (max-width:899px){.eg-m1__grid{grid-template-columns:1fr}.eg-sample{position:relative;top:auto}}

/* ---------- 2–3. hónap: öt lépés sávban ---------- */
.eg-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--col-gap);position:relative}
.eg-flow::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:0;border-top:2px dotted var(--c-line)}
.eg-flow li{position:relative;display:grid;gap:16px;align-content:start}
.eg-flow__ic{width:48px;height:48px;border-radius:50%;background:var(--c-fog);border:1.5px solid var(--c-cobalt);display:grid;place-items:center;position:relative}
.eg-flow__ic svg{width:24px;height:24px;fill:none;stroke:var(--c-cobalt);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eg-flow p{color:var(--c-text-2-light);font-size:.96rem}
.eg-flow strong{display:block;color:var(--c-ink);margin-bottom:6px}
@media (max-width:1000px){.eg-flow{grid-template-columns:1fr;gap:0}.eg-flow::before{left:23px;right:auto;top:24px;bottom:24px;border-top:0;border-left:2px dotted var(--c-line)}.eg-flow li{grid-template-columns:48px minmax(0,1fr);gap:18px;padding-bottom:24px}}

/* ---------- megbeszélés ---------- */
.eg-meet__h2{margin-bottom:clamp(32px,4vw,56px)}
.eg-meet__tbl{width:100%;border-collapse:collapse}
.eg-meet__tbl th{text-align:left;font:500 var(--fs-mono)/1.4 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:#DDE2FF;padding:0 0 14px;border-bottom:1px solid rgba(244,245,250,.3)}
.eg-meet__tbl th:last-child,.eg-meet__tbl td:last-child{padding-left:clamp(20px,3vw,48px)}
.eg-meet__tbl td{vertical-align:top;padding:24px 0}
.eg-meet__tbl td:first-child{width:60%}
.eg-meet__no{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.eg-meet__no li{padding:9px 13px;border:1px dashed rgba(244,245,250,.4);border-radius:4px;color:#DDE2FF;justify-self:start}
.eg-meet__micro{margin:8px 0 18px;color:#DDE2FF;max-width:62ch}
@media (max-width:759px){.eg-meet__tbl thead{display:none}.eg-meet__tbl tr,.eg-meet__tbl td{display:block;width:auto!important}.eg-meet__tbl td:last-child{padding-left:0;padding-top:0}}

/* ---------- riport + utána ---------- */
.eg-rep__text{grid-column:1/7}
.eg-rep__text .sec-h2{margin-bottom:22px}
.eg-rep__body{margin-bottom:22px}
.eg-paper{grid-column:8/13;position:relative;align-self:start;display:grid;gap:10px;padding:28px 26px;border-radius:6px;background:#fff;border:1px solid var(--c-line);box-shadow:0 30px 60px -36px rgba(11,16,51,.45);transform:rotate(1.5deg)}
.eg-paper__tag{position:absolute;right:16px;top:16px}
.eg-paper__h{font-weight:760;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:6px}
.eg-paper__s{color:var(--c-cobalt);margin-top:10px}
.eg-after{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);margin-top:clamp(64px,7vw,112px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line)}
.eg-after__h2{grid-column:1/6;font-size:clamp(1.6rem,1rem + 2.2vw,3rem)}
.eg-after .body{grid-column:7/13}
@media (max-width:899px){.eg-paper{margin-top:40px;transform:none}.eg-after>*{grid-column:1/-1!important}.eg-after .body{margin-top:20px}}

/* ---------- mit kapsz: a „Mikor” színkódolt az idővonal szerint ---------- */
.when{display:inline-block;padding:4px 8px;border-radius:3px;font:500 var(--fs-mono)/1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.when--1{background:var(--c-fog-2);color:var(--c-ink);border:1px solid var(--c-line)}
.when--2{background:var(--c-cobalt);color:var(--c-fog)}
.when--3{background:var(--c-ink);color:var(--c-fog)}
@media (min-width:760px){.eg-get__tbl .tbl{min-width:680px}.eg-get__tbl tbody th{width:46%}}

/* ---------- mit kérünk ---------- */
.eg-asks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--col-gap)}
.eg-askc{display:flex;flex-direction:column;gap:12px}
.eg-askc__big{font-size:clamp(1.9rem,1.2rem + 1.8vw,2.8rem);line-height:1;font-weight:780;letter-spacing:-.04em;color:var(--c-lime);margin-bottom:18px;font-variant-numeric:tabular-nums}
.eg-askc__big small{font:500 var(--fs-mono)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-2-dark);margin-left:8px}
.eg-askc h3{font-size:1.15rem}
.eg-ask__key{margin-top:clamp(40px,5vw,72px)}
@media (max-width:1000px){.eg-asks{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.eg-asks{grid-template-columns:1fr}}

/* ---------- szám + díj ---------- */
.eg-num__h2{grid-column:1/6}
.eg-num__body{grid-column:7/13}
@media (max-width:899px){.eg-num__body{margin-top:24px}}
.eg-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr .6fr;gap:0;border-top:2px solid var(--c-ink)}
.eg-steps li{position:relative;padding:24px clamp(16px,2vw,32px) 8px 0}
.eg-steps li+li{padding-left:clamp(16px,2vw,32px);border-left:1px solid var(--c-line)}
.eg-steps li:nth-child(2){border-left:3px solid var(--c-cobalt)}
.eg-steps__k{display:block;color:var(--c-cobalt);margin-bottom:14px}
.eg-steps p{color:var(--c-text-2-light)}
.eg-steps strong{color:var(--c-ink)}
.eg-steps__ring{display:block;width:44px;height:44px;border-radius:50%;border:2px dashed var(--c-cobalt)}
@media (max-width:760px){.eg-steps{grid-template-columns:1fr}.eg-steps li+li{padding-left:0;border-left:0;border-top:1px solid var(--c-line)}.eg-steps li:nth-child(2){border-left:0;border-top:3px solid var(--c-cobalt)}}

@media (prefers-reduced-motion:reduce){
  .sec.is-in .eg-line__dot,.sec.is-in .eg-line__track::after{animation:none}
  .eg-line__dot{left:100%}.eg-line__track::after{transform:none}
}

/* ---------- v2 + ABSZTRAKCIÓ (2026-10-05, A-agens) ---------- */
.eg-m1 .more{margin-top:clamp(20px,2.4vw,32px);max-width:78ch}
.eg-flow--short strong{margin-bottom:0;font-size:1.02rem;line-height:1.3}
.eg-flow--short .eg-flow__ic{transition:transform var(--t-3) var(--ease-kattanas),background var(--t-3)}
.eg-flow--short li{opacity:.35;transform:translateY(10px);transition:opacity .6s var(--ease-jel),transform .6s var(--ease-jel)}
.sec.is-in .eg-flow--short li,html:not(.js) .eg-flow--short li{opacity:1;transform:none}
.sec.is-in .eg-flow--short li:nth-child(2){transition-delay:.12s}.sec.is-in .eg-flow--short li:nth-child(3){transition-delay:.24s}.sec.is-in .eg-flow--short li:nth-child(4){transition-delay:.36s}.sec.is-in .eg-flow--short li:nth-child(5){transition-delay:.48s}
.sec.is-in .eg-flow--short li:last-child .eg-flow__ic{background:var(--c-cobalt)}
.sec.is-in .eg-flow--short li:last-child .eg-flow__ic svg{stroke:var(--c-fog)}
@media (hover:hover){.eg-flow--short li:hover .eg-flow__ic{transform:scale(1.1)}}
.eg-links{list-style:none;padding:0;margin:clamp(32px,4vw,52px) 0 0;display:flex;flex-wrap:wrap;gap:12px 32px}
.eg-after__p{grid-column:7/13}
@media (max-width:899px){.eg-after__h2,.eg-after__p{grid-column:1/-1}.eg-after__p{margin-top:18px}}
.eg-fee .more{margin-top:clamp(24px,3vw,40px);max-width:78ch}
@media (prefers-reduced-motion:reduce){.eg-flow--short li{opacity:1;transform:none;transition:none}}