/* Automatizálási mentorprogram landing - scope: .mai-page */
.mai-page{font-family:'Space Grotesk',sans-serif;background:#fff;color:#3d3d3d;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
.mai-page *,.mai-page *::before,.mai-page *::after{margin:0;padding:0;box-sizing:border-box}
.mai-page a{color:#96791c;text-decoration:none}
.mai-page a:hover{color:#c4a64d}
.mai-page ul{list-style:none}
.mai-page h1,.mai-page h2,.mai-page h3,.mai-page h4{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#1a1a1a;letter-spacing:-.02em;line-height:1.7}
.mai-page button{font:inherit;background:none;border:0;color:inherit;text-align:inherit}
.mai-page img{max-width:100%}

.mai-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.mai-sec{position:relative;padding:110px 0}
.mai-divider{height:1px;width:100%;max-width:1180px;margin:0 auto;background:linear-gradient(90deg,transparent,#c4a64d,#96791c,#c4a64d,transparent);opacity:.5}

/* Pill címkék */
.mai-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(150,121,28,.1);border:1px solid rgba(150,121,28,.15);padding:7px 16px;border-radius:999px;font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;color:#96791c;font-weight:600;margin-bottom:22px;line-height:1.7}
.mai-pill--dark{background:rgba(200,164,94,.12);border-color:rgba(200,164,94,.3);color:#c8a45e}
.mai-chip{font-size:13px;font-weight:600;color:#96791c;background:rgba(150,121,28,.06);border:1px solid rgba(150,121,28,.15);padding:8px 16px;border-radius:999px}
.mai-huf-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:#0f7d3e;background:rgba(15,125,62,.08);border:1px solid rgba(15,125,62,.22);padding:5px 11px;border-radius:999px}
.mai-note-dark{font-size:13.5px;color:#8f8a7b}

/* CTA gombok */
.mai-page a.mai-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#c4a64d,#96791c);color:#fff;box-shadow:0 14px 40px rgba(150,121,28,.2);transition:all .25s}
.mai-page a.mai-cta:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(150,121,28,.3);color:#fff}
.mai-page a.mai-cta--hero{padding:16px 32px;box-shadow:0 14px 40px rgba(150,121,28,.22)}
.mai-page a.mai-cta--hero:hover{box-shadow:0 20px 50px rgba(150,121,28,.34)}
.mai-page a.mai-cta--final{padding:16px 32px;box-shadow:0 14px 40px rgba(150,121,28,.28)}
.mai-page a.mai-cta--final:hover{box-shadow:0 20px 50px rgba(150,121,28,.4)}
.mai-page a.mai-cta--block{display:flex;padding:18px;font-size:16.5px;box-shadow:0 14px 40px rgba(150,121,28,.18)}
.mai-page a.mai-cta--block:hover{box-shadow:0 18px 46px rgba(150,121,28,.28)}
.mai-page a.mai-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;background:transparent;border:1.5px solid rgba(150,121,28,.3);color:#1a1a1a;transition:all .25s}
.mai-page a.mai-btn-outline:hover{background:rgba(150,121,28,.06);border-color:#96791c;color:#1a1a1a}
.mai-cta-row{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.mai-page a.mai-flip-link{display:inline-block;padding:12px 4px;text-decoration:underline;text-underline-offset:3px;color:#1a1a1a;font-weight:600;cursor:pointer}

/* "Amit a tömeg mond" jel: gondolatjel-karakter helyett rajzolt vonal */
.mai-dashmark{flex-shrink:0;display:inline-block;width:7.2px;height:1.5px;margin-top:11px;background:#a5a5ad}

/* Bento */
.mai-bento{position:relative;overflow:hidden;border-radius:18px;padding:26px 22px;min-height:150px}
.mai-bento-num{position:absolute;right:-6px;top:-14px;font-size:96px;font-weight:700;letter-spacing:-.05em;line-height:1}
.mai-bento-h{font-size:15.5px;font-weight:600;margin-top:52px;line-height:1.3}
.mai-bento-s{font-size:12.5px;margin-top:4px}

/* Kártyák hoverrel */
.mai-persona{background:#fff;border:1px solid rgba(150,121,28,.15);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(20,20,20,.05)}
.mai-target{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:28px 26px}
.mai-live{position:relative;background:#fff;border:1px solid rgba(150,121,28,.15);border-radius:18px;padding:28px 26px 26px;display:flex;flex-direction:column}

/* Scroll reveal: csak ha fut JS (.mai-js), különben minden látszik */
.mai-page.mai-js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.mai-page.mai-js [data-reveal].is-in{opacity:1;transform:none}
.mai-page.mai-js .mai-persona[data-reveal]{transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .3s}
.mai-page.mai-js .mai-live[data-reveal]{transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .3s}
.mai-page.mai-js .mai-target[data-reveal]{transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1),background .3s,border-color .3s}
.mai-page .mai-persona.is-in:hover,.mai-page:not(.mai-js) .mai-persona:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(150,121,28,.12);border-color:#c4a64d}
.mai-page .mai-live.is-in:hover,.mai-page:not(.mai-js) .mai-live:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(124,58,237,.12);border-color:#d946ef}
.mai-page .mai-target:hover{background:rgba(255,255,255,.07);border-color:rgba(200,164,94,.4)}

/* Tematika hónapok */
.mai-month{display:flex;gap:52px;align-items:flex-start;margin-bottom:80px;flex-wrap:wrap}
.mai-month-visual{width:300px;max-width:100%;flex-shrink:0;position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:14px}

/* Akkordeonok (modulok + GYIK) */
.mai-module{border:1px solid rgba(150,121,28,.15);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff;transition:border-color .3s,box-shadow .3s}
.mai-module.is-open{border-color:#c4a64d;box-shadow:0 8px 24px rgba(150,121,28,.08)}
.mai-module-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;gap:16px}
.mai-faq{border-bottom:1px solid rgba(150,121,28,.15)}
.mai-faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;padding:22px 4px;cursor:pointer;gap:20px}
.mai-chev{width:20px;height:20px;flex-shrink:0;color:#96791c;transition:transform .3s}
.is-open>button .mai-chev{transform:rotate(180deg)}
.mai-acc-body{max-height:0;overflow:hidden;transition:max-height .35s}
.mai-module-head:focus-visible,.mai-faq-q:focus-visible{outline:2px solid #96791c;outline-offset:2px}

/* Forgatható árkártya */
.mai-flip{perspective:1800px}
.mai-flipper{display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.61,.36,1);transform:rotateY(0deg)}
.mai-flipper.is-flipped{transform:rotateY(180deg)}
.mai-face{position:relative;background:#fff;border-radius:24px;padding:clamp(26px,6vw,40px) clamp(20px,5vw,38px);box-shadow:0 20px 60px rgba(150,121,28,.12),0 0 0 1.5px #96791c}
.mai-flipper .mai-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mai-face--front{overflow:hidden;transform:translateZ(1px)}
.mai-face--back{transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;pointer-events:none}
.mai-flipper.is-flipped .mai-face--front{pointer-events:none}
.mai-flipper.is-flipped .mai-face--back{pointer-events:auto}

/* Animációk (prefixelve, hogy ne ütközzenek a téma többi oldalával) */
@keyframes mai-rainbowFlow{0%{background-position:0% 50%}100%{background-position:280% 50%}}
@keyframes mai-pulseRing{0%{box-shadow:0 0 0 0 rgba(46,204,113,.55)}70%{box-shadow:0 0 0 10px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
@keyframes mai-floatA{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-7px,-18px) rotate(-1.6deg)}}
@keyframes mai-floatB{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(8px,-14px) rotate(1.4deg)}}
@keyframes mai-floatC{0%,100%{transform:translate(0,-4px) scale(1)}50%{transform:translate(0,-24px) scale(1.03)}}
@keyframes mai-floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mai-floatYC{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8px)}}
@keyframes mai-lineIn{0%{opacity:0;transform:translateY(5px)}7%{opacity:1;transform:none}88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(5px)}}
@keyframes mai-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes mai-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mai-dash{to{stroke-dashoffset:-120}}
@keyframes mai-nodeRun{0%,100%{filter:drop-shadow(0 0 0 rgba(255,46,166,0))}50%{filter:drop-shadow(0 0 8px rgba(255,46,166,.9))}}
@keyframes mai-msgPop{0%,12%{opacity:0;transform:scale(.85)}20%,78%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(.95)}}
@keyframes mai-chLight{0%,8%{opacity:.25}18%,72%{opacity:1}88%,100%{opacity:.25}}
@keyframes mai-progFill{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@keyframes mai-barGrow{0%{transform:scaleY(.15)}45%,80%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes mai-clockHand{to{transform:rotate(360deg)}}
@keyframes mai-avatarSpin{to{transform:rotate(360deg)}}

/* Mobilon a ragadós hónap-vizuál rácsúszna a szövegre */
@media (max-width:720px){
  .mai-month-visual{position:static}
}

@media (prefers-reduced-motion:reduce){
  .mai-page [data-anim]{animation:none!important}
  .mai-page.mai-js [data-reveal]{opacity:1;transform:none;transition:none}
  .mai-flipper,.mai-acc-body,.mai-page a.mai-cta{transition:none}
}

/* Várólista űrlap (betelt állapot) */
.mai-wl{position:relative}
.mai-wl-row{display:flex;gap:10px;flex-wrap:wrap}
.mai-wl-row input{flex:1 1 180px;min-width:0;height:50px;padding:0 16px;border:1.5px solid #e4dccb;border-radius:12px;font:inherit;font-size:15px;color:#1a1a1a;background:#fff}
.mai-wl-row input:focus{outline:none;border-color:#96791c;box-shadow:0 0 0 3px rgba(150,121,28,.14)}
.mai-page .mai-wl-row button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:50px;padding:0 26px;border:0;border-radius:12px;cursor:pointer;font:inherit;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#c4a64d,#96791c);box-shadow:0 10px 28px rgba(150,121,28,.22)}
.mai-page .mai-wl-row button:disabled{opacity:.6;cursor:wait}
.mai-wl-gdpr{display:flex;gap:9px;align-items:flex-start;cursor:pointer;margin-top:12px;font-size:12.5px;line-height:1.5;color:#7a7a7a}
.mai-wl-gdpr input{margin-top:3px;accent-color:#96791c;flex-shrink:0}
.mai-wl-gdpr a{color:#96791c}
.mai-wl-msg{margin-top:10px;font-size:13.5px;color:#c4243b;min-height:1px}
.mai-wl-ok{font-size:15px;font-weight:600;color:#1f7a45;background:#e7f5ec;border-radius:12px;padding:14px 16px}
@media (max-width:520px){.mai-page .mai-wl-row button{flex:1 1 100%}}

/* Csomagváltó az árkártya fölött */
.mai-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:0 0 18px;background:#fff;border:1.5px solid #e4dccb;border-radius:18px;box-shadow:0 8px 24px rgba(26,26,26,.05)}
.mai-page .mai-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:10px 12px;border:0;border-radius:13px;background:transparent;cursor:pointer;font:inherit;color:#1a1a1a;text-align:center;transition:background .25s,color .25s,box-shadow .25s}
.mai-page .mai-switch button:hover{background:rgba(150,121,28,.07)}
.mai-page .mai-switch button:focus-visible{outline:2px solid #96791c;outline-offset:2px}
.mai-switch-name{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.mai-switch-sub{font-size:12.5px;color:#7a7a7a;line-height:1.3}
.mai-page .mai-switch button.is-active{background:linear-gradient(135deg,#c4a64d,#96791c);color:#fff;box-shadow:0 8px 20px rgba(150,121,28,.28)}
.mai-page .mai-switch button.is-active .mai-switch-sub{color:rgba(255,255,255,.88)}
@media (max-width:420px){.mai-switch-name{font-size:16px}.mai-switch-sub{font-size:11.5px}}
@media (max-width:520px){.mai-page .mai-video-card{padding:14px 14px 26px !important;gap:24px !important}.mai-page .mai-video-card > div:not([style*="border"]){padding:0 8px}}

/* Gemini blokk ("Nekem nem hiszel? Kérdezd meg a Geminit!") - a handoff .sg-ask szabályai .mai-page előtaggal,
   különben a .mai-page h2 / button általános szabályai felülírnák (sötét cím sötét háttéren, keret nélküli gombok). */
.mai-page .sg-ask{position:relative;padding:100px 0;background:radial-gradient(circle at 85% 15%,rgba(255,46,166,.22),transparent 45%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.25),transparent 50%),#170b2f;color:#f0ece4;font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
.mai-page .sg-ask *{box-sizing:border-box;margin:0;padding:0}
.mai-page .sg-ask__wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:56px;align-items:center}
.mai-page .sg-ask__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(217,70,239,.14);border:1px solid rgba(217,70,239,.35);padding:7px 16px;border-radius:999px;font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;color:#e879f9;font-weight:600;margin-bottom:22px}
.mai-page .sg-ask__title{font-size:clamp(30px,4.4vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:600;margin-bottom:20px;color:#f4f1e9}
.mai-page .sg-ask__grad{background:linear-gradient(100deg,#ff2ea6,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.mai-page .sg-ask__lead{font-size:17px;line-height:1.6;color:#b7a9d6;max-width:480px}
.mai-page .sg-ask__right{display:flex;flex-direction:column;gap:18px}
.mai-page .sg-ask__stage{position:relative;height:170px;border-radius:16px;background:#1f1040;border:1px solid rgba(217,70,239,.25);overflow:hidden}
.mai-page .sg-ask__frame{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px;opacity:0}
.mai-page .sg-ask__frame--a{animation:sgFrameA 7.5s infinite}
.mai-page .sg-ask__frame--b{animation:sgFrameB 7.5s infinite}
.mai-page .sg-ask__frame--c{animation:sgFrameC 7.5s infinite}
.mai-page .sg-ask__step{font:700 11px/1 ui-monospace,Menlo,monospace;color:#e879f9;letter-spacing:.12em}
.mai-page .sg-ask__card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px 14px;font-size:15px;color:#1a1a1a;font-weight:500}
.mai-page .sg-ask__ok{margin-left:auto;font-size:12px;font-weight:700;color:#15803d;background:#ecfdf3;padding:4px 9px;border-radius:999px;white-space:nowrap}
.mai-page .sg-ask__url{display:flex;align-items:center;gap:10px;background:#2a1850;border-radius:12px;padding:12px 14px;font:600 14px/1.2 ui-monospace,Menlo,monospace;color:#e8e3f7}
.mai-page .sg-ask__url small{margin-left:auto;font-family:'Space Grotesk',sans-serif;font-size:12px;color:#b7a9d6}
.mai-page .sg-ask__input{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #d946ef;border-radius:999px;padding:10px 12px 10px 18px;font-size:14px;color:#1a1a1a}
.mai-page .sg-ask__kbd{margin-left:auto;font:700 11px/1 ui-monospace,Menlo,monospace;background:#f4effb;padding:5px 7px;border-radius:5px;color:#7c3aed;white-space:nowrap}
.mai-page .sg-ask__dots{position:absolute;left:22px;bottom:14px;display:flex;gap:6px}
.mai-page .sg-ask__dots span{height:8px;width:8px;border-radius:4px;background:rgba(255,255,255,.25)}
.mai-page .sg-ask__dots span:nth-child(1){animation:sgDotA 7.5s infinite}
.mai-page .sg-ask__dots span:nth-child(2){animation:sgDotB 7.5s infinite}
.mai-page .sg-ask__dots span:nth-child(3){animation:sgDotC 7.5s infinite}
.mai-page .sg-ask__list{display:flex;flex-direction:column;gap:8px}
.mai-page .sg-ask__q{font:inherit;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(217,70,239,.3);background:rgba(255,255,255,.04);color:#f4f1e9;font-size:15.5px;cursor:pointer;transition:background .2s,border-color .2s}
.mai-page .sg-ask__q:hover{background:rgba(217,70,239,.12);border-color:#d946ef}
.mai-page .sg-ask__q span{flex:1}
.mai-page .sg-ask__q b{font-size:12px;font-weight:700;color:#e879f9;white-space:nowrap}
.mai-page .sg-ask__q.is-copied b{color:#4ade80}
.mai-page .sg-ask__note{font-size:13px;color:#b7a9d6}
.mai-page @keyframes sgFrameA{0%,30%{opacity:1}.mai-page 33%,.mai-page 100%{opacity:0}.mai-page }
@keyframes sgFrameB{0%,30%{opacity:0}.mai-page 33%,.mai-page 63%{opacity:1}.mai-page 66%,.mai-page 100%{opacity:0}.mai-page }
@keyframes sgFrameC{0%,63%{opacity:0}.mai-page 66%,.mai-page 97%{opacity:1}.mai-page 100%{opacity:0}.mai-page }
@keyframes sgDotA{0%,30%{background:#e879f9;width:22px}.mai-page 33%,.mai-page 100%{background:rgba(255,255,255,.25);width:8px}.mai-page }
@keyframes sgDotB{0%,30%{background:rgba(255,255,255,.25);width:8px}.mai-page 33%,.mai-page 63%{background:#e879f9;width:22px}.mai-page 66%,.mai-page 100%{background:rgba(255,255,255,.25);width:8px}.mai-page }
@keyframes sgDotC{0%,63%{background:rgba(255,255,255,.25);width:8px}.mai-page 66%,.mai-page 97%{background:#e879f9;width:22px}.mai-page 100%{background:rgba(255,255,255,.25);width:8px}.mai-page }
@media (prefers-reduced-motion:reduce){.sg-ask__frame,.sg-ask__dots span{animation:none}.mai-page .sg-ask__frame--c{opacity:1}.mai-page }
@media (max-width:520px){.sg-ask{padding:72px 0}.mai-page .sg-ask__card,.mai-page .sg-ask__input{font-size:13px}.mai-page .sg-ask__stage{height:190px}}
.mai-page .sg-ask{line-height:normal}
@media (max-width:520px){.mai-page .sg-ask__q{flex-direction:column;align-items:flex-start;gap:6px}.mai-page .sg-ask__q span{flex:none}}

/* Két árkártya egymás mellett, elöl a Csoportos (2026-10-01; a kapcsoló + forgatás helyett) */
.mai-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.mai-plans .mai-plan{display:flex;flex-direction:column;overflow:hidden}
.mai-plans .mai-plan-grow{flex:1 1 auto}
.mai-plans .mai-plan:not(.mai-plan--featured){box-shadow:0 14px 40px rgba(26,26,26,.06),0 0 0 1.5px #e4dccb}
@media (max-width:860px){.mai-plans{grid-template-columns:1fr;max-width:660px;margin:0 auto}}