/* Inner Circle Huniverse — organisms/sections.css */
.section{padding:var(--sp-2xl) var(--sp-lg)}
.section-inner{max-width:1180px;margin:0 auto}
/* Az .section-alt korábban egy éles szélű, egyszínű téglalapként ült rá a body gradiensére --
   a tető/alj élén kemény törésvonal látszott. Most a szín a szekció tetején és alján fokozatosan
   elhalványul átlátszóba, hogy a mögötte lévő body-gradiens folytonosan átússzon a szomszédos
   szekciókba, nem "levágva" jelenik meg. */
.section-alt{
  background:linear-gradient(to bottom,
    transparent 0,
    rgba(27,20,12,.88) 90px,
    rgba(27,20,12,.88) calc(100% - 90px),
    transparent 100%);
}

.stats-row{display:flex;justify-content:center;gap:var(--sp-2xl);flex-wrap:wrap;margin-top:var(--sp-xl)}
.stat{text-align:center}
.stat-num{font-size:2.2rem;font-weight:800;background:var(--grad-brand);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.stat-label{color:var(--muted);font-size:var(--fs-sm)}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}
@media(max-width:840px){.pillars{grid-template-columns:1fr}}

.faq-category-title{font-size:1.3rem;font-weight:800;text-align:left;margin:var(--sp-xl) 0 var(--sp-sm)}
.faq-category-title:first-of-type{margin-top:0}

.faq-item{border-bottom:1px solid var(--line);padding:var(--sp-md) 0}
.faq-item summary{cursor:pointer;font-weight:700;list-style:none;display:flex;
  justify-content:space-between;align-items:center;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin-top:var(--sp-sm)}
.faq-item .btn{margin-top:var(--sp-sm)}

.timeline{display:flex;flex-direction:column;gap:var(--sp-lg)}
.timeline-step{display:flex;gap:var(--sp-md);align-items:flex-start}
.timeline-num{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-full);background:var(--grad-brand);
  color:#1a1005;font-weight:800;display:flex;align-items:center;justify-content:center}

/* videoproduce.php hero -- dekoratív glow + lebegő ikonsor A CÍM+ALCÍM ALATT (nem fölötte),
   hogy a cím alatti üres terület ne "kongjon üresen", és rögtön érzékelhető legyen valamiféle
   mozgás/élet az oldalbetöltéskor. A cím fölött NINCS extra hely fenntartva -- a szekció
   padding-top-ja a többi oldal .page-title hero-jével megegyező mértékű. */
.videoproduce-hero{position:relative;padding-top:var(--sp-xl);padding-bottom:var(--sp-lg);overflow:hidden}
.videoproduce-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.videoproduce-hero-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);
  width:520px;height:340px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(255,138,39,.28),transparent 75%);filter:blur(10px)}
.videoproduce-hero-icons{display:flex;justify-content:center;gap:var(--sp-lg);margin-top:var(--sp-lg);
  font-size:1.8rem;opacity:.85}
@media(max-width:640px){.videoproduce-hero-glow{width:340px;height:240px}}