/* Marketing Commando – nyitólap és influencer aloldal (2026 redesign prototípus)
   Arculat: a meglévő MC lila–magenta–piros világ, frissítve. Montserrat + Hanken Grotesk + Caveat. */

:root{
  --ink:#16112E; --ink-2:#241D49; --indigo:#3C316B; --violet:#6751C3; --violet-l:#A497F2;
  --lav:#F4F2FF; --lav-2:#E9E5FF; --paper:#fff;
  --pink:#EC405E; --magenta:#A93CB4; --cyan:#00C1C4; --mint:#2FD8B0; --amber:#FAAC03; --orange:#F2662B;
  --fb:#1877F2; --yt:#FF0033;
  --text:#2A2350; --muted:#6C6690; --line:rgba(60,49,107,.13);
  --grad:linear-gradient(115deg,#5A44D8 0%,#9A3FC0 50%,#EC405E 100%);
  --grad-x:linear-gradient(90deg,#6751C3,#B03CB0 55%,#EC405E);
  --r-sm:12px; --r:22px; --r-lg:34px;
  --sh:0 1px 2px rgba(22,17,46,.05),0 14px 34px -16px rgba(22,17,46,.22);
  --sh-lg:0 40px 90px -40px rgba(22,17,46,.55);
  --wrap:1200px; --gut:20px;
  --f-d:"Montserrat",system-ui,sans-serif; --f-b:"Hanken Grotesk",system-ui,sans-serif; --f-h:"Caveat",cursive;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:86px}
body{margin:0;font:400 17px/1.6 var(--f-b);color:var(--text);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
img{height:auto}
figure,blockquote{margin:0}
[hidden]{display:none!important}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-d);color:var(--ink);margin:0;line-height:1.08;letter-spacing:-.02em}
p{margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto;position:relative;z-index:1}
main{overflow-x:clip}   /* a jobbról/balról beúszó elemek animáció előtt se okozzanak vízszintes görgetést */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}
.skip:focus{top:12px}

/* ---------- Típus ---------- */
.eyebrow{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;font:700 12.5px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--violet);background:var(--lav);border:1px solid var(--lav-2);padding:9px 14px;border-radius:99px}
.eyebrow svg{width:15px;height:15px;flex:none}
.eyebrow .eyebrow__mc{width:15px;height:17px}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(236,64,94,.18);animation:pulse 2s infinite}
.eyebrow--dark{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.eyebrow--warn{color:#7A3B00;background:#FFF2D6;border-color:#FFD98A}
.h2{font-size:clamp(32px,4.4vw,54px);font-weight:800}
.h2 em{font-style:normal;background:var(--grad-x);-webkit-background-clip:text;background-clip:text;color:transparent}
.h3{font-size:clamp(21px,2vw,26px);font-weight:800}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--muted)}
.hand{font-family:var(--f-h);font-weight:700;letter-spacing:0;line-height:1}
.sec-head{display:grid;justify-items:center;text-align:center;gap:16px;margin-bottom:clamp(36px,5vw,60px)}
.sec-head--left{justify-items:start;text-align:left}
.sec-head .lead{max-width:680px}
.squig{width:136px;height:14px;color:var(--violet)}
.squig path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.4s var(--ease) .15s}
.is-in .squig path,.squig.is-in path{stroke-dashoffset:0}
.sec--dark .squig{color:var(--cyan)}
.mark{background:linear-gradient(transparent 58%,rgba(250,172,3,.45) 58%);background-size:0 100%;background-repeat:no-repeat;transition:background-size 1.1s var(--ease) .3s;padding:0 2px}
.is-in .mark,.mark.is-in{background-size:100% 100%}

/* ---------- Gombok ---------- */
.btn{--bg:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:99px;border:0;font:700 15.5px/1 var(--f-d);letter-spacing:-.005em;text-decoration:none;color:#fff;background:var(--bg);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none;transition:transform .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover svg{transform:translateX(3px)}
.btn--primary{background:var(--grad);background-size:160% 100%;box-shadow:0 14px 30px -12px rgba(169,60,180,.65)}
.btn--primary:hover{background-position:100% 0;box-shadow:0 18px 36px -12px rgba(236,64,94,.7)}
.btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.btn--ghost:hover{background:rgba(255,255,255,.16)}
.btn--line{color:var(--ink);background:#fff;border:1.5px solid var(--line);box-shadow:var(--sh)}
.btn--line:hover{border-color:var(--violet)}
.btn--sm{min-height:42px;padding:0 18px;font-size:14px}
.btn--wide{width:100%}
.link{font:700 15px/1.2 var(--f-d);color:var(--violet);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.link:hover svg{transform:translateX(4px)}

/* ---------- Hiányzó anyag jelölő (prototípus) ---------- */
.todo{display:inline-flex;align-items:center;gap:6px;font:700 11px/1.25 var(--f-d);letter-spacing:.02em;color:#3A2A00;background:#FFE24A;border-radius:8px;padding:5px 9px;box-shadow:0 4px 14px -6px rgba(0,0,0,.35);max-width:100%;text-align:left}
.todo::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#E0471B;animation:pulse 1.6s infinite}
.todo--abs{position:absolute;z-index:6;top:12px;left:12px}
.todo--br{top:auto;left:auto;right:12px;bottom:12px}
.is-clean .todo{display:none!important}
.is-clean .logo-tile--txt,.is-clean .bq--empty{display:none!important}
.ph{position:relative;border:2px dashed rgba(103,81,195,.35);background:repeating-linear-gradient(135deg,rgba(103,81,195,.05) 0 12px,transparent 12px 24px),var(--lav);border-radius:var(--r);display:grid;place-items:center;color:var(--muted);font:600 14px/1.4 var(--f-d);text-align:center;padding:20px}
.is-clean .ph{border-style:solid;border-color:var(--lav-2)}
.proto-toggle{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--f-d);color:#3A2A00;background:#FFE24A;border:0;border-radius:99px;padding:10px 14px;box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.is-clean .proto-toggle{background:#fff;color:var(--ink)}

/* ---------- Fejléc ---------- */
.hdr{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px}
.hdr__logo img{height:44px;width:auto}
.hdr__logo .is-white{display:none}
.hdr--dark:not(.is-stuck) .hdr__logo .is-white{display:block}
.hdr--dark:not(.is-stuck) .hdr__logo .is-dark{display:none}
.hdr.is-stuck{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 var(--line),0 10px 30px -20px rgba(22,17,46,.35)}
.hdr--dark{position:fixed;left:0;right:0}
.nav{display:flex;align-items:center;gap:4px}
.nav__link{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:99px;border:0;background:none;font:700 15px/1 var(--f-d);color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.nav__link svg{width:14px;height:14px;opacity:.6}
.nav__link:hover,.nav__link[aria-current="page"]{background:var(--lav)}
.nav__link[aria-current="page"]{color:var(--violet)}
.hdr--dark:not(.is-stuck) .nav__link{color:#fff}
.hdr--dark:not(.is-stuck) .nav__link:hover,.hdr--dark:not(.is-stuck) .nav__link[aria-current="page"]{background:rgba(255,255,255,.12)}
.nav__item{position:relative}
.nav__sub{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;width:340px;padding:10px;background:#fff;border-radius:20px;box-shadow:var(--sh-lg),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)}
.nav__sub::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.nav__item:hover .nav__sub,.nav__item:focus-within .nav__sub,.nav__item.is-open .nav__sub{opacity:1;visibility:visible;transform:none}
.nav__sub a{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;align-items:center;padding:10px;border-radius:14px;text-decoration:none}
.nav__sub a:hover{background:var(--lav)}
.nav__sub b{font:800 15px/1.2 var(--f-d);color:var(--ink)}
.nav__sub small{grid-column:2;color:var(--muted);font-size:13.5px;line-height:1.3}
.nav__ico{grid-row:span 2;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff}
.nav__ico svg{width:22px;height:22px}
.nav__sub a.nav__all{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:14px 12px 8px;border-top:1px solid var(--line);border-radius:0 0 14px 14px;font:800 14px/1.2 var(--f-d);color:var(--violet)}
.nav__all svg{width:16px;height:16px;transition:transform .2s var(--ease)}
.nav__all:hover svg{transform:translateX(3px)}
.nav__cta{margin-left:10px}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:0;background:var(--lav);place-items:center}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:.25s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:inherit;border-radius:2px;transition:.25s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.hdr--dark:not(.is-stuck) .burger{background:rgba(255,255,255,.12)}
.hdr--dark:not(.is-stuck) .burger span{background:#fff}
.nav-open .burger span{background:transparent!important}
.nav-open .burger span::before{top:0;rotate:45deg;background:var(--ink)}
.nav-open .burger span::after{top:0;rotate:-45deg;background:var(--ink)}

/* ---------- Szekciók ---------- */
.sec{padding:clamp(76px,10vw,132px) 0;position:relative}
.sec--lav{background:linear-gradient(180deg,#fff 0%,var(--lav) 18%,var(--lav) 82%,#fff 100%)}
.sec--dark{background:var(--ink);color:#CFCAF0}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec--dark .lead{color:#B7B1DD}
.sec--tight{padding:clamp(56px,7vw,90px) 0}

/* háttér: háromszögek és ragyogás (a régi hero motívuma) */
.glow{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.glow i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;animation:drift 18s ease-in-out infinite alternate}
.glow i:nth-child(1){width:560px;height:560px;left:-160px;top:-120px;background:#5A44D8}
.glow i:nth-child(2){width:520px;height:520px;right:-140px;top:10%;background:#B03CB0;animation-delay:-6s}
.glow i:nth-child(3){width:420px;height:420px;left:38%;bottom:-220px;background:#EC405E;opacity:.55;animation-delay:-11s}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tris{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tris .t{transform-box:fill-box;transform-origin:center;animation:float 9s ease-in-out infinite}
.tris .t:nth-child(2n){animation-duration:12s;animation-delay:-3s}
.tris .t:nth-child(3n){animation-duration:15s;animation-delay:-7s}

/* ---------- HERO (nyitólap) ---------- */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:150px 0 0;isolation:isolate}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.hero__copy{padding-bottom:clamp(60px,8vw,120px)}
.hero__title{color:#fff;font-size:clamp(44px,6.6vw,92px);font-weight:900;letter-spacing:-.035em;margin:26px 0 26px;line-height:.98}
.hero__title .num{display:inline-block;background:linear-gradient(100deg,#fff 10%,#FFC2D0 45%,#EC405E 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.hero__lead{font:700 clamp(20px,2.1vw,28px)/1.32 var(--f-d);color:#E7E3FF;max-width:560px;letter-spacing:-.01em}
.hero__hand{display:flex;align-items:center;gap:14px;margin:26px 0 34px;font-size:clamp(30px,3.2vw,42px);color:var(--amber);transform:rotate(-2deg);transform-origin:left}
.hero__hand svg{width:70px;height:48px;color:var(--amber)}
.hero__hand path{stroke-dasharray:120;stroke-dashoffset:120;animation:draw 1.2s var(--ease) 1.1s forwards}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero__visual{position:relative;align-self:end;min-height:640px}
/* Gábor és Kriszta kivágott portréja, a hero aljára ültetve, mögötte lila ragyogás */
.hero__cut{--W:min(var(--wrap),100vw - 2*var(--gut));--o:max(0px,min(60px,(100vw - var(--W))/2 - 20px));position:absolute;z-index:2;right:calc(-1*var(--o));bottom:-6px;width:calc(var(--W) - 580px + var(--o));margin:0;animation:heroIn 1.2s var(--ease) both}
.hero__cut img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(10,6,30,.55))}
.hero__cut::before{content:"";position:absolute;inset:4% 6% 10% 6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(176,60,176,.6),rgba(103,81,195,.3) 55%,transparent 75%);filter:blur(30px);animation:glowpulse 7s ease-in-out infinite alternate}
.sticker{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:18px;padding:12px 16px 12px 12px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);font:800 15px/1.15 var(--f-d);animation:bob 6s ease-in-out infinite}
.sticker small{display:block;font:600 12px/1.2 var(--f-b);color:var(--muted);margin-top:3px}
.sticker__ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}
.sticker__ico svg{width:24px;height:24px}
/* a matricák és a jelvény a portréhoz igazodnak (a .hero__cut-on belül), így minden szélességen ugyanott vannak az emberekhez képest */
.sticker--a{left:34%;right:auto;top:auto;bottom:9%}
.sticker--b{left:-24%;right:auto;top:-15%;animation-delay:-2s}
@media (min-width:961px) and (max-width:1279px){.hero__cut{width:calc(var(--W) - 490px + var(--o))}.sticker--b{left:20%;top:-22%}}
.sticker--c{right:4%;bottom:15%;animation-delay:-4s}
.seal{position:absolute;z-index:5;left:-2%;bottom:6%;width:150px;height:150px}
.seal svg{width:100%;height:100%}
.seal .ring{transform-origin:center;animation:spin 22s linear infinite}
.seal text{font:800 13.5px var(--f-d);letter-spacing:.22em;fill:#fff}
.badge3d{position:absolute;z-index:5;left:74%;right:auto;bottom:auto;top:-6%;width:min(26%,200px);aspect-ratio:1;pointer-events:none}
.badge3d::before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(closest-side,rgba(236,64,94,.5),rgba(103,81,195,.3) 60%,transparent);filter:blur(20px);z-index:-1}
.badge3d img,.badge3d video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.badge3d video{opacity:0;transition:opacity .5s}
.badge3d.is-playing video{opacity:1}
.badge3d.is-playing img{opacity:0;transition:opacity .4s .15s}
.badge3d:not(.is-playing) img{animation:bob 6s ease-in-out infinite}
.hero__fade{position:absolute;left:0;right:0;bottom:-1px;height:70px;z-index:3;background:linear-gradient(180deg,transparent,#fff)}
.hero__wave{position:absolute;left:0;right:0;bottom:-1px;z-index:3;width:100%;height:auto;color:#fff}

/* ---------- Bizalmi sáv ---------- */
.press{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.press__card{position:relative;background:#fff;border-radius:var(--r);padding:22px 24px 20px;box-shadow:var(--sh);display:grid;gap:14px;align-content:space-between;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.press__card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.press__q{font:800 clamp(18px,1.6vw,21px)/1.3 var(--f-d);color:var(--ink);letter-spacing:-.01em}
.press__q::before{content:"„";color:var(--pink)}
.press__q::after{content:"”";color:var(--pink)}
.press__logo{height:34px;width:auto;object-fit:contain;object-position:left}
.press__logo--nsz{height:28px;margin-block:3px}
.press__name{font:900 27px/34px var(--f-d);color:var(--ink);letter-spacing:-.02em}
.press__star{position:absolute;right:20px;top:20px;width:26px;height:26px;color:var(--lav-2)}
.trust{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px;margin-top:18px}
.tcard{position:relative;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);min-height:300px}
.tcard--since{background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;border:0}
.since{position:relative;width:min(250px,80%);aspect-ratio:1}
.since>svg{position:absolute;inset:0;width:100%;height:100%}
.since .ring{transform-origin:center;animation:spin 28s linear infinite}
.since text{font:800 12.5px var(--f-d);letter-spacing:.3em;fill:#B9B2E6}
.since__in{position:absolute;inset:0;display:grid;place-content:center;gap:2px}
.since__mc{width:30px;height:35px;justify-self:center;margin-bottom:8px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.since__in b{font:900 clamp(50px,5vw,66px)/1 var(--f-d);letter-spacing:-.04em;background:linear-gradient(120deg,#fff,#C9BEFF 60%,#FF9FB1);-webkit-background-clip:text;background-clip:text;color:transparent}
.since__in span{font:700 14px/1 var(--f-d);letter-spacing:.32em;text-transform:uppercase;color:var(--cyan)}
.tcard--tv{background:radial-gradient(80% 70% at 50% 45%,#EDE9FF,#fff 75%)}
.tcard__cap--ink{color:var(--ink)!important}
.tcard__cap svg{width:18px;height:18px;flex:none}
.tcard__cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:3;font:700 14px/1.3 var(--f-d);color:#fff;display:flex;align-items:center;gap:8px}
/* TV-kártya: kidolgozott retró tévé, a képernyőn a „Hétköznapi Példaképek” podcast, ahová Wolf Gábort meghívták */
.tv{position:absolute;inset:30px 22px 58px;display:grid;place-items:center;align-content:center}
.tv__ant{position:relative;width:110px;height:40px;margin-bottom:-4px}
.tv__ant i{position:absolute;left:50%;bottom:0;width:3px;height:44px;border-radius:3px;background:linear-gradient(#8C7FD8,#3C316B);transform-origin:bottom;rotate:-30deg}
.tv__ant i+i{rotate:26deg;height:38px}
.tv__ant i::after{content:"";position:absolute;top:-6px;left:-3.5px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFB3C3,var(--pink));box-shadow:0 0 12px rgba(236,64,94,.7)}
.tv__ant::before{content:"";position:absolute;left:calc(50% - 16px);bottom:-6px;width:34px;height:12px;border-radius:12px 12px 0 0;background:#2E2560}
.tv__body{position:relative;width:100%;max-width:460px;aspect-ratio:16/10.4;display:grid;grid-template-columns:1fr 64px;gap:12px;padding:14px;border-radius:32px;background:linear-gradient(155deg,#3A3074 0%,#231C4F 45%,#16112E 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -6px 12px rgba(0,0,0,.35),inset 0 0 0 1.5px rgba(255,255,255,.06),0 34px 60px -26px rgba(22,17,46,.75)}
.tv__bezel{position:relative;padding:8px;border-radius:24px;background:linear-gradient(160deg,#100C24,#2A2258);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.08)}
.tv__screen{position:relative;height:100%;border-radius:18px / 22px;overflow:hidden;background:radial-gradient(90% 80% at 72% 70%,#B03CB0 0%,rgba(176,60,176,0) 60%),radial-gradient(70% 70% at 10% 10%,#5A44D8 0%,rgba(90,68,216,0) 70%),#1A1240;container-type:size}
.tv__screen::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 28%,transparent 29%),repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(120% 95% at 50% 50%,transparent 58%,rgba(0,0,0,.55));animation:scan 7s linear infinite}
.pod{position:absolute;inset:0}
.pod__tag{position:absolute;left:6cqw;top:6cqh;display:inline-flex;align-items:center;gap:1.4cqw;font:800 3.6cqw/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#CFC8F2}
.pod__tag svg{width:4.4cqw;height:4.4cqw;color:var(--amber)}
.pod__title{position:absolute;left:5cqw;top:14cqh;z-index:3;margin:0;display:grid;font:900 12.4cqw/.92 var(--f-d);letter-spacing:-.035em;text-transform:uppercase;rotate:-3deg;transform-origin:left}
.pod__title span{padding:.16em .05em 0;margin-top:-.16em;background:linear-gradient(100deg,#fff 0%,#FFD6E0 45%,#FAAC03 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .6cqw 0 rgba(22,17,46,.55))}
.pod__title span+span{background:linear-gradient(100deg,#FAAC03 0%,#EC405E 55%,#FF7AB8 100%);-webkit-background-clip:text;background-clip:text;margin-left:4cqw}
.pod__sub{position:absolute;left:6cqw;top:50cqh;z-index:3;max-width:46cqw;font:700 6cqw/1.05 var(--f-h);color:var(--amber);rotate:-3deg}
.pod__host{position:absolute;left:6cqw;bottom:7cqh;z-index:3;font:700 3.6cqw/1.25 var(--f-b);color:#DCD7FA;max-width:40cqw}
.pod__host::before{content:"";display:block;width:8cqw;height:.7cqw;border-radius:1cqw;background:var(--pink);margin-bottom:2cqh}
.pod__ppl{position:absolute;right:0;bottom:0;z-index:2;height:56cqh;width:auto;filter:drop-shadow(0 0 2cqw rgba(22,17,46,.6))}
.pod__guest{position:absolute;right:3cqw;bottom:5cqh;z-index:3;display:grid;padding:1.6cqw 3cqw;border-radius:2.4cqw;background:var(--pink);color:#fff;font:900 4.6cqw/1.05 var(--f-d);rotate:-3deg;box-shadow:0 1.4cqw 3cqw rgba(22,17,46,.45)}
.pod__guest small{font:800 2.8cqw/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:.6cqw}
.tv__panel{position:relative;display:grid;align-content:start;justify-items:center;gap:12px;padding-top:6px}
.tv__onair{font:800 9px/1 var(--f-d);letter-spacing:.14em;color:#fff;background:var(--pink);padding:5px 6px;border-radius:5px;box-shadow:0 0 14px rgba(236,64,94,.65);animation:blink 2.4s steps(1) infinite}
.tv__knob{position:relative;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8C7FD8,#3C316B 60%,#221B4A);box-shadow:0 3px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.tv__knob::after{content:"";position:absolute;left:50%;top:4px;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:#FFD27A}
.tv__knob{animation:knob 6s ease-in-out infinite}
.tv__knob--b{width:28px;height:28px;animation-delay:-3s}
.tv__grill{width:40px;height:44px;border-radius:8px;background:radial-gradient(circle,#0E0A22 1.6px,transparent 2px) 0 0/8px 8px;opacity:.9;margin-top:4px}
.tv__feet{display:flex;justify-content:space-between;width:min(70%,320px);margin-top:-2px}
.tv__feet i{width:26px;height:12px;border-radius:0 0 8px 8px;background:#231C4F}
.tcard--reviews{background:linear-gradient(160deg,#fff,var(--lav));padding:22px;display:grid;gap:14px;align-content:center}
.rv{position:relative;display:grid;gap:8px;background:#fff;border-radius:18px;padding:16px 18px;box-shadow:var(--sh);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .35s var(--ease),box-shadow .35s}
.rv:first-child{rotate:-1.2deg}
.rv:nth-child(2){rotate:1.2deg;margin-left:18px}
.rv:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.rv__h{display:flex;align-items:center;gap:10px}
.rv__h b{font:800 14.5px/1.2 var(--f-d);color:var(--ink)}
.rv__ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--lav);flex:none}
.rv__ico svg{width:20px;height:20px}
.rv__score{display:flex;align-items:center;gap:12px}
.rv__score>b{font:900 42px/1 var(--f-d);color:var(--ink);letter-spacing:-.03em;min-width:2.2ch}
.rv__n{font:600 13px/1.35 var(--f-b);color:var(--muted)}
.rv__n b{color:var(--ink)}
.rmeter{position:relative;display:block;width:117px;height:10px;border-radius:5px;background:#E4E0F7;overflow:hidden}
.rmeter__on{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#1877F2,#5AA2FF);transition:width 1.5s var(--ease) .3s}
.is-in .rmeter__on{width:calc(var(--v)*1%)}
.rstars{position:relative;display:inline-flex;gap:3px}
.rstars svg{width:21px;height:21px;flex:none}
.rstars path{fill:#E4E0F7}
.rstars__on{position:absolute;inset:0 auto 0 0;display:flex;gap:3px;width:0;overflow:hidden;transition:width 1.5s var(--ease) .3s}
.rstars__on path{fill:var(--amber)}
.is-in .rstars__on{width:calc(var(--v)/5*100%)}
.stars{display:flex;gap:3px}
.stars svg{width:17px;height:17px;color:#E4E0F7}
.stars svg path{fill:currentColor}
.is-in .stars svg{animation:star .5s var(--ease) both}
.is-in .stars svg:nth-child(2){animation-delay:.1s}.is-in .stars svg:nth-child(3){animation-delay:.2s}.is-in .stars svg:nth-child(4){animation-delay:.3s}.is-in .stars svg:nth-child(5){animation-delay:.4s}
.marquee{--gap:16px;--dur:60s;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee__track{display:flex;gap:var(--gap);width:max-content;animation:marq var(--dur) linear infinite}
.marquee--rev .marquee__track{animation-direction:reverse}
.marquee:hover .marquee__track{animation-play-state:paused}
.stage{margin-top:18px}
.stage figure{margin:0;width:300px;aspect-ratio:3/2;border-radius:18px;overflow:hidden;flex:none;box-shadow:var(--sh)}
.stage figure.is-tall{aspect-ratio:4/5;width:200px}
/* kézzel húzható szalag: egérrel/ujjal húzva gyorsul, visszafelé is (mchu.js) */
.marquee[data-drag]{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.marquee[data-drag].is-grabbing{cursor:grabbing}
.marquee[data-drag].is-js .marquee__track{animation:none}
.marquee[data-drag] img{-webkit-user-drag:none;pointer-events:none}
.stage img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.stage figure:hover img{transform:scale(1.06)}
.stage-cap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:46px 0 16px;flex-wrap:wrap}
.stage-cap h3{font-size:20px}

/* ---------- Kínálat ---------- */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.offer{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.offer:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.offer--wide{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.offer__art{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden}
.offer__art svg{width:100%;height:100%;max-height:300px}
@media (min-width:641px){.offer--flip .offer__art{order:2}}
.offer__body{padding:28px 30px 30px;display:grid;gap:14px;align-content:start}
.offer--wide .offer__body{align-content:center;padding:40px}
.offer__tag{justify-self:start;font:800 12px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:99px}
.offer h3{font-size:clamp(22px,2.1vw,28px);font-weight:800}
.offer p{color:var(--muted)}
.offer__cta{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.soon{display:inline-flex;align-items:center;gap:7px;font:800 12px/1 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#FAAC03,#F2662B);padding:8px 12px;border-radius:99px;font-style:normal}
.soon svg{width:15px;height:15px}
.soon--sm{font-size:9.5px;padding:4px 7px;margin-left:4px;vertical-align:2px;letter-spacing:.1em}
.offer--goto .offer__art{background:radial-gradient(120% 90% at 30% 20%,#2D2470,#16112E)}
.offer--goto .offer__tag{background:#E8F9F7;color:#008A8C}
.offer--talk .offer__art{background:linear-gradient(160deg,#FFF1F4,#FFE3EA)}
.offer--talk .offer__tag{background:#FFE6EB;color:#C42448}
.offer--train .offer__art{background:linear-gradient(160deg,#FFF6E0,#FFEBC2)}
.offer--train .offer__tag{background:#FFF0CC;color:#9A5B00}
.offer--infl .offer__art{background:radial-gradient(110% 90% at 70% 20%,#7C5CF0,#4A33B8 60%,#2B1F78)}
.offer--infl .offer__tag{background:var(--lav);color:var(--violet)}
.price-chip{display:inline-flex;align-items:baseline;gap:6px;font:800 14px/1 var(--f-d);color:var(--ink);background:#FFF2CC;border-radius:10px;padding:8px 11px}
.price-chip b{font-size:18px;color:#C24A00}

/* SVG illusztráció-animációk */
.a-float{animation:float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-bob{animation:bob 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-spin{animation:spin 14s linear infinite;transform-box:fill-box;transform-origin:center}
.a-pulse{animation:pulse-s 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-blink{animation:blink 1.4s steps(1) infinite}
.a-wave{animation:wave 2.4s ease-out infinite;transform-box:fill-box;transform-origin:left center;opacity:0}
.a-wave.d2{animation-delay:.8s}.a-wave.d3{animation-delay:1.6s}
.a-sweep{animation:sweep 5s ease-in-out infinite;transform-box:view-box}
.a-heart{animation:heart 3.6s ease-out infinite;opacity:0;transform-box:fill-box;transform-origin:center}
.a-heart.d2{animation-delay:.9s}.a-heart.d3{animation-delay:1.8s}.a-heart.d4{animation-delay:2.7s}
.a-head{animation:head 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
.a-head.d2{animation-delay:.3s}.a-head.d3{animation-delay:.6s}.a-head.d4{animation-delay:.9s}.a-head.d5{animation-delay:1.2s}.a-head.d6{animation-delay:1.5s}
.a-cards{animation:cards 6s var(--ease) infinite}
.a-bar{animation:bar 3.2s var(--ease) infinite;transform-box:fill-box;transform-origin:left}
.a-dash{stroke-dasharray:6 8;animation:dash 1.2s linear infinite}
.a-swing{animation:swing 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:top center}
.a-pop{animation:pop 3s var(--ease) infinite;transform-box:fill-box;transform-origin:center}
.a-glint{animation:glint 3.6s ease-in-out infinite}
.a-flame{animation:flame .35s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:top center}
.a-rocket{animation:rocket 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-twinkle{animation:twinkle 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-twinkle.d2{animation-delay:.7s}.a-twinkle.d3{animation-delay:1.4s}
.a-type{animation:type 4.5s steps(1) infinite}

/* ---------- Könyvek ---------- */
.books{display:grid;grid-template-columns:1fr 1fr;gap:22px}
/* a könyv nagy, színes „színpadon” ül a kártya tetején, teljes szélességben; alatta a leírás, legalul az akció-doboz */
.book{--bp:clamp(26px,3.2vw,40px);position:relative;border-radius:var(--r-lg);padding:0 var(--bp) var(--bp);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:22px;align-items:start;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh);background:#fff}
.book--kmb .book__cover{background:radial-gradient(60% 70% at 44% 46%,#FFF0A6 0%,rgba(255,240,166,0) 70%),linear-gradient(180deg,#FFFBEA,#fff)}
.book--szsz .book__cover{background:radial-gradient(60% 70% at 44% 46%,#FFD9C7 0%,rgba(255,217,199,0) 70%),linear-gradient(180deg,#FFF3EC,#fff)}
.book__name{font-size:clamp(24px,2.3vw,30px);font-weight:900;margin:12px 0 10px}
.book__desc{color:var(--muted);font-size:16px}
.book__more{margin-top:12px}
.book__cover{position:relative;justify-self:stretch;margin:0 calc(-1*var(--bp));padding:8px var(--bp) 0}
.b3d{position:relative;width:170px;aspect-ratio:162/266;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(4deg);transition:transform .8s var(--ease);margin-inline:auto}
.book:hover .b3d{transform:rotateY(-8deg) rotateX(2deg) translateY(-6px)}
.b3d img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px 6px 6px 2px;box-shadow:inset 4px 0 8px rgba(0,0,0,.25)}
.b3d__spine{position:absolute;top:0;bottom:0;left:0;width:30px;background:linear-gradient(90deg,#C9A800,#F5D90A);transform-origin:left;transform:rotateY(90deg);border-radius:2px 0 0 2px}
.b3d__pages{position:absolute;top:3px;bottom:3px;right:0;width:28px;background:repeating-linear-gradient(90deg,#fff 0 2px,#ECEAE2 2px 3px);transform-origin:right;transform:rotateY(90deg) translateX(14px)}
.b3d__shadow{position:absolute;left:8%;right:-6%;bottom:-18px;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(22,17,46,.35),transparent);filter:blur(4px);transform:translateZ(-40px)}
.book__img{width:200px;filter:drop-shadow(0 26px 26px rgba(22,17,46,.25));transition:transform .8s var(--ease)}
.book:hover .book__img{transform:translateY(-6px) rotate(-1.5deg)}
.book__action{grid-column:1/-1;align-self:end;margin-top:4px;background:#fff;border-radius:22px;padding:22px;border:1px solid var(--line);box-shadow:0 10px 30px -20px rgba(22,17,46,.35)}
.book__action h4{font:800 18px/1.3 var(--f-d);color:var(--ink);margin-bottom:14px}
.book__action-h{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.book__action-h h4{margin:0}
.book__action-ico{width:46px;flex:none;rotate:-5deg;filter:drop-shadow(0 8px 10px rgba(22,17,46,.28))}
.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form label{display:grid;gap:6px;font:700 12.5px/1 var(--f-d);color:var(--indigo)}
.form input[type=text],.form input[type=email]{height:50px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:500 16px var(--f-b);color:var(--ink);background:#FBFAFF;transition:border-color .2s,box-shadow .2s}
.form input:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 4px rgba(103,81,195,.15)}
.form .check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font:500 13.5px/1.45 var(--f-b);color:var(--muted)}
.form .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--violet);flex:none}
.form .check a{color:var(--violet)}
.form .btn{grid-column:1/-1}
.form__ok{display:none;grid-column:1/-1;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#E9FBF5;color:#0D6E55;font:700 15px/1.35 var(--f-d)}
.form__ok svg{width:30px;height:30px;flex:none}
.form.is-done .form__ok{display:flex}
.form.is-done>label,.form.is-done>.check,.form.is-done>.btn{display:none}
.form__err{grid-column:1/-1;color:#C42448;font:600 13.5px var(--f-b);display:none}
/* AC-űrlap (assets/ac-form.js): reCAPTCHA és az AC válaszüzenete */
.form .g-recaptcha{grid-column:1/-1}
.form .g-recaptcha:empty{display:none}
.form .form-msg{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:12px;background:#FDECEF;color:#B4233F;font:600 14px/1.4 var(--f-b)}
.form .form-msg[hidden]{display:none}
.form .form-msg.is-info{background:#F1EEFB;color:#2A2350}
.form .btn.is-busy{opacity:.6;pointer-events:none}
.form.has-err .form__err{display:block}
.ai-chat{display:grid;gap:10px;margin-bottom:16px}
.bub{max-width:86%;padding:12px 15px;border-radius:18px;font:500 14.5px/1.4 var(--f-b)}
.bub--me{justify-self:end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.bub--ai{justify-self:start;background:var(--lav);color:var(--ink);border-bottom-left-radius:6px;display:grid;gap:7px;min-width:62%}
.bub--ai .who{display:flex;align-items:center;gap:8px;font:800 12px/1 var(--f-d);color:var(--orange);letter-spacing:.04em}
.bub--ai .who i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#F2662B,#EC405E);display:grid;place-items:center}
.bub--ai .who svg{width:13px;height:13px;color:#fff}
.dots{display:flex;gap:5px;height:12px;align-items:center}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--violet-l);animation:dot 1.2s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
.line{height:9px;border-radius:6px;background:linear-gradient(90deg,#CFC7FF,#E6E1FF);transform-origin:left;animation:lineIn 4.5s var(--ease) infinite}
.line:nth-of-type(2){width:88%;animation-delay:.25s}.line:nth-of-type(3){width:64%;animation-delay:.5s}
.ai-out{position:relative;display:grid}
.ai-out .dots{position:absolute;left:0;top:2px}
.lines{display:grid;gap:7px}
.chat-phase{animation:chatA 4.5s steps(1) infinite}
.chat-phase--b{animation-name:chatB}

/* ---------- Híres ügyfelek ---------- */
.clients{display:grid;gap:18px}
/* a marquee overflow:hidden-je levágta a kártyák árnyékát és a hover-emelést: belső térköz, negatív margóval kiegyenlítve */
.clients .marquee{padding-block:12px 30px;margin-block:-12px -30px}
.client{flex:none;width:250px;background:#fff;border-radius:24px;padding:18px 18px 20px;border:1px solid var(--line);box-shadow:var(--sh);display:grid;justify-items:center;text-align:center;gap:6px;transition:transform .35s var(--ease)}
.client:hover{transform:translateY(-6px) rotate(-.6deg)}
.client__ph{position:relative;width:150px;height:150px;border-radius:50%;padding:5px;background:var(--grad);margin-bottom:8px}
.client__ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff}
.client b{font:800 17px/1.25 var(--f-d);color:var(--pink)}
.client span{font-size:14.5px;color:var(--muted);line-height:1.35}
.client em{font-style:normal;font-size:12.5px;color:var(--violet);font-weight:600}

/* ---------- Vita ---------- */
.vita{position:relative;overflow:hidden;isolation:isolate}
.vita__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:center}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:0;padding:0;background:#000;box-shadow:var(--sh-lg),0 0 0 1px rgba(255,255,255,.08)}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.yt:hover img{transform:scale(1.04);filter:brightness(.85)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt__play{position:absolute;left:50%;top:50%;width:92px;height:92px;translate:-50% -50%;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(236,64,94,.6);animation:ring 2.2s infinite}
.yt__play svg{width:34px;height:34px;color:#fff;margin-left:5px}
.yt__dur{position:absolute;right:14px;bottom:14px;font:800 12px/1 var(--f-d);color:#fff;background:rgba(0,0,0,.7);padding:6px 8px;border-radius:6px}
.vita__copy{display:grid;gap:18px;font-size:19px;color:#D9D4F7}
.vita__q{font:800 clamp(26px,2.6vw,34px)/1.18 var(--f-d);color:#fff;letter-spacing:-.01em}
.vita__a{font-size:clamp(18px,1.5vw,20px);line-height:1.5}
.vita__go{font:inherit;font-weight:700;color:var(--amber);background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;transition:color .2s}
.vita__go:hover{color:#fff}
.vita__arrow{width:clamp(110px,10vw,150px);height:auto;margin:-6px 0 -10px clamp(-90px,-6vw,-40px);overflow:visible}
.vita__arrow path{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.vita__copy.is-in .vita__arrow-l{animation:draw .9s .35s var(--ease) forwards}
.vita__copy.is-in .vita__arrow-h{animation:draw .35s 1.15s var(--ease) forwards}
.vita__ask{font:700 clamp(24px,2.4vw,30px)/1.2 var(--f-d);color:#fff}
.vita__ask .hand{display:block;color:var(--amber);font-size:1.35em;margin-top:6px;transform:rotate(-2deg)}

/* ---------- Blog ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s}
.post:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.post__img{aspect-ratio:700/441;overflow:hidden;background:var(--lav)}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post:hover .post__img img{transform:scale(1.05)}
.post__b{padding:20px 22px 24px;display:grid;gap:10px;align-content:space-between}
.post h3{font-size:19px;font-weight:800;line-height:1.3}
.post__meta{font:700 12px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.posts-more{display:flex;justify-content:center;margin-top:36px}

/* ---------- 3 lépés ---------- */
.steps-sec{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)}
.steps-sec__bg{position:absolute;inset:0;z-index:-1}
.steps-sec__bg img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:grayscale(.3)}
.steps-sec__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(90,68,216,.92),rgba(154,63,192,.86) 50%,rgba(236,64,94,.9))}
.steps{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:center}
.step{position:relative;isolation:isolate;width:100%;max-width:340px;justify-self:center;aspect-ratio:86.6/100;padding:17% 15% 16%;text-align:center;display:grid;justify-items:center;align-content:center;gap:8px;transition:transform .4s var(--ease)}
.step:hover{transform:translateY(-6px)}
.step__hex{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 28px 30px rgba(22,17,46,.42))}
.step__hex .o{fill:#fff;stroke:#fff;stroke-width:16;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.step__hex .i{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.9}
.step__ico{width:118px;height:118px}
.step__ico--clay{width:min(138px,48%);height:auto;margin:0 0 -4px;filter:drop-shadow(0 14px 16px rgba(22,17,46,.12));animation:bob 5s ease-in-out infinite}
.step--2 .step__ico--clay{animation-delay:-1.6s}.step--3 .step__ico--clay{animation-delay:-3.2s}
.step__n{position:absolute;top:-22px;left:50%;translate:-50% 0;width:38px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--c);color:#fff;font:900 16px/44px var(--f-d)}
.step p{font:800 clamp(19px,1.75vw,24px)/1.18 var(--f-d);color:var(--c);letter-spacing:-.015em;text-wrap:balance}
.step--1{--c:#14B49E}.step--2{--c:#B23AA8}.step--3{--c:#F2662B}
.step-arrow{display:grid;place-items:center}
.step-arrow svg{width:56px;height:24px;color:#fff}

/* ---------- Social ---------- */
.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.soc{--c:var(--violet);position:relative;display:grid;gap:14px;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),color .35s}
.soc::before{content:"";position:absolute;inset:0;background:var(--c);transform:translateY(101%);transition:transform .45s var(--ease);z-index:0}
.soc>*{position:relative;z-index:1}
.soc:hover{transform:translateY(-5px);color:#fff}
.soc:hover::before{transform:none}
.soc__ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--c);color:#fff;transition:background .35s}
.soc:hover .soc__ico{background:rgba(255,255,255,.18)}
.soc__ico svg{width:28px;height:28px}
.soc b{font:800 19px/1.2 var(--f-d);color:var(--ink);transition:color .35s}
.soc:hover b,.soc:hover .soc__n,.soc:hover small{color:#fff}
.soc small{font-size:14px;color:var(--muted);transition:color .35s}
.soc__n{font:900 26px/1 var(--f-d);color:var(--ink);letter-spacing:-.02em;transition:color .35s}
.soc__n small{font:600 13px var(--f-b);margin-left:4px}
.soc--fb{--c:#1877F2}.soc--ig{--c:#D62976}.soc--tt{--c:#111}.soc--yt{--c:#FF0033}
.soc--ig .soc__ico{background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5)}

/* ---------- Lábléc ---------- */
.ftr{background:var(--ink);color:#B7B1DD;padding:76px 0 0;position:relative;overflow:hidden}
.mark-bg{position:absolute;z-index:0;pointer-events:none;color:var(--violet);opacity:.07}
#kinalat{overflow-x:clip}
.mark-bg--kin{width:clamp(200px,24vw,330px);right:-40px;top:64px;animation:bob 9s ease-in-out infinite}
.mark-bg--ftr{width:400px;right:-70px;bottom:-90px;color:#fff;opacity:.045}
.ftr__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.ftr__logo img{height:48px;width:auto}
.ftr p{font-size:15px;margin-top:16px;max-width:300px}
.ftr h4{font:800 13px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px}
.ftr a{text-decoration:none;transition:color .2s}
.ftr a:hover{color:#fff}
.ftr__soc{display:flex;gap:10px;margin-top:22px}
.ftr__soc a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:background .25s,transform .25s}
.ftr__soc a:hover{background:var(--violet);transform:translateY(-3px)}
.ftr__soc svg{width:20px;height:20px;color:#fff}
.gift{display:flex;align-items:center;gap:14px;max-width:310px;margin-top:26px;padding:10px 18px 10px 10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.gift:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}
.gift__ico{position:relative;flex:none;width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 50% 42%,rgba(164,151,242,.38),rgba(164,151,242,0) 68%)}
.gift__svg{width:52px;height:52px;overflow:visible}
.gift__lid{transform-box:view-box;transform-origin:32px 25px}
.gift__svg{animation:gift-shake 4.2s var(--ease) infinite;transform-origin:50% 92%}
.gift__lid{animation:gift-lid 4.2s var(--ease) infinite}
.gift:hover .gift__svg{animation-duration:1.4s}
.gift:hover .gift__lid{animation-duration:1.4s}
.gift__badge{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:var(--pink);color:#fff;font:800 12px/21px var(--f-d);text-align:center;box-shadow:0 0 0 3px var(--ink);animation:pulse 2s infinite}
.gift__txt{font:700 14.5px/1.3 var(--f-d);color:#fff}
.gift__txt small{display:block;margin-bottom:5px;font:800 11px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
@keyframes gift-shake{0%,72%,100%{transform:rotate(0)}76%{transform:rotate(-9deg)}80%{transform:rotate(8deg)}84%{transform:rotate(-6deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}}
@keyframes gift-lid{0%,74%,94%,100%{transform:translateY(0)}78%{transform:translateY(-5px) rotate(-4deg)}84%{transform:translateY(-3px) rotate(3deg)}89%{transform:translateY(-1px)}}
.ftr__ad{margin-top:56px}
.ftr__ad > div{max-width:none!important}
.ftr__ad + .ftr__bar{margin-top:44px}
.ftr__bar{margin-top:60px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px}
.ftr__bar a{text-decoration:underline;text-underline-offset:3px}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="l"]{transform:translateX(-30px)}[data-reveal="r"]{transform:translateX(30px)}
[data-reveal="z"]{transform:scale(.94)}
[data-d="1"]{transition-delay:.1s}[data-d="2"]{transition-delay:.2s}[data-d="3"]{transition-delay:.3s}[data-d="4"]{transition-delay:.4s}
.no-js [data-reveal]{opacity:1;transform:none}

/* ========== INFLUENCER ALOLDAL ========== */
.ihero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:140px 0 0;isolation:isolate}
.ihero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:620px}
.ihero__kicker{display:block;font-size:clamp(30px,3.4vw,46px);color:var(--amber);transform:rotate(-2deg);transform-origin:left;margin:22px 0 6px}
.ihero h1{color:#fff;font-size:clamp(40px,5.6vw,78px);font-weight:900;letter-spacing:-.035em;line-height:1}
.ihero h1 .num{background:linear-gradient(100deg,#fff 10%,#FFC2D0 45%,#EC405E 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ihero__sub{font:600 clamp(18px,1.7vw,22px)/1.45 var(--f-b);color:#DCD7FA;max-width:560px;margin:24px 0 32px}
.ihero__ast{position:relative;top:-.95em;margin-left:.06em;font-size:.48em;line-height:0;vertical-align:baseline;color:var(--amber)}
.ihero__src{margin:-20px 0 30px;font-size:13.5px;color:#A9A3D6}
.wall{position:relative;height:640px;margin-right:calc((min(var(--wrap),100vw - 2*var(--gut)) - 100vw)/2);perspective:1400px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.wall__in{position:absolute;inset:-120px -40px -120px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transform:rotateX(14deg) rotateY(-16deg) rotateZ(6deg);transform-style:preserve-3d}
.wall__col{display:flex;flex-direction:column;gap:16px;animation:vmarq 46s linear infinite}
.wall__col:nth-child(2){animation-direction:reverse;animation-duration:54s}
.wall__col:nth-child(3){animation-duration:62s}
.reel{position:relative;flex:none;aspect-ratio:3/4;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.reel img{width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55))}
.reel__play{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;font:800 13px/1 var(--f-d);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.reel__play svg{width:16px;height:16px}
.reel__sp{position:absolute;z-index:2;right:10px;top:10px;font:800 10px/1 var(--f-d);letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);padding:5px 7px;border-radius:6px}
.wall__shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0%,transparent 22%)}
.fstats{position:relative;z-index:4;margin-top:-30px;padding-bottom:70px}
.fstats__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--r-lg);padding:28px clamp(20px,3vw,36px);display:grid;grid-template-columns:auto 1fr;gap:28px 40px;align-items:center;box-shadow:var(--sh-lg)}
.fstats__total{display:grid;gap:6px;padding-right:36px;border-right:1px solid rgba(255,255,255,.14)}
.fstats__total b{font:900 clamp(44px,5vw,64px)/1 var(--f-d);letter-spacing:-.04em;background:linear-gradient(120deg,#fff,#C9BEFF 50%,#FF9FB1);-webkit-background-clip:text;background-clip:text;color:transparent}
.fstats__total span{font:700 13px/1.35 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#B7B1DD}
.fstats__total small{font-size:12.5px;color:#8F88BD}
.fbars{display:grid;gap:14px}
.fbar{display:grid;grid-template-columns:150px 1fr 110px;gap:16px;align-items:center}
.fbar__l{display:flex;align-items:center;gap:10px;font:800 15px/1 var(--f-d);color:#fff}
.fbar__l i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--c)}
.fbar__l svg{width:18px;height:18px;color:#fff}
.fbar__t{height:12px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.fbar__t i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
.is-in .fbar__t i{transform:none}
.fbar__n{font:900 22px/1 var(--f-d);color:#fff;text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fbar--fb{--c:#1877F2}.fbar--ig{--c:#D62976}.fbar--tt{--c:#25F4EE}.fbar--yt{--c:#FF0033}
.fbar--tt .fbar__l i{background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.logos>*{flex:0 1 calc((100% - 6*14px)/7)}
.logo-tile--txt span:first-child{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(15px,1.3vw,18px)}
.logo-tile{position:relative;height:110px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--sh);font:900 clamp(18px,1.9vw,24px)/1 var(--f-d);color:#9893B5;letter-spacing:-.01em;transition:color .3s,transform .3s var(--ease)}
.logo-tile:hover{color:var(--ink);transform:translateY(-4px)}
.logo-tile img{width:auto;height:auto;max-width:70%;max-height:56px;object-fit:contain}
.logo-tile--otp img{max-width:80%}
.logo-tile--telekom img{max-height:46px}
.logo-tile--shoprenter img{max-height:74px}
.logo-tile--monster img{max-width:84%;max-height:62px}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.quote{position:relative;border-radius:var(--r-lg);padding:36px 34px 30px;background:linear-gradient(160deg,var(--lav),#fff);border:1px solid var(--line);box-shadow:var(--sh);display:grid;gap:22px}
.quote__mark{position:absolute;right:26px;top:14px;font:900 120px/1 var(--f-d);color:var(--lav-2)}
.quote blockquote{margin:0;font:700 clamp(19px,1.8vw,23px)/1.4 var(--f-d);color:var(--ink);position:relative}
.quote figcaption{display:flex;align-items:center;gap:14px}
.quote figcaption i{width:52px;height:52px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font:900 17px/1 var(--f-d);font-style:normal}
.quote figcaption b{display:block;font:800 16px/1.2 var(--f-d);color:var(--ink)}
.quote figcaption small{color:var(--muted);font-size:14px}

.aud{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.aud__copy{display:grid;gap:20px;font-size:18px}
.aud__copy .big{font:800 clamp(22px,2.2vw,28px)/1.3 var(--f-d);color:var(--ink)}
.aud__viz{position:relative;aspect-ratio:1;max-width:540px;width:100%;margin-inline:auto}
/* ---- Tréning aloldal ---- */
.thero h1{font-size:clamp(36px,4.6vw,66px);line-height:1.02}
.thero__h2{margin:18px 0 0;font-size:clamp(28px,3vw,40px);color:var(--amber);font-weight:700;transform:rotate(-2deg);transform-origin:left}
.thero .ihero__grid{padding-bottom:70px}
.tcol{position:relative;height:clamp(440px,42vw,560px)}
.tcol__ph{position:absolute;margin:0;padding:10px 10px 34px;background:#fff;border-radius:6px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.tcol__ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.tcol__ph--a{left:2%;top:4%;width:52%;aspect-ratio:4/4.6;rotate:-6deg;z-index:2}
.tcol__ph--b{right:0;top:0;width:44%;aspect-ratio:4/4.8;rotate:5deg;z-index:1}
.tcol__ph--c{left:24%;bottom:0;width:56%;aspect-ratio:5/4.2;rotate:2deg;z-index:3}
.tcol__tape{position:absolute;z-index:4;width:92px;height:26px;background:rgba(250,172,3,.75);rotate:-12deg;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.tcol__tape--a{left:14%;top:2%}
.tcol__tape--b{right:6%;bottom:44%;rotate:20deg;background:rgba(236,64,94,.7)}
/* 7 kártya: soronként 4, az utolsó sor középre zárva */
.kpz{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.kpz>*{flex:0 1 calc((100% - 2*18px)/3);min-width:min(100%,250px)}
.kpz__c{position:relative;display:grid;gap:12px;align-content:start;padding:28px 26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.kpz__c:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.kpz__c::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--kc);opacity:.12}
.kpz__c--0{--kc:#6751C3}.kpz__c--1{--kc:#EC405E}.kpz__c--2{--kc:#FAAC03}.kpz__c--3{--kc:#00C1C4}
.kpz__ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--kc);color:#fff;box-shadow:0 12px 24px -12px var(--kc)}
.kpz__ico svg{width:28px;height:28px}
.kpz__c h3{display:flex;gap:10px;align-items:flex-start;font-size:clamp(19px,1.7vw,22px);font-weight:800;line-height:1.25}
.kpz__mc{width:18px;height:21px;flex:none;margin-top:3px}
.kpz__c p{color:var(--muted);font-size:16px}
.kinek{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kinek__c{display:grid;gap:8px;align-content:start;padding:22px 20px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.kinek__c b{font:800 17px/1.2 var(--f-d);color:var(--ink)}
.kinek__c span:last-child{font-size:15px;color:var(--muted);line-height:1.45}
.kinek__ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--lav);color:var(--violet);margin-bottom:4px}
.kinek__ico svg{width:24px;height:24px}
.szabott{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-top:clamp(36px,5vw,60px);padding:clamp(26px,3.5vw,40px);border-radius:var(--r-lg);background:var(--ink);color:#DCD7FA;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.szabott::before{content:"";position:absolute;inset:-40% -10% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(176,60,176,.45),transparent);pointer-events:none}
.szabott h2{color:#fff;font-size:clamp(22px,2.2vw,28px);margin-bottom:8px}
.szabott p{font-size:clamp(16px,1.4vw,18px);max-width:760px}
.szabott__ico{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--grad);color:#fff;position:relative}
.szabott__ico svg{width:36px;height:36px}
.trener{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.trener__ph{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);rotate:-1.5deg}
.trener__ph img{display:block;width:100%;height:auto}
.trener__tags{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.trener__tags li{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:var(--lav);font:700 14px/1.2 var(--f-d);color:var(--indigo)}
.trener__tags svg{width:18px;height:18px;color:var(--violet);flex:none}
#trener .stage-cap{margin-top:clamp(56px,7vw,90px)}
.price{display:grid;justify-items:start;gap:6px;padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:var(--ink);color:#DCD7FA;box-shadow:var(--sh-lg)}
.price__lbl{font:800 12px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:#B7B1DD}
.price__n{margin:4px 0 0;font:900 clamp(52px,6vw,84px)/1 var(--f-d);letter-spacing:-.04em;color:#fff}
.price__n b{background:var(--grad-x);-webkit-background-clip:text;background-clip:text;color:transparent}
.price__per{font:700 16px var(--f-d);color:#fff}
.price__alt{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font:700 14px/1.3 var(--f-d);color:var(--amber)}
.price__alt svg{width:18px;height:18px}
@media (max-width:1100px){.kinek{grid-template-columns:repeat(3,1fr)}}
@media (max-width:960px){.tcol{height:min(96vw,520px);margin-top:10px}.trener{grid-template-columns:minmax(0,1fr)}.thero .ihero__grid{padding-bottom:40px}}
@media (max-width:640px){.kinek{grid-template-columns:repeat(2,minmax(0,1fr))}.kinek__c{padding:18px 16px}.kinek__c b{font-size:15.5px;hyphens:auto;overflow-wrap:anywhere}.kinek__c:last-child{grid-column:1/-1}.szabott{grid-template-columns:1fr}.kpz>*{min-width:100%}}

/* Blender-render (blender_kozonseg.py): átlátszó hátterű loop-videó, állókép tartalékkal; a feliratok HTML-ben */
.aud3d{position:absolute;inset:-4%}
.aud3d img,.aud3d video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.aud3d video{opacity:0;transition:opacity .5s}
.aud3d.is-playing video{opacity:1}
.aud3d.is-playing img{opacity:0;transition:opacity .4s .15s}
.aud-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:99px;padding:10px 16px;font:800 14px/1.15 var(--f-d);box-shadow:0 18px 40px -18px rgba(22,17,46,.45);animation:bob 6s ease-in-out infinite}
.aud-chip i{width:12px;height:12px;border-radius:4px;flex:none}
.aud-chip small{display:block;font:600 11.5px/1.2 var(--f-b);color:var(--muted);margin-top:2px}
.aud-chip--top{right:-2%;top:4%;background:var(--ink);color:#fff}
.aud-chip--kkv{left:-4%;top:44%;border-radius:18px;animation-delay:-2s}
.aud-chip--ag{right:0;bottom:16%;color:var(--pink);animation-delay:-4s}
.orbit{transform-origin:270px 270px;animation:spin 40s linear infinite}
.orbit--2{animation-duration:60s;animation-direction:reverse}
.aud__legend{display:grid;gap:10px;margin-top:6px}
.aud__legend div{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.aud__legend i{width:14px;height:14px;border-radius:5px;flex:none;margin-top:4px}

.plats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plat{--c:var(--violet);text-decoration:none;position:relative;border-radius:26px;padding:26px 24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);display:grid;gap:10px;overflow:hidden}
.plat::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:var(--c);opacity:.09}
.plat__ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--c);color:#fff}
.plat__ico svg{width:28px;height:28px}
.plat__n{font:900 clamp(34px,3.3vw,44px)/1 var(--f-d);color:var(--ink);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:6px}
.plat__l{font:700 14px/1.3 var(--f-d);color:var(--muted)}
.plat__live{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#0D8A6A}
.plat__live::before{content:"";width:7px;height:7px;border-radius:50%;background:#16C08E;animation:pulse 1.8s infinite}
.plat--fb{--c:#1877F2}.plat--ig{--c:#D62976}.plat--tt{--c:#111}.plat--yt{--c:#FF0033}
.plat--ig .plat__ico{background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5)}
.reach{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
.reach__card{border-radius:var(--r-lg);padding:clamp(26px,3vw,40px);background:var(--ink);color:#CFCAF0;position:relative;overflow:hidden}
.reach__card h3{color:#fff;font-size:clamp(22px,2.2vw,28px)}
.reach__big{font:900 clamp(48px,6vw,80px)/1 var(--f-d);letter-spacing:-.04em;color:#fff;margin:16px 0 4px}
.reach__big span{background:var(--grad-x);-webkit-background-clip:text;background-clip:text;color:transparent}
.rbar{position:relative;margin:26px 0 12px;height:18px;border-radius:99px;background:rgba(255,255,255,.08)}
.rbar__org{position:absolute;left:50%;width:50%;top:0;bottom:0;border-radius:99px;background:var(--grad-x);transform:scaleX(0);transform-origin:left;transition:transform 1.5s var(--ease) .2s}
.rbar__boost{position:absolute;left:100%;top:50%;width:70px;height:2px;margin-left:8px;background:repeating-linear-gradient(90deg,var(--amber) 0 6px,transparent 6px 11px);opacity:0;transition:opacity .6s 1.6s}
.rbar__boost::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:9px solid var(--amber)}
.is-in .rbar__org{transform:none}.is-in .rbar__boost{opacity:1}
.rbar__ticks{display:flex;justify-content:space-between;font:700 12px/1 var(--f-d);color:#8F88BD}
.reach__boost{display:flex;align-items:center;gap:10px;margin-top:16px;font:700 14.5px/1.35 var(--f-d);color:var(--amber)}
.reach__boost svg{width:24px;height:24px;flex:none}
.email-card{border-radius:var(--r-lg);padding:clamp(26px,3vw,40px);background:linear-gradient(160deg,#FFF6E6,#fff);border:1px solid var(--line);box-shadow:var(--sh);display:grid;gap:14px;align-content:start;position:relative;overflow:hidden}
.email-card__n{font:900 clamp(40px,4.4vw,58px)/1 var(--f-d);color:var(--ink);letter-spacing:-.035em}
.email-card svg.env{position:absolute;right:20px;top:20px;width:110px;height:90px}
.clean-note{display:flex;gap:12px;align-items:flex-start;margin-top:6px;padding:14px 16px;border-radius:16px;background:#E9FBF5;color:#0D6E55;font:700 15px/1.4 var(--f-d)}
.clean-note svg{width:24px;height:24px;flex:none}

.ls{position:relative;overflow:hidden;isolation:isolate}
.ls__hl{display:inline-block;padding:.02em .32em .06em;border-radius:.3em;color:#fff;font-weight:900;rotate:-1.5deg}
.ls__hl--b{background:linear-gradient(120deg,#6751C3,#B03CB0)}
.ls__hl--p{background:linear-gradient(120deg,#EC405E,#FAAC03);rotate:1.5deg}
.ls__plus{color:var(--amber);font-weight:900;font-size:1.25em;line-height:0;margin:0 .1em}
.ls__lead{line-height:1.6}
/* branding + promóció: két kör, ami beúszva egymásba csúszik */
.bp{--d:clamp(200px,24vw,300px);position:relative;display:flex;justify-content:center;align-items:center;margin:clamp(34px,4vw,54px) auto clamp(44px,5vw,72px)}
.bp__c{position:relative;box-sizing:border-box;width:var(--d);flex:none;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;color:#fff;mix-blend-mode:screen;transition:transform 1.2s var(--ease),opacity 1s}
.bp__c--b{background:radial-gradient(circle at 35% 35%,rgba(124,100,230,.95),rgba(103,81,195,.5) 70%);margin-right:calc(var(--d)*-.24);padding-right:calc(var(--d)*.3);transform:translateX(calc(var(--d)*-.3));opacity:.4}
.bp__c--p{background:radial-gradient(circle at 65% 35%,rgba(236,64,94,.92),rgba(250,172,3,.45) 75%);margin-left:calc(var(--d)*-.24);padding-left:calc(var(--d)*.3);transform:translateX(calc(var(--d)*.3));opacity:.4}
.is-in .bp__c{transform:none;opacity:1}
.bp__c b{font:900 clamp(20px,2.2vw,27px)/1 var(--f-d);letter-spacing:-.01em}
.bp__c small{font:700 clamp(12px,1.1vw,14.5px)/1.25 var(--f-d);color:rgba(255,255,255,.88);max-width:9em}
.bp__ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16);margin-bottom:4px}
.bp__ico svg{width:24px;height:24px}
.bp__mid{position:absolute;left:50%;top:50%;z-index:2;width:clamp(54px,6vw,74px);translate:-50% -50%;scale:.3;opacity:0;transition:scale .7s var(--ease) .9s,opacity .5s .9s;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}
.bp__mid svg{display:block;width:100%;height:auto}
.is-in .bp__mid{scale:1;opacity:1}
@media (max-width:640px){.bp__c b{font-size:18px}.bp__c small{font-size:11.5px}.bp__ico{width:36px;height:36px}.bp__mid{width:44px}}
.ls__warn{display:flex;align-items:center;gap:10px;justify-self:center;font:800 14px/1.3 var(--f-d);color:#FFD27A;background:rgba(250,172,3,.1);border:1px solid rgba(250,172,3,.35);padding:12px 16px;border-radius:14px}
.ls__warn svg{width:20px;height:20px;flex:none}
.loop{position:relative;margin-top:20px}
.loop__svg{width:100%;height:auto;overflow:visible}
.loop__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-6px}
.lstep{position:relative;padding:22px 20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:15.5px;line-height:1.5;color:#CFCAF0}
.lstep b{display:flex;align-items:center;gap:10px;font:900 13px/1 var(--f-d);letter-spacing:.1em;color:var(--c);text-transform:uppercase;margin-bottom:10px}
.lstep b i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--ink);font-style:normal;font-size:14px;letter-spacing:0}
.lstep--1{--c:#2FD8B0}.lstep--2{--c:#FAAC03}.lstep--3{--c:#A497F2}.lstep--4{--c:#FF7A93}
.legit{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(47,216,176,.08);border:1px solid rgba(47,216,176,.3);color:#BFF3E4;font-size:15.5px}
.legit svg{width:24px;height:24px;flex:none;color:var(--mint)}
.pulse-dot{offset-rotate:0deg;animation:travel 7s linear infinite}
.pulse-dot.d2{animation-delay:-1.75s}.pulse-dot.d3{animation-delay:-3.5s}.pulse-dot.d4{animation-delay:-5.25s}
.gary{margin:clamp(56px,7vw,90px) auto 0;max-width:900px;text-align:center;display:grid;gap:18px}
.gary blockquote{margin:0;font:800 clamp(24px,2.8vw,36px)/1.32 var(--f-d);color:#fff;letter-spacing:-.015em}
.gary blockquote::before{content:"„";color:var(--pink)}
.gary blockquote::after{content:"”";color:var(--pink)}
.gary__ph{justify-self:center;width:clamp(110px,12vw,150px);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px rgba(255,255,255,.06),0 0 0 9px rgba(0,193,196,.4),0 30px 60px -20px rgba(0,0,0,.6)}
.gary cite{font:700 15px var(--f-d);font-style:normal;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase}
.journey{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:center;margin-top:clamp(56px,7vw,90px)}
.jcol{display:grid;justify-items:center;gap:20px;text-align:center}
.jcol h3{font-size:21px}
.jcol p{font-size:15.5px;max-width:380px;color:#CFCAF0}
.phone{position:relative;width:240px;aspect-ratio:9/18.5;border-radius:38px;background:#0B0820;padding:10px;box-shadow:0 0 0 2px #3A3270,0 40px 80px -30px rgba(0,0,0,.8)}
.phone::before{content:"";position:absolute;left:50%;top:16px;translate:-50% 0;width:70px;height:20px;border-radius:12px;background:#0B0820;z-index:3}
.phone__scr{position:relative;height:100%;border-radius:30px;overflow:hidden;background:#fff}
.feed-vid{position:absolute;inset:0;background:url(img/reels/top-17.webp) center/cover}
.feed-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 30%,transparent 60%,rgba(0,0,0,.7))}
.feed-ui{position:absolute;left:14px;right:52px;bottom:18px;z-index:2;color:#fff;text-align:left;display:grid;gap:6px}
.feed-ui b{font:800 13px/1.2 var(--f-d)}
.feed-ui small{font:600 11px/1.3 var(--f-b);opacity:.9}
.feed-ui .tag{justify-self:start;font:800 9.5px/1 var(--f-d);letter-spacing:.06em;background:rgba(255,255,255,.2);padding:4px 6px;border-radius:5px}
.feed-side{position:absolute;right:10px;bottom:30px;z-index:2;display:grid;gap:14px;justify-items:center}
.feed-side svg{width:26px;height:26px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.feed-side .h{animation:heartbeat 1.6s ease-in-out infinite;color:#FF3B5C}
.feed-prog{position:absolute;left:0;bottom:0;height:3px;z-index:3;background:#fff;animation:prog 6s linear infinite}
.ad{position:absolute;inset:0;background:#F4F3F8;display:grid;align-content:start;gap:10px;padding:48px 12px 12px;text-align:left}
.ad__h{display:flex;align-items:center;gap:8px}
.ad__h i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#222,#555);display:grid;place-items:center;color:#fff;font:900 10px/1 var(--f-d);font-style:normal}
.ad__h b{font:800 12.5px/1.1 var(--f-d);color:#111;display:block}
.ad__h small{font-size:10.5px;color:#777}
.ad__img{aspect-ratio:1.1;border-radius:12px;background:linear-gradient(160deg,#2B2B33,#0E0E12);position:relative;overflow:hidden;display:grid;place-items:center}
.ad__img svg{width:84%;color:#fff}
.ad__img .shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);animation:shine 3.5s ease-in-out infinite}
.jcol .ad__txt{font:700 12.5px/1.35 var(--f-d);color:#111;max-width:none}
.ad__btn{display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;background:#fff;border-radius:10px;padding:8px 8px 8px 10px;font:800 10.5px/1 var(--f-d);color:#111;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.ad__btn span{background:#1877F2;color:#fff;padding:7px 10px;border-radius:7px;animation:pulse-s 2s infinite}
.jarrow{display:grid;justify-items:center;gap:10px;font:800 12px/1.3 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-align:center}
.jarrow svg{width:140px;height:60px;color:var(--amber)}
.ih{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,56px);align-items:center;margin-top:clamp(60px,8vw,100px);padding:clamp(20px,2.5vw,30px);border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.ih figure{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:16/10}
.ih figure img{width:100%;height:100%;object-fit:cover}
.ih p{font-size:18px;line-height:1.6;color:#DCD7FA}
.ih p strong{color:#fff}

.ethic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.ppl{position:relative;padding:34px 28px 28px;border-radius:var(--r-lg);background:var(--lav);border:1px solid var(--lav-2)}
.ppl__row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 10px}
.ppl__p{display:grid;justify-items:center;gap:6px;opacity:.35;transition:opacity .5s,transform .5s var(--ease)}
.ppl__p svg{width:100%;max-width:62px;height:auto;aspect-ratio:1;color:#8C84B8}
.ppl__p.on{opacity:1}
.ppl__p.on svg{color:var(--violet)}
.ppl__p.mc svg{color:var(--pink)}
.is-in .ppl__p.on{animation:pop-in .7s var(--ease) both}
.ppl__p small{font:800 10.5px/1 var(--f-d);letter-spacing:.08em;color:var(--pink);text-transform:uppercase}
.ppl__note{margin-top:20px;display:flex;align-items:baseline;gap:12px;font:700 15px/1.4 var(--f-d);color:var(--indigo)}
.ppl__note b{font:900 46px/1 var(--f-d);color:var(--violet);letter-spacing:-.04em}
.checks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.checks li{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);font:700 16px/1.35 var(--f-d);color:var(--ink)}
.checks svg{width:30px;height:30px;flex:none}
.checks svg circle{fill:#E9FBF5}
.checks svg path{fill:none;stroke:#13B78C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .7s var(--ease)}
.is-in .checks svg path{stroke-dashoffset:0}
.is-in .checks li:nth-child(2) svg path{transition-delay:.2s}.is-in .checks li:nth-child(3) svg path{transition-delay:.4s}.is-in .checks li:nth-child(4) svg path{transition-delay:.6s}
.checks code{font:800 14.5px var(--f-d);color:var(--violet);background:var(--lav);padding:2px 6px;border-radius:6px}

.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tier{position:relative;border-radius:var(--r-lg);padding:32px 28px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);display:grid;gap:14px;align-content:start;transition:transform .35s var(--ease)}
.tier:hover{transform:translateY(-6px)}
.tier__ico{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--lav);color:var(--violet)}
.tier__ico svg{width:30px;height:30px}
.tier h3{font-size:22px}
.tier p{color:var(--muted);font-size:16px}
.tier--star{background:var(--ink);color:#CFCAF0;border:0}
.tier--star h3{color:#fff}
.tier--star p{color:#B7B1DD}
.tier--star .tier__ico{background:var(--grad);color:#fff}
.tier__badge{position:absolute;top:-12px;right:22px;font:800 11px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--amber);padding:7px 10px;border-radius:99px}

.fee{border-radius:var(--r-lg);padding:clamp(28px,4vw,52px);background:linear-gradient(160deg,var(--lav),#fff 70%);border:1px solid var(--line);box-shadow:var(--sh);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(26px,4vw,56px);align-items:center}
.fee__range{display:grid;gap:14px}
.fee__nums{display:flex;justify-content:space-between;align-items:baseline;font:900 clamp(30px,3.4vw,46px)/1 var(--f-d);color:var(--ink);letter-spacing:-.035em}
.fee__nums small{font:700 14px var(--f-d);color:var(--muted);letter-spacing:0}
.fee__track{position:relative;height:22px;border-radius:99px;background:#E4E0F7;overflow:visible}
.fee__fill{position:absolute;left:10%;top:0;bottom:0;width:90%;border-radius:inherit;background:var(--grad-x);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease)}
.fee__knob{position:absolute;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;border:4px solid var(--violet);box-shadow:0 6px 16px -4px rgba(103,81,195,.6);transition:left 1.8s var(--ease)}
.fee__knob--a{left:10%}.fee__knob--b{left:10%;border-color:var(--pink)}
.is-in .fee__fill{transform:scaleX(1)}
.is-in .fee__knob--b{left:100%}
.fee__note{font:600 14px/1.4 var(--f-b);color:var(--muted)}

.contact{position:relative;overflow:hidden;isolation:isolate}
.cbox{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(26px,4vw,56px);align-items:center;border-radius:var(--r-lg);padding:clamp(22px,3vw,36px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.cbox__ph{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh-lg)}
.cbox__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cbox__ph figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:16px;background:rgba(22,17,46,.72);backdrop-filter:blur(10px);color:#fff;font:800 17px/1.2 var(--f-d)}
.cbox__ph figcaption small{display:block;font:600 13px var(--f-b);color:#CFCAF0;margin-top:4px}
.cbox__copy{display:grid;gap:20px}
.cbox__copy p{font-size:18px;color:#DCD7FA}
.cline{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font:800 17px/1.2 var(--f-d);transition:background .25s}
.cline:hover{background:rgba(255,255,255,.12)}
.cline i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--grad);flex:none}
.cline i svg{width:22px;height:22px;color:#fff}
.cline>span{min-width:0;overflow-wrap:anywhere}
@media (max-width:420px){.cline{font-size:15px;padding:14px;gap:12px}}
.cline small{display:block;font:600 12.5px var(--f-b);color:#B7B1DD;margin-bottom:3px}
.bq{margin-top:10px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,rgba(103,81,195,.35),rgba(236,64,94,.25));border:1px solid rgba(255,255,255,.12)}
.bq blockquote{margin:0;font:800 clamp(19px,1.9vw,24px)/1.35 var(--f-d);color:#fff}
.bq--empty{min-height:120px;background:none;border:1.5px dashed rgba(255,255,255,.18);display:grid;place-items:center}
.is-clean .bq--empty{border-color:transparent}
.bq cite{display:block;margin-top:10px;font:700 14px var(--f-d);font-style:normal;color:var(--cyan)}

/* ---------- Görgetésre forduló 3D könyvek ---------- */
.book3d{position:relative;width:100%;max-width:560px;aspect-ratio:5/4;margin-inline:auto}
.book3d img,.book3d canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.book3d canvas{opacity:0;transition:opacity .35s}
.book3d.is-3d canvas{opacity:1}
.book3d.is-3d img{opacity:0;transition:opacity .35s .1s}

/* ---------- „Long and short” dioráma ---------- */
.diorama{display:none}
@media (min-width:961px){
  .diorama{display:block;position:relative;aspect-ratio:2/1;margin:-10px auto 0;max-width:1100px}
  .diorama video{width:100%;height:100%;object-fit:cover;display:block;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent);mask-composite:intersect}
  /* asztalon a 3D dioráma váltja az SVG-ábrát (mozgáscsökkentésnél a poszterkockája látszik) */
  .loop .loop__svg{display:none}
  .diorama__lbls{position:absolute;inset:0;pointer-events:none}
  .diorama__lbls small{display:block;margin-top:5px;font:700 11.5px/1 var(--f-d);letter-spacing:.04em;color:#CFCAF0;text-align:center}
  .diorama__lbls span{position:absolute;translate:-50% 0;white-space:nowrap;font:800 15px/1 var(--f-d);color:#fff;background:rgba(22,17,46,.7);border:1px solid var(--c);border-radius:99px;padding:8px 12px;backdrop-filter:blur(6px)}
}

/* ---------- 3D jelvény demó ---------- */
.demo__stage{position:relative;margin:10px auto 0;width:min(560px,100%);aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;transition:background .4s;border:1px solid rgba(255,255,255,.12)}
.demo__stage[data-bg="dark"]{background:radial-gradient(80% 80% at 50% 40%,#2A2260,#16112E)}
.demo__stage[data-bg="light"]{background:linear-gradient(160deg,#fff,#F4F2FF)}
.demo__stage[data-bg="photo"]{background:url(img/photos/szinpad-02.webp) 50% 30%/cover}
.demo .lead{color:#CFCAF0}
.badge3d.badge3d--demo{position:relative;left:auto;right:auto;bottom:auto;width:min(420px,80%)}
.demo__bgs{display:flex;justify-content:center;gap:8px;margin:18px 0 26px}
.demo__bgs button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:99px;padding:10px 16px;font:700 14px var(--f-d)}
.demo__bgs button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.demo__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto;max-width:860px}
.demo__stats div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.demo__stats dt{font:700 11.5px/1.3 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#9C95C9}
.demo__stats dd{margin:6px 0 0;font:800 16px/1.3 var(--f-d);color:#fff}
@media (max-width:640px){.demo__stats{grid-template-columns:1fr 1fr}}

/* ---------- Kulcskockák ---------- */
@keyframes glowpulse{from{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(236,64,94,.5)}50%{box-shadow:0 0 0 6px rgba(236,64,94,0)}}
@keyframes pulse-s{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.15)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(6deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes heroIn{from{opacity:0}to{opacity:1}}
@keyframes kb{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes marq{to{transform:translateX(calc(-50% - var(--gap)/2))}}
@keyframes vmarq{to{transform:translateY(calc(-50% - 8px))}}
@keyframes scan{0%{background-position:0 0,0 0}100%{background-position:0 120px,0 0}}
@keyframes blink{0%,60%{opacity:1}61%,100%{opacity:.25}}
@keyframes knob{0%,100%{rotate:0deg}50%{rotate:120deg}}
@keyframes star{0%{color:#E4E0F7;transform:scale(.6)}60%{transform:scale(1.25)}100%{color:#FAAC03;transform:scale(1)}}
@keyframes wave{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
@keyframes sweep{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes heart{0%{opacity:0;transform:translate(0,10px) scale(.4)}15%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(-14px,-120px) scale(.8) rotate(-18deg)}}
@keyframes head{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cards{0%,22%{transform:translateY(0)}33%,55%{transform:translateY(-66px)}66%,88%{transform:translateY(-132px)}100%{transform:translateY(0)}}
@keyframes bar{0%{transform:scaleX(0)}60%,100%{transform:scaleX(1)}}
@keyframes dash{to{stroke-dashoffset:-28}}
@keyframes swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes pop{0%,100%{transform:scale(1)}10%{transform:scale(1.18)}20%{transform:scale(1)}}
@keyframes glint{0%,60%{transform:translateX(-80px)}100%{transform:translateX(120px)}}
@keyframes flame{from{transform:scaleY(.8)}to{transform:scaleY(1.2)}}
@keyframes rocket{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-7px)}}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
@keyframes dot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
@keyframes lineIn{0%,28%{transform:scaleX(0)}48%,92%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@keyframes chatA{0%,27%{opacity:1}28%,100%{opacity:0}}
@keyframes chatB{0%,27%{opacity:0}28%,100%{opacity:1}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(236,64,94,.55)}80%,100%{box-shadow:0 0 0 26px rgba(236,64,94,0)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes heartbeat{0%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(1)}}
@keyframes prog{from{width:0}to{width:100%}}
@keyframes shine{0%,40%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@keyframes pop-in{0%{transform:scale(.6);opacity:.35}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes type{0%,49%{opacity:1}50%,100%{opacity:0}}

/* ---------- Reszponzív ---------- */
@media (max-width:1100px){
  .nav__link{padding:0 10px;font-size:14px}
  .trust{grid-template-columns:1fr 1fr}
  .tcard--tv{grid-column:1/-1;order:-1}
  .socials,.plats{grid-template-columns:1fr 1fr}
  .logos>*{flex-basis:calc((100% - 3*14px)/4)}
    .book{grid-template-columns:1fr;justify-items:center;text-align:center}
  .book__action{text-align:left;width:100%}
  .fbar{grid-template-columns:120px 1fr 90px}
}
@media (max-width:960px){
  .burger{display:grid}
  .nav{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:96px 20px 30px;background:#fff;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s var(--ease);overflow-y:auto}
  .nav-open .nav{opacity:1;visibility:visible;transform:none}
  .nav-open .hdr{background:#fff}
  .nav-open .hdr__logo .is-white{display:none!important}.nav-open .hdr__logo .is-dark{display:block!important}
  .nav__link,.hdr--dark:not(.is-stuck) .nav__link{color:var(--ink);height:56px;font-size:19px;padding:0 14px;justify-content:space-between;width:100%}
  .nav__sub{position:static;translate:none;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 8px 8px;display:none}
  .nav__item.is-open .nav__sub{display:block}
  .nav__cta{margin:14px 0 0;min-height:56px;font-size:17px}
  .hero__grid,.ihero__grid{grid-template-columns:1fr}
  .hero{padding-top:120px}
  .hero__copy{padding-bottom:0}
  .hero__visual{min-height:0;margin-top:10px}
  .hero__cut{position:relative;right:auto;width:min(100%,560px);margin:120px auto -6px}
  .sticker--a{display:none}
  .sticker--b{left:auto;right:0;top:-78px}
  .seal{width:120px;height:120px;left:auto;right:-6px;bottom:4%}
  .badge3d{width:min(28%,130px);left:0;right:auto;top:-112px;bottom:auto}
  .sticker--c{display:none}
  .press{grid-template-columns:1fr}
  .offers{grid-template-columns:1fr 1fr}
  .offer--wide{grid-column:1/-1}
  .books{grid-template-columns:1fr}
  .vita__grid{grid-template-columns:1fr}
  .vita__arrow{order:-1;width:84px;margin:-8px 0 -14px 18px;transform:rotate(100deg) scaleY(-1)}
  .posts{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr;gap:26px;max-width:420px;margin-inline:auto}
  .step-arrow svg{rotate:90deg;width:46px}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .wall{height:520px;margin:0 calc(-1*var(--gut))}
  .wall__in{inset:-80px -60px}
  .wall__shade{background:linear-gradient(180deg,var(--ink),transparent 18%,transparent 82%,var(--ink))}
  .ihero__grid{min-height:0}
  .fstats{margin-top:-60px}
  .fstats__card{grid-template-columns:1fr}
  .fstats__total{padding:0 0 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .aud,.ethic,.fee,.cbox,.ih,.reach{grid-template-columns:minmax(0,1fr)}
  .loop__steps{grid-template-columns:1fr 1fr}
  .journey{grid-template-columns:1fr;gap:30px}
  .jarrow svg{rotate:90deg;width:90px}
  .tiers{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
  .cbox__ph{max-width:420px}
}
@media (max-width:640px){
  :root{--gut:16px}
  .btn{white-space:normal;text-align:center;line-height:1.2;padding:12px 22px}
  body{font-size:16px}
  .hdr__in{height:68px}
  .hdr__logo img{height:38px}
  .hero__title{font-size:clamp(42px,12vw,56px)}
  .hero__visual{min-height:0}
  .sticker{font-size:13.5px;padding:9px 12px 9px 9px}
  .sticker__ico{width:36px;height:36px}
  .offers,.posts{grid-template-columns:1fr}
  .offer--wide{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .offer--wide .offer__body{padding:28px 26px 30px}
  .trust{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .socials{grid-template-columns:1fr 1fr;gap:12px}
  .soc{padding:18px}
  .soc__n{font-size:22px}
  .plats{grid-template-columns:1fr 1fr;gap:12px}
  .plat{padding:20px 18px}
  .logos>*{flex-basis:calc((100% - 14px)/2)}
      .loop__steps{grid-template-columns:1fr}
  .fbar{grid-template-columns:1fr auto;gap:8px 12px}
  .fbar__t{grid-column:1/-1;grid-row:2}
  .ftr__grid{grid-template-columns:1fr}
  .stage figure{width:240px}.stage figure.is-tall{width:160px}
  .ppl{padding:24px 16px}
  .ppl__row{gap:10px 6px}
  .proto-toggle{left:10px;bottom:10px;font-size:11px;padding:9px 12px}
  .wall{height:440px}
  .step{max-width:300px}
  .mark-bg--kin{width:170px;top:28px;right:-30px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .marquee__track,.wall__col{animation:none!important}
  .marquee{overflow-x:auto}
}