/* Veyanix nyilvános oldalak: modern réteg (Funkciók, Hogyan működik, Árak, A Veyanixről).
   Az oldalak saját stílusa fölé kerül (a "body" előtag a magasabb súlyért kell, mert a lap közepén is vannak <style> blokkok).
   Szabályok: nagy, szoros címek (600-as vastagság), kártya helyett vonal és nagy szám, minden oldalnak más fő eleme. */
:root{ --mp-night:#17122C; --mp-grad:linear-gradient(95deg,#6B5AC4,#8f7ff0 45%,#3fbf9f); }

/* ---------- FUNKCIÓK: nagy típus, kártya nélküli lépések, nagy betűs lista ---------- */
body .fx-hero h1{ font:600 clamp(34px,3.8vw,56px)/1 var(--font-display); letter-spacing:-.045em; }
body .fx-stat strong{ font:600 clamp(36px,2.9vw,46px)/1 var(--font-display); letter-spacing:-.04em; background:var(--mp-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
body .fx-intro h2{ font:600 clamp(29px,2.7vw,40px)/1.02 var(--font-display); letter-spacing:-.04em; max-width:24ch; }
body .fx-acc-trigger h3{ font:600 clamp(15px,1.1vw,16px)/1.2 var(--font-display); letter-spacing:-.025em; }
body .fx-acc-trigger .fx-num{ width:auto; min-width:30px; height:auto; background:none; color:var(--lavender-600); font:600 13px/1 var(--font-display); letter-spacing:.14em; text-align:left; }
body .fx-acc-item.is-active .fx-num{ background:none; color:var(--lavender-600); }
body .fx-acc-item.is-active .fx-acc-trigger h3{ background:var(--mp-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
body .fx-acc-panel-inner{ padding-left:46px; }
body .fx-how-head h2{ font:600 clamp(27px,2.7vw,40px)/1.02 var(--font-display); letter-spacing:-.04em; max-width:18ch; }
body .fx-how-card{ background:none; border:0; border-top:1px solid var(--border-hairline); border-radius:0; box-shadow:none; padding:28px 0 0; }
body .fx-how-card:hover{ transform:none; box-shadow:none; }
body .fx-how-num{ font:600 clamp(54px,5vw,73px)/.9 var(--font-display); letter-spacing:-.06em; background:var(--mp-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
body .fx-how-card strong{ font:600 clamp(17px,1.2vw,17px)/1.2 var(--font-display); letter-spacing:-.02em; }
body .fx-testimonial{ background:var(--mp-night); align-items:flex-start; text-align:left; border-radius:32px; }
body .fx-testimonial blockquote{ font:600 clamp(22px,2.2vw,32px)/1.12 var(--font-display); letter-spacing:-.035em; max-width:20ch; margin:0; text-align:left; }
body .fx-cta{ background:linear-gradient(135deg,#7d6bdc,#5A49B3 60%,#3f348f); }
body .fx-cta h2{ font:600 clamp(25px,2.6vw,36px)/1.02 var(--font-display); letter-spacing:-.04em; }

/* ---------- HOGYAN MŰKÖDIK: nagy lépésszámok, vonalakkal elválasztott sorok ---------- */
body .hw-hero h1{ font:600 clamp(34px,3.8vw,56px)/1 var(--font-display); letter-spacing:-.045em; }
body .hw-steps-head h2{ font:600 clamp(29px,3vw,43px)/1.02 var(--font-display); letter-spacing:-.04em; max-width:16ch; }
body .hw-steps .hw-step-grid{ padding-left:0; gap:0; }
body .hw-steps .hw-step{ border-top:1px solid var(--border-hairline); padding:clamp(28px,4vw,56px) 0; grid-template-columns:minmax(0,5fr) minmax(0,7fr); align-items:center; }
body .hw-steps .hw-step:last-child{ border-bottom:1px solid var(--border-hairline); }
body .hw-steps .hw-step-num{ position:static; width:auto; height:auto; margin:0; display:block; grid-column:1; grid-row:1; align-self:end; border:0; border-radius:0; background:none; box-shadow:none; font:600 clamp(54px,5vw,76px)/.9 var(--font-display); letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1.5px var(--lavender-300); transition:color .5s; }
body .hw-steps .hw-step-num::before{ content:"0"; }
body .hw-steps .hw-step.is-on .hw-step-num{ background:var(--mp-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-stroke:0; color:transparent; box-shadow:none; border:0; }
body .hw-steps .hw-step > h3{ grid-row:2; align-self:end; font:600 clamp(22px,1.7vw,24px)/1.12 var(--font-display); letter-spacing:-.03em; margin-top:10px; }
body .hw-steps .hw-step > p{ grid-row:3; align-self:start; }
body .hw-steps .hw-step-visual{ grid-column:2; grid-row:1 / span 3; }
body .hw-adapt-copy h2{ font-size:clamp(25px,2.4vw,33px); letter-spacing:-.04em; }
@media (max-width:860px){
  body .hw-steps .hw-step{ grid-template-columns:minmax(0,1fr); }
  body .hw-steps .hw-step-num, body .hw-steps .hw-step > h3, body .hw-steps .hw-step > p, body .hw-steps .hw-step-visual{ grid-column:1; grid-row:auto; }
  body .hw-steps .hw-step-num{ font-size:64px; }
}

/* ---------- ÁRAK: óriás szám, keret nélküli adatsorok, kiemelt Pro ---------- */
body .pr-hero h1{ font:600 clamp(34px,3.8vw,56px)/1 var(--font-display); letter-spacing:-.045em; }
body .pr-hero p{ font-size:clamp(14px,0.9vw,14px); max-width:52ch; }
body .pr-plan{ border-radius:32px; padding:clamp(24px,2.6vw,36px); }
body .pr-plan.is-featured{ padding:clamp(24px,2.6vw,36px); box-shadow:0 44px 90px -44px rgba(107,90,196,.7); }
body .pr-plan-name h2{ font:600 22px/1.2 var(--font-display); letter-spacing:-.02em; }
body .pr-price strong{ font:600 clamp(36px,2.7vw,41px)/1 var(--font-display); letter-spacing:-.05em; }
body .pr-plan.is-featured .pr-price strong{ background:var(--mp-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
body .pr-stats, body .pr-plan.is-premium .pr-stats{ background:none; border:0; border-top:1px solid var(--border-hairline); border-radius:0; }
body .pr-stat{ padding:14px 0; }
body .pr-stat strong{ font-size:clamp(22px,1.4vw,21px); letter-spacing:-.03em; }
body .pr-cta h2{ font:600 clamp(27px,2.9vw,41px)/1.02 var(--font-display); letter-spacing:-.04em; }

/* ---------- A VEYANIXRŐL: szerkesztőségi cím, nagy betűs elvek ---------- */
body .ab-hero h1{ font:600 clamp(34px,3.8vw,56px)/1 var(--font-display); letter-spacing:-.05em; }
body .ab-hero .lede{ font-size:clamp(15px,1vw,15px); max-width:46ch; }
body .ab-values-intro h2{ font:600 clamp(27px,2.9vw,41px)/1.02 var(--font-display); letter-spacing:-.04em; }
body .ab-value-num{ font:600 clamp(43px,3.6vw,55px)/.9 var(--font-display); letter-spacing:-.05em; background:linear-gradient(135deg,#b9afe6,#86d9c6); -webkit-background-clip:text; background-clip:text; color:transparent; }
body .ab-value-row h4{ font:600 clamp(20px,1.6vw,23px)/1.12 var(--font-display); letter-spacing:-.03em; }
body .ab-value-row p{ font-size:clamp(14px,0.8vw,13px); }
body .ab-cta h2{ font:600 clamp(27px,3vw,44px)/1.02 var(--font-display); letter-spacing:-.045em; }

/* ---------- még nagy maradt címek ---------- */
body .hw-cta h2{ font:600 clamp(27px,3vw,43px)/1.02 var(--font-display); letter-spacing:-.04em; }
body .pr-pick-val strong{ font-size:clamp(40px,4.3vw,55px); }