/* ===== SECTIONS — szekció-specifikus szabályok ===== */

/* S02 — tények sáv */
.facts{display:grid;gap:var(--sp-5);grid-template-columns:repeat(2,1fr)}
@media (min-width:1024px){.facts{grid-template-columns:repeat(4,1fr)}}
.fact__value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);color:var(--blue-deep)}
.fact__label{font-size:var(--fs-small);color:var(--slate)}

/* S03 — szegmensválasztó */
.segment{position:relative;display:block;overflow:hidden;border-radius:var(--r-lg);
  min-height:320px;text-decoration:none;color:#F7F9FC}
.segment img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .8s var(--ease-calm)}
.segment:hover img{transform:scale(1.04)}
.segment__scrim{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(15,19,25,.88),rgba(15,19,25,.2))}
.segment__body{position:relative;padding:var(--sp-6);display:flex;flex-direction:column;
  justify-content:flex-end;min-height:320px}
.segment__body p{color:rgba(247,249,252,.8);font-size:var(--fs-small)}

/* S06 — négylépéses modell */
.model{counter-reset:step;display:grid;gap:var(--grid-gap)}
@media (min-width:768px){.model{grid-template-columns:repeat(4,1fr)}}
.model__step{position:relative;padding-block-start:var(--sp-5);border-block-start:2px solid var(--line)}
.model__step[data-active="true"]{border-block-start-color:var(--blue)}
.model__index{font-family:var(--font-display);font-weight:700;color:var(--blue-deep);font-size:var(--fs-small)}
.model__step h3{margin-block:var(--sp-2)}
.model__step p{color:var(--slate);font-size:var(--fs-small)}


/* S02 — bizalmi sáv */
.trustbar:not(.trustbar--logo){border-block-end:1px solid var(--line);padding-block:var(--sp-5)}
.trustbar__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-4)}
@media (min-width:768px){.trustbar__list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.trustbar__list{grid-template-columns:repeat(4,1fr)}}
.trustbar__list li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-small);color:var(--slate)}
.trustbar__icon{width:22px;height:22px;flex:0 0 auto;stroke:var(--blue-deep);stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round}

/* S06 sötét változat */
.model--dark .model__step{border-block-start-color:rgba(255,255,255,.16)}
.model--dark .model__step[data-active="true"]{border-block-start-color:var(--blue)}
.model--dark .model__index{color:var(--blue-light)}

/* S09 — diszpécserközpont, „sosem alszik" */
.nightwatch{position:relative;min-height:70vh;display:flex;align-items:center;
  overflow:clip;background:var(--black);color:#F7F9FC;isolation:isolate}
.nightwatch__bg{position:absolute;inset:-12% 0;z-index:-2}
.nightwatch__bg img{width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(.85);transition:filter 900ms var(--ease-soft,cubic-bezier(.22,1,.36,1))}
.nightwatch[data-lit="true"] .nightwatch__bg img{filter:brightness(1)}
.nightwatch__veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(15,18,22,.94) 0%,rgba(15,18,22,.86) 46%,rgba(15,18,22,.6) 100%)}
.nightwatch__inner{max-width:62ch}
.nightwatch__quote{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);
  line-height:1.05;margin-block:var(--sp-3) var(--sp-4)}
.nightwatch__quote .accent{color:var(--blue-light)}
.nightwatch__text{color:rgba(247,249,252,.8);max-width:56ch}
.beatline{margin-block-start:var(--sp-6)}
.beatline__svg{display:block;width:100%;max-width:640px;height:auto;overflow:visible}
.beatline__track{stroke:rgba(247,249,252,.18);stroke-width:1.8;fill:none;stroke-linecap:round}
.beatline__line{stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round}
.beatline__dot{fill:var(--black);stroke:rgba(247,249,252,.28);stroke-width:1.8;
  transition:stroke 320ms ease,fill 320ms ease}
.beatline__step[data-lit="true"] .beatline__dot{stroke:var(--blue);fill:var(--blue)}
.beatline__labels{list-style:none;padding:0;margin:var(--sp-3) 0 0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:var(--sp-3);max-width:640px;
  font-size:var(--fs-small);color:rgba(247,249,252,.6)}
.beatline__labels li{transition:color 320ms ease}
.beatline__labels li:nth-child(2){text-align:center}
.beatline__labels li:nth-child(3){text-align:right}
.beatline__labels li[data-lit="true"]{color:#F7F9FC}
@media (prefers-reduced-motion:reduce){
  .nightwatch__bg img{filter:brightness(1);transition:none}
  .beatline__line{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .beatline__dot{stroke:var(--blue);fill:var(--blue)}
  .beatline__labels li{color:#F7F9FC}
}
.no-js .nightwatch__bg img{filter:brightness(1)}
.no-js .beatline__dot{stroke:var(--blue);fill:var(--blue)}
.no-js .beatline__labels li{color:#F7F9FC}
@media (max-width:767px){
  .nightwatch{min-height:auto;padding-block:var(--sp-8)}
  .nightwatch__bg{inset:0}
  .nightwatch__bg img{filter:brightness(1);transition:none}
  .nightwatch__veil{background:linear-gradient(180deg,rgba(15,18,22,.9),rgba(15,18,22,.94))}
  .beatline__labels{font-size:calc(var(--fs-small) * .94)}
}

/* S10 — országos lefedettség (térkép) */
.coverage-grid{display:grid;gap:var(--sp-7);align-items:center}
@media (min-width:1024px){.coverage-grid{grid-template-columns:5fr 7fr;gap:var(--sp-8)}}
.coverage-claims{list-style:none;padding:0;margin:var(--sp-6) 0 0;display:grid;gap:var(--sp-3)}
.coverage-claims li{position:relative;padding-inline-start:calc(var(--sp-5) + 6px);
  font-size:var(--fs-small);color:var(--slate);font-weight:500}
.coverage-claims li::before{content:"";position:absolute;inset-block-start:.55em;inset-inline-start:0;
  width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #EAF2FE}
.mapwrap{position:relative;border-radius:var(--r-lg);background:var(--white);
  border:1px solid var(--line);padding:var(--sp-6) var(--sp-5) var(--sp-7);overflow:hidden}
.hu-map{display:block;width:100%;height:auto}
.hu-map__fill{fill:#EAF2FE;stroke:none}
.hu-map__outline{fill:none;stroke:var(--blue-deep);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.hu-map__counties path{fill:none;stroke:#C7D6EA;stroke-width:.85;opacity:0}
.mapwrap[data-map-lit="true"] .hu-map__counties path{opacity:1}
.hu-map__city{fill:var(--blue);transform-box:fill-box;transform-origin:center center;
  transition:fill .35s var(--ease-out),transform .35s var(--ease-out)}
.hu-map__city--capital{fill:var(--blue-deep)}
.hu-map__pulse{fill:none;stroke:var(--blue);stroke-width:1.8;opacity:0;transform-box:fill-box;
  transform-origin:center center}
.mapwrap[data-map-lit="true"] .hu-map__pulse{animation:mapPulse 2.6s ease-out infinite}
.hu-map__locator.is-hot .hu-map__city{fill:var(--blue-deep);transform:scale(1.45)}
.hu-map__locator.is-hot .hu-map__pulse{opacity:1;animation:mapPulse 1.6s ease-out infinite}
.hu-map__locator--capital.is-hot .hu-map__city{transform:scale(1.2)}
@keyframes mapPulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}100%{opacity:0;transform:scale(2.6)}}
.mapwrap__label{margin:var(--sp-4) 0 0;font-family:var(--font-display);font-weight:600;
  font-size:var(--fs-small);color:var(--blue-deep);text-align:center}
@media (prefers-reduced-motion:reduce){
  .hu-map__city{opacity:1!important;transform:none!important}
  .hu-map__outline{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .hu-map__counties path{opacity:1!important}
  .mapwrap[data-map-lit="true"] .hu-map__pulse{animation:none;opacity:.4}
}

/* S10 — lefedettség jelzés */
.coverage{position:relative;display:grid;place-items:center;min-height:320px;
  border-radius:var(--r-lg);background:var(--soft-blue);overflow:hidden}
.coverage__ring{position:absolute;border:1px solid rgba(10,92,224,.28);border-radius:50%}
.coverage__ring:nth-child(1){width:140px;height:140px}
.coverage__ring:nth-child(2){width:240px;height:240px}
.coverage__ring:nth-child(3){width:340px;height:340px}
.coverage__dot{width:14px;height:14px;border-radius:50%;background:var(--blue-deep);
  box-shadow:var(--shadow-blue)}
.coverage__label{position:absolute;inset-block-end:var(--sp-5);font-family:var(--font-display);
  font-weight:600;font-size:var(--fs-small);color:var(--blue-deep)}

/* Díjszabás */
.price-note{margin-block-start:var(--sp-5);font-size:var(--fs-small);color:var(--slate-2);max-width:80ch}
.extras{list-style:none;padding:0;display:grid;gap:0;border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;background:var(--white)}
.extras li{display:flex;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);
  font-size:var(--fs-small)}
.extras li + li{border-block-start:1px solid var(--line)}
.extras strong{font-variant-numeric:tabular-nums;white-space:nowrap}

/* CTA-gerinc */
.cta-band{background:var(--black);color:#F7F9FC;border-radius:var(--r-xl);
  padding:var(--sp-8) var(--sp-6);display:grid;gap:var(--sp-5)}
@media (min-width:1024px){.cta-band{grid-template-columns:1.4fr auto;align-items:center;
  padding:var(--sp-8)}}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}

/* Prózaoldalak (impresszum, adatvédelem) */
.prose{max-width:72ch;display:grid;gap:var(--sp-5)}
.prose h2{font-size:var(--fs-h3)}
.prose dl{display:grid;gap:var(--sp-2);font-size:var(--fs-small)}
.prose dt{font-weight:600}
.prose dd{margin:0;color:var(--slate)}

/* 404 */
.notfound{min-height:70vh;display:grid;place-items:center;text-align:center}

/* ===== 7. fejezet — főoldali szekciók ===== */

/* S01 — hero (absztrakt márka-vizuál) */
.hero--home{align-items:center;min-height:100svh;max-height:none;background:var(--black)}
@media (min-width:1024px){.hero--home{max-height:900px}}
.hero__brandbg{position:absolute;inset:0;overflow:hidden;background:var(--black)}
.hero__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.hero__blob--a{width:52vw;height:52vw;background:rgba(31,128,255,.42);inset-block-start:-12vw;inset-inline-start:-8vw}
.hero__blob--b{width:44vw;height:44vw;background:rgba(10,92,224,.35);inset-block-end:-16vw;inset-inline-end:-6vw}
.hero__grid{position:absolute;inset:0;opacity:.04;
  background-image:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 64px),
  repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 64px)}
.hero__sensor{position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);
  width:10px;height:10px;border-radius:50%;background:var(--blue-light);
  box-shadow:0 0 0 0 rgba(90,163,255,.45);animation:kbwm-sensor 3.2s var(--ease-inout) infinite;
  animation-delay:var(--delay,0s)}
@keyframes kbwm-sensor{0%,100%{opacity:.35;box-shadow:0 0 0 0 rgba(90,163,255,.4)}
  50%{opacity:1;box-shadow:0 0 0 14px rgba(90,163,255,0)}}
.hero--home .hero__scrim{background:linear-gradient(100deg,rgba(15,18,22,.82) 0%,rgba(15,18,22,.55) 48%,rgba(15,18,22,.32) 100%)}
.hero--home .hero__body{padding-block:var(--sp-10);max-width:56rem}
.hero__l1,.hero__l2{display:block}
.hero__l2{color:var(--blue-light)}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-block:var(--sp-6) var(--sp-5)}
.btn__icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round;margin-inline-end:var(--sp-2)}
.hero__micro{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);
  font-size:var(--fs-small);color:rgba(247,249,252,.8)}
.hero__micro li{display:flex;align-items:center;gap:var(--sp-2)}
.hero__check{width:16px;height:16px;flex:0 0 auto;stroke:var(--blue-light);stroke-width:1.9;fill:none;
  stroke-linecap:round;stroke-linejoin:round}

/* ===== DISZPÉCSER-WIDGET (.status-card) ==================================
   Sötét, üvegszerű monitoring-panel a hero jobb alsó sarkában. A hero fotón
   a sötét felület olvashatóbb és komolyabb, mint a fehér kártya.
   Felépítés: fejléc + élő jelzés · állapot · jelfolyam · magyarázat · két adat.
   ======================================================================== */
.status-card{position:absolute;inset-block-end:var(--sp-6);inset-inline-end:var(--sp-5);z-index:2;
  width:17.5rem;max-width:calc(100% - 2 * var(--gutter));
  padding:var(--sp-4);border-radius:var(--r-md);
  background:linear-gradient(180deg,rgba(12,16,22,.82),rgba(12,16,22,.72));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 2px 8px rgba(0,0,0,.18),0 18px 44px rgba(0,0,0,.28);
  backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);
  color:#fff;overflow:hidden}
/* vékony kék jelzőél a bal oldalon */
.status-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;
  background:linear-gradient(180deg,transparent,var(--blue),transparent)}

.status-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:0}
.status-card__title{font-family:var(--font-sans);font-size:var(--fs-kicker);font-weight:600;
  letter-spacing:var(--track-kicker);text-transform:uppercase;color:rgba(255,255,255,.62)}
.status-card__live{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  padding:2px 8px 2px 6px;border-radius:var(--r-pill);
  background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3);
  font-size:.6875rem;font-weight:600;letter-spacing:.06em;color:#7BE3A3}
.status-card__dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:status-pulse 2.4s var(--ease-out) infinite}
@keyframes status-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}
  70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.status-card__state{margin:var(--sp-2) 0 0;font-family:var(--font-display);font-weight:700;
  font-size:1.0625rem;line-height:1.25;letter-spacing:var(--track-h);color:#fff}

/* jelfolyam: halvány alapvonal + végigfutó fényimpulzus */
.status-card__wave{display:block;width:100%;height:22px;margin-block:var(--sp-3) 0;
  fill:none;stroke-linecap:round;stroke-linejoin:round}
.status-card__wave-base{stroke:rgba(255,255,255,.18);stroke-width:1}
.status-card__wave-line{stroke:var(--blue-light);stroke-width:1.7;
  stroke-dasharray:16 100;stroke-dashoffset:16;
  animation:status-scan 4.8s linear infinite}
@keyframes status-scan{to{stroke-dashoffset:-100}}

.status-card__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-4);
  margin:var(--sp-2) 0 0;padding-block-start:var(--sp-3);
  border-block-start:1px solid rgba(255,255,255,.1)}
.status-card__cell{display:grid;gap:1px;min-width:0}
.status-card__meta dt{font-size:.6875rem;font-weight:500;letter-spacing:.04em;
  color:rgba(255,255,255,.5)}
.status-card__meta dd{margin:0;font-size:var(--fs-small);font-weight:600;color:rgba(255,255,255,.92);
  overflow-wrap:anywhere}
.status-card__time{font-variant-numeric:tabular-nums;letter-spacing:.02em}

@media (prefers-reduced-motion:reduce){
  .status-card__dot{animation:none}
  .status-card__wave-line{animation:none;stroke-dasharray:none;stroke-dashoffset:0;
    stroke:rgba(90,163,255,.45)}}

@media (max-width:767px){
  .hero--home{flex-direction:column;justify-content:flex-end}
  .hero--home .hero__body{width:100%}
  .status-card{position:static;width:min(100% - 2 * var(--gutter),22rem);margin:0 auto var(--sp-6);max-width:none}
}
@media (prefers-reduced-motion:reduce){.hero__sensor{animation:none}}

/* görgetés-jelző sín */
.scroll-rail{position:absolute;inset-block-end:var(--sp-6);inset-inline-start:var(--sp-5);z-index:2;
  display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-small);
  color:rgba(247,249,252,.72);transition:opacity var(--dur-base) var(--ease-inout)}
.scroll-rail__line{position:relative;display:block;width:1px;height:56px;background:rgba(255,255,255,.24)}
.scroll-rail__dot{position:absolute;inset-inline-start:-2px;width:5px;height:5px;border-radius:50%;
  background:var(--blue-light);animation:kbwm-raildot 2.4s var(--ease-inout) infinite}
@keyframes kbwm-raildot{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(52px);opacity:0}}
.scroll-rail[data-hidden="true"]{opacity:0;pointer-events:none}
@media (max-width:767px){.scroll-rail{display:none}}
@media (prefers-reduced-motion:reduce){.scroll-rail__dot{animation:none}}

/* S02 — bizalmi sáv */
.trustbar:not(.trustbar--logo){border-block-start:1px solid var(--line)}
.trustbar__text{display:flex;flex-direction:column;gap:2px}
.trustbar__text strong{color:var(--ink);font-size:var(--fs-small)}
.trustbar__sub{color:var(--slate-2);font-size:var(--fs-tiny,.8125rem)}
@media (max-width:767px){
  .trustbar{position:relative}
  .trustbar__list{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:var(--sp-5);padding-inline-end:var(--sp-8);scrollbar-width:none}
  .trustbar__list::-webkit-scrollbar{display:none}
  .trustbar__list li{scroll-snap-align:start;flex:0 0 78%;min-width:0}
  .trustbar__text{min-width:0}
  .trustbar__text strong,.trustbar__sub{overflow-wrap:anywhere}
  .trustbar::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:56px;
    pointer-events:none;background:linear-gradient(to left,var(--white),transparent)}
}

/* S03 — cégáttekintés + kulcsszámok */
.overview{display:grid;gap:var(--grid-gap)}
@media (min-width:1024px){.overview{grid-template-columns:7fr 5fr;align-items:start}}
.link-arrow{font-weight:600;color:var(--blue-deep);text-decoration:none}
.link-arrow:hover{text-decoration:underline}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}
.stat{background:var(--soft-blue);border-radius:var(--r-lg);padding:var(--sp-5)}
.stat__value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);
  color:var(--blue-deep);line-height:1.05;font-variant-numeric:tabular-nums}
.stat__label{margin-block-start:var(--sp-2);font-size:var(--fs-small);color:var(--slate)}

/* S04 — differenciálók */
.section__head--center{text-align:center;margin-inline:auto;max-width:56rem}
.card--lift{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.card--lift .icon-badge{transition:background-color var(--dur-base) var(--ease-out)}
.card--lift .icon-badge svg{transition:stroke var(--dur-base) var(--ease-out)}
@media (hover:hover){
  .card--lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
  .card--lift:hover .icon-badge{background:var(--badge-blue)}
  .card--lift:hover .icon-badge svg{stroke:var(--blue-deep)}
}
.card--lift:active{transform:translateY(-4px)}

/* S03 — differenciáló fotókártyák (band) */
.diff-card{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  min-height:min(52vw,240px);display:flex;flex-direction:column;
  background:var(--ink);border:1px solid rgba(15,18,22,.06)}
.diff-card__media{position:absolute;inset:0}
.diff-card__media picture{display:block;width:100%;height:100%}
.diff-card__media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .7s var(--ease-calm)}
.diff-card__veil{
  position:absolute;inset:0;
  background:linear-gradient(175deg,rgba(15,18,22,.08) 0%,rgba(15,18,22,.55) 48%,rgba(15,18,22,.82) 100%)}
.diff-card__body{
  position:relative;z-index:1;flex:1;display:flex;flex-direction:column;
  justify-content:flex-end;padding:var(--sp-5);min-height:min(52vw,240px)}
.diff-card__title{margin:0;font-family:var(--font-display);font-weight:600;
  font-size:1.05rem;line-height:1.3;color:#F7F9FC}
.diff-card__text{margin:var(--sp-2) 0 0;font-size:var(--fs-small);line-height:1.5;
  color:rgba(247,249,252,.76)}
@media (min-width:640px){.diff-card,.diff-card__body{min-height:220px}}
@media (min-width:1024px){.diff-card,.diff-card__body{min-height:240px}}
@media (hover:hover) and (pointer:fine){
  .diff-card:hover .diff-card__media img{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){
  .diff-card__media img{transition:none}}
.band__cards .diff-card{box-shadow:0 2px 12px rgba(15,18,22,.08)}
.band__cards{gap:var(--sp-4)}
@media (min-width:1024px){.band__cards{gap:var(--sp-5)}}

/* S05 — szolgáltatás 01 */
.service-intro{display:grid;gap:var(--grid-gap);align-items:center}
@media (min-width:1024px){.service-intro{grid-template-columns:5fr 7fr}}
.service-intro__media{border-radius:var(--r-xl);overflow:hidden}
.service-intro__media img{width:100%;height:auto;display:block}
.ticks{list-style:none;padding:0;margin:var(--sp-4) 0 0;display:grid;gap:var(--sp-2);font-size:var(--fs-small)}
.ticks li{display:flex;align-items:flex-start;gap:var(--sp-2);color:var(--slate)}
.tick{width:18px;height:18px;flex:0 0 auto;margin-block-start:2px;stroke:var(--blue-deep);
  stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gallery{margin-block-start:var(--sp-9);display:grid;gap:var(--grid-gap)}
@media (min-width:1024px){.gallery{grid-template-columns:4fr 8fr;align-items:start}}
.gallery__nav{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}
@media (min-width:1024px){.gallery__nav{position:sticky;top:25vh}}
@media (max-width:1023px){.gallery:not(.gallery--scroll) .gallery__nav{display:none}}
.gallery__nav button{appearance:none;background:none;border:0;cursor:pointer;font:inherit;
  display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;color:var(--slate);
  font-family:var(--font-display);font-weight:600;text-align:start;width:100%}
.gallery__bar{display:block;width:28px;height:2px;background:var(--line);
  transition:width var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}
.gallery__nav [aria-current="true"]{color:var(--blue-deep)}
.gallery__nav [aria-current="true"] .gallery__bar{width:56px;background:var(--blue)}
.gallery__panels{display:grid;gap:var(--sp-8)}
.gallery__panel img{width:100%;height:auto;display:block;border-radius:var(--r-lg);margin-block-end:var(--sp-5)}
.gallery__panel h3{margin-block-end:var(--sp-2)}
.gallery__panel p{color:var(--slate)}
.gallery__panel-grid{display:grid;gap:var(--sp-5)}
@media (min-width:900px){
  .gallery__panel-grid{grid-template-columns:5fr 7fr;gap:var(--sp-6);align-items:start}}
.gallery__panel-media{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.gallery__panel-media img{display:block;width:100%;height:auto;object-fit:cover;margin:0}
.gallery__panel-copy .icon-badge{margin-block-end:var(--sp-3)}
.gallery__panel-lead{color:var(--slate);margin:var(--sp-2) 0 0;font-size:var(--fs-body)}
.zig__facts--compact{gap:var(--sp-3);margin-block-start:var(--sp-4)}

/* S06 — pinned lépések */
.steps{position:relative;overflow:hidden}
.steps__bg{position:absolute;inset:0;opacity:.03;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,#5AA3FF 0 1px,transparent 1px 72px),
  repeating-linear-gradient(90deg,#5AA3FF 0 1px,transparent 1px 72px)}
.steps__grid{position:relative;display:grid;gap:var(--grid-gap)}
@media (min-width:1024px){.steps__grid{grid-template-columns:5fr 7fr;align-items:start}}
.steps-nav{list-style:none;padding:0;margin:var(--sp-6) 0 0;display:grid;gap:var(--sp-1,4px)}
.steps-nav button{appearance:none;background:none;border:0;cursor:pointer;font:inherit;width:100%;
  display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;
  color:rgba(247,249,252,.6);font-family:var(--font-display);font-weight:600;text-align:start}
.steps-nav__num{font-variant-numeric:tabular-nums;font-size:var(--fs-small)}
.steps-nav__line{display:block;width:24px;height:2px;background:rgba(255,255,255,.2);
  transition:width var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}
.steps-nav [aria-current="true"]{color:#fff}
.steps-nav [aria-current="true"] .steps-nav__line{width:56px;background:var(--blue)}
.steps__stage{position:relative}
.step-panel{color:rgba(247,249,252,.82)}
.step-panel h3{color:#fff;margin-block:var(--sp-2)}
.step-panel__num{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);
  line-height:1;color:rgba(255,255,255,.08)}
.step-figure{margin:var(--sp-6) 0 0}
.step-figure svg{width:100%;max-width:420px;height:auto}
.fig-line{fill:none;stroke:var(--blue-light);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fig-shell{stroke:rgba(90,163,255,.6)}
.fig-dot{fill:var(--blue)}
.fig-pulse{fill:#31C971}
.fig-check{stroke:#fff}
@media (min-width:1024px){
  .js .steps.is-pinned .steps__stage{min-height:56vh}
  .js .steps.is-pinned .step-panel{position:absolute;inset-block-start:0;inset-inline:0;opacity:0}
  .js .steps.is-pinned .step-panel[data-active="true"]{opacity:1}
}
@media (max-width:1023px){
  .steps__stage{display:grid;gap:var(--sp-6);padding-inline-start:var(--sp-6)}
  .step-panel{position:relative;background:rgba(255,255,255,.04);border-radius:var(--r-lg);
    padding:var(--sp-5)}
  .steps__rail{position:absolute;inset-block:0;inset-inline-start:2px;width:2px;
    background:rgba(255,255,255,.14)}
  .steps__rail-fill{display:block;width:100%;height:100%;background:var(--blue);
    transform:scaleY(0);transform-origin:top center}
}
@media (min-width:1024px){.steps__rail{display:none}}

/* S07 — csomagkártyák */
.plans{display:grid;gap:var(--grid-gap);align-items:stretch}
@media (min-width:768px){.plans{grid-template-columns:repeat(2,1fr)}}
.plan{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
@media (hover:hover){.plan:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}}
.plan__price{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);
  color:var(--blue-deep);font-variant-numeric:tabular-nums;line-height:1.05}
.plan__unit{font-size:var(--fs-small);font-weight:600;color:var(--slate)}
.plan__gross{font-size:var(--fs-small);color:var(--slate-2)}
.plan__name{margin-block:var(--sp-4) var(--sp-2)}
.plan__audience{color:var(--slate);font-size:var(--fs-small);
  padding-block-end:var(--sp-5);border-block-end:1px solid var(--line)}
.plan__list{margin-block-start:var(--sp-5)}
.plan__actions{margin-block-start:auto;padding-block-start:var(--sp-6);display:flex;flex-wrap:wrap;
  align-items:center;gap:var(--sp-4)}

/* S11 — Rólunk-kivonat */
.about-grid{display:grid;gap:var(--sp-7);align-items:start}
@media (min-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-8)}}
.about-copy p{max-width:60ch}
.about-card-wrap{will-change:transform}
.about-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden;
  display:grid;grid-template-rows:auto auto 1fr}
.about-card__portrait{aspect-ratio:4/3;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:#fff}
.about-card__portrait--photo{overflow:hidden;background:var(--soft)}
.about-card__portrait--photo picture{display:block;width:100%;height:100%}
.about-card__portrait--photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.about-card__mono{font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,12vw,7rem);
  line-height:1;letter-spacing:-.04em;user-select:none}
.about-card__body{padding:var(--sp-6)}
.about-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);color:var(--ink)}
.about-card__role{margin-block-start:var(--sp-1);font-size:var(--fs-small);color:var(--slate)}
.about-card__contacts{margin-block-start:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-small)}
.about-card__contacts a{color:var(--blue-deep);text-decoration:none;font-weight:600}
.about-card__contacts a:hover{text-decoration:underline}
.about-card__quote{margin:0;padding:var(--sp-5) var(--sp-6);border-block-start:1px solid var(--line);
  font-size:var(--fs-small);color:var(--slate-2);font-style:italic;background:var(--soft)}
.about-card__quote p{margin:0;max-width:none}
@media (prefers-reduced-motion:reduce){.about-card-wrap{will-change:auto}}

/* ===== 8. fejezet — aloldalak ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.section--tight{padding-block:var(--sp-8)}

/* Morzsamenü */
.crumbs{margin-block-end:var(--sp-4);font-size:13px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0;margin:0;color:var(--slate-2)}
.crumbs li + li::before{content:"/";margin-inline-end:var(--sp-2);color:var(--slate-2)}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--ink)}
.hero--sub .crumbs{color:rgba(255,255,255,.72)}
.hero--sub .crumbs ol,.hero--sub .crumbs li::before,.hero--sub .crumbs [aria-current]{color:inherit}

/* Kisebb aloldali hero */
.hero--sub{min-height:55svh}
.hero--sub .hero__body{padding-block:var(--sp-9) var(--sp-8)}
.hero--sub h1{font-size:var(--fs-h1)}

/* Kompakt záró CTA */
.cta-band--compact{display:grid;gap:var(--sp-5)}
@media (min-width:900px){.cta-band--compact{grid-template-columns:1fr auto;align-items:center}}
.cta-band__line{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.125rem}

/* Két hasábos magyarázó blokk */
.split-copy{display:grid;gap:var(--sp-5)}
@media (min-width:1024px){.split-copy{grid-template-columns:5fr 7fr;gap:var(--sp-8)}}
.split-copy__text{display:grid;gap:var(--sp-4);color:var(--slate)}
.split-copy__text .lead{color:var(--ink)}

/* Zigzag rendszer-szekciók */
.zig__grid{display:grid;gap:var(--sp-6);align-items:center}
@media (min-width:1024px){.zig__grid{grid-template-columns:6fr 6fr;gap:var(--sp-8)}
  .zig__grid--flip .zig__media{order:2}}
.zig__media{margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md)}
.zig__media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.zig__copy .icon-badge{margin-block-end:var(--sp-4)}
.zig__facts{display:grid;gap:var(--sp-4);margin-block-start:var(--sp-5)}
.zig__facts dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-deep);font-weight:600}
.zig__facts dd{margin:var(--sp-1) 0 0;color:var(--slate)}
.zig__facts .ticks{margin-block-start:var(--sp-2)}

/* „Így dolgozunk" mini-folyamat */
.flow{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-6)}
@media (min-width:900px){.flow{grid-template-columns:repeat(5,1fr);gap:var(--sp-5)}}
.flow__line{display:none}
@media (min-width:900px){.flow__line{display:block;position:absolute;inset-inline:6%;top:9px;height:2px}
  .flow__line svg{width:100%;height:2px;overflow:visible}
  .flow__line path{stroke:var(--blue);stroke-width:2;fill:none}}
.flow__step{position:relative;padding-block-start:var(--sp-5)}
.flow__dot{position:absolute;inset-block-start:2px;inset-inline-start:0;width:16px;height:16px;border-radius:50%;
  background:var(--white);border:2px solid var(--blue)}
.flow__index{font-family:var(--font-display);font-weight:700;color:var(--blue-deep);font-size:var(--fs-small);margin:0}
.flow__step h3{margin-block:var(--sp-2) var(--sp-1);font-size:1.05rem}
.flow__step p{color:var(--slate);font-size:var(--fs-small);margin:0}

/* Nagy tipós állítás */
.statement__title{font-size:var(--fs-h1);max-width:20ch}
.statement__text{max-width:62ch;color:var(--slate);font-size:1.125rem;margin-block-start:var(--sp-5)}

/* Csomagkártyák */
.plan-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:var(--sp-6);box-shadow:var(--shadow-sm);display:grid;align-content:start;gap:var(--sp-2)}
.plan-card__title{font-size:1.25rem;margin:0}
.plan-card__note{color:var(--slate-2);font-size:var(--fs-small);margin:0}
.plan-card__price{margin-block:var(--sp-4) 0;font-size:var(--fs-small);color:var(--slate)}
.plan-card__price strong{font-family:var(--font-display);font-size:2rem;color:var(--ink);margin-inline-end:6px}
.plan-card__price span{display:block;color:var(--slate-2)}

/* Pill címkék */
.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--tint-2);
  color:var(--blue-deep);font-size:12px;font-weight:600;white-space:nowrap}
.pill--free{background:#E8F6EE;color:#137A45}
.tick--in-cell{width:20px;height:20px;color:var(--blue-deep)}

/* PAJZS kiemelt doboz */
.pajzs{display:grid;gap:var(--sp-5);padding:var(--sp-6);border-radius:var(--r-xl);
  background:var(--tint-2);border:1px solid color-mix(in srgb,var(--blue) 22%,transparent)}
@media (min-width:768px){.pajzs{grid-template-columns:auto 1fr;align-items:start;gap:var(--sp-6);padding:var(--sp-7)}}
.pajzs h3{margin-block:var(--sp-2) var(--sp-3);font-size:var(--fs-h3)}
.pajzs p{color:var(--slate)}
.icon-badge--lg{width:64px;height:64px}
.icon-badge--on-dark{background:rgba(31,128,255,.16);color:var(--blue-light)}
.card--on-dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#F7F9FC}
.card--on-dark .card__text{color:rgba(247,249,252,.72)}

/* Bruttó/nettó kapcsoló */
.pricing-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-block-end:var(--sp-5)}
.pricing-toggle__btn{border:1px solid var(--line);background:var(--white);color:var(--slate);
  padding:8px 18px;border-radius:999px;font-weight:600;font-size:var(--fs-small);cursor:pointer;
  transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.pricing-toggle__btn[aria-pressed="true"]{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}
.pricing-toggle__hint{margin-inline-start:auto;font-size:13px;color:var(--slate-2)}

/* Kártyás ár-nézet ≤479px */
.pcards{display:none;gap:var(--sp-4)}
@media (max-width:479px){
  .pcards{display:grid}
  .pcards + .price-note{margin-block-start:var(--sp-4)}
  .table-wrap--sticky:has(.ptable){display:none}
}
.pcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5)}
.pcard__title{margin:0 0 var(--sp-3);font-size:1.05rem}
.pcard__row{display:flex;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-2);
  border-block-start:1px solid var(--line)}
.pcard__row:first-child{border-block-start:0}
.pcard dt{font-size:var(--fs-small);font-weight:600}
.pcard dt span{display:block;font-weight:400;color:var(--slate-2);font-size:12px}
.pcard dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}

/* Definíciós lista — kiegészítő szolgáltatások */
.deflist{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;background:var(--white)}
@media (min-width:900px){.deflist{grid-template-columns:1fr 1fr}
  .deflist__row:nth-child(odd){border-inline-end:1px solid var(--line)}}
.deflist__row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);
  padding:var(--sp-4) var(--sp-5);border-block-start:1px solid var(--line)}
.deflist__row:first-child{border-block-start:0}
@media (min-width:900px){.deflist__row:nth-child(2){border-block-start:0}}
.deflist dt{font-size:var(--fs-small);color:var(--slate)}
.deflist dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Márkaérték-kártyák */
.value-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5)}
.value-card__n{font-family:var(--font-display);font-weight:700;color:var(--blue);margin:0 0 var(--sp-3)}
.value-card h3{margin:0 0 var(--sp-2);font-size:1.05rem}
.value-card p{margin:0;color:var(--slate);font-size:var(--fs-small)}

/* Ügyvezetői kártya */
.leader-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--sp-6);display:grid;gap:var(--sp-2)}
.leader-card__portrait{display:grid;place-items:center;width:88px;height:88px;border-radius:var(--r-lg);
  margin:0 0 var(--sp-4);background:linear-gradient(140deg,var(--blue),var(--blue-deep));
  overflow:hidden}
.leader-card__portrait picture{display:block;width:100%;height:100%}
.leader-card__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.leader-card__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.15rem}
.leader-card__role{margin:0;color:var(--slate-2);font-size:var(--fs-small)}
.leader-card__quote{margin-block:var(--sp-4) 0;color:var(--slate);font-size:var(--fs-small)}
.leader-card__links{list-style:none;padding:0;margin:var(--sp-4) 0 0;display:grid;gap:var(--sp-1);font-weight:600}
.leader-card__links a{color:var(--blue-deep);text-decoration:none}

/* Rólunk — személyes oldal */
.about-letter{display:grid;gap:var(--sp-6);align-items:start}
@media (min-width:768px){.about-letter{grid-template-columns:auto 1fr;gap:var(--sp-8)}}
.about-letter__portrait{width:min(100%,200px);border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--shadow-md);background:var(--soft)}
.about-letter__portrait picture,.about-letter__portrait img{display:block;width:100%;height:auto}
.about-letter__body{display:grid;gap:var(--sp-4)}
.about-letter__label{margin:0;font-size:var(--fs-small);font-weight:600;color:var(--slate-2)}
.about-letter__body p{color:var(--slate);max-width:62ch;margin:0}
.about-letter__body .lead{color:var(--ink)}
.about-letter__closing{margin-block-start:var(--sp-2);color:var(--ink)}
.about-letter__sign{margin:0;font-family:var(--font-display);font-weight:600;color:var(--ink)}
.about-letter__sign span{font-size:var(--fs-small);font-weight:400;color:var(--slate-2)}

.you-card{background:var(--white);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr}
.you-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.you-card__media picture{display:block;width:100%;height:100%}
.you-card__media img{width:100%;height:100%;object-fit:cover}
.you-card__body{padding:var(--sp-5);display:grid;gap:var(--sp-2)}
.you-card h3{margin:0;font-size:1.05rem}
.you-card p{margin:0;color:var(--slate);font-size:var(--fs-small)}

.promise-card{background:var(--white);border-radius:var(--r-lg);padding:var(--sp-5);
  border:1px solid var(--line);display:grid;gap:var(--sp-2)}
.promise-card h3{margin:0;font-size:1.02rem;color:var(--blue-deep)}
.promise-card p{margin:0;color:var(--slate);font-size:var(--fs-small)}

.leader-feature{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);
  padding:var(--sp-6);display:grid;gap:var(--sp-6);align-items:center}
@media (min-width:768px){
  .leader-feature{grid-template-columns:auto 1fr;gap:var(--sp-8);padding:var(--sp-7)}
}
.leader-feature__photo{width:140px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);
  flex-shrink:0}
.leader-feature__photo picture,.leader-feature__photo img{display:block;width:100%;height:auto}
.leader-feature__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink)}
.leader-feature__role{margin:0;color:var(--slate-2);font-size:var(--fs-small)}
.leader-feature__quote{margin:var(--sp-4) 0 0;color:var(--slate);font-style:italic;font-size:var(--fs-small)}
.leader-feature__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-block-start:var(--sp-5)}
.leader-feature__phone{font-family:var(--font-display);font-weight:700;font-size:1.2rem;
  color:var(--blue-deep);text-decoration:none}
.leader-feature__phone:hover{text-decoration:underline}

.trust-fold{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--soft);padding:var(--sp-5)}
.trust-fold details{border:none}
.trust-fold summary{font-weight:600;cursor:pointer;color:var(--ink);list-style:none}
.trust-fold summary::-webkit-details-marker{display:none}
.trust-fold__inner{margin-block-start:var(--sp-4);padding-block-start:var(--sp-4);
  border-block-start:1px solid var(--line)}

/* Rólunk — egyszerű bizalom-panel */
.trust-panel{
  display:grid;gap:var(--sp-6);align-items:start;
  padding:var(--sp-6);border-radius:var(--r-xl);
  background:var(--white);border:1px solid var(--line);
  box-shadow:0 8px 28px rgba(15,18,22,.06)}
@media (min-width:768px){
  .trust-panel{grid-template-columns:auto 1fr;gap:var(--sp-8);padding:var(--sp-7)}}
.trust-panel__badge{
  width:64px;height:64px;border-radius:var(--r-lg);
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--soft-blue),#fff);
  color:var(--blue-deep);flex-shrink:0}
.trust-panel__badge svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
.trust-panel__body{display:grid;gap:var(--sp-3)}
.trust-panel__body h2{margin:0}
.trust-panel__lead{margin:0;color:var(--ink);font-size:1.05rem;line-height:1.55;max-width:52ch}
.trust-panel__note{margin:0;color:var(--slate);font-size:var(--fs-small);max-width:52ch}
.trust-panel__checks{
  list-style:none;padding:0;margin:var(--sp-4) 0 0;display:grid;gap:var(--sp-2)}
.trust-panel__checks li{
  display:flex;align-items:flex-start;gap:var(--sp-2);
  font-size:var(--fs-small);color:var(--slate);line-height:1.45}
.trust-panel__tick{
  width:18px;height:18px;flex:0 0 auto;margin-block-start:1px;
  stroke:var(--ok);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.trust-panel__more{margin-block-start:var(--sp-4)}
.trust-panel__more summary{
  cursor:pointer;font-size:var(--fs-small);font-weight:600;color:var(--blue-deep);
  list-style:none;text-decoration:underline;text-underline-offset:3px}
.trust-panel__more summary::-webkit-details-marker{display:none}
.trust-panel__legal{
  margin-block-start:var(--sp-4);padding-block-start:var(--sp-4);
  border-block-start:1px solid var(--line);display:grid;gap:var(--sp-4)}
.trust-panel__license{display:grid;gap:2px;font-size:var(--fs-small)}
.trust-panel__license-label{color:var(--slate)}
.trust-panel__license-num{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.trust-panel__meta{
  display:grid;gap:var(--sp-2);font-size:var(--fs-small);margin:0}
.trust-panel__meta dt{font-weight:600;color:var(--ink)}
.trust-panel__meta dd{margin:0;color:var(--slate)}

.cta-band--personal .cta-band__line{font-size:1.05rem;max-width:42ch}

/* GYIK oldal */
.faq-layout{display:grid;gap:var(--sp-6)}
@media (min-width:1024px){.faq-layout{grid-template-columns:4fr 8fr;gap:var(--sp-8);align-items:start}
  .faq-side{position:sticky;top:calc(var(--header-h,72px) + var(--sp-5))}}
.faq-search input{width:100%;padding:12px var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);
  font:inherit;background:var(--white)}
.faq-nav ol{list-style:none;padding:0;margin:var(--sp-4) 0 0;display:grid;gap:2px}
.faq-nav a{display:block;padding:8px var(--sp-3);border-radius:var(--r-sm);color:var(--slate);
  text-decoration:none;font-size:var(--fs-small);border-inline-start:2px solid transparent}
.faq-nav a:hover{background:var(--tint-1);color:var(--ink)}
.faq-nav a[aria-current="true"]{border-inline-start-color:var(--blue);color:var(--blue-deep);font-weight:600}
.faq-empty{margin-block-start:var(--sp-4);font-size:var(--fs-small);color:var(--slate)}
.faq-main{display:grid;gap:var(--sp-7)}
.faq-group__title{font-size:1.15rem;margin:0 0 var(--sp-3);padding-block-end:var(--sp-2);border-block-end:1px solid var(--line)}
.faq-main mark{background:var(--tint-2);color:var(--blue-deep);padding:0 2px;border-radius:3px}
.center-cta{margin-block-start:var(--sp-5);text-align:center}

/* Kapcsolat */
.contact-grid{display:grid;gap:var(--sp-6);margin-block-start:var(--sp-6)}
@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr;align-items:start}}
.map-consent__box{display:grid;gap:var(--sp-3);justify-items:start;padding:var(--sp-6);
  border:1px dashed color-mix(in srgb,var(--blue) 35%,transparent);border-radius:var(--r-xl);background:var(--tint-1)}
.map-consent__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.1rem}
.map-consent__text{margin:0;color:var(--slate);font-size:var(--fs-small)}
.map-consent__addr{margin:0;color:var(--slate-2);font-size:13px}
.map-consent iframe{width:100%;height:320px;border:0;border-radius:var(--r-xl);display:block}
.imprint-extract{margin-block-start:var(--sp-7)}

/* Jogi oldalak */
.legal__head{max-width:760px;margin-block-end:var(--sp-7)}
.legal__grid{display:grid;gap:var(--sp-6)}
@media (min-width:1024px){.legal__grid{grid-template-columns:260px minmax(0,760px);gap:var(--sp-8)}
  .legal__toc{position:sticky;top:calc(var(--header-h,72px) + var(--sp-5))}}
.legal__toc-title{margin:0 0 var(--sp-3);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-2)}
.legal__toc ol{list-style:none;padding:0;margin:0;display:grid;gap:2px;counter-reset:toc}
.legal__toc a{display:block;padding:6px var(--sp-3);border-inline-start:2px solid var(--line);
  color:var(--slate);text-decoration:none;font-size:var(--fs-small)}
.legal__toc a:hover{color:var(--ink)}
.legal__toc a[aria-current="true"]{border-inline-start-color:var(--blue);color:var(--blue-deep);font-weight:600}
.legal__body{max-width:760px}
.legal__section{scroll-margin-top:calc(var(--header-h,72px) + var(--sp-6));padding-block-end:var(--sp-6);
  border-block-end:1px solid var(--line)}
.legal__section:last-of-type{border-block-end:0}
.legal__section h2{margin-block:0 var(--sp-3)}
.legal__section p{color:var(--slate)}

/* 404 */
.notfound{min-height:70vh;display:grid;place-items:center;text-align:center}
.notfound__code{font-family:var(--font-display);font-weight:700;line-height:1;
  font-size:clamp(5rem,18vw,11rem);color:var(--blue);margin:0}
.notfound h1{margin-block:var(--sp-3)}
.notfound .lead{margin-inline:auto;max-width:46ch}
.notfound__links{list-style:none;padding:0;margin:var(--sp-6) 0 0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:var(--sp-2) var(--sp-5);font-weight:600}
.notfound__links a{color:var(--blue-deep);text-decoration:none}
.notfound__links a:hover{text-decoration:underline}
.notfound__cta{margin-block-start:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}
/* ===== 9. RESZPONZIVITÁS ===== */

/* Nincs vízszintes görgetés: a túlnyúlás forrásait fogjuk meg, nem a tünetet.
   A dekoratív, abszolút pozicionált rétegek soha nem nyúlhatnak a szülőn túl. */
.hero,.nightwatch,.section,.mega,.mobile-nav{max-width:100%}
.hero__media,.nightwatch__bg,.hero__scrim,.nightwatch__veil{inset:0;max-width:100%}
[data-anim="parallax"]{will-change:transform}

/* Sávszélesség 100vw helyett: a görgetősáv nem okozhat túlcsordulást. */
.full-bleed{width:100%;margin-inline:0}

/* Fluid rácsok ott, ahol a tartalom engedi. */
@media (min-width:480px){
  .grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}

/* Érintőcélpontok: min. 44x44 CSS px, szomszédok között min. 8px. */
/* Az önálló (nem folyószövegbe ágyazott) hivatkozások és gombok 44px magasak.
   A bekezdésen belüli inline linkekre a WCAG inline-kivétel vonatkozik. */
.btn,.nav__link,.nav-toggle,.pricing-toggle__btn,.faq-nav a,.legal__toc a,
.footer__col a,.footer__bottom a,.footer__top,.crumbs a,.gallery__nav button,
.mobile-nav__link,.link-arrow,.header__logo,.leader-card__links a,
.notfound__links a,.faq__q,summary,.footer__bar-links a,.about-card__contacts a,
.contact-list a,.leader__contacts a,.hero-contact a,input[type="checkbox"],
.check input,.field select,.field input,.field textarea{min-height:44px}
input[type="checkbox"],.check input[type="checkbox"]{min-width:24px;width:24px;height:24px;min-height:24px}
:where(.btn,.pricing-toggle__btn,.gallery__nav button,.footer__top){display:inline-flex;align-items:center;justify-content:center}
:where(.nav__link,.faq-nav a,.legal__toc a,.crumbs a,.link-arrow,.header__logo,
.footer__col a,.footer__bottom a,.leader-card__links a,.notfound__links a,
.footer__bar-links a,.about-card__contacts a,.contact-list a,.leader__contacts a){display:inline-flex;align-items:center}
/* Checkbox és címkéje között min. 8px, a címke maga is 44px magas kattintófelület. */
.check{display:flex;align-items:flex-start;gap:var(--sp-3);min-height:44px}
.check input[type="checkbox"]{margin-block-start:2px;flex:0 0 auto}
/* Önálló telefon/e-mail hivatkozások (listában, kártyán) teljes értékű célpontok. */
:is(li,dd,div,td,address) > a:where([href^="tel:"],[href^="mailto:"]):not(.btn){
  display:inline-flex;align-items:center;min-height:44px}
/* Űrlapmezők egységes, ujjbarát magassága. */
.field input,.field select,.field textarea,
.form input:not([type="checkbox"]):not([type="hidden"]),
.form select{min-height:44px}
select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea{min-height:44px}
a[href^="tel:"],a[href^="mailto:"]{padding-block:2px}
.header__actions,.cta-band__actions,.notfound__cta,.pricing-toggle,.footer__bottom{gap:max(var(--sp-2),8px)}
.footer__col ul{display:grid;gap:8px}
.footer__col li a{display:inline-flex;align-items:center;min-height:44px}

/* Sticky elemek mobilon: csak a fejléc és a CTA sáv. */
@media (max-width:1023px){
  .faq-side,.legal__toc,.gallery__nav,.plan-card,[data-sticky]{position:static!important;top:auto!important}
  .table-wrap--sticky th[scope="row"]{position:sticky;inset-inline-start:0}
}

/* Landscape mobil (pl. 812x375): a hero tartalma ne lógjon ki. */
@media (max-height:520px) and (orientation:landscape){
  .hero,.hero--home,.hero--sub{min-height:100svh}
  .hero__body{max-height:520px;overflow:auto;padding-block:var(--sp-6)}
  .hero__body h1{font-size:clamp(1.6rem,5vw,2.2rem)}
  .hero__body .lead{font-size:1rem}
  .hero__status,.hero__cue{display:none}
  .cta-dock{display:none}
}

/* 320px: a legkeskenyebb támogatott szélesség — semmi nem törhet el. */
@media (max-width:359px){
  :root{--gutter:16px}
  .btn{padding-inline:var(--sp-4);white-space:normal;text-align:center}
  .header__actions .btn--primary{display:none}
  .stats,.grid{gap:var(--sp-4)}
  h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
  [data-anim="split-lines"] span{overflow-wrap:anywhere}
}
.table-wrap,.deflist,.pcard,.card,.plan-card{min-width:0}
/* Rács-elemek soha ne szélesedjenek a tartalom min-content méretére. */
.container > *,.grid > *,.overview > *,.stats > *,.faq-layout > *,.legal__grid > *,
.contact-grid > *,.zig__grid > *,.split-copy > *,.about-grid > *,.model > *,.flow > *,
.footer__grid > *,.deflist > *,.pajzs > *{min-width:0}

/* 200%-os nagyítás (1440px): minden elérhető marad, semmi sem takar ki. */
@media (max-width:1023px),(max-height:700px){
  .mega{max-height:min(70svh,600px);overflow:auto}
}
.mobile-nav{overflow-y:auto;overscroll-behavior:contain}

/* Videó: poster kötelező; mobilon és save-data mellett nem töltjük le. */
video{background:var(--soft)}
video[data-autoplay]{max-width:100%}
@media (max-width:767px){video[data-autoplay]{display:none}}

/* ===== assets/css/sections.css — Mi van itt: a főoldali S01–S13 szekciók és az aloldalak egyedi elrendezései (hero, trustbar, pillérek, lépések, díjszabás, diszpécser, térkép, GYIK, jogi oldalak, 404). ===== */