/* =========================================================================
   PERBIT, designirány: "termékoldal".
   Világos, levegős, lekerekített, puha árnyékok, színes ikoncsempék,
   pirula gombok, sávosan váltakozó háttér, a nyitóképben a csempés felület
   vázlata. HR vezetőknek szól, nem mérnököknek.
   Ellentéte a Prozenda skinnek, szándékosan.
   ========================================================================= */

:root{
  --ink:#181736;
  --ink-2:#5f5e85;
  --line:#e7e3dd;
  --paper:#ffffff;
  --paper-2:#f6f4f1;
  --paper-3:#efebe6;
  --violet:#5f4e8f;
  --violet-2:#7e6cb9;
  --sky:#173a7e;
  --sky-2:#6d9ae7;
  --deep:#1d1932;
  --prz-sec:92px;
  --prz-gap:22px;
  --shadow-1:0 1px 2px rgba(24,23,54,.05),0 8px 24px -12px rgba(24,23,54,.18);
  --shadow-2:0 2px 4px rgba(24,23,54,.06),0 24px 48px -20px rgba(24,23,54,.28);
  --r:20px;
  --r-sm:12px;
}

body.prz-perbit{background:var(--paper);color:var(--ink);font-size:17.5px;line-height:1.68}

.prz-perbit .prz-sec{background:var(--paper)}
.prz-perbit .prz-sec-paper{background:var(--paper-2)}
.prz-perbit .prz-sec-dark{background:var(--deep);color:#efedea}

/* ---------- tipográfia: barátságosabb, kevesebb negatív térköz ---------- */
.prz-perbit .prz-h1{font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.1;letter-spacing:-.022em}
.prz-perbit .prz-h2{font-size:clamp(27px,3.2vw,40px);font-weight:700;line-height:1.18;letter-spacing:-.018em}
.prz-perbit .prz-h3{font-size:clamp(20px,2vw,25px);font-weight:700;letter-spacing:-.012em}
.prz-perbit .prz-h4{font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.008em}
.prz-perbit .prz-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.62;color:var(--ink-2);max-width:60ch;margin:0 0 26px}
.prz-perbit .prz-prose{max-width:74ch;color:var(--ink-2)}
.prz-perbit .prz-prose strong,.prz-perbit .prz-prose b{color:var(--ink)}
.prz-perbit .prz-prose h2{color:var(--ink);font-size:27px;margin:1.7em 0 .5em}
.prz-perbit .prz-prose h3{color:var(--ink);font-size:20px;margin:1.5em 0 .4em}
.prz-perbit .prz-prose li::marker{color:var(--violet-2)}

/* kicker: pirula, nem vonal */
.prz-perbit .prz-kicker{display:inline-block;background:var(--paper-3);color:var(--violet);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 20px}
.prz-perbit .prz-sec-dark .prz-kicker,.prz-perbit .prz-hero .prz-kicker{background:rgba(255,255,255,.12);color:var(--sky-2)}
.prz-perbit .prz-head-block{max-width:760px;margin-bottom:44px}
.prz-perbit .prz-head-block.prz-center{margin-left:auto;margin-right:auto}

/* ---------- gombok: pirula, puha ---------- */
.prz-perbit .prz-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;font-weight:600;font-size:16px;text-decoration:none;border:0;line-height:1;box-shadow:var(--shadow-1);transition:transform 160ms var(--ease-out),box-shadow 200ms var(--ease-out),filter 160ms var(--ease-out)}
.prz-perbit .prz-btn:active{transform:scale(.975)}
@media(hover:hover) and (pointer:fine){.prz-perbit .prz-btn:hover{box-shadow:var(--shadow-2);filter:brightness(1.06)}}
.prz-perbit .prz-btn-ghost{background:transparent;color:var(--violet);border:1.5px solid var(--line);box-shadow:none}
@media(hover:hover) and (pointer:fine){.prz-perbit .prz-btn-ghost:hover{background:var(--paper-2);filter:none;box-shadow:none;border-color:var(--violet-2)}}
.prz-perbit .prz-hero .prz-btn-ghost{color:#ffffff;border-color:rgba(255,255,255,.45)}
.prz-perbit .prz-btn-sm{padding:11px 20px;font-size:15px}
.prz-perbit .prz-link{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:15.5px;color:var(--violet);text-decoration:none}
.prz-perbit .prz-link::after{content:"\2192";transition:transform 180ms var(--ease-out)}
@media(hover:hover){.prz-perbit .prz-link:hover::after{transform:translateX(4px)}}

/* ---------- fejléc ---------- */
.prz-perbit .prz-head{position:sticky;top:0;z-index:400;background:rgba(255,255,255,.9);backdrop-filter:saturate(170%) blur(14px);border-bottom:1px solid var(--line)}
.prz-perbit .prz-head-in{display:flex;align-items:center;gap:18px;min-height:76px}
.prz-perbit .prz-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.03em;color:var(--ink);flex:none}
.prz-perbit .prz-logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;font-size:17px;font-weight:700}
.prz-perbit .prz-logo-txt b{color:var(--sky);font-weight:700}
.prz-perbit .prz-nav{margin-left:auto}
.prz-perbit .prz-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.prz-perbit .prz-menu li{position:relative}
.prz-perbit .prz-menu a{display:block;white-space:nowrap;padding:10px 13px;font-size:15.5px;font-weight:600;color:var(--ink-2);text-decoration:none;border-radius:999px;transition:color 160ms var(--ease-out),background 160ms var(--ease-out)}
.prz-perbit .prz-menu a:hover,.prz-perbit .prz-menu .current-menu-item>a,.prz-perbit .prz-menu .current-menu-ancestor>a{color:var(--violet);background:var(--paper-3)}
.prz-perbit .prz-menu .sub-menu{position:absolute;top:100%;left:0;min-width:262px;background:#ffffff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);padding:8px;margin:6px 0 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px) scale(.98);transform-origin:top left;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 160ms;z-index:20}
.prz-perbit .prz-menu li:hover>.sub-menu,.prz-perbit .prz-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.prz-perbit .prz-menu .sub-menu a{font-weight:500;font-size:15px;padding:10px 13px;border-radius:10px}
.prz-perbit .prz-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.prz-perbit .prz-head-side{display:flex;align-items:center;gap:12px;flex:none}
.prz-perbit .prz-langsw{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.prz-perbit .prz-langsw a{padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none;color:var(--ink-2)}
.prz-perbit .prz-langsw a.is-on{background:var(--violet);color:#ffffff}
.prz-perbit .prz-burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#ffffff;border-radius:14px;cursor:pointer;padding:0;place-items:center}
.prz-perbit .prz-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);margin:3.5px auto;transition:transform 200ms var(--ease-out),opacity 120ms}
.prz-perbit .prz-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.prz-perbit .prz-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.prz-perbit .prz-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* ---------- nyitókép: világos, színes mosás, termékvázlat ---------- */
.prz-perbit .prz-hero{position:relative;overflow:hidden;background:var(--deep);color:#ffffff;padding:clamp(64px,8vw,104px) 0 clamp(64px,8vw,110px)}
.prz-perbit .prz-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(900px 520px at 8% -10%,rgba(108,94,145,.85),transparent 62%),
  radial-gradient(800px 460px at 92% 8%,rgba(23,58,126,.75),transparent 64%),
  radial-gradient(700px 420px at 60% 115%,rgba(109,154,231,.35),transparent 68%)}
.prz-perbit .prz-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:linear-gradient(transparent,rgba(255,255,255,.06))}
.prz-perbit .prz-hero>*{position:relative;z-index:2}
.prz-perbit .prz-hero .prz-lead{color:rgba(239,237,234,.86);max-width:46ch}
.prz-perbit .prz-hero-in{display:grid;gap:52px;align-items:center}
.prz-perbit .prz-hero-2col{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}
.prz-perbit .prz-hero-sm{padding:clamp(48px,6vw,80px) 0 clamp(44px,5vw,68px)}
.prz-perbit .prz-hero-sm .prz-h1{font-size:clamp(30px,3.8vw,46px)}
.prz-perbit .prz-pagehead{background:var(--paper-2);padding:52px 0;border-bottom:1px solid var(--line)}

/* csempés felület vázlata */
.prz-perbit .prz-uimock{border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 40px 80px -30px rgba(17,14,29,.7);overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transform-origin:left center}
.prz-perbit .prz-uimock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#f2f0ec;border-bottom:1px solid #e4e0da}
.prz-perbit .prz-uimock-bar i{width:9px;height:9px;border-radius:50%;background:#d7d6e7;display:block}
.prz-perbit .prz-uimock-bar em{margin-left:10px;font-style:normal;font-size:11.5px;font-family:var(--prz-mono);color:#8f8caa;letter-spacing:.04em}
.prz-perbit .prz-uimock-body{display:grid;grid-template-columns:54px 1fr;min-height:268px}
.prz-perbit .prz-uimock-side{background:#fafaf8;border-right:1px solid #eeebe6;padding:14px 0;display:grid;gap:10px;align-content:start;justify-items:center}
.prz-perbit .prz-uimock-side i{width:22px;height:22px;border-radius:7px;background:#ebe7e1;display:block}
.prz-perbit .prz-uimock-side i:first-child{background:linear-gradient(135deg,var(--violet),var(--sky))}
.prz-perbit .prz-uimock-tiles{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.prz-perbit .prz-uimock-tile{border:1px solid #eeebe6;border-radius:12px;padding:13px 14px;background:#ffffff;display:grid;gap:9px}
.prz-perbit .prz-uimock-tile b{font-size:12.5px;font-weight:600;color:#3f3d67;letter-spacing:-.01em}
.prz-perbit .prz-uimock-tile u{display:block;height:6px;border-radius:4px;background:#eeecf8;text-decoration:none}
.prz-perbit .prz-uimock-tile:nth-child(1) u{background:linear-gradient(90deg,var(--violet),var(--sky));width:72%}
.prz-perbit .prz-uimock-tile:nth-child(2) u{width:48%;background:#becff6}
.prz-perbit .prz-uimock-tile:nth-child(3) u{width:84%;background:#e7e1e9}
.prz-perbit .prz-uimock-tile:nth-child(4) u{width:36%;background:#c8ddfe}
.prz-perbit .prz-uimock-note{margin:14px 0 0;font-size:12.5px;color:rgba(239,237,234,.7);text-align:center}

/* ---------- kártyák: emelt, lekerekített ---------- */
.prz-perbit .prz-grid{gap:22px}
.prz-perbit .prz-card{background:#ffffff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:var(--shadow-1);text-decoration:none;display:block;transition:transform 200ms var(--ease-out),box-shadow 220ms var(--ease-out),border-color 200ms var(--ease-out)}
.prz-perbit .prz-sec-paper .prz-card{box-shadow:0 1px 2px rgba(24,23,54,.04)}
@media(hover:hover) and (pointer:fine){
  .prz-perbit .prz-card-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#dcd7d0}
}
.prz-perbit .prz-card .prz-h4{margin-bottom:9px;color:var(--ink)}
.prz-perbit .prz-card p{color:var(--ink-2);font-size:16px;margin-bottom:14px}
.prz-perbit .prz-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(95,78,143,.14),rgba(23,58,126,.16));color:var(--violet);font-size:14px;font-weight:700;margin-bottom:18px;font-family:var(--prz-mono);letter-spacing:-.02em}

/* ---------- lépések: számozott pirulák ---------- */
.prz-perbit .prz-steps{display:grid;gap:22px}
.prz-perbit .prz-step{background:#ffffff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;position:relative}
.prz-perbit .prz-sec-paper .prz-step{background:#ffffff}
.prz-perbit .prz-step-num{position:static;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;font-weight:700;font-size:15px;margin-bottom:16px}
.prz-perbit .prz-step h3{margin:0 0 8px;font-size:19px;font-weight:700}
.prz-perbit .prz-step p{margin:0;color:var(--ink-2);font-size:16px}

/* ---------- számok ---------- */
.prz-perbit .prz-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.prz-perbit .prz-stat{padding:26px 22px;border-radius:var(--r);background:#ffffff;border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:center}
.prz-perbit .prz-stat-num{display:block;font-size:clamp(32px,3.6vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(135deg,var(--violet),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.prz-perbit .prz-stat-lab{display:block;margin-top:10px;font-size:15px;color:var(--ink-2)}

/* ---------- logósáv ---------- */
.prz-perbit .prz-logos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.prz-perbit .prz-logos .prz-logoslot{flex:1 1 180px;max-width:220px;min-height:88px;display:grid;place-items:center;text-align:center;padding:16px;border:1px dashed #dcd7d0;border-radius:16px;background:#ffffff;font-weight:700;font-size:15px;color:var(--ink-2)}

/* ---------- vélemények ---------- */
.prz-perbit .prz-quote{background:#ffffff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:16px}
.prz-perbit .prz-quote-mark{font-size:30px;line-height:1;color:var(--sky-2)}
.prz-perbit .prz-quote blockquote{margin:0;font-size:16.5px;line-height:1.62;color:var(--ink)}
.prz-perbit .prz-quote-by{margin-top:auto;font-size:15px;display:flex;align-items:center;gap:12px}
.prz-perbit .prz-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--violet-2),var(--sky));color:#ffffff;font-weight:700;font-size:14.5px;letter-spacing:.02em;display:grid;place-items:center;flex:none;box-shadow:0 0 0 4px #ffffff,0 0 0 5px var(--line)}
.prz-perbit .prz-quote-by b{display:block;font-weight:700;color:var(--ink)}
.prz-perbit .prz-quote-by span{color:var(--ink-2);font-size:14px}

/* ---------- GYIK: lekerekített kártyák ---------- */
.prz-perbit .prz-faq{display:grid;gap:12px;max-width:880px}
.prz-perbit .prz-center .prz-faq{margin:0 auto}
.prz-perbit .prz-faq details{border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff;overflow:hidden;transition:border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out)}
.prz-perbit .prz-faq details[open]{border-color:#dcd7d0;box-shadow:var(--shadow-1)}
.prz-perbit .prz-faq summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink)}
.prz-perbit .prz-faq summary::-webkit-details-marker{display:none}
.prz-perbit .prz-faq summary::after{content:"";width:14px;height:14px;flex:none;color:var(--violet);background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;border-radius:2px;transition:transform 220ms var(--ease-out)}
.prz-perbit .prz-faq details[open] summary::after{transform:rotate(45deg)}
.prz-perbit .prz-faq .prz-faq-a{padding:0 22px 20px;color:var(--ink-2);font-size:16px}
.prz-perbit .prz-faq-meta{display:none}

/* ---------- CTA ---------- */
.prz-perbit .prz-cta{border-radius:28px;padding:clamp(36px,5vw,64px);background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;position:relative;overflow:hidden;text-align:center}
.prz-perbit .prz-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 0%,rgba(255,255,255,.22),transparent 62%)}
.prz-perbit .prz-cta>*{position:relative}
.prz-perbit .prz-cta .prz-h2{margin-left:auto;margin-right:auto;max-width:22ch}
.prz-perbit .prz-cta .prz-lead{color:rgba(255,255,255,.86);margin-left:auto;margin-right:auto}
.prz-perbit .prz-cta .prz-btnrow{justify-content:center}
.prz-perbit .prz-cta .prz-btn{background:#ffffff;color:var(--violet)}
.prz-perbit .prz-cta .prz-btn-ghost{background:transparent;color:#ffffff;border:1.5px solid rgba(255,255,255,.5)}

/* ---------- csapat ---------- */
.prz-perbit .prz-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.prz-perbit .prz-person{text-align:center;background:#ffffff;border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;box-shadow:var(--shadow-1)}
.prz-perbit .prz-person .prz-imgph{margin:0 auto 14px;max-width:120px;border:1px dashed #dcd7d0;border-radius:999px;background:var(--paper-2);color:var(--ink-2)}
.prz-perbit .prz-person b{display:block;font-size:17px;font-weight:700}
.prz-perbit .prz-person span{color:var(--ink-2);font-size:14.5px}

/* ---------- idővonal ---------- */
.prz-perbit .prz-timeline{position:relative;display:grid;gap:26px;padding-left:38px}
.prz-perbit .prz-timeline::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(var(--violet),rgba(23,58,126,.2))}
.prz-perbit .prz-tl-item{position:relative}
.prz-perbit .prz-tl-item::before{content:"";position:absolute;left:-38px;top:6px;width:24px;height:24px;border-radius:50%;background:#ffffff;border:5px solid var(--violet-2);box-shadow:0 0 0 4px rgba(108,94,145,.12)}
.prz-perbit .prz-tl-year{font-weight:700;color:var(--violet);font-size:14.5px;letter-spacing:.02em}
.prz-perbit .prz-tl-item h3{margin:4px 0 6px;font-size:19px}
.prz-perbit .prz-tl-item p{margin:0;color:var(--ink-2);font-size:16px}

/* ---------- listák ---------- */
.prz-perbit .prz-list{display:grid;gap:12px}
.prz-perbit .prz-list-item{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding:18px 22px;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff;text-decoration:none;transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out),border-color 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.prz-perbit a.prz-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-1);border-color:#dcd7d0}}
.prz-perbit .prz-list-item b{display:block;font-size:17px;font-weight:600;color:var(--ink)}
.prz-perbit .prz-list-item span span{color:var(--ink-2);font-size:14.5px}
.prz-perbit .prz-list-meta{font-size:13.5px;color:var(--violet);background:var(--paper-3);border-radius:999px;padding:4px 12px;white-space:nowrap;font-weight:600}

/* ---------- címkék ---------- */
.prz-perbit .prz-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.prz-perbit .prz-tag{border:1px solid var(--line);background:#ffffff;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;color:var(--ink-2);box-shadow:0 1px 2px rgba(24,23,54,.04)}

/* ---------- űrlap ---------- */
.prz-perbit .prz-form input,.prz-perbit .prz-form select,.prz-perbit .prz-form textarea{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff;color:var(--ink);transition:border-color 160ms var(--ease-out),box-shadow 160ms var(--ease-out)}
.prz-perbit .prz-form input:focus,.prz-perbit .prz-form select:focus,.prz-perbit .prz-form textarea:focus{outline:none;border-color:var(--violet-2);box-shadow:0 0 0 4px rgba(108,94,145,.14)}
.prz-perbit .prz-form label{color:var(--ink)}
.prz-perbit .prz-form .prz-check{color:var(--ink-2)}
.prz-perbit .prz-formmsg{border-radius:14px}
.prz-perbit .prz-contactbox dt{color:var(--violet);font-family:var(--prz-font);letter-spacing:.06em}

/* ---------- helykitöltők ---------- */
.prz-perbit .prz-imgph{border:2px dashed #dcd7d0;border-radius:var(--r);background:var(--paper-2);color:var(--ink-2)}
.prz-perbit .prz-imgph-file{color:var(--violet)}
.prz-perbit .prz-hero .prz-imgph{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:rgba(239,237,234,.8)}
.prz-perbit .prz-hero .prz-imgph-file{color:var(--sky-2)}
.prz-perbit .prz-sum div{background:#ffffff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1)}
.prz-perbit .prz-sum b{color:var(--violet)}

/* ---------- lábléc ---------- */
.prz-perbit .prz-foot{background:var(--deep);color:#b2b5d3;padding:68px 0 26px;font-size:15.5px}
.prz-perbit .prz-foot a{color:#b2b5d3;text-decoration:none;transition:color 160ms var(--ease-out)}
.prz-perbit .prz-foot a:hover{color:#ffffff}
.prz-perbit .prz-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.prz-perbit .prz-foot h3{color:#ffffff;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-weight:700}
.prz-perbit .prz-foot .prz-logo{color:#ffffff}
.prz-perbit .prz-foot .prz-logo-txt b{color:var(--sky-2)}
.prz-perbit .prz-foot-claim{margin:16px 0;max-width:34ch}
.prz-perbit .prz-foot-menu{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.prz-perbit .prz-foot-company{color:#ffffff;font-weight:600;margin:0 0 6px}
.prz-perbit .prz-foot-contact p{margin:0 0 6px}
.prz-perbit .prz-foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;font-size:14px}
.prz-perbit .prz-foot-legal a{border-bottom:1px solid rgba(255,255,255,.25)}
.prz-perbit .prz-foot-by{opacity:.65}

/* ---------- reszponzív ---------- */
@media(max-width:1340px){.prz-perbit .prz-menu a{padding:10px 9px;font-size:14.5px}}
@media(max-width:1024px){
  :root{--prz-sec:72px}
  .prz-perbit .prz-hero-2col{grid-template-columns:minmax(0,1fr)}
  .prz-perbit .prz-uimock{transform:none}
  .prz-perbit .prz-stats,.prz-perbit .prz-team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prz-perbit .prz-foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:880px){
  .prz-perbit .prz-burger{display:grid}
  .prz-perbit .prz-nav{position:fixed;inset:0;background:#ffffff;padding:98px 24px 40px;overflow-y:auto;display:none;z-index:390}
  .prz-perbit .prz-nav.is-open{display:block}
  .prz-perbit .prz-menu{flex-direction:column;align-items:stretch;gap:2px}
  .prz-perbit .prz-menu a{padding:14px 14px;font-size:18px;border-radius:14px}
  .prz-perbit .prz-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin:0 0 8px 14px;padding:0 0 0 10px}
  .prz-perbit .prz-head-side .prz-btn{display:none}
}
@media(max-width:760px){
  :root{--prz-sec:58px}
  .prz-perbit .prz-stats,.prz-perbit .prz-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .prz-perbit .prz-stat{padding:20px 12px}
  .prz-perbit .prz-stat-lab{font-size:14px}
  .prz-perbit .prz-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .prz-perbit .prz-logos .prz-logoslot{max-width:none;min-height:72px;font-size:15px}
  .prz-perbit .prz-uimock-tiles{grid-template-columns:1fr}
  .prz-perbit .prz-foot-top{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
  .prz-perbit .prz-list-item{flex-direction:column;gap:10px}
  .prz-perbit .prz-list-meta{white-space:normal;align-self:flex-start;max-width:100%}
  .prz-perbit .prz-list-meta .prz-todo{white-space:normal;word-break:break-word}
}


/* =========================================================================
   0.3.0, vizuális réteg: "élő termékoldal"
   Nyitóképben a rendszer ábrája (központ és hat modul, az adat a központ
   felé áramlik), bento modulkártyák valódi ikonokkal, futószalagos funkciók,
   kiemelt vélemény, összekötött lépések, lebegő ikonok a CTA-ban.
   Lekerekített, levegős, színes, a Prozenda ellentéte marad.
   ========================================================================= */

/* ---------- nyitókép ---------- */
.prz-perbit .prz-hero{border-radius:0 0 44px 44px;isolation:isolate}
.prz-perbit .prz-hero::before{background:
  radial-gradient(900px 520px at 8% -10%,rgba(108,94,145,.85),transparent 62%),
  radial-gradient(800px 460px at 92% 8%,rgba(23,58,126,.75),transparent 64%),
  radial-gradient(700px 420px at 60% 115%,rgba(109,154,231,.35),transparent 68%);
  animation:prz-drift 22s var(--ease-in-out) infinite alternate}
@keyframes prz-drift{from{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}
.prz-perbit .prz-hero::after{top:0;bottom:0;height:auto;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 80% at 78% 40%,#000000,transparent 75%);mask-image:radial-gradient(70% 80% at 78% 40%,#000000,transparent 75%);opacity:.6}
.prz-perbit .prz-hero-big{padding:clamp(72px,9vw,120px) 0 clamp(80px,9vw,128px)}
.prz-perbit .prz-hero-big .prz-h1{font-size:clamp(38px,4.9vw,64px);line-height:1.02;letter-spacing:-.034em}
.prz-perbit .prz-hero .prz-h1 em{font-style:normal;background:linear-gradient(90deg,#cbbffe,#81aaee);-webkit-background-clip:text;background-clip:text;color:transparent}
.prz-perbit .prz-hero-big .prz-hero-2col{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.prz-perbit .prz-hero-meta li{font-size:14px;color:rgba(239,237,234,.78);display:flex;align-items:center;gap:8px;font-weight:500}
.prz-perbit .prz-hero-meta li::before{content:"";width:18px;height:18px;border-radius:999px;background:rgba(109,154,231,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b84ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
@keyframes prz-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.prz-perbit .prz-hero .prz-kicker,.prz-perbit .prz-hero .prz-lead,.prz-perbit .prz-hero .prz-btnrow,.prz-perbit .prz-hero .prz-hero-meta{animation:prz-rise 700ms var(--ease-out) both}
.prz-perbit .prz-hero .prz-lead{animation-delay:80ms}
.prz-perbit .prz-hero .prz-btnrow{animation-delay:150ms}
.prz-perbit .prz-hero .prz-hero-meta{animation-delay:220ms}

/* modulkép */
.prz-perbit .prz-orbit-ring{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}
.prz-perbit .prz-orbit-ring-in{stroke:rgba(255,255,255,.12);stroke-dasharray:none}
.prz-perbit .prz-orbit-link{fill:none;stroke:rgba(215,207,232,.5);stroke-width:1.5;stroke-dasharray:5 9;vector-effect:non-scaling-stroke;animation:prz-flow 1.4s linear infinite}
@keyframes prz-flow{to{stroke-dashoffset:-28}}
.prz-perbit .prz-orbit-dot{fill:#81aaee}
.prz-perbit .prz-orbit-hub{width:clamp(108px,11vw,138px);aspect-ratio:1;border-radius:34%;background:linear-gradient(140deg,#8e81b0,#173a7e);display:grid;place-content:center;justify-items:center;gap:2px;color:#ffffff;box-shadow:0 40px 70px -24px rgba(17,14,29,.85),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -12px 24px rgba(23,21,46,.25)}
.prz-perbit .prz-orbit-hub::before,.prz-perbit .prz-orbit-hub::after{content:"";position:absolute;inset:-14px;border-radius:38%;border:1.5px solid rgba(215,207,232,.4);animation:prz-ping 3.2s var(--ease-out) infinite;pointer-events:none}
.prz-perbit .prz-orbit-hub::after{animation-delay:1.6s}
@keyframes prz-ping{from{transform:scale(.92);opacity:.9}to{transform:scale(1.5);opacity:0}}
.prz-perbit .prz-orbit-mark{font-size:clamp(44px,4.6vw,58px);font-weight:800;line-height:.9;letter-spacing:-.04em}
.prz-perbit .prz-orbit-name{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.prz-perbit .prz-orbit-chip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.97);color:var(--ink);font-weight:650;font-size:14.5px;white-space:nowrap;box-shadow:0 20px 44px -18px rgba(17,14,29,.75),0 0 0 1px rgba(255,255,255,.6);animation:prz-pop 640ms var(--ease-out) calc(var(--i) * 70ms + 180ms) both,prz-float 5.5s var(--ease-in-out) calc(var(--i) * -0.9s) infinite alternate}
@keyframes prz-pop{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes prz-float{from{translate:0 -5px}to{translate:0 5px}}
.prz-perbit .prz-orbit-ico{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;display:grid;place-items:center;font-size:18px;flex:none}
.prz-perbit .prz-orbit-note{margin:16px 0 0;text-align:center;font-size:13.5px;color:rgba(239,237,234,.7)}

/* aloldali ikonjelvény */
.prz-perbit .prz-badge-wrap{min-height:240px}
.prz-perbit .prz-badge-art{width:230px;height:230px}
.prz-perbit .prz-badge-tile{position:absolute;inset:34px;border-radius:30%;background:linear-gradient(140deg,#8e81b0,#173a7e);color:#ffffff;display:grid;place-items:center;font-size:72px;box-shadow:0 40px 70px -26px rgba(17,14,29,.9),inset 0 1px 0 rgba(255,255,255,.35);animation:prz-float 6s var(--ease-in-out) infinite alternate}
.prz-perbit .prz-badge-tile .prz-svg{stroke-width:1.5}
.prz-perbit .prz-badge-ring{position:absolute;inset:14px;border-radius:32%;border:1.5px solid rgba(215,207,232,.32);animation:prz-turn 26s linear infinite}
.prz-perbit .prz-badge-ring-2{inset:-8px;border-radius:34%;border-style:dashed;border-color:rgba(129,170,238,.26);animation-duration:40s;animation-direction:reverse}
@keyframes prz-turn{to{transform:rotate(360deg)}}
.prz-perbit .prz-hero-sm .prz-hero-2col{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}

/* ---------- szekcióháttér: a halvány sávok kapnak színmosást ---------- */
.prz-perbit .prz-sec-paper{background:radial-gradient(900px 420px at 6% 0%,rgba(108,94,145,.09),transparent 62%),radial-gradient(820px 400px at 96% 100%,rgba(23,58,126,.08),transparent 62%),var(--paper-2)}
.prz-perbit .prz-h2{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.024em}
.prz-perbit .prz-prose>p:first-child{font-size:clamp(19px,1.6vw,21px);color:var(--ink);line-height:1.6}

/* ---------- kártyák: ikoncsempe, vízjel ikon, finom emelés ---------- */
.prz-perbit .prz-card{position:relative;overflow:hidden;isolation:isolate}
.prz-perbit .prz-card-n{display:none}
.prz-perbit .prz-icon-svg{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#ffffff;font-size:24px;margin-bottom:22px;box-shadow:0 12px 24px -12px rgba(73,69,114,.7);transition:transform 260ms var(--ease-out)}
.prz-perbit .prz-card-wm{position:absolute;right:-26px;bottom:-30px;font-size:150px;color:var(--violet);opacity:.055;z-index:-1;transition:transform 420ms var(--ease-out),opacity 300ms var(--ease-out)}
.prz-perbit .prz-card-wm .prz-svg{stroke-width:1.25}
@media(hover:hover) and (pointer:fine){
  .prz-perbit .prz-card-link:hover .prz-icon-svg{transform:rotate(-6deg) scale(1.05)}
  .prz-perbit .prz-card-link:hover .prz-card-wm{transform:translate(-8px,-8px) rotate(-4deg);opacity:.09}
}

/* bento: négy oszlop, az első és az utolsó dupla széles és színes */
.prz-perbit .prz-cards-bento{grid-template-columns:repeat(4,minmax(0,1fr))}
.prz-perbit .prz-cards-bento>.prz-card{display:flex;flex-direction:column;min-height:280px}
.prz-perbit .prz-cards-bento>.prz-card .prz-link{margin-top:auto}
.prz-perbit .prz-cards-bento>.prz-card:first-child,.prz-perbit .prz-cards-bento>.prz-card:last-child{grid-column:span 2}
.prz-perbit .prz-cards-bento>.prz-card:first-child{background:linear-gradient(150deg,#5f4e8f 0%,#243068 55%,#173a7e 100%);border:0;color:#ffffff;box-shadow:0 30px 60px -30px rgba(73,69,114,.8)}
.prz-perbit .prz-cards-bento>.prz-card:last-child{background:var(--deep);border:0;color:#ffffff;box-shadow:0 30px 60px -30px rgba(21,17,41,.8)}
.prz-perbit .prz-cards-bento>.prz-card:first-child .prz-h4,.prz-perbit .prz-cards-bento>.prz-card:last-child .prz-h4{color:#ffffff;font-size:clamp(22px,2vw,26px)}
.prz-perbit .prz-cards-bento>.prz-card:first-child p,.prz-perbit .prz-cards-bento>.prz-card:last-child p{color:rgba(239,237,234,.84);font-size:17px;max-width:40ch}
.prz-perbit .prz-cards-bento>.prz-card:first-child .prz-link,.prz-perbit .prz-cards-bento>.prz-card:last-child .prz-link{color:#ffffff}
.prz-perbit .prz-cards-bento>.prz-card:first-child .prz-icon-svg,.prz-perbit .prz-cards-bento>.prz-card:last-child .prz-icon-svg{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.prz-perbit .prz-cards-bento>.prz-card:first-child .prz-card-wm,.prz-perbit .prz-cards-bento>.prz-card:last-child .prz-card-wm{color:#ffffff;opacity:.1;font-size:220px;right:-30px;bottom:-44px}
.prz-perbit .prz-cards-bento>.prz-card:last-child .prz-icon-svg{background:linear-gradient(135deg,#8e81b0,#6d9ae7);box-shadow:none}
.prz-perbit .prz-cards-bento>.prz-card:last-child::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 220px at 100% 0%,rgba(109,154,231,.28),transparent 70%),radial-gradient(360px 200px at 0% 100%,rgba(142,129,176,.3),transparent 70%)}

/* ---------- funkciók futószalagon ---------- */
.prz-perbit .prz-marquee{--mq-gap:12px;--mq-dur:52s;padding:6px 0}
.prz-perbit .prz-marquee .prz-tag{display:inline-flex;align-items:center;gap:10px;padding:13px 22px 13px 16px;font-size:16px;box-shadow:0 1px 2px rgba(24,23,54,.05),0 10px 22px -16px rgba(24,23,54,.3)}
.prz-perbit .prz-marquee .prz-tag::before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--violet-2),var(--sky));box-shadow:0 0 0 4px rgba(108,94,145,.12)}

/* ---------- számok: hiányzó szám helye ---------- */
.prz-perbit .prz-stat{display:flex;flex-direction:column;align-items:center}
.prz-perbit .prz-stat-num.is-missing{display:block;width:100%;background:none;-webkit-background-clip:border-box;background-clip:border-box}
.prz-perbit .prz-stat-num.is-missing i{display:block;height:40px;width:62%;margin:2px auto 0;border-radius:12px;background:linear-gradient(90deg,var(--paper-3) 0%,#ffffff 50%,var(--paper-3) 100%);background-size:220% 100%;animation:prz-shimmer 2.6s linear infinite}
@keyframes prz-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}

/* ---------- vélemények: kiemelt első ---------- */
.prz-perbit .prz-quotes{grid-template-columns:1.25fr 1fr;grid-auto-rows:auto}
.prz-perbit .prz-quotes>.prz-quote:first-child{grid-row:span 2;padding:40px;background:linear-gradient(160deg,#ffffff 0%,#f7f5f2 100%);border-color:#dedaf3}
.prz-perbit .prz-quotes>.prz-quote:first-child blockquote{font-size:clamp(19px,1.7vw,22px);line-height:1.55;letter-spacing:-.01em}
.prz-perbit .prz-quotes>.prz-quote:first-child .prz-quote-mark{font-size:54px;color:var(--violet-2)}
.prz-perbit .prz-quote-who{display:grid;gap:1px}
.prz-perbit .prz-quote-by .prz-avatar{color:#ffffff;font-size:14.5px}

/* ---------- partnerek: szóvédjegy helyek ---------- */
.prz-perbit .prz-logos .prz-logoslot{border:1px solid var(--line);font-size:17px;letter-spacing:-.01em;color:#908eaa;transition:color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.prz-perbit .prz-logos .prz-logoslot:hover{color:var(--violet);border-color:#dcd7d0}}

/* ---------- lépések: összekötött, kártya nélkül ---------- */
.prz-perbit .prz-steps.prz-grid-3{position:relative;gap:28px}
.prz-perbit .prz-steps.prz-grid-3::before{content:"";position:absolute;left:16.6%;right:16.6%;top:31px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--violet-2),var(--sky));opacity:.35}
.prz-perbit .prz-steps.prz-grid-3 .prz-step{background:none;border:0;padding:0 8px;text-align:center}
.prz-perbit .prz-steps.prz-grid-3 .prz-step-num{width:64px;height:64px;margin:0 auto 20px;font-size:19px;position:relative;box-shadow:0 0 0 8px #ffffff,0 16px 30px -12px rgba(73,69,114,.6)}
.prz-perbit .prz-sec-paper .prz-steps.prz-grid-3 .prz-step-num{box-shadow:0 0 0 8px var(--paper-2),0 16px 30px -12px rgba(73,69,114,.6)}
.prz-perbit .prz-steps.prz-grid-3 .prz-step p{max-width:34ch;margin:0 auto}

/* ---------- CTA: lebegő modulikonok ---------- */
.prz-perbit .prz-cta{padding:clamp(48px,7vw,92px) clamp(28px,6vw,72px);box-shadow:0 40px 80px -40px rgba(73,69,114,.7)}
.prz-perbit .prz-cta .prz-h2{font-size:clamp(30px,3.8vw,50px)}
.prz-perbit .prz-cta-fx{position:absolute;inset:0;pointer-events:none;z-index:0}
.prz-perbit .prz-cta>*:not(.prz-cta-fx):not(.prz-hero-fx){position:relative;z-index:1}
.prz-perbit .prz-cta-fx span{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);color:#ffffff;font-size:27px;animation:prz-float 6s var(--ease-in-out) infinite alternate}
.prz-perbit .prz-cta-fx span:nth-child(1){left:5%;top:16%;rotate:-10deg;animation-delay:-1s}
.prz-perbit .prz-cta-fx span:nth-child(2){left:11%;bottom:14%;width:50px;height:50px;font-size:22px;rotate:8deg;animation-delay:-3s}
.prz-perbit .prz-cta-fx span:nth-child(3){left:19%;top:10%;width:40px;height:40px;font-size:18px;border-radius:14px;rotate:12deg;animation-delay:-4.5s;opacity:.7}
.prz-perbit .prz-cta-fx span:nth-child(4){right:5%;top:18%;rotate:10deg;animation-delay:-2s}
.prz-perbit .prz-cta-fx span:nth-child(5){right:12%;bottom:12%;width:50px;height:50px;font-size:22px;rotate:-8deg;animation-delay:-5s}
.prz-perbit .prz-cta-fx span:nth-child(6){right:20%;top:9%;width:40px;height:40px;font-size:18px;border-radius:14px;rotate:-12deg;animation-delay:-.5s;opacity:.7}

.prz-perbit .prz-foot-mark{display:none}

@media(max-width:1180px){
  .prz-perbit .prz-cta-fx span:nth-child(3),.prz-perbit .prz-cta-fx span:nth-child(6){display:none}
}
@media(max-width:1024px){
  .prz-perbit .prz-hero-big .prz-hero-2col,.prz-perbit .prz-hero-sm .prz-hero-2col{grid-template-columns:minmax(0,1fr)}
  .prz-perbit .prz-orbit{margin:0 auto}
  .prz-perbit .prz-cards-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prz-perbit .prz-quotes{grid-template-columns:1fr}
  .prz-perbit .prz-quotes>.prz-quote:first-child{grid-row:auto}
  .prz-perbit .prz-hero-sm .prz-badge-wrap{display:none}
  .prz-perbit .prz-cta-fx{display:none}
}
@media(max-width:760px){
  .prz-perbit .prz-hero{border-radius:0 0 28px 28px}
  .prz-perbit .prz-cards-bento{grid-template-columns:1fr}
  .prz-perbit .prz-cards-bento>.prz-card:first-child,.prz-perbit .prz-cards-bento>.prz-card:last-child{grid-column:auto}
  .prz-perbit .prz-cards-bento>.prz-card{min-height:0}
  .prz-perbit .prz-steps.prz-grid-3::before{left:31px;right:auto;top:32px;bottom:32px;width:2px;height:auto;background:linear-gradient(180deg,var(--violet-2),var(--sky))}
  .prz-perbit .prz-steps.prz-grid-3 .prz-step{text-align:left;display:grid;grid-template-columns:64px 1fr;gap:4px 20px;padding:0}
  .prz-perbit .prz-steps.prz-grid-3 .prz-step-num{margin:0;grid-row:span 2}
  .prz-perbit .prz-steps.prz-grid-3 .prz-step p{margin:0}
}
@media(max-width:640px){
  /* keskeny kijelzőn a modulkép rácsba rendeződik, a vonalak eltűnnek */
  .prz-perbit .prz-orbit{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .prz-perbit .prz-orbit-lines{display:none}
  .prz-perbit .prz-orbit-hub{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;justify-self:center;margin:6px 0 18px;width:104px}
  .prz-perbit .prz-orbit-chip{position:relative;left:auto;top:auto;transform:none;flex-direction:column;justify-content:center;text-align:center;gap:8px;border-radius:18px;padding:14px 8px 12px;font-size:13.5px;line-height:1.25;white-space:normal;min-width:0;animation:prz-pop 640ms var(--ease-out) calc(var(--i) * 70ms + 180ms) both}
  .prz-perbit .prz-orbit-lab{min-width:0;overflow-wrap:anywhere}
  .prz-perbit .prz-orbit-ico{width:32px;height:32px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .prz-perbit .prz-orbit-link,.prz-perbit .prz-orbit-hub::before,.prz-perbit .prz-orbit-hub::after,.prz-perbit .prz-badge-ring{animation:none!important}
  .prz-perbit .prz-orbit-hub::before,.prz-perbit .prz-orbit-hub::after{display:none}
}

/* balra zárt szekciófej alatt a lépések is balra zártak (hosszú szövegnél olvashatóbb) */
.prz-perbit .prz-head-block:not(.prz-center)~.prz-steps.prz-grid-3 .prz-step{text-align:left;padding:0}
.prz-perbit .prz-head-block:not(.prz-center)~.prz-steps.prz-grid-3 .prz-step-num{margin:0 0 20px}
.prz-perbit .prz-head-block:not(.prz-center)~.prz-steps.prz-grid-3 .prz-step p{margin:0;max-width:none}
.prz-perbit .prz-head-block:not(.prz-center)~.prz-steps.prz-grid-3::before{left:32px;right:calc((100% - 56px) / 3 - 32px)}

/* cégadat kártya */
.prz-perbit .prz-contactcard{border-radius:var(--r);background:radial-gradient(420px 240px at 100% 0%,rgba(23,58,126,.12),transparent 70%),radial-gradient(380px 220px at 0% 100%,rgba(108,94,145,.12),transparent 70%),var(--paper-2);border:1px solid var(--line)}
.prz-perbit .prz-contactbox dd a{color:var(--violet);text-decoration:none;font-weight:600}

/* fejléc: a menü, a nyelvváltó és a gomb együtt szélesebb a tartalomsávnál,
   ezért a fejléc sávja szélesebb, és szűkebb kijelzőn előbb a gomb lép vissza
   (a menüben a Kapcsolat ott marad), utána a menüpontok tömörödnek */
.prz-perbit .prz-head>.prz-wrap{max-width:1340px}
@media(max-width:1300px){.prz-perbit .prz-head-side .prz-btn{display:none}}
@media(max-width:1200px){.prz-perbit .prz-menu a{padding:10px 8px;font-size:14.5px}.prz-perbit .prz-head-in{gap:12px}}
.prz-perbit .prz-quotes>.prz-quote:only-child{padding:clamp(32px,4vw,48px)}
.prz-perbit .prz-quotes>.prz-quote:only-child blockquote{font-size:clamp(20px,2vw,26px);line-height:1.5;max-width:52ch}

/* =========================================================================
   0.4.0, "turbó": élénkebb márkaszínek, saját címbetű (Plus Jakarta Sans),
   mozgó színmosás és keringő modulok a nyitóképben, színes funkciósáv,
   interaktív modulbemutató, sötét PAIR szekció párosítás ábrával,
   fényfolt és finom dőlés a kártyákon, görgetésjelző a fejléc alján.
   ========================================================================= */
@font-face{font-family:'JakartaPRZ';src:url('../fonts/plus-jakarta-sans-latin-ext-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JakartaPRZ';src:url('../fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'JakartaPRZ';src:url('../fonts/plus-jakarta-sans-latin-ext-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JakartaPRZ';src:url('../fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  --violet:#624f90;
  --violet-2:#8979b2;
  --sky:#16418f;
  --sky-2:#6d9ae7;
  --deep:#1d1932;
  --paper-3:#efebe6;
  --grad:linear-gradient(135deg,#624f90 0%,#16418f 100%);
  --prz-display:'JakartaPRZ','InterPRZ',system-ui,sans-serif;
  --shadow-2:0 2px 4px rgba(24,23,54,.05),0 30px 60px -28px rgba(63,53,104,.35);
}

/* ---------- címbetű ---------- */
.prz-perbit .prz-h1,.prz-perbit .prz-h2,.prz-perbit .prz-h3,.prz-perbit .prz-h4,.prz-perbit .prz-logo,.prz-perbit .prz-btn,.prz-perbit .prz-orbit-hub,.prz-perbit .prz-tab-t,.prz-perbit .prz-quote-by b,.prz-perbit .prz-spot-item b,.prz-perbit .prz-step-num{font-family:var(--prz-display)}
.prz-perbit .prz-h1{font-weight:800;letter-spacing:-.035em}
.prz-perbit .prz-h2{font-weight:800;letter-spacing:-.03em;line-height:1.1}
.prz-perbit .prz-h4{font-weight:700;letter-spacing:-.015em}
.prz-perbit .prz-btn{font-weight:700;letter-spacing:-.005em}
.prz-perbit .prz-kicker{background:linear-gradient(135deg,rgba(98,79,144,.12),rgba(22,65,143,.12));color:var(--violet)}

/* ---------- görgetésjelző a fejléc alján ---------- */
@supports (animation-timeline: scroll()){
  .prz-perbit .prz-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad);transform-origin:left;transform:scaleX(0);animation:prz-progress linear both;animation-timeline:scroll(root)}
  @keyframes prz-progress{to{transform:scaleX(1)}}
}

/* ---------- nyitókép: mozgó színmosás ---------- */
.prz-perbit .prz-hero{z-index:2}
.prz-perbit .prz-hero-fx{display:block;opacity:0;transition:opacity 1200ms var(--ease-out)}
.prz-perbit .prz-hero-fx.is-on{opacity:1}
.prz-perbit .prz-hero::after{z-index:1}
.prz-perbit .prz-hero-big{padding:clamp(80px,10vw,136px) 0 clamp(96px,10vw,148px)}
.prz-perbit .prz-hero-big .prz-h1{font-size:clamp(40px,5.5vw,76px);line-height:1.02}
.prz-perbit .prz-hero .prz-h1 em{background:linear-gradient(90deg,#cdc3df 0%,#3388ff 35%,#e3c9d6 65%,#cdc3df 100%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prz-sheen 10s linear infinite}
@keyframes prz-sheen{to{background-position:-280% 0}}
.prz-perbit .prz-hero .prz-lead{font-size:clamp(18px,1.5vw,21px);color:rgba(239,237,234,.86)}
.prz-perbit .prz-hero .prz-btn:not(.prz-btn-ghost){background:#ffffff;color:var(--violet);box-shadow:0 18px 40px -16px rgba(137,121,178,.9)}
.prz-perbit .prz-hero .prz-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.prz-perbit .prz-hero-meta li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px 6px 8px;color:rgba(239,237,234,.9)}
.prz-perbit .prz-hero-meta{gap:10px}

/* modulok: üveg csempék, izzó központ, keringés */
.prz-perbit .prz-orbit{max-width:660px}
.prz-perbit .prz-orbit-ring{stroke:rgba(255,255,255,.22)}
.prz-perbit .prz-orbit-link{stroke:rgba(205,195,223,.55)}
.prz-perbit .prz-orbit-hub{width:clamp(118px,11.5vw,150px);background:linear-gradient(140deg,#8e7eb5,#1c4083);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 90px rgba(137,121,178,.65),0 40px 70px -24px rgba(17,14,29,.85)}
.prz-perbit .prz-orbit-chip{background:rgba(255,255,255,.12);color:#ffffff;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 20px 44px -20px rgba(17,14,29,.9),inset 0 1px 0 rgba(255,255,255,.2);font-weight:600}
.prz-perbit .prz-orbit-ico{background:linear-gradient(135deg,#8e7eb5,#1c4083);box-shadow:0 6px 16px -6px rgba(137,121,178,.9)}
.prz-perbit .prz-orbit.is-spinning .prz-orbit-hub{z-index:5}
@media(min-width:641px){.prz-perbit .prz-orbit.is-spinning .prz-orbit-chip{transform:translate(-50%,-50%) scale(var(--s,1));transition:opacity 200ms linear}}
.prz-perbit .prz-orbit-note{color:rgba(239,237,234,.62)}

/* ---------- aloldali jelvény: izzás ---------- */
.prz-perbit .prz-badge-tile{background:linear-gradient(140deg,#8e7eb5,#1c4083);box-shadow:0 0 90px rgba(137,121,178,.55),0 40px 70px -26px rgba(17,14,29,.9),inset 0 1px 0 rgba(255,255,255,.35)}

/* ---------- színes funkciósáv közvetlenül a nyitókép alatt ---------- */
.prz-perbit .prz-sec:has(.prz-marquees){background:linear-gradient(115deg,#52427c 0%,#624f90 32%,#1f3d78 70%,#1a4b9d 100%);color:#ffffff;position:relative;overflow:hidden;margin-top:-44px;padding-top:calc(var(--prz-sec) * .7 + 44px);padding-bottom:calc(var(--prz-sec) * .7)}
.prz-perbit .prz-sec:has(.prz-marquees)::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 300px at 12% 10%,rgba(255,255,255,.18),transparent 70%),radial-gradient(520px 280px at 92% 100%,rgba(227,201,214,.28),transparent 70%)}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-wrap{position:relative}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-h2{color:#ffffff;font-size:clamp(24px,2.6vw,34px)}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-head-block{margin-bottom:28px}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000000 10%,#000000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000000 10%,#000000 90%,transparent)}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-marquee .prz-tag{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);color:#ffffff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}
.prz-perbit .prz-sec:has(.prz-marquees) .prz-marquee .prz-tag::before{background:#ffffff;box-shadow:0 0 0 4px rgba(255,255,255,.2)}

/* ---------- modulbemutató ---------- */
.prz-tabs{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:28px;align-items:start}
.prz-tabs:not(.is-js){grid-template-columns:1fr}
.prz-tabs:not(.is-js) .prz-tabs-list{display:none}
.prz-tabs:not(.is-js) .prz-tabs-panels{gap:20px}
.prz-tabs-list{display:grid;gap:10px}
.prz-tab{appearance:none;-webkit-appearance:none;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px 13px 13px;border:1px solid var(--line);border-radius:18px;background:#ffffff;color:var(--ink);font:inherit;font-size:16.5px;font-weight:700;text-align:left;cursor:pointer;transition:background 200ms var(--ease-out),border-color 200ms var(--ease-out),box-shadow 240ms var(--ease-out),transform 160ms var(--ease-out)}
.prz-tab:active{transform:scale(.985)}
.prz-tab:focus-visible{outline:2px solid var(--violet-2);outline-offset:3px}
.prz-tab-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--paper-3);color:var(--violet);font-size:20px;flex:none;transition:background 240ms var(--ease-out),color 240ms var(--ease-out),transform 240ms var(--ease-out)}
.prz-tab-t{flex:1;min-width:0}
.prz-tab-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}
.prz-tab.is-on{border-color:transparent;background:linear-gradient(#ffffff,#ffffff) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:var(--shadow-2)}
.prz-tab.is-on .prz-tab-ico{background:var(--grad);color:#ffffff;transform:rotate(-4deg)}
.prz-tabs.is-timing .prz-tab.is-on .prz-tab-bar{transform:scaleX(1);transition:transform 5200ms linear}
@media(hover:hover) and (pointer:fine){.prz-tab:not(.is-on):hover{border-color:#ddd7e8;background:#fbfaf8}}
.prz-tabs-panels{display:grid}
.prz-tabpanel{grid-area:1/1;position:relative;overflow:hidden;display:block;padding:clamp(28px,3.4vw,48px);border-radius:30px;border:1px solid var(--line);background:radial-gradient(520px 320px at 100% 0%,rgba(137,121,178,.14),transparent 65%),radial-gradient(420px 300px at 0% 100%,rgba(22,65,143,.1),transparent 65%),#ffffff;box-shadow:var(--shadow-2)}
.prz-tabs:not(.is-js) .prz-tabpanel{grid-area:auto}
.prz-tabs.is-js .prz-tabpanel{opacity:0;visibility:hidden;transform:translateY(12px) scale(.99);transition:opacity 280ms var(--ease-out),transform 420ms var(--ease-out),visibility 0s linear 420ms}
.prz-tabs.is-js .prz-tabpanel.is-on{opacity:1;visibility:visible;transform:none;transition:opacity 320ms var(--ease-out) 60ms,transform 480ms var(--ease-out) 60ms,visibility 0s}
.prz-tabpanel-body{order:1;position:relative;z-index:1}
.prz-tabpanel-art{order:2;position:relative;width:230px;height:230px;justify-self:center}
.prz-tabpanel-tile{position:absolute;inset:40px;border-radius:30%;background:var(--grad);color:#ffffff;display:grid;place-items:center;font-size:70px;box-shadow:0 30px 60px -24px rgba(98,79,144,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.prz-tabpanel-tile .prz-svg{stroke-width:1.5}
.prz-tabpanel-ring{position:absolute;inset:18px;border-radius:32%;border:1.5px solid rgba(137,121,178,.28);animation:prz-turn 30s linear infinite}
.prz-tabpanel-ring-2{inset:-4px;border-style:dashed;border-color:rgba(22,65,143,.28);animation-duration:46s;animation-direction:reverse}
.prz-tabpanel.is-on .prz-tabpanel-tile{animation:prz-pop 520ms var(--ease-out) both}
.prz-tabpanel-n{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--violet-2)}
.prz-tabpanel .prz-h3{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.prz-tabpanel-text{color:var(--ink-2);font-size:17.5px;max-width:52ch;margin-bottom:20px}
.prz-ticks{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.prz-ticks li{position:relative;padding-left:30px;font-weight:600;font-size:15.5px;color:var(--ink);line-height:1.45;margin:0}
.prz-ticks li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:999px;background:var(--grad)}
.prz-ticks li::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg)}

/* ---------- PAIR: sötét kiemelt sáv, párosítás ábra ---------- */
.prz-perbit .prz-sec-spot{background:var(--deep);color:#efedea;position:relative;overflow:hidden}
.prz-perbit .prz-sec-spot::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 420px at 85% 20%,rgba(137,121,178,.4),transparent 65%),radial-gradient(620px 380px at 5% 100%,rgba(22,65,143,.28),transparent 65%),radial-gradient(420px 260px at 55% 110%,rgba(227,201,214,.18),transparent 70%)}
.prz-spot{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,5vw,72px);align-items:center}
.prz-perbit .prz-sec-spot .prz-kicker{background:rgba(255,255,255,.1);color:#cdc3df}
.prz-perbit .prz-sec-spot .prz-h2{color:#ffffff}
.prz-perbit .prz-sec-spot .prz-lead{color:rgba(239,237,234,.8)}
.prz-perbit .prz-sec-spot .prz-head-block{margin-bottom:28px}
.prz-spot-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;margin:0 0 8px}
.prz-spot-item{display:flex;gap:13px;align-items:flex-start}
.prz-spot-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8e7eb5,#1c4083);color:#ffffff;font-size:18px;flex:none;box-shadow:0 10px 22px -10px rgba(137,121,178,.9)}
.prz-spot-item b{display:block;color:#ffffff;font-size:16.5px;margin:2px 0 3px}
.prz-spot-item p{margin:0;color:rgba(239,237,234,.72);font-size:14.5px;line-height:1.55}
.prz-perbit .prz-sec-spot .prz-btn:not(.prz-btn-ghost){background:#ffffff;color:var(--violet)}
.prz-perbit .prz-sec-spot .prz-btn-ghost{color:#ffffff;border-color:rgba(255,255,255,.35)}
.prz-match{position:relative;border-radius:30px;padding:24px 22px 14px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.85)}
.prz-match-heads{display:flex;justify-content:space-between;padding:0 8px 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(239,237,234,.58)}
.prz-match svg{display:block;width:100%;height:auto;overflow:visible}
.prz-match-link{fill:none;stroke:rgba(255,255,255,.09);stroke-width:1.2;transition:stroke 400ms var(--ease-out),stroke-width 400ms var(--ease-out),opacity 400ms}
.prz-match-link.is-hot{stroke:url(#przmg);stroke-width:2.6}
.prz-match-node>rect:first-child{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.16);stroke-width:1;transition:fill 400ms var(--ease-out),stroke 400ms var(--ease-out)}
.prz-match-node>circle{fill:rgba(255,255,255,.2)}
.prz-match-node .b{fill:rgba(255,255,255,.26)}
.prz-match-node .b2{fill:rgba(255,255,255,.13)}
.prz-match-node .i{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.prz-match-node.is-hot>rect:first-child{fill:rgba(137,121,178,.3);stroke:#b5a9d0}
.prz-match-node.is-hot>circle{fill:#b5a9d0}
.prz-match-ok{opacity:0;transition:opacity 300ms var(--ease-out)}
.prz-match-ok circle{fill:#22c55e}
.prz-match-ok path{fill:none;stroke:#ffffff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prz-match-pos.is-ok .prz-match-ok{opacity:1}
.prz-match-dot{fill:#ffffff;opacity:0}
.prz-spot-note{margin:14px 0 0;text-align:center;font-size:13px;color:rgba(239,237,234,.55)}

/* ---------- fényfolt és finom dőlés ---------- */
.prz-perbit .prz-glow{position:relative}
.prz-perbit .prz-glow::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(137,121,178,.14),transparent 65%);opacity:0;transition:opacity 260ms var(--ease-out)}
.prz-perbit .prz-glow:hover::after{opacity:1}
.prz-perbit .prz-sec-spot .prz-glow::after,.prz-perbit .prz-cards-bento>.prz-card:first-child::after,.prz-perbit .prz-cards-bento>.prz-card:last-child::after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 65%)}
.prz-perbit .prz-card.prz-glow{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity 420ms var(--ease-out),transform 360ms var(--ease-out),box-shadow 240ms var(--ease-out),border-color 200ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.prz-perbit .prz-card-link.prz-glow:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}}

/* ---------- vélemények: színes keret a kiemelten ---------- */
.prz-perbit .prz-quotes>.prz-quote:first-child{background:linear-gradient(160deg,#ffffff 0%,#f6f4f0 100%) padding-box,var(--grad) border-box;border:1.5px solid transparent}

/* ---------- lépések: a vonal görgetésre kirajzolódik ---------- */
@supports (animation-timeline: view()){
  .prz-perbit .prz-steps.prz-grid-3::before{transform-origin:left;animation:prz-draw linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
  @keyframes prz-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* ---------- CTA: élő átmenet ---------- */
.prz-perbit .prz-cta{background:radial-gradient(640px 320px at 85% 0%,rgba(255,255,255,.22),transparent 62%),radial-gradient(560px 300px at 0% 100%,rgba(227,201,214,.3),transparent 62%),linear-gradient(120deg,#52427c,#624f90 35%,#1f3d78 75%,#1a4b9d);background-size:100% 100%,100% 100%,180% 180%;animation:prz-ctashift 16s var(--ease-in-out) infinite alternate}
@keyframes prz-ctashift{from{background-position:0 0,0 0,0% 50%}to{background-position:0 0,0 0,100% 50%}}
.prz-perbit .prz-cta .prz-h2{font-size:clamp(32px,4.2vw,56px)}

@media(max-width:1024px){
  .prz-tabs{grid-template-columns:1fr}
  .prz-tabs-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}
  .prz-tabs-list::-webkit-scrollbar{display:none}
  .prz-tab{width:auto;flex:none;scroll-snap-align:start;font-size:15px;padding:10px 14px 10px 10px}
  .prz-tab-ico{width:34px;height:34px;font-size:17px}
  .prz-spot{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .prz-tabpanel{border-radius:24px}
  .prz-spot-items{grid-template-columns:1fr}
  .prz-perbit .prz-sec:has(.prz-marquees){margin-top:-28px;padding-top:calc(var(--prz-sec) * .7 + 28px)}
}
@media(prefers-reduced-motion:reduce){
  .prz-perbit .prz-hero .prz-h1 em,.prz-perbit .prz-cta,.prz-tabpanel-ring{animation:none!important}
}

/* fülpanel: fej és ábra egy sorban, a pontok teljes szélességben */
.prz-tabpanel-top{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;margin-bottom:10px}
.prz-tabpanel-head{position:relative;z-index:1}
.prz-tabpanel-head .prz-tabpanel-text{margin-bottom:0}
.prz-tabpanel-art{width:190px;height:190px;order:0}
.prz-tabpanel-tile{inset:32px;font-size:58px}
.prz-tabpanel-body{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.prz-ticks{grid-template-columns:repeat(2,minmax(0,1fr))}

/* a nyitókép szövege mögött finom sötétítés, hogy a világos foltokon is olvasható legyen */
.prz-perbit .prz-hero-copy{position:relative}
.prz-perbit .prz-hero-copy::before{content:"";position:absolute;inset:-70px -110px -60px -90px;background:radial-gradient(closest-side,rgba(29,25,50,.5),transparent);z-index:-1;pointer-events:none}
@media(max-width:760px){
  .prz-tabpanel-top{grid-template-columns:minmax(0,1fr);gap:14px}
  .prz-tabpanel-art{order:-1;width:110px;height:110px}
  .prz-tabpanel-tile{inset:16px;font-size:36px}
  .prz-ticks{grid-template-columns:1fr}
  .prz-perbit .prz-hero-copy::before{inset:-40px -30px;background:radial-gradient(closest-side,rgba(29,25,50,.62),transparent)}
}

/* számok: egyetlen közös kártya, elválasztó vonalakkal, nem négy külön doboz */
.prz-perbit .prz-stats{gap:0;background:#ffffff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-2);overflow:hidden}
.prz-perbit .prz-stats .prz-stat{border:0;border-radius:0;box-shadow:none;background:none;padding:34px 22px}
.prz-perbit .prz-stats .prz-stat+.prz-stat{border-left:1px solid var(--line)}
.prz-perbit .prz-stats .prz-stat-num.is-missing i{background:linear-gradient(90deg,#efebe6 0%,#faf9f6 50%,#d9e3f3 100%);background-size:220% 100%}
@media(max-width:760px){
  .prz-perbit .prz-stats .prz-stat+.prz-stat{border-left:0}
  .prz-perbit .prz-stats .prz-stat:nth-child(2n){border-left:1px solid var(--line)}
  .prz-perbit .prz-stats .prz-stat:nth-child(n+3){border-top:1px solid var(--line)}
}

/* képhelykitöltő: továbbra is kiírja a fájlnevet és a kért tartalmat (házirend 14.),
   de tervezett felületként, nem szürke szaggatott dobozként */
.prz-perbit .prz-imgph{position:relative;overflow:hidden;border:1px solid #e3ddfb;border-radius:26px;background:radial-gradient(420px 260px at 100% 0%,rgba(137,121,178,.14),transparent 65%),radial-gradient(380px 240px at 0% 100%,rgba(22,65,143,.12),transparent 65%),#fbfaf8;color:var(--ink-2);gap:10px}
.prz-perbit .prz-imgph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(98,79,144,.14) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000000,transparent 70%);mask-image:linear-gradient(180deg,#000000,transparent 70%);pointer-events:none}
.prz-perbit .prz-imgph::before{content:"";width:58px;height:58px;border-radius:18px;background-color:#624f90;background-repeat:no-repeat;background-position:center,center;background-size:26px,100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E"),var(--grad);box-shadow:0 16px 30px -14px rgba(98,79,144,.8);margin-bottom:4px;position:relative;z-index:1}
.prz-perbit .prz-imgph>*{position:relative;z-index:1}
.prz-perbit .prz-imgph-file{color:var(--violet)}

/* a fejléc betöltés közben (tartalék betűvel) se lógjon ki vízszintesen */
.prz-perbit .prz-head{overflow-x:clip}
@media(max-width:1480px){.prz-perbit .prz-menu a{padding:10px 11px}}

/* a Hello Elementor button:hover/focus szabálya (fehér szöveg, rózsaszín háttér)
   a füleket is elérte: kattintás után eltűnt a felirat. Erősebb szelektorral vissza. */
.prz-tabs .prz-tab,.prz-tabs .prz-tab:hover,.prz-tabs .prz-tab:focus,.prz-tabs .prz-tab:active{color:var(--ink);background-color:#ffffff;text-decoration:none}
.prz-tabs .prz-tab.is-on,.prz-tabs .prz-tab.is-on:hover,.prz-tabs .prz-tab.is-on:focus{background:linear-gradient(#ffffff,#ffffff) padding-box,var(--grad) border-box;color:var(--ink)}
@media(hover:hover) and (pointer:fine){.prz-tabs .prz-tab:not(.is-on):hover{background:#fbfaf8;border-color:#ddd7e8}}

/* ---------------------------------------------------------------- 0.5.0 nyitókép fénykép
   A fényfolyam kép a színmosás alatt ül, halkan, jobb oldalra húzva. */
.prz-perbit .prz-hero-bg{opacity:.62;mix-blend-mode:screen;mask-image:radial-gradient(130% 110% at 72% 35%,#000000 20%,transparent 80%)}
.prz-perbit .prz-hero-bg img{filter:saturate(1.05)}
.prz-perbit .prz-hero-sm .prz-hero-bg{opacity:.4}
@media (max-width:860px){.prz-perbit .prz-hero-bg{opacity:.35}}
/* valódi kép: nagy lekerekítés, puha árnyék, a skin formavilága szerint */
.prz-perbit .prz-img{border-radius:24px;box-shadow:0 24px 60px -30px rgba(29,25,50,.45)}
/* modulbemutató: a fül ábrája helyett valódi kép */
.prz-perbit .prz-tabpanel-art-img{display:grid;place-items:center;position:relative}
.prz-perbit .prz-tabpanel-art-img picture{display:block;width:100%;max-width:340px}
.prz-perbit .prz-tabpanel-art-img img{width:100%;height:auto;border-radius:20px;display:block}
.prz-perbit .prz-tabpanel-art-img .prz-tabpanel-ring{opacity:.45}

/* ---------------------------------------------------------------- 0.6.0 nyitókép: mélység
   Teljes magasságú nyitókép, lebegő üvegkártyák a modulok valódi képeivel,
   a kiemelt szón fény fut át, a cím szavanként érkezik. */
.prz-perbit .prz-hero-big{min-height:min(94vh,900px);display:flex;align-items:center;padding-top:clamp(84px,10vw,150px)}
.prz-perbit .prz-hero-big .prz-wrap{width:100%}
.prz-perbit .prz-hero-big .prz-h1 em,.prz-perbit .prz-hero-big .prz-h1 .prz-w-em{background:linear-gradient(100deg,#d7cfe8 12%,#ffffff 38%,#81aaee 64%,#d7cfe8 88%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prz-sheen2 7s linear infinite}
/* a kiemelt szó egyszerre érkezik és kap fényt: két animáció, saját késleltetéssel */
.prz-perbit .prz-hero-big .prz-h1-split.is-in .prz-w-em{animation:prz-wordin .72s cubic-bezier(.22,.8,.28,1) both,prz-sheen2 7s linear infinite;animation-delay:calc(var(--i) * 34ms),0s}
.prz-perbit .prz-hero-big .prz-h1-split em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;animation:none}
@keyframes prz-sheen2{from{background-position:170% 0}to{background-position:-40% 0}}
@media (prefers-reduced-motion: reduce){.prz-perbit .prz-hero-big .prz-h1 em{animation:none;background-position:55% 0}}
.prz-perbit .prz-scrollcue{color:rgba(255,255,255,.8)}
/* lebegő üvegkártyák */
.prz-perbit .prz-floats{position:absolute;inset:0;z-index:2;pointer-events:none;--mx:0;--my:0}
.prz-perbit .prz-float{position:absolute;margin:0;width:190px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 70px -30px rgba(17,14,29,.7);backdrop-filter:blur(6px);transition:transform .5s cubic-bezier(.22,.8,.28,1)}
.prz-perbit .prz-float img{display:block;width:100%;height:auto}
.prz-perbit .prz-float-1{right:4%;top:8%;width:178px;transform:translate3d(calc(var(--mx) * -24px),calc(var(--my) * -18px),0) rotate(-5deg)}
.prz-perbit .prz-float-2{right:12%;bottom:6%;width:156px;transform:translate3d(calc(var(--mx) * 30px),calc(var(--my) * 24px),0) rotate(6deg)}
.prz-perbit .prz-float-3{left:47%;top:6%;width:140px;transform:translate3d(calc(var(--mx) * 16px),calc(var(--my) * -26px),0) rotate(3deg)}
@media (max-width:1400px){.prz-perbit .prz-float-3{display:none}}
@media (max-width:980px){.prz-perbit .prz-floats{display:none}.prz-perbit .prz-hero-big{min-height:0}}

/* ---------------------------------------------------------------- 0.6.1 nyugodtabb árnyalat
   A villanyos ibolya helyett a perbit saját, porosabb szőlőszíne és acélkékje,
   meleg papír háttérrel. Kevesebb ragyogás, kevesebb színátmenet. */
.prz-perbit .prz-hero::before{background:
  radial-gradient(900px 520px at 8% -10%,rgba(98,79,144,.55),transparent 62%),
  radial-gradient(800px 460px at 92% 8%,rgba(22,65,143,.32),transparent 64%)}
.prz-perbit .prz-btn:not(.prz-btn-ghost){background:var(--violet);background-image:none}
.prz-perbit .prz-hero .prz-btn:not(.prz-btn-ghost){background:#ffffff;color:var(--ink)}
.prz-perbit .prz-orbit-hub{background:linear-gradient(150deg,#7260a0,#263d6d);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 30px 60px -24px rgba(10,8,21,.8)}

/* ---------------------------------------------------------------- 0.6.1 modulkép fotóval
   A központban valódi fotó ül (a munkahely), körülötte a modulok. A perbit
   jelvény a fotó sarkára kerül, a körök eltűnnek, hogy ne legyen zsúfolt. */
.prz-perbit .prz-orbit-wrap.has-shot .prz-orbit-shot{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:4/3;transform:translate(-50%,-50%);margin:0;border-radius:26px;overflow:hidden;z-index:1;box-shadow:0 50px 90px -40px rgba(10,8,21,.9),0 0 0 1px rgba(255,255,255,.2)}
.prz-perbit .prz-orbit-shot picture{display:block;width:100%;height:100%}
.prz-perbit .prz-orbit-shot img{display:block;width:100%;height:100%;object-fit:cover}
.prz-perbit .has-shot .prz-orbit-ring{display:none}
.prz-perbit .has-shot .prz-orbit-hub{left:24%;top:72%;width:96px;z-index:3}
.prz-perbit .has-shot .prz-orbit-hub .prz-orbit-name{font-size:9px}
.prz-perbit .has-shot .prz-orbit-hub::before,.prz-perbit .has-shot .prz-orbit-hub::after{display:none}
.prz-perbit .has-shot .prz-orbit-chip{z-index:4}
@media(max-width:640px){
  .prz-perbit .prz-orbit-wrap.has-shot .prz-orbit-shot{position:relative;left:auto;top:auto;transform:none;width:100%;grid-column:1/-1;margin-bottom:8px}
  .prz-perbit .has-shot .prz-orbit-hub{display:none}
}
/* a jelvény fotó mellett felesleges, a logó a fejlécben van */
.prz-perbit .has-shot .prz-orbit-hub{display:none}
/* CTA és sötét sávok: a fő gomb itt fehér marad */
.prz-perbit .prz-cta .prz-btn:not(.prz-btn-ghost),.prz-perbit .prz-sec-spot .prz-btn:not(.prz-btn-ghost){background:#ffffff;color:var(--ink)}
/* funkciósáv: színátmenet helyett mély tinta, halvány szőlő fénnyel */
.prz-perbit .prz-sec:has(.prz-marquees){background:#251f3a}
.prz-perbit .prz-sec:has(.prz-marquees)::before{background:radial-gradient(700px 320px at 10% 0%,rgba(98,79,144,.45),transparent 70%),radial-gradient(640px 300px at 92% 100%,rgba(22,65,143,.22),transparent 70%)}
.prz-perbit .prz-cta{background:linear-gradient(140deg,#52427c,#624f90 55%,#263d6d)}

/* =========================================================================
   0.8.0 perbit nyitókép: világos modulkirakat
   Meleg papír alap, a tintafelhő (perbit-hero.jpg) lassan sodródik, középre
   zárt nagy cím, alatta a hat modul valódi képe egy sorban, mindegyik a
   saját oldalára visz. Szándékosan ellentéte a sötét, balra zárt Prozenda
   nyitóképnek. Színmosó vászon itt nincs.
   ========================================================================= */
.prz-perbit .prz-hero.prz-hero-side-showcase{background:#f7f5f2;color:var(--ink);border-radius:0;min-height:0;display:block;padding:clamp(48px,5.4vw,84px) 0 clamp(52px,5.5vw,84px)}
.prz-perbit .prz-hero-side-showcase::before{display:none}
.prz-perbit .prz-hero.prz-hero-side-showcase::after{top:0;bottom:0;height:auto;z-index:1;opacity:1;-webkit-mask-image:none;mask-image:none;background:
  radial-gradient(44% 40% at 50% 30%,rgba(247,245,242,.9),rgba(247,245,242,0) 74%),
  linear-gradient(180deg,rgba(247,245,242,0) 40%,rgba(247,245,242,.82) 70%,#f7f5f2 94%)}
.prz-perbit .prz-hero-side-showcase .prz-hero-bg{opacity:1;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.prz-perbit .prz-hero-side-showcase .prz-hero-bg img{position:absolute;inset:0;width:100%;height:100%;max-width:none;filter:saturate(.7) contrast(.97) brightness(1.02);object-position:50% 40%;transform-origin:45% 40%;animation:prz-ink 40s ease-in-out infinite alternate;translate:calc(var(--mx,0) * -18px) calc(var(--my,0) * -12px);transition:translate 1.4s cubic-bezier(.2,.8,.2,1)}
@keyframes prz-ink{from{transform:scale(1.06) rotate(-.5deg)}to{transform:scale(1.15) rotate(.7deg) translate3d(-1.5%,1%,0)}}

.prz-perbit .prz-hero-center{display:block}
.prz-perbit .prz-hero-center .prz-hero-copy{max-width:1080px;margin:0 auto;text-align:center}
.prz-perbit .prz-hero-center .prz-hero-copy::before{display:none}
.prz-perbit .prz-hero-side-showcase .prz-kicker{background:rgba(255,255,255,.74);color:var(--violet);box-shadow:inset 0 0 0 1px rgba(98,79,144,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1{color:var(--ink);font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.045em;margin:0 auto 26px;padding-bottom:.06em;text-wrap:balance}
.prz-perbit .prz-hero-side-showcase .prz-hero-meta{display:none}
.prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1 em,
.prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1 .prz-w-em{background:linear-gradient(100deg,#624f90 0%,#8372b3 28%,#1e3d7f 58%,#624f90 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prz-sheen2 9s linear infinite}
.prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1-split.is-in .prz-w-em{animation:prz-wordin .72s cubic-bezier(.22,.8,.28,1) both,prz-sheen2 9s linear infinite;animation-delay:calc(var(--i) * 34ms),0s}
.prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1-split em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;animation:none}
.prz-perbit .prz-hero-side-showcase .prz-lead{color:#504b67;max-width:50ch;margin-left:auto;margin-right:auto;font-size:clamp(18px,1.45vw,21px)}
.prz-perbit .prz-hero-side-showcase .prz-btnrow{justify-content:center}
.prz-perbit .prz-hero-side-showcase .prz-btn:not(.prz-btn-ghost){background:var(--violet);color:#ffffff;box-shadow:0 16px 32px -16px rgba(98,79,144,.8)}
.prz-perbit .prz-hero-side-showcase .prz-btn-ghost{background:rgba(255,255,255,.72);color:var(--ink);border-color:rgba(29,25,50,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.prz-perbit .prz-hero-side-showcase .prz-hero-meta li{background:rgba(255,255,255,.66);border-color:rgba(29,25,50,.1);color:#504b67}
.prz-perbit .prz-hero-side-showcase .prz-hero-meta li::before{background:rgba(98,79,144,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23624f90' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}

/* a hat modul egy sorban */
.prz-perbit .prz-show{margin-top:clamp(36px,4.4vw,60px)}
.prz-perbit .prz-show-list{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1240px}
.prz-perbit .prz-show-list li{min-width:0;margin:0;opacity:0;translate:0 28px;animation:prz-showin .85s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.5s + var(--i) * 70ms)}
@keyframes prz-showin{to{opacity:1;translate:0 0}}
.prz-perbit .prz-show-tile{position:relative;display:flex;flex-direction:column;height:100%;background:#ffffff;border-radius:22px;padding:8px 8px 16px;text-decoration:none;color:var(--ink);box-shadow:0 0 0 1px rgba(29,25,50,.07),0 1px 2px rgba(29,25,50,.05),0 18px 36px -24px rgba(29,25,50,.38);transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1)}
.prz-perbit .prz-show-tile:hover{transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateY(-6px);box-shadow:0 0 0 1px rgba(98,79,144,.22),0 2px 4px rgba(29,25,50,.06),0 32px 52px -26px rgba(63,51,104,.55)}
.prz-perbit .prz-show-tile:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.prz-perbit .prz-show-img{position:relative;display:block;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#f2efeb}
.prz-perbit .prz-show-img picture{display:block;width:100%;height:100%}
.prz-perbit .prz-show-img img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.8);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.prz-perbit .prz-show-tile:hover .prz-show-img img{transform:scale(1.07)}
.prz-perbit .prz-show-ico{position:absolute;inset:0;display:grid;place-items:center;color:var(--violet);font-size:40px}
.prz-perbit .prz-show-txt{display:grid;gap:3px;padding:13px 8px 0;text-align:left}
.prz-perbit .prz-show-n{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--violet-2)}
.prz-perbit .prz-show-lab{font-size:clamp(14px,1.06vw,15.5px);font-weight:700;letter-spacing:-.012em;line-height:1.25}
.prz-perbit .prz-show-sub{font-size:13px;line-height:1.4;color:#6f6a84}
.prz-perbit .prz-show-go{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--violet);box-shadow:0 4px 12px -6px rgba(29,25,50,.45);opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.prz-perbit .prz-show-go svg{width:15px;height:15px}
.prz-perbit .prz-show-tile:hover .prz-show-go,.prz-perbit .prz-show-tile:focus-visible .prz-show-go{opacity:1;transform:none}
@media (max-width:1180px){.prz-perbit .prz-show-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .prz-perbit .prz-hero-side-showcase.prz-hero-big .prz-h1{font-size:clamp(34px,10.4vw,48px);line-height:1.02}
  .prz-perbit .prz-show{margin-left:calc(var(--prz-gutter) * -1);margin-right:calc(var(--prz-gutter) * -1)}
  .prz-perbit .prz-show-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:6px var(--prz-gutter) 16px;scroll-padding-left:var(--prz-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .prz-perbit .prz-show-list::-webkit-scrollbar{display:none}
  .prz-perbit .prz-show-list li{flex:0 0 64%;scroll-snap-align:start}
}
@media (prefers-reduced-motion: reduce){
  .prz-perbit .prz-show-list li{animation:none;opacity:1;translate:none}
  .prz-perbit .prz-hero-side-showcase .prz-hero-bg img{animation:none}
}

/* =========================================================================
   0.9.0 arculati színek és logó (Gergő, 2026-09-29)
   Lila #624F90 a perbit logó színe, a második szín a Prozenda Kék #16418F.
   ========================================================================= */
.prz-perbit .prz-logo-img{height:44px;margin:-4px 0 -2px}
.prz-perbit .prz-foot .prz-logo-img{height:48px;margin:0}
@media (max-width:700px){.prz-perbit .prz-logo-img{height:36px}}
.prz-perbit .prz-banner{--prz-banner-r:24px;box-shadow:0 0 0 1px rgba(28,24,48,.06),0 28px 60px -34px rgba(40,30,80,.45)}