/* About us: leadership carousel, option B4 with the original photos (chosen 6 Oct 2026, DECISIONS.md).
   One leader per slide on the original team carousel (#team-carousel: same frame, paging and arrows as before);
   "Teljes profil" / "Full profile" folds the CV out inside the slide. Made from the review-page CSS by
   docs/make_team_css.py; edit this file directly from now on. */
#main .team{--card:#1a1a1c;--line:rgba(255,255,255,.08);--mute:rgba(255,255,255,.62);--blue:#4682FA;--teal:#33B897;
  padding:110px 0 110px;gap:56px;background:#121212}
#main .team *{box-sizing:border-box}
#main .team [hidden]{display:none!important}
#main .team h3, #main .team h4, #main .team p, #main .team ul, #main .team ol, #main .team blockquote{margin:0;padding:0}
#main .team ul, #main .team ol{list-style:none}
#main .team .pt{position:relative;overflow:hidden;
  background:radial-gradient(85% 60% at 50% 92%,rgba(16,97,255,.55) 0%,rgba(16,97,255,0) 70%),
             radial-gradient(60% 45% at 80% 10%,rgba(51,184,151,.16) 0%,rgba(51,184,151,0) 70%),
             linear-gradient(180deg,#18203a 0%,#0c1124 100%)}
#main .team .pt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
#main .team .tier{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;
  font:500 12px/1 "Geist",sans-serif;letter-spacing:.01em;color:#fff;white-space:nowrap;width:max-content}
#main .team .tier::before{content:"";width:6px;height:6px;border-radius:50%}
#main .team .tier.partner{background:rgba(70,130,250,.16);box-shadow:inset 0 0 0 1px rgba(70,130,250,.45)}
#main .team .tier.partner::before{background:var(--blue)}
#main .team .tier.expert{background:rgba(51,184,151,.14);box-shadow:inset 0 0 0 1px rgba(51,184,151,.45)}
#main .team .tier.expert::before{background:var(--teal)}
#main .team .role{font:400 14px/1.4 "Geist",sans-serif;color:var(--mute)}
#main .team .cert{display:flex;align-items:center;gap:6px;font:500 13px/1.3 "Geist",sans-serif;color:rgba(255,255,255,.7)}
#main .team .cert svg{width:16px;height:16px;padding:2px;border-radius:50%;background:linear-gradient(89deg,#3c3db7,#8b84ba);fill:#fff;flex:0 0 auto}
#main .team .q{font:400 22px/1.3 "Arapey","EB Garamond",serif;letter-spacing:-.01em;color:#fff}
html[lang="hu"] #main .team .q{font-family:"EB Garamond",serif}
#main .team .li-ico .li{width:16px;height:16px;fill:currentColor}
#main .team .li-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;
  background:rgba(10,12,24,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
#main .team .li-ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#main .team .li-ico:hover{background:rgba(16,97,255,.7)}
#main .team .cv h4{font:500 12px/1 "Geist",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:16px}
#main .team .cv-lead{font:300 15px/1.55 "Inter",sans-serif;color:rgba(255,255,255,.66);white-space:pre-line;margin-bottom:14px}
#main .team .ticks{display:flex;flex-direction:column;gap:9px}
#main .team .ticks li{position:relative;padding-left:24px;font:400 15px/1.45 "Inter",sans-serif;color:#e8e8e8}
#main .team .ticks li::before{content:"";position:absolute;left:2px;top:5px;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#fff 0 2px,transparent 2.5px),linear-gradient(135deg,#1061FF,#33B897)}
#main .team .tl{position:relative;display:flex;flex-direction:column;gap:18px;padding-left:22px}
#main .team .tl::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.14)}
#main .team .tl li{position:relative}
#main .team .tl li::before{content:"";position:absolute;left:-22px;top:6px;width:9px;height:9px;border-radius:50%;background:#121212;box-shadow:inset 0 0 0 2px var(--blue)}
#main .team .tl li:first-child::before{background:var(--blue)}
#main .team .tl.edu li::before{border-radius:2px;box-shadow:inset 0 0 0 2px var(--teal)}
#main .team .tl.edu li:first-child::before{background:var(--teal)}
#main .team .tl-h{font:500 15px/1.4 "Inter",sans-serif;color:#f2f2f2}
#main .team .tl-b{margin-top:3px;font:300 14px/1.5 "Inter",sans-serif;color:rgba(255,255,255,.6)}
#main .bx{gap:56px;padding:100px 0 0}
#main .bx #team-carousel .carousel-nav{bottom:auto;height:calc(var(--ph-h) + 20px)}
#main .bx{--ph-h:460px}
#main .bx button:focus-visible, #main .bx a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#main .bx .bx-tog{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 30px 30px;height:50px;padding:0 18px;border:0;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;font:500 15px/1 "Clash Grotesk",sans-serif;transition:background .2s,color .2s}
#main .bx .bx-tog:hover{background:#fff;color:#0b0b0f}
#main .bx .bx-tog svg{width:18px;height:18px;fill:currentColor;transition:transform .3s}
#main .bx [aria-expanded="true"]>svg{transform:rotate(180deg)}
@keyframes bx-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#main .b4 #team-carousel .carousel-track{align-items:stretch}
#main .b4{--ph-h:500px}
#main .b4 .b4-slide{width:880px;display:grid;grid-template-columns:400px 1fr;gap:44px;padding:24px 40px 24px 24px;border-radius:30px;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--line);align-items:center;align-content:start}
#main .b4 .b4-ph{height:500px;border-radius:20px}
#main .b4 .b4-ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#main .b4 .b4-txt{display:flex;flex-direction:column;gap:10px}
#main .b4 .b4-txt h3{font:600 46px/1 "Clash Grotesk",sans-serif;letter-spacing:-.018em;color:#fff;margin-top:6px}
#main .b4 .b4-txt .role{font-size:16px}
#main .b4 .b4-txt .q{position:relative;margin:20px 0 8px;padding-top:22px;font-size:26px;line-height:1.3}
#main .b4 .b4-txt .q::before{content:"";position:absolute;top:0;left:0;width:32px;height:2px;border-radius:2px;background:linear-gradient(90deg,#1061FF,#33B897)}
#main .b4 .b4-txt .cv{margin-top:14px}
#main .b4 .b4-txt .cv h4{margin-bottom:12px}
#main .b4 .b4-txt .ticks{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
#main .b4 .b4-act{display:flex;align-items:center;gap:10px;margin-top:22px}
#main .b4 .b4-act .bx-tog{margin:0;min-width:210px}
#main .b4 .b4-act .li-ico{background:rgba(255,255,255,.07)}
#main .b4 .b4-more{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:34px;padding:28px 0 12px 0;border-top:1px solid var(--line);margin-top:4px}
#main .b4 .b4-more:not([hidden]){animation:bx-in .4s cubic-bezier(.2,.8,.2,1)}
#main .b4 .b4-more .cert{grid-column:1 / -1}
@media (max-width:1199.98px){
  #main .b4{--ph-h:420px}
  #main .b4 .b4-slide{width:560px;grid-template-columns:1fr;gap:0;padding:16px 16px 24px}
  #main .b4 .b4-ph{height:420px}
  #main .b4 .b4-txt{padding:20px 10px 0}
  #main .b4 .b4-txt h3{font-size:36px}
  #main .b4 .b4-txt .q{font-size:21px}
  #main .b4 .b4-more{grid-template-columns:1fr 1fr;padding:24px 10px 4px}
  #main .b4 .b4-more>.cv-focus{grid-column:1 / -1}
}
@media (max-width:809.98px){
  #main .bx{padding:60px 0 70px;gap:25px;--ph-h:350px}
  #main .bx .bx-tog{margin:20px 20px 20px}
  #main .b4{--ph-h:300px}
  #main .b4 .b4-slide{width:330px;padding:10px 10px 20px;border-radius:22px}
  #main .b4 .b4-ph{height:300px}
  #main .b4 .b4-txt{padding:18px 8px 0}
  #main .b4 .b4-txt h3{font-size:30px}
  #main .b4 .b4-txt .q{font-size:19px;margin-top:10px}
  #main .b4 .b4-act .bx-tog{min-width:0;flex:1}
  #main .b4 .b4-more{grid-template-columns:1fr;padding:24px 8px 4px;gap:26px}
}
#main .b4o .b4-ph::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 30%,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%)}
@media (prefers-reduced-motion:reduce){
  #main .team *{animation:none!important;transition:none!important}
}
/* L7 (12 Oct): 320 px phones — the team carousel and its slide shrink to the screen instead of running 22 px off it */
@media (max-width:359.98px){
  #team-carousel{width:100%}
  #main .b4 .b4-slide{width:calc(100vw - 30px)}
}
/* Ajánlott szakértők + Tapasztalatunk: option B (chosen 6 Oct 2026, DECISIONS.md): specialist cards with discipline tags,
   client logos on grey tiles (phones: two moving rows). Made from the review CSS by docs/make_section_css.py. */
#main .po{--ink:#0B0F17;--sub:#5B6478;--line:#E4E7EE;--blue:#1061FF;--blue-50:#F1F5FF;--blue-100:#DCE6FF;
  display:flex;flex-direction:column;align-items:center;gap:48px;padding:110px 24px 0;background:#fff}
#main .po *{box-sizing:border-box}
#main .po ul{list-style:none;margin:0;padding:0}
#main .po p{margin:0}
#main .po .h-sec{color:var(--ink)}
#main .po-head{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:720px;text-align:center}
#main .po-lead{font:400 17px/1.55 "Geist",sans-serif;color:var(--sub);max-width:600px}
#main .po img.plogo{display:block;flex:0 0 auto;object-fit:contain;object-position:left center}
#main .po-more{display:flex;align-items:center;gap:10px;font:500 15px/1.4 "Geist",sans-serif;color:var(--sub)}
#main .po-more span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue-50);
  color:var(--blue);font:600 16px/1 "Geist",sans-serif;box-shadow:inset 0 0 0 1px var(--blue-100)}
#main .po-exp{padding-top:120px}
#main .po img{display:block}
#main .pb-grid{width:min(1200px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#main .pb-card{display:flex;flex-direction:column;gap:8px;padding:28px 28px 30px;border-radius:24px;background:#fff;color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,22,38,.04);transition:box-shadow .3s,transform .3s}
#main .pb-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--blue-100),0 18px 40px -22px rgba(16,97,255,.45)}
#main .pb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;margin-bottom:40px}
#main .pb-card .plogo{color:var(--ink)}
#main .pb-tag{height:26px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:var(--blue-50);
  color:var(--blue);font:600 12px/1 "Geist",sans-serif;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--blue-100)}
#main .pb-card b{font:600 20px/1.2 "Clash Grotesk",sans-serif;letter-spacing:-.01em}
#main .pb-card>span{font:400 14.5px/1.5 "Geist",sans-serif;color:var(--sub)}
#main .pb-wall{width:min(1200px,100%);display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
#main .pb-wall li{height:96px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#F5F6F8;transition:background .25s}
#main .pb-wall li:hover{background:#EDF0F5}
#main .po-more span svg{width:15px;height:15px;fill:currentColor}
#main .pb-rows{display:none}
@media (max-width:1199.98px){
  #main .pb-grid{grid-template-columns:1fr 1fr}
  #main .pb-wall{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:809.98px){
  #main .po{padding:70px 16px 0;gap:32px}
  #main .po-exp{padding-top:80px}
  #main .po-lead{font-size:15.5px}
  #main .pb-wall li img{max-width:88px;height:auto!important;max-height:34px;object-fit:contain}
  #main .pb-grid{grid-template-columns:1fr;gap:10px}
  #main .pb-top{margin-bottom:18px}
  #main .pb-wall{display:none}
  #main .pb-rows{display:flex;flex-direction:column;gap:10px;width:calc(100% + 32px);margin:0 -16px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  #main .pb-marq{overflow:hidden}
  #main .pb-track{display:flex;width:max-content;animation:pb-marq 45s linear infinite}
  #main .pb-marq.rev .pb-track{animation-direction:reverse}
  #main .pb-track ul{display:flex;gap:10px;padding-right:10px}
  #main .pb-track li{width:124px;height:70px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#F5F6F8}
  #main .pb-track li img{max-width:88px;height:auto!important;max-height:34px;object-fit:contain}
}
@keyframes pb-marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  #main .pb-track{animation:none}
}