/* Veyanix nyilvános oldalak: "Fénylap" design (v5, 2026-10).
   Irány (a felhasználó mintái alapján): élénk, világos színátmenetes hero, Veya üveggömbje mint 3D tárgy, talpas dőlt kiemelő szó a
   címekben, statisztika-sor színes ikonkockákkal, a termék fehér üvegkártyán, sötét pirula-gomb kerek nyíllal, sorszámozott sorok kerek
   gombbal, élénk záró felhívás-sáv, és néhány sötét, fénylő keretes szakasz a kontrasztért. Animáció: görgetéses belépők
   (assets/js/motion.js), lebegő gömb, lassan mozgó színháló, forgó fénykeret, végtelen szalag. Minden mozgás áll csökkentett mozgásnál.
   Az oldalak saját stílusa, a modern-pages.css és az inc/fx.php UTÁN töltődik be; a "body" előtag a súly miatt kell. */

@font-face{ font-family:'Instrument Serif'; font-style:italic; font-weight:400; font-display:swap;
  src:url('/assets/fonts/instrument-serif-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Instrument Serif'; font-style:italic; font-weight:400; font-display:swap;
  src:url('/assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@property --v-ang{ syntax:"<angle>"; inherits:false; initial-value:0deg; }

:root{
  --v-ink:#16122A;
  --v-ink-2:#2A2350;
  --v-text:#4A4560;
  --v-muted:#6E698A;
  --v-line:#E8E4F1;
  --v-paper:#FBFAFD;
  --v-accent:#6B5AC4;
  --v-mint:#86D9C6;
  --v-night:#120E24;
  --v-night-2:#1C1736;
  --v-serif:'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  /* a kiemelő szó színátmenete: levendula → orchidea → barack */
  --v-grad:linear-gradient(100deg,#6B4FE0 0%,#A24FD6 42%,#F0628E 72%,#FF9A6B 100%);
  --v-grad-night:linear-gradient(100deg,#B9A8FF 0%,#E39BEA 50%,#FFB59A 100%);
  --v-grad-violet:linear-gradient(135deg,#6B4FE0,#A24FD6);
  /* hero színháló */
  --v-mesh:
    radial-gradient(42% 55% at 82% 18%, rgba(167,139,250,.55) 0, transparent 70%),
    radial-gradient(38% 48% at 66% 82%, rgba(244,114,182,.30) 0, transparent 70%),
    radial-gradient(34% 46% at 8% 92%, rgba(255,176,133,.32) 0, transparent 70%),
    radial-gradient(46% 52% at 12% 8%, rgba(196,181,253,.45) 0, transparent 70%);
  --v-glass:rgba(255,255,255,.62);
  --v-glass-line:rgba(255,255,255,.85);
  --v-sh:0 1px 2px rgba(22,18,42,.04), 0 18px 40px -24px rgba(60,40,140,.28);
  --v-sh-lg:0 30px 80px -40px rgba(60,40,140,.45);
  --v-r:28px;
  --v-r-lg:clamp(28px,3vw,40px);
  --v-slab-m:clamp(8px,1.4vw,20px);
}
body{
  --fs-h1:clamp(44px,6vw,84px);
  --fs-h2:clamp(34px,4.4vw,58px);
  --sec-y:clamp(80px,9vw,128px);
  --night:var(--v-night); --fx-panel-bg:var(--v-night); --mp-night:var(--v-night); --fx-night-bg:var(--v-paper);
  background:var(--v-paper); color:var(--v-text);
}
body > main{ background:transparent; }
body::before, body::after{ display:none !important; }

/* =========================================================================================
   1. Tipográfia: nagy, szoros címek + talpas dőlt kiemelő szó
   ========================================================================================= */
body h1, body h2, body h3{ color:var(--v-ink); text-wrap:balance; }
body p{ text-wrap:pretty; }
body .hp-hero-copy h1{ font-size:var(--fs-h1) !important; line-height:.98 !important; letter-spacing:-.045em !important; }
body .fx-hero h1, body .hw-hero h1, body .pr-hero h1, body .ab-hero h1{ font-size:clamp(42px,5.4vw,78px) !important; line-height:1 !important; letter-spacing:-.045em !important; color:var(--v-ink) !important; }
body .hp-ax-head h2, body .hp-dl h2, body .hp-shots-head h2, body .hp-wy h2, body .hp-how h2,
body .fx-intro h2, body .fx-how-head h2, body .hw-steps-head h2, body .hw-adapt-copy h2, body .hw-calendar h2,
body .pr-pick-ctl h2, body .pr-compare h2, body .pr-faq h2, body .ab-values h2, body .ab-tl h2{
  font-size:var(--fs-h2) !important; line-height:1.02 !important; letter-spacing:-.04em !important;
}

/* a kiemelő szó: Instrument Serif dőlt, színátmenetes */
body .hp-hero-copy h1 .accent, body .fx-hero h1 span, body .hw-hero h1 span,
body .hp-ax-head h2 .grad, body .hp-shots-head h2 .grad, body .hp-wy h2 .grad, body .ab-values h2 .grad, body .hp-dl-end p.win b{
  font-family:var(--v-serif) !important; font-style:italic !important; font-weight:400 !important; letter-spacing:-.01em !important;
  font-size:1.1em; line-height:.9;
  background:var(--v-grad) !important; -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important; padding:0 .06em .04em 0;
  -webkit-box-decoration-break:clone; box-decoration-break:clone; text-shadow:none !important;
}
/* sötét lapon világosabb átmenet */
body .hp-ax-head h2 .grad, body .hp-wy h2 .grad{ background:var(--v-grad-night) !important; -webkit-background-clip:text !important; background-clip:text !important; }

/* szekció-felirat: kis, mondatkezdő */
body .hp-kick, body p.eyebrow, body .label.label-brand, body .hp-shots-pill{
  text-transform:none !important; letter-spacing:0 !important; font:600 15px/1.2 var(--font-display) !important; color:var(--v-accent) !important;
  background:none !important; border:0 !important; padding:0 !important; box-shadow:none !important;
}
body .hp-kick::before, body section:not([class$="-hero"]) .label.label-brand::before, body section:not([class$="-hero"]) p.eyebrow::before, body .hp-shots-pill i{ display:none !important; }
body .hp-kick + h2, body .hp-kick + h2[style]{ margin-top:16px !important; }

/* =========================================================================================
   2. Gombok: sötét pirula, jobb oldalt kerek nyíl
   ========================================================================================= */
body .btn{ box-shadow:none !important; transform:none !important; }
body .btn-primary{
  background:var(--v-ink) !important; border:1px solid var(--v-ink) !important; color:#fff !important;
  gap:12px; transition:background-color .25s ease, border-color .25s ease;
}
body .btn-primary:hover{ background:var(--v-ink-2) !important; border-color:var(--v-ink-2) !important; }
body .btn-primary::before, body .btn-primary::after{ display:none !important; }
body .btn-primary:has(.btn-ic){ padding-right:6px !important; }
body .btn-ic{
  flex:none; display:inline-grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#fff;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
body .btn-ic::before{
  content:""; width:14px; height:14px; background:var(--v-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;
}
body .btn-sm .btn-ic{ width:26px; height:26px; }
body .btn-sm .btn-ic::before{ width:12px; height:12px; }
@media (prefers-reduced-motion:no-preference){ body .btn-primary:hover .btn-ic{ transform:rotate(45deg); } }
body .btn-primary:focus-visible{ outline:2px solid var(--v-accent); outline-offset:3px; }
body .btn-secondary, body .btn-ghost, body .btn-outline, body .fx-btn-outline{ background:#fff !important; border:1px solid var(--v-line) !important; color:var(--v-ink) !important; }
body .btn-secondary:hover, body .btn-outline:hover, body .fx-btn-outline:hover{ border-color:var(--v-ink) !important; }

/* sötét / színes felületen a fő gomb fehér, a nyíl köre sötét */
body .hp-ax-sec .btn-primary, body .hp-wy .btn-primary, body .hw-adapt .btn-primary,
body .fx-cta .btn-primary, body .hw-cta .btn-primary, body .pr-cta .btn-primary, body .ab-cta .btn-primary, body .hp-cta-panel .btn-primary{
  background:#fff !important; border-color:#fff !important; color:var(--v-ink) !important;
}
body .hp-wy .btn-ic, body .fx-cta .btn-ic, body .hw-cta .btn-ic, body .pr-cta .btn-ic, body .ab-cta .btn-ic, body .hp-cta-panel .btn-ic{ background:var(--v-ink); }
body .hp-wy .btn-ic::before, body .fx-cta .btn-ic::before, body .hw-cta .btn-ic::before, body .pr-cta .btn-ic::before, body .ab-cta .btn-ic::before, body .hp-cta-panel .btn-ic::before{ background:#fff; }
body .hp-wy .btn:not(.btn-primary), body .hp-wy-ghost, body .fx-cta .btn:not(.btn-primary), body .hw-cta .btn:not(.btn-primary), body .pr-cta .btn:not(.btn-primary), body .ab-cta .btn:not(.btn-primary), body .hw-adapt .btn:not(.btn-primary){
  background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.35) !important;
}

/* =========================================================================================
   3. Fejléc és mobil dokk: sáv nélküli, átlátszó fejléc (a menü közvetlenül az oldal hátterén ül);
      görgetéskor teljes szélességű, halvány üveghát jelenik meg alatta, hogy olvasható maradjon
   ========================================================================================= */
body .site-header{ background:transparent; border-bottom:1px solid transparent; transition:background-color .3s ease, border-color .3s ease; }
body .site-header .container{ background:transparent !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body .site-header.is-scrolled{
  background:rgba(255,255,255,.74); border-bottom-color:rgba(22,18,42,.07);
  -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
}
body .main-nav{ padding:0; gap:2px; background:none; border-radius:0; }
body .main-nav a{ position:relative; border-radius:0; background:none !important; box-shadow:none !important; color:var(--v-text); }
body .main-nav a:hover{ color:var(--v-ink); }
body .main-nav a[aria-current="page"]{ color:var(--v-ink); }
/* az aktív oldalt egy vékony vonal jelzi, hoverre halványan ugyanez */
body .main-nav a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:2px; background:var(--v-accent);
  transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
}
body .main-nav a[aria-current="page"]::after{ transform:scaleX(1); }
body .main-nav a:hover::after{ transform:scaleX(1); opacity:.45; }
body .main-nav a[aria-current="page"]:hover::after{ opacity:1; }
@media (max-width:1180px){ body .main-nav a::after{ left:10px; right:10px; } }
@media (prefers-reduced-motion:reduce){ body .site-header, body .main-nav a::after{ transition:none; } }
body .login-link{ color:var(--v-ink); }
body .login-link:hover{ background:none; color:var(--v-accent); }
@media (max-width:1020px){
  body .app-dock{ background:rgba(255,255,255,.82) !important; border:1px solid rgba(255,255,255,.9) !important;
    -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%); }
  body .app-dock-item.is-active{ background:var(--v-ink); color:#fff; }
  body .app-dock-item.is-active:hover{ color:#fff; }
}

/* =========================================================================================
   4. Hero-k: élénk színháló, finoman mozog
   ========================================================================================= */
body .hp-hero, body .fx-hero, body .hw-hero, body .pr-hero, body .ab-hero{
  background:var(--v-mesh), linear-gradient(180deg,#F6F2FF 0%, #FBF8FF 70%, var(--v-paper) 100%) !important;
  background-size:140% 140%, 140% 140%, 140% 140%, 140% 140%, 100% 100% !important;
  background-position:0% 0%, 0% 0%, 0% 0%, 0% 0%, 0 0 !important;
  color:var(--v-ink) !important; border-radius:0 !important; border:0 !important; overflow:hidden;
}
@media (prefers-reduced-motion:no-preference){
  body .hp-hero, body .fx-hero, body .hw-hero, body .pr-hero, body .ab-hero{ animation:v-mesh 22s ease-in-out infinite alternate; }
  @keyframes v-mesh{
    0%{ background-position:0% 0%, 100% 100%, 0% 100%, 100% 0%, 0 0; }
    100%{ background-position:30% 20%, 70% 60%, 20% 70%, 60% 30%, 0 0; }
  }
}
body .hw-hero::before, body .hw-hero::after, body .pr-hero::before, body .pr-hero::after,
body .fx-hero::before, body .fx-hero::after, body .ab-hero::before, body .ab-hero::after,
body .hp-hero::before, body .hp-hero::after, body .hp-hero-visual::before, body .fx-halo{ display:none !important; }
body .hp-hero .lede, body .fx-hero-copy > p, body .hw-hero-copy > p:not(.label), body .pr-hero p, body .ab-hero .lede, body .ab-hero p{ color:var(--v-text) !important; opacity:1 !important; }
body .ab-hero h1 .strike{ color:var(--v-muted) !important; }

/* "új" típusú üveg-címke a hero tetején */
body .hp-hero-eb, body .fx-hero .fx-pill, body .hw-hero-copy > .label, body .ab-hero .eyebrow, body .ab-hero .label{
  display:inline-flex !important; align-items:center; gap:10px; width:fit-content; padding:7px 14px 7px 8px !important;
  border:1px solid var(--v-glass-line) !important; border-radius:999px !important; background:var(--v-glass) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:var(--v-sh);
  font:600 13px/1 var(--font-display) !important; letter-spacing:0 !important; text-transform:none !important; color:var(--v-ink) !important;
}
body .hp-hero-eb::before, body .fx-hero .fx-pill::before{
  content:"Új" !important; display:inline-block !important; padding:5px 9px; border-radius:999px; background:var(--v-ink); color:#fff;
  font:600 11px/1 var(--font-display); width:auto !important; height:auto !important; opacity:1 !important; margin:0 !important; box-shadow:none !important;
}
body .hw-hero-copy > .label::before, body .ab-hero .eyebrow::before{ content:""; display:inline-block; width:8px; height:8px; margin-left:6px; border-radius:50%; background:#3FBF9F; }
body .hp-hero-eb i, body .fx-hero .fx-pill .dot{ display:none !important; }
@media (prefers-reduced-motion:no-preference){
  body .hw-hero-copy > .label::before, body .ab-hero .eyebrow::before{ animation:v-pulse 2.2s ease-out infinite; }
  @keyframes v-pulse{ 0%{ box-shadow:0 0 0 0 rgba(63,191,159,.55); } 80%,100%{ box-shadow:0 0 0 9px rgba(63,191,159,0); } }
}

/* ---------- 4a. Főoldali hero: szöveg balra, gömb jobbra, alatta statisztika és a termék ---------- */
body .hp-hero{ padding-bottom:clamp(40px,6vw,72px) !important; }
body .hp-hero .container{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); grid-template-areas:"copy art" "stats stats" "visual visual"; column-gap:clamp(24px,4vw,64px); align-items:center; }
body .hp-hero-copy{ grid-area:copy; align-items:flex-start !important; text-align:left !important; margin:0 !important; max-width:none !important; gap:26px !important; position:relative; z-index:3; }
body .hp-hero-copy .lede{ max-width:46ch; font-size:clamp(17px,1.3vw,19px) !important; }
body .hp-hero-actions{ justify-content:flex-start !important; flex-wrap:wrap; gap:12px; }

body .hp-hero-art{ grid-area:art; position:relative; width:100%; max-width:620px; aspect-ratio:1; justify-self:end; }
body .hp-hero-art .hp-orb{ position:absolute !important; inset:0 !important; width:100% !important; margin:0 !important; -webkit-mask-image:none !important; mask-image:none !important; }
body .hp-hero-art .hp-fchip{ display:block !important; position:absolute; z-index:4; width:min(230px,46%); text-align:left; }
body .hp-hero-art .hp-fchip.is-l{ left:-2%; right:auto; top:auto; bottom:10%; }
body .hp-hero-art .hp-fchip.is-r{ right:0; left:auto; top:6%; }
body .hp-hero-art .hp-fchip-in{
  padding:14px 16px !important; border-radius:20px !important; background:var(--v-glass) !important; border:1px solid var(--v-glass-line);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%); box-shadow:var(--v-sh) !important;
}
body .hp-hero-art .hp-fchip small{ color:var(--v-accent) !important; letter-spacing:.08em; }
body .hp-hero-art .hp-fchip p, body .hp-hero-art .hp-fchip .ok{ color:var(--v-ink) !important; }
body .hp-hero-art .hp-fchip .sub{ color:var(--v-muted) !important; }
@media (prefers-reduced-motion:no-preference){
  body .hp-hero-art .hp-fchip{ animation:v-bob 6s ease-in-out infinite; }
  body .hp-hero-art .hp-fchip.is-r{ animation-delay:-3s; }
  @keyframes v-bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
}

/* Hős-sáv: egy kiemelt szám (lila csempe) és négy kisebb tény; nincs ikon és nincs keretes kártya, a négy kisebb csak vékony vonalat kap.
   1200 px-től három oszlop (a csempe két sort fog át), 761-1199 px-en két oszlop (a csempe teljes szélességben), 760 px-ig egyetlen lista. */
body .hp-stats{
  grid-area:stats; list-style:none; margin:clamp(28px,4vw,48px) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 clamp(20px,3vw,32px);
}
body .hp-stats li{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:20px 0 22px; border-top:1px solid var(--v-line); }
body .hp-stats li:first-child{
  grid-column:1 / -1; margin-bottom:8px; border-top:0; border-radius:28px; background:var(--v-grad-violet);
  padding:clamp(28px,4vw,36px) clamp(24px,3vw,34px);
}
body .hp-stats b{ display:block; font:600 clamp(22px,2vw,28px)/1.05 var(--font-display); letter-spacing:-.03em; color:var(--v-ink); }
body .hp-stats small{ display:block; margin-top:6px; font:400 14px/1.4 var(--font-body); color:var(--v-muted); }
body .hp-stats li:first-child b{ color:#fff; font-size:clamp(46px,7vw,72px); line-height:1; letter-spacing:-.045em; }
body .hp-stats li:first-child small{ margin-top:10px; font-size:16px; color:rgba(255,255,255,.86); }

body .hp-hero-visual{
  grid-area:visual; margin:20px 0 0 !important; padding:clamp(28px,4vw,56px) clamp(16px,5vw,80px) clamp(28px,4vw,48px) !important;
  /* nincs mögötte kártya / keret: a laptop és a telefon közvetlenül a színhálón áll */
  background:none; border:0; border-radius:0; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; max-width:none !important;
}
@media (max-width:960px){
  body .hp-hero .container{ grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "art" "stats" "visual"; }
  body .hp-hero-art{ justify-self:center; max-width:420px; margin-top:8px; }
}
@media (max-width:720px){
  body .hp-hero-copy{ gap:20px !important; }
  body .hp-hero-art{ max-width:340px; }
  body .hp-hero-art .hp-fchip{ width:min(190px,56%); }
  body .hp-hero-art .hp-fchip.is-l{ left:-4%; bottom:4%; }
  body .hp-hero-art .hp-fchip.is-r{ right:-4%; top:2%; }
  body .hp-hero-actions .btn{ width:auto !important; }
  body .hp-hero-visual{ padding:20px 0 0 !important; height:calc(clamp(330px,92vw,440px) + 20px) !important; display:flex; justify-content:center; align-items:flex-start; overflow:hidden; }
}
@media (min-width:1200px){
  body .hp-stats{ grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr)); }
  body .hp-stats li:first-child{ grid-column:1; grid-row:1 / span 2; margin-bottom:0; justify-content:flex-end; }
}
@media (max-width:760px){
  body .hp-stats{ grid-template-columns:minmax(0,1fr); }
  body .hp-stats li{ padding:16px 0 18px; }
  body .hp-stats li:first-child{ padding:28px 24px; }
  body .hp-stats li:first-child b{ font-size:clamp(48px,16vw,64px); }
  body .hp-stats b{ font-size:21px; }
}

/* ---------- 4b. Aloldali hero-k ---------- */
body .fx-hero .fx-phone, body .hw-hero .hw-dump, body .hw-hero .hw-result{ box-shadow:var(--v-sh-lg) !important; }
body .fx-stat strong{ background:none !important; -webkit-text-fill-color:currentColor; color:var(--v-ink) !important; }
@media (max-width:1020px){ body .hw-hero{ padding-top:calc(96px + 32px + env(safe-area-inset-top)) !important; } }
@media (max-width:720px){ body .hw-hero{ padding-top:calc(80px + 28px + env(safe-area-inset-top)) !important; } }

/* =========================================================================================
   6. Sötét, fénylő keretes szakaszok (kontraszt)
   ========================================================================================= */
body .hp-ax-sec, body .hp-wy{
  margin:clamp(40px,6vw,72px) var(--v-slab-m) 0 !important; border-radius:var(--v-r-lg) !important; overflow:hidden; position:relative;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(124,92,255,.32), transparent 70%),
    radial-gradient(40% 40% at 100% 100%, rgba(240,98,142,.16), transparent 70%),
    var(--v-night) !important;
  color:#fff !important;
}
body .hp-wy{ margin-top:clamp(56px,7vw,96px) !important; }
body .hp-wy-bg{ display:none !important; }
body .hp-ax-sec{ padding:var(--sec-y) 0 calc(var(--sec-y) * .8) !important; }
body .hp-ax-head h2, body .hp-wy h2{ color:#fff !important; }
body .hp-ax-sub, body .hp-ax-cap{ color:rgba(233,229,250,.74) !important; }
body .hp-ax-sec .hp-kick, body .hp-wy .hp-kick, body .hw-adapt .eyebrow, body .hw-adapt .label, body .ab-values-panel .eyebrow, body .pr-pick-kicker{
  color:var(--v-mint) !important; text-transform:none !important; letter-spacing:0 !important; font:600 15px/1.2 var(--font-display) !important;
}
body .hp-ax{ --ax-chip:var(--v-night-2); --ax-line:rgba(255,255,255,.10); background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:none !important; color:#fff !important; }
body .hp-ax-ev{ color:#fff !important; }
body .hp-ax-ev.is-ok{ background:linear-gradient(135deg,#7C5CFF,#A24FD6) !important; border-color:transparent !important; }
body .hp-ax-now{ background:linear-gradient(180deg,transparent,var(--v-mint),transparent) !important; overflow:visible; }
body .hp-ax-now span{ color:var(--v-mint) !important; }
body .hp-ax-tk{ color:#B9AFE6 !important; }
@media (prefers-reduced-motion:no-preference){
  body .hp-ax-now::after{ content:""; position:absolute; left:-3px; width:7px; height:60px; border-radius:7px;
    background:linear-gradient(180deg,transparent,var(--v-mint),transparent); filter:blur(1px); animation:v-scan 3.6s ease-in-out infinite; }
  @keyframes v-scan{ 0%{ top:0; opacity:0; } 15%,85%{ opacity:1; } 100%{ top:calc(100% - 60px); opacity:0; } }
}

/* fénylő keret, körbefutó fénnyel */
body .hp-wy-card{
  border:1px solid transparent !important;
  background:
    linear-gradient(var(--v-night-2),var(--v-night-2)) padding-box,
    conic-gradient(from var(--v-ang), rgba(255,255,255,.10) 0 60%, #7C5CFF 72%, #F0628E 80%, var(--v-mint) 86%, rgba(255,255,255,.10) 94%) border-box !important;
  box-shadow:0 30px 80px -40px rgba(124,92,255,.6) !important;
}
body .hw-adapt, body .ab-values-panel, body .pr-pick-panel{
  border:1px solid transparent !important;
  background:
    radial-gradient(60% 60% at 100% 0%, rgba(124,92,255,.28), transparent 70%) padding-box,
    linear-gradient(var(--v-night),var(--v-night)) padding-box,
    conic-gradient(from var(--v-ang), rgba(255,255,255,.10) 0 60%, #7C5CFF 72%, #F0628E 80%, var(--v-mint) 86%, rgba(255,255,255,.10) 94%) border-box !important;
  box-shadow:0 30px 80px -40px rgba(124,92,255,.6) !important;
  border-radius:var(--v-r-lg) !important; color:#fff;
}
@media (prefers-reduced-motion:no-preference){
  body .hp-wy-card, body .pr-pick-panel, body .hw-adapt, body .ab-values-panel, body .pr-plan.is-featured{ animation:v-spin 7s linear infinite; }
  @keyframes v-spin{ to{ --v-ang:360deg; } }
}
body .hp-wy-v, body .hp-wy-colh.is-vx{ background:rgba(124,92,255,.14) !important; }
body .hp-wy-v i{ background:linear-gradient(135deg,#7C5CFF,#A24FD6) !important; box-shadow:0 0 18px rgba(124,92,255,.55) !important; }
body .hp-wy-facts{ background:rgba(255,255,255,.03) !important; }
body .pr-pick-val strong{ background:none !important; -webkit-text-fill-color:#fff; color:#fff !important; }
body .ab-value-num{ font-family:var(--v-serif) !important; font-style:italic; font-weight:400 !important; background:var(--v-grad-night) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; }
/* idézet: lila panel, mint a mintán */
body .fx-testimonial{ background:linear-gradient(135deg,#4B34C9 0%,#6B4FE0 50%,#9B5BE0 100%) !important; border-radius:var(--v-r-lg) !important; box-shadow:var(--v-sh-lg) !important; }
body .fx-testimonial blockquote{ font-size:clamp(28px,3.2vw,46px) !important; line-height:1.1 !important; max-width:22ch; color:#fff !important; }
body .fx-testimonial .label, body .fx-testimonial .eyebrow{ color:rgba(255,255,255,.75) !important; }

/* =========================================================================================
   7. Világos szakaszok: kártyák, pasztell lapok, sorszámos sorok
   ========================================================================================= */
body .hp-bento-card, body .hp-how-step{ border-radius:var(--v-r) !important; box-shadow:none !important; }
body .hp-bento-a{ background:linear-gradient(150deg,#EEE8FF,#F7F3FF) !important; border-color:transparent !important; }
body .hp-bento-b{ background:linear-gradient(150deg,#E2F6EF,#F3FBF8) !important; border-color:transparent !important; }
body .hp-bento-c{ background:linear-gradient(150deg,#FFE6EC,#FFF4F1) !important; border-color:transparent !important; }
body .hp-bento-d{ background:#fff !important; border:1px solid var(--v-line) !important; }
body .hp-bento-e{ background:linear-gradient(150deg,#FFF1DE,#FFF8EE) !important; border-color:transparent !important; }
body .hp-how-step{ background:#fff !important; border:1px solid var(--v-line) !important; }
body .hp-how-step:nth-child(1) .hp-how-vis{ background:#EEE8FF !important; }
body .hp-how-step:nth-child(2) .hp-how-vis{ background:#E2F6EF !important; }
body .hp-how-step:nth-child(3) .hp-how-vis{ background:#FFE6EC !important; }
body .hp-how-vis{ border:0 !important; }
body .hp-how{ padding-bottom:calc(var(--sec-y) * .5) !important; }
body .hp-faqcta{ padding-top:calc(var(--sec-y) * .5) !important; }
body .hp-dl-end{ background:linear-gradient(110deg,#EEE8FF,#FFE9F0) !important; color:var(--v-ink) !important; border-radius:var(--v-r) !important; }
body .hp-dl-end .hp-dl-was{ color:var(--v-muted) !important; }

/* "Így néz ki egy nyugodt nap": a színháló előtt */
body .hp-shots{ background:var(--v-mesh) !important; }
body .hp-shots::before{ display:none !important; }
body .hp-seg-in{ background:var(--v-glass) !important; border:1px solid var(--v-glass-line); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:var(--v-sh) !important; }
body .hp-seg button[aria-selected="true"]{ background:var(--v-ink) !important; box-shadow:none !important; }

/* GYIK: fehér kártyasorok, a jel egy kerek sötét gombban */
body .hp-faq-item{ background:#fff !important; border:1px solid var(--v-line); border-radius:20px !important; }
body .hp-faq-item button .sign, body .pr-faq-item button span:last-child, body .fx-acc-trigger .fx-sign{
  display:inline-grid !important; place-items:center; width:34px !important; height:34px !important; border-radius:50% !important;
  background:var(--v-ink) !important; color:#fff !important; font:600 17px/1 var(--font-display) !important; flex:none;
}
body .fx-acc-item.is-active .fx-sign{ background:linear-gradient(135deg,#7C5CFF,#A24FD6) !important; }

/* Funkciók: sorszámos lista (01, 02…) */
body .fx-acc-trigger h3{ font-size:clamp(18px,1.5vw,22px) !important; color:var(--v-ink) !important; background:none !important; -webkit-text-fill-color:currentColor; }
body .fx-acc-trigger .fx-num{ font:400 clamp(20px,1.8vw,26px)/1 var(--v-serif) !important; font-style:italic !important; color:var(--v-muted) !important; background:none !important; letter-spacing:0 !important; min-width:44px; }
body .fx-acc-item.is-active .fx-num{ background:none !important; color:var(--v-accent) !important; }
/* a demó-panelnek nincs saját kerete: a panel > kártya > belső doboz így legfeljebb két egymásba ágyazott keret (a színátmenet és az árnyék elég a panel határához) */
body .fx-preview{ background:linear-gradient(150deg,#EEE8FF,#FFE9F0) !important; border:0; box-shadow:var(--v-sh-lg) !important; }

/* lépés-számok: talpas dőlt, színátmenetes */
body .fx-how-num, body .hw-steps .hw-step.is-on .hw-step-num{
  font-family:var(--v-serif) !important; font-style:italic !important; font-weight:400 !important; letter-spacing:-.02em !important;
  background:var(--v-grad) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; -webkit-text-stroke:0 !important;
}
body .hw-steps .hw-step-num{ font-family:var(--v-serif) !important; font-style:italic !important; font-weight:400 !important; color:transparent !important; -webkit-text-fill-color:transparent; -webkit-text-stroke:1.2px #C9C0EE !important; }
body .hw-steps .hw-step-visual{ background:linear-gradient(150deg,#F3EFFF,#FFF2F5) !important; border:1px solid var(--v-glass-line) !important; box-shadow:var(--v-sh) !important; }
body .hw-steps .hw-step-visual.hw-next{ background:linear-gradient(135deg,#6B4FE0,#A24FD6) !important; }

/* Árak */
body .pr-plan{ background:#fff !important; border:1px solid var(--v-line) !important; box-shadow:var(--v-sh) !important; }
body .pr-plan.is-featured{
  border:2px solid transparent !important;
  background:linear-gradient(#fff,#fff) padding-box, conic-gradient(from var(--v-ang), #6B4FE0, #F0628E, #FF9A6B, var(--v-mint), #6B4FE0) border-box !important;
  box-shadow:var(--v-sh-lg) !important;
}
body .pr-plan.is-featured::before, body .pr-plan.is-featured::after{ display:none !important; }
body .pr-plan.is-featured .pr-price strong{ background:var(--v-grad) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; }
body .pr-row-price td{ white-space:nowrap; }

/* A Veyanixről */
body .ab-portrait-frame{ background:linear-gradient(150deg,#E6DCFF 0%,#FFD9E6 60%,#FFE3D1 100%) !important; border:1px solid var(--v-glass-line); box-shadow:var(--v-sh-lg) !important; }
body .ab-portrait-mono{ font-family:var(--v-serif) !important; font-style:italic; font-weight:400 !important; background:var(--v-grad) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; }
body .ab-ch .ab-cloud{ background:linear-gradient(150deg,#F3EFFF,#FFF2F5) !important; border:1px solid var(--v-glass-line); }
body .fxd-dots{ background-image:none !important; }

/* =========================================================================================
   8. Záró felhívás: élénk színátmenetes sáv, rajta Veya gömbje
   ========================================================================================= */
body .fx-cta, body .hw-cta, body .pr-cta, body .ab-cta .container, body .hp-faqcta .hp-cta-panel{
  background:
    radial-gradient(60% 80% at 100% 100%, rgba(255,154,107,.55), transparent 65%),
    radial-gradient(50% 70% at 0% 0%, rgba(124,92,255,.65), transparent 70%),
    linear-gradient(120deg,#2E1F80 0%,#5B3FD6 45%,#A24FD6 78%,#E8608F 100%) !important;
  color:#fff !important; border:0 !important; border-radius:var(--v-r-lg) !important; box-shadow:var(--v-sh-lg) !important; overflow:hidden; position:relative;
}
body .ab-cta .container::before, body .hp-cta-panel::before, body .hp-cta-panel::after{ display:none !important; }
body .fx-cta h2, body .hw-cta h2, body .pr-cta h2, body .ab-cta h2, body .hp-cta-panel h2{
  color:#fff !important; font-size:clamp(30px,3.4vw,50px) !important; line-height:1.04 !important; letter-spacing:-.04em !important;
}
body .fx-cta p, body .hw-cta p, body .pr-cta p, body .ab-cta p, body .hp-cta-panel p, body .hp-cta-panel .fineprint{ color:rgba(255,255,255,.82) !important; }
body .fx-cta .label, body .hw-cta .label, body .pr-cta .label, body .ab-cta .label, body .fx-cta .eyebrow, body .hw-cta .eyebrow, body .pr-cta .eyebrow, body .ab-cta .eyebrow{
  color:rgba(255,255,255,.8) !important; text-transform:none !important; letter-spacing:0 !important; font:600 15px/1.2 var(--font-display) !important;
}
body .hp-cta-mini{ display:none !important; }

/* =========================================================================================
   9. Mozgás: kártyák rámutatáskor, görgetéses belépők (motion.js), hero belépő
   ========================================================================================= */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body .hp-bento-card, body .hp-how-step, body .pr-plan:not(.is-featured){ transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
  body .hp-bento-card:hover, body .hp-how-step:hover, body .pr-plan:not(.is-featured):hover{ transform:translateY(-6px); box-shadow:var(--v-sh-lg) !important; }
}
html.mo-js .mo{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.8,.2,1); transition-delay:var(--mo-d,0ms); }
html.mo-js .mo.mo-in{ opacity:1; transform:none; }
html.mo-js .mo-h{ opacity:0; transform:translateY(22px); clip-path:inset(0 0 100% 0); transition:opacity .6s ease, transform .9s cubic-bezier(.2,.8,.2,1), clip-path 1s cubic-bezier(.2,.8,.2,1); }
html.mo-js .mo-h.mo-in{ opacity:1; transform:none; clip-path:inset(-0.3em -0.3em -0.4em -0.3em); }
@media (prefers-reduced-motion:no-preference){
  body .hp-hero-copy h1 .l{ display:block; animation:v-line 1s cubic-bezier(.2,.8,.2,1) both; }
  body .hp-hero-copy h1 .l:nth-child(2){ animation-delay:.12s; }
  body .hp-hero-copy h1 .l:nth-child(3){ animation-delay:.24s; }
  @keyframes v-line{ from{ opacity:0; transform:translateY(40px); filter:blur(8px); } to{ opacity:1; transform:none; filter:none; } }
  body .hp-stats li{ animation:v-line .9s cubic-bezier(.2,.8,.2,1) both; }
  body .hp-stats li:nth-child(1){ animation-delay:.45s; } body .hp-stats li:nth-child(2){ animation-delay:.55s; }
  body .hp-stats li:nth-child(3){ animation-delay:.65s; } body .hp-stats li:nth-child(4){ animation-delay:.75s; } body .hp-stats li:nth-child(5){ animation-delay:.85s; }
}

/* --- javítások: a hero címe sötét (az eredeti stílus fehérre állította), a statisztika balra igazított --- */
body .hp-hero-copy h1, body .hp-hero-copy h1 .l{ color:var(--v-ink) !important; }
body .hp-stats, body .hp-stats li{ text-align:left; }
@media (max-width:520px){
  body .header-cta .btn-ic{ display:none; }
  body .header-cta, body .header-cta:has(.btn-ic){ padding:0 16px !important; }
}
/* keskeny telefon: a kiemelt csomag és a dekoratív gömb ne lógjon ki oldalra */
body > main{ overflow-x:clip; }
@media (max-width:400px){
  body .pr-plan, body .pr-plan.is-featured{ min-width:0; padding:24px 18px !important; }
  body .pr-plan-name{ flex-wrap:wrap; gap:6px; }
}

/* =========================================================================================
   10. v6 "turbó": élő demó a heróban, görgetésre felálló termékképernyő, címkék mondatkezdővel, teljes telefon mobilon
   ========================================================================================= */

/* --- Élő Mind Dump demó Veya gömbje körül --- */
body .hp-demo{ position:absolute; inset:0; z-index:4; pointer-events:none; }
body .hp-demo-card{
  position:absolute; left:-4%; bottom:4%; width:min(300px,58%); padding:14px 16px 16px; border-radius:20px;
  background:rgba(255,255,255,.78); border:1px solid var(--v-glass-line);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%); box-shadow:var(--v-sh-lg);
  transition:opacity .5s ease;
}
body .hp-demo-card small{ display:flex; align-items:center; gap:8px; font:600 13px/1 var(--font-display); color:var(--v-accent); }
body .hp-demo-card small::before{ content:""; width:18px; height:18px; border-radius:50%; background:var(--v-grad);
  -webkit-mask:radial-gradient(circle,#000 38%,transparent 40%,transparent 56%,#000 58%); mask:radial-gradient(circle,#000 38%,transparent 40%,transparent 56%,#000 58%); }
body .hp-demo-card p{ margin:10px 0 0; min-height:3.9em; font:500 15px/1.3 var(--font-display); color:var(--v-ink); }
body .hp-demo-caret{ display:inline-block; width:2px; height:1.05em; margin-left:2px; vertical-align:-.15em; background:var(--v-accent); }
body .hp-demo.is-out .hp-demo-caret{ opacity:0; }
body .hp-demo.is-clear .hp-demo-card p{ opacity:.25; transition:opacity .4s ease; }
@media (prefers-reduced-motion:no-preference){ body .hp-demo-caret{ animation:v-caret 1s steps(1) infinite; } @keyframes v-caret{ 50%{ opacity:0; } } }

body .hp-demo-out{ list-style:none; margin:0; padding:0; }
body .hp-demo-out li{
  position:absolute; display:flex; align-items:center; gap:10px; padding:10px 14px 10px 12px; border-radius:16px;
  background:#fff; border:1px solid var(--v-line); box-shadow:var(--v-sh-lg); white-space:nowrap;
  opacity:0; transform:translate(var(--fx,-60px), var(--fy,80px)) scale(.6);
  transition:opacity .45s ease, transform .75s cubic-bezier(.2,1.25,.35,1); transition-delay:calc(var(--k) * 170ms);
}
body .hp-demo-out li::before{ content:""; width:10px; height:10px; border-radius:50%; flex:none; }
body .hp-demo-out li b{ font:600 15px/1 var(--font-display); color:var(--v-ink); }
body .hp-demo-out li span{ font:500 13px/1 var(--font-body); color:var(--v-muted); padding:5px 8px; border-radius:999px; background:var(--v-paper); }
body .hp-demo-out .is-lav{ left:10%; top:20%; --fx:-30px; --fy:220px; }   body .hp-demo-out .is-lav::before{ background:#7C5CFF; }
body .hp-demo-out .is-mint{ right:-4%; top:40%; --fx:-220px; --fy:160px; } body .hp-demo-out .is-mint::before{ background:#3FBF9F; }
body .hp-demo-out .is-coral{ right:8%; bottom:22%; --fx:-200px; --fy:40px; } body .hp-demo-out .is-coral::before{ background:#F0628E; }
body .hp-demo.is-out .hp-demo-out li{ opacity:1; transform:none; }
body .hp-demo.is-clear .hp-demo-out li{ transition-delay:0s; }
/* a régi "Újraterveztem a délutánt" kártya marad a jobb felső sarokban */
body .hp-hero-art .hp-fchip.is-r{ top:2%; right:-2%; }
@media (max-width:720px){
  body .hp-demo-card{ left:-2%; bottom:0; width:min(250px,72%); padding:12px 14px; }
  body .hp-demo-card p{ font-size:14px; }
  body .hp-demo-out li{ padding:8px 10px; gap:8px; }
  body .hp-demo-out li b{ font-size:13.5px; }
  body .hp-demo-out li span{ font-size:12px; padding:4px 7px; }
  body .hp-demo-out .is-lav{ left:0; top:22%; }
  body .hp-demo-out .is-mint{ right:-2%; top:44%; }
  body .hp-demo-out .is-coral{ right:0; bottom:30%; }
  body .hp-hero-art .hp-fchip.is-r{ display:none !important; }
}

/* --- Görgetésre felálló termékképernyő (egy összehangolt pillanat; csak ahol a böngésző tudja) --- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:721px){
    body .hp-hero-visual{ perspective:1600px; }
    /* csak mozgás, SOSEM átlátszóság: a telefon és a laptop végig tömör; a belépő a teljes belépésig lezajlik, így félúton megállva sem marad ferde / áttetsző */
    body .hp-hero-visual .hp-hl{ animation:v-stand linear both !important; animation-timeline:view() !important; animation-range:entry 0% entry 90% !important; transform-origin:50% 100%; opacity:1 !important; }
    body .hp-hero-visual .hp-hph{ animation:v-phone linear both !important; animation-timeline:view() !important; animation-range:entry 10% entry 100% !important; opacity:1 !important; }
    @keyframes v-stand{ from{ transform:rotateX(24deg) scale(.9); } to{ transform:none; } }
    @keyframes v-phone{ from{ transform:translateY(90px) rotate(6deg); } to{ transform:none; } }
  }
}

/* --- Telefon mobilon: a teljes készülék látszik (nem levágva) --- */
@media (max-width:720px){
  body .hp-hero-visual{ height:auto !important; overflow:visible !important; padding:24px 0 28px !important; }
  body .hp-hero-visual .hp-hph{ width:min(78%,300px) !important; padding:8px !important; border-radius:42px !important; box-shadow:0 0 0 1px rgba(255,255,255,.2) inset, var(--v-sh-lg) !important; }
  body .hp-hero-visual .hp-hph .hp-ph-in{ border-radius:34px !important; }
}

/* --- Apró címkék: mondatkezdő betű, ritkítás nélkül (nem csupa nagybetű) --- */
body .hp-bt-k, body .hp-dl-cols span, body .hp-fchip small, body .hv-next small, body .hp-ax-now span, body .ab-cloud-arrow,
body .pr-badge, body .pr-pick-tag, body .pr-stat-label, body .pr-group th, body .fx-eyebrow, body .fx-preview-label,
body main .label, body .hp-demo-card small{
  text-transform:none !important; letter-spacing:0 !important;
}
body .hp-dl-cols span, body .pr-stat-label, body .pr-group th, body main .label.label-tertiary{ font-size:13.5px !important; font-weight:600 !important; }
body .hp-ax-now span{ font:600 13px/1.2 var(--font-display) !important; white-space:nowrap; }

/* --- a hero "Új" jelvénye helyett élő pont (nem állítunk újdonságot) --- */
body .hp-hero-eb::before, body .fx-hero .fx-pill::before{
  content:"" !important; width:8px !important; height:8px !important; padding:0 !important; margin-left:6px !important; border-radius:50% !important; background:#3FBF9F !important;
}
@media (prefers-reduced-motion:no-preference){ body .hp-hero-eb::before, body .fx-hero .fx-pill::before{ animation:v-pulse 2.2s ease-out infinite; } }
body .hp-demo, body .hp-demo *{ text-align:left; }
@media (max-width:720px){ body .hp-demo-out .is-coral{ bottom:34%; } body .hp-demo-out .is-mint{ top:40%; } }

/* =========================================================================================
   11. v7 sötét "éjkék" szakaszok minden aloldalon (a felhasználó sötétkék mintája alapján):
   mély éjkék lap, felül kék-lila fénykör, üveg-kártyák kékes fényperemmel. Funkciók: három lépés; Hogyan működik: újratervezés;
   Árak: csomagválasztó; A Veyanixről: elvek.
   ========================================================================================= */
:root{ --v-deep:#070A1F; --v-deep-2:#0E1233; --v-blue:#5B6CFF; }
body .fx-how, body .hw-adapt-wrap, body .pr-pick, body .ab-values{
  position:relative; overflow:hidden; isolation:isolate;
  margin:clamp(32px,5vw,64px) var(--v-slab-m) !important; padding:var(--sec-y) 0 !important; border-radius:var(--v-r-lg) !important;
  background:
    radial-gradient(55% 45% at 50% 0%, rgba(91,108,255,.42), transparent 70%),
    radial-gradient(35% 35% at 100% 100%, rgba(162,79,214,.22), transparent 70%),
    linear-gradient(var(--v-grid,rgba(140,150,255,.06)) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(90deg, var(--v-grid,rgba(140,150,255,.06)) 1px, transparent 1px) 0 0 / 64px 64px,
    var(--v-deep) !important;
  color:#fff;
}
/* a fénykör alatti vékony, izzó vonal a lap tetején */
body .fx-how::before, body .hw-adapt-wrap::before, body .pr-pick::before, body .ab-values::before{
  content:""; position:absolute; left:20%; right:20%; top:0; height:1px; z-index:0;
  background:linear-gradient(90deg, transparent, rgba(140,150,255,.9), rgba(200,160,255,.9), transparent);
}
body .fx-how > .container, body .hw-adapt-wrap > .container, body .pr-pick > .container, body .ab-values > .container{ position:relative; z-index:1; }
body .fx-how h2, body .hw-adapt-wrap h2, body .pr-pick h2, body .ab-values h2, body .ab-values h3, body .ab-values h4, body .fx-how strong{ color:#fff !important; }
body .fx-how p, body .hw-adapt-copy p, body .ab-values p{ color:rgba(226,228,255,.72) !important; }
body .fx-how .label, body .hw-adapt-wrap .hw-adapt-copy .label, body .ab-values .eyebrow, body .pr-pick-kicker{
  display:inline-flex !important; align-items:center; gap:8px; padding:7px 12px !important; border-radius:999px;
  background:rgba(91,108,255,.12) !important; border:1px solid rgba(140,150,255,.28) !important; color:#C7CDFF !important;
  font:600 13px/1 var(--font-display) !important; text-transform:none !important; letter-spacing:0 !important;
}
body .fx-how .label::before, body .hw-adapt-wrap .hw-adapt-copy .label::before, body .ab-values .eyebrow::before, body .pr-pick-kicker::before{
  content:"" !important; display:block !important; width:7px; height:7px; border-radius:50%; background:#8C96FF; box-shadow:0 0 10px #8C96FF; opacity:1 !important;
}

/* üveg-kártya kékes peremmel (a minta lépés-kártyái) */
body .fx-how-card, body .ab-value-row{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(140,150,255,.22) !important; border-radius:24px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 30px 60px -40px rgba(91,108,255,.7) !important;
  padding:clamp(22px,2.4vw,32px) !important;
}
body .fx-how-grid{ gap:16px !important; }
body .fx-how-num{
  display:inline-grid !important; place-items:center; width:46px; height:46px; margin-bottom:18px; border-radius:14px;
  font:600 20px/1 var(--font-display) !important; font-style:normal !important; letter-spacing:0 !important;
  background:linear-gradient(135deg,#5B6CFF,#A24FD6) !important; -webkit-background-clip:border-box !important; background-clip:border-box !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:0 0 24px rgba(91,108,255,.55);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body .fx-how-card, body .ab-value-row{ transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease; }
  body .fx-how-card:hover, body .ab-value-row:hover{ transform:translateY(-4px); border-color:rgba(140,150,255,.5) !important; }
}

/* Hogyan működik: a belső panel átlátszó, a nap-kártya fehér marad */
body .hw-adapt-wrap .hw-adapt{ background:transparent !important; border:0 !important; box-shadow:none !important; animation:none !important; padding:0 !important; }
body .hw-adapt-wrap .hw-day{ box-shadow:0 40px 80px -40px rgba(91,108,255,.8) !important; border:1px solid rgba(255,255,255,.6) !important; }

/* Árak: a csomagválasztó panel átlátszó, az ajánlott csomag fehér kártya marad */
body .pr-pick .pr-pick-panel{ background:transparent !important; border:0 !important; box-shadow:none !important; animation:none !important; padding:0 !important; }
body .pr-pick-res{ box-shadow:0 40px 80px -40px rgba(91,108,255,.8) !important; }
body .pr-pick-val span, body .pr-pick-ticks, body .pr-pick-row{ color:rgba(226,228,255,.75) !important; }

/* A Veyanixről: a bevezető a sötét lapon, az elvek üveg-kártyák */
body .ab-values .grad{ background:var(--v-grad-night) !important; -webkit-background-clip:text !important; background-clip:text !important; }
body .ab-values-panel{ background:transparent !important; border:0 !important; box-shadow:none !important; animation:none !important; padding:0 !important; display:grid; gap:14px; }
body .ab-values-panel > h3{ margin-bottom:8px !important; }
body .ab-value-row{ border-top:1px solid rgba(140,150,255,.22) !important; }

@media (max-width:720px){
  body .fx-how, body .hw-adapt-wrap, body .pr-pick, body .ab-values{ margin:32px 8px !important; }
}
body .fx-how .label, body .hw-adapt-wrap .hw-adapt-copy .label, body .ab-values .eyebrow, body .pr-pick-kicker{ width:fit-content; }
body .hw-adapt-wrap .hw-day, body .hw-adapt-wrap .hw-day .task-title, body .hw-adapt-wrap .hw-day .hw-day-title{ color:var(--v-ink) !important; }
body .hw-adapt-wrap .hw-day .label{ color:var(--v-accent) !important; }
body .hw-adapt-wrap .hw-day .task-time{ color:var(--v-muted) !important; }
/* a Veya-javaslat is fehér kártya a sötét sávon: sötét szöveg, a gombok a szokásos tintás / fehér kinézetben */
body .hw-adapt-wrap .suggestion{ box-shadow:0 40px 80px -40px rgba(91,108,255,.8) !important; }
body .hw-adapt-wrap .suggestion .suggestion-title{ color:var(--v-ink) !important; }
body .hw-adapt-wrap .suggestion .suggestion-reason{ color:var(--v-muted) !important; }
body .hw-adapt-wrap .suggestion .label{ color:var(--v-accent) !important; }
body .hw-adapt-wrap .suggestion .btn-primary{ background:var(--v-ink) !important; border-color:var(--v-ink) !important; color:#fff !important; }
body .hw-adapt-wrap .suggestion .btn-primary:hover{ background:var(--v-ink-2) !important; border-color:var(--v-ink-2) !important; }
body .hw-adapt-wrap .suggestion .btn-ghost{ background:#fff !important; border:1px solid var(--v-line) !important; color:var(--v-ink) !important; }
body .hw-adapt-wrap .suggestion .btn-ghost:hover{ border-color:var(--v-ink) !important; }
body .pr-pick .pr-pick-panel, body .hw-adapt-wrap .hw-adapt, body .ab-values .ab-values-panel{ border-radius:0 !important; overflow:visible !important; }
/* jogi oldalak: a hero ugyanazon a színhálón, mint a többi oldal */
body .legal-hero{ background:var(--v-mesh), linear-gradient(180deg,#F6F2FF 0%,var(--v-paper) 100%) !important; border-radius:0 0 var(--v-r-lg) var(--v-r-lg); }
body .legal-hero h1{ font-size:clamp(34px,4vw,56px) !important; letter-spacing:-.04em !important; line-height:1.04 !important; }
/* jogi oldalak: az átlátszó fejléc alá is a hero színhálója kerül, ne legyen vízszintes színváltás a logó mögött */
body .legal-hero{ margin-top:-96px; padding-top:calc(64px + 96px) !important; }
@media (max-width:1020px){
  body:has(.legal-hero) > main{ padding-top:0 !important; }
  body .legal-hero{ margin-top:0; padding-top:calc(64px + 96px + env(safe-area-inset-top)) !important; }
}
@media (max-width:720px){ body .legal-hero{ padding-top:calc(64px + 80px + env(safe-area-inset-top)) !important; } }

/* ---- Telefon (≤640 px): az "Ismerős érzés" ábra két egymás alatti részre válik (index.php), ezért a vízszintes jelző és a fénycsík nem kell ---- */
@media (max-width:640px){
  body .hp-ax-now{ background:none !important; }
  body .hp-ax-now::after{ display:none !important; }
  body .hp-ax-now span{ position:static !important; display:block; }
}
/* Funkciók, telefon: a megnyitott elem tartalma a teljes szélességet kapja (nincs behúzás), a demó-panel kisebb belső margóval, hogy a beágyazott kártyák ne szoruljanak 150 px-re */
@media (max-width:600px){
  body .fx-acc-panel-inner{ padding-left:0 !important; padding-right:0 !important; }
  body .fx-preview{ padding:14px !important; }
  body .fx-preview-head{ gap:10px; }
  body .fx-preview-label{ font-size:12px; letter-spacing:.06em; line-height:1.25; }
}

/* Főoldal, termékképernyők: a laptop és a telefon SOHA nem áttetsző (a görgetés-vezérelt belépő csak elmozdul), a telefon kitakarhatja a laptop szélét */
body .hp-stage .hp-lap, body .hp-stage .hp-ph{ opacity:1 !important; animation:none !important; transform:none !important; }
body .hp-stage .hp-ph{ isolation:isolate; }

/* Főoldal hero: a laptop és a telefon mindig tömör (a belépő animáció átlátszóságot soha nem állít) */
body .hp-hero-visual .hp-hl, body .hp-hero-visual .hp-hph{ opacity:1 !important; }