/* Hero: az első, átlagos asztali nézeten a CTA is a nyitóképernyő része marad. */
.hero-section { padding:clamp(58px,7vw,92px) 0 clamp(40px,5vw,64px) !important; }
.hero-section .hero-title { margin-bottom:var(--padding-sm); font-size:clamp(2.35rem,4vw,4.2rem); }
.hero-duration { font-size:clamp(1.4rem,2.45vw,2.18rem); line-height:1.2; }
.hero-sub--intro {
  width:100%;
  max-width:none;
  margin:0 0 var(--padding-sm) !important;
  padding:0;
  color:var(--color-white) !important;
  font-size:calc(var(--text-fontsize) + 1px) !important;
  text-align:left !important;
  text-indent:0;
}
.system-results-headline {
  margin:0 auto 32px !important;
  color:var(--color-white) !important;
  text-align:center;
}
.problem-headline__line { display:block; }
.hero-sub--detail { margin-top:0 !important; margin-bottom:var(--padding-sm); }
.hero-section .hero-grid > div:first-child > .hero-sub:nth-of-type(3) { margin-top:0 !important; margin-bottom:var(--padding-sm) !important; }
.hero-section .btn-lg { min-height:0; padding:16px 34px; }
.hero-img--raised { transform:translateY(-clamp(14px,2vw,30px)); }
.faq-title { white-space:nowrap; }
.capacity-sub { font-weight:var(--section-subheadline-fontweight); }
.ai-page-content [style*="text-align:center"] > :is(.section-headline,.section-headline,.section-subheadline,.section-subheadline),
.ai-page-content [style*="text-align: center"] > :is(.section-headline,.section-headline,.section-subheadline,.section-subheadline) { margin-left:auto; margin-right:auto; }
.price-card--standard { border-color:var(--color-primary-turkiz); background:linear-gradient(160deg,#fff 0%,rgba(10,173,188,.07) 100%); }
.price-card.featured.price-card--premium { border-color:var(--color-accent-pink); background:linear-gradient(160deg,#fff 0%,rgba(239,39,86,.07) 100%); }
.price-card--complete { border-color:var(--color-secondary-lila); background:linear-gradient(160deg,#fff 0%,rgba(137,42,225,.07) 100%); }

@media (min-width:1281px) { .content-wide { padding-left:0; padding-right:0; } }
@media (max-width:768px) { .hero-img--raised { transform:none; } .faq-title { white-space:normal; } }