/* AI Lady · automatizalj.css — Automatizálás aloldal stílusok. Tokenek + fejléc/lábléc: base.css. Csak az /automatizalj oldalon töltődik be. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
.logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.logo-gem{width:7px;height:7px;background:var(--gold2);border-radius:50%}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.02em;transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-btn{padding:11px 26px;border-radius:99px;border:1.5px solid var(--gold-bd);background:transparent;color:var(--gold);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;letter-spacing:.04em;transition:all .25s}
.nav-btn:hover{background:var(--gold-lt);border-color:var(--gold2)}

.container{max-width:1120px;margin:0 auto;padding:0 40px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--gold);display:inline-block}
h2.serif{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.12;margin-bottom:16px;color:var(--ink)}
.sub{font-size:16px;color:var(--muted);line-height:1.78;max-width:540px;margin-bottom:48px;font-weight:300}
.btn-gold{padding:15px 32px;border-radius:99px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .2s,box-shadow .2s;letter-spacing:.03em}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,135,42,.3)}
.btn-outline{padding:15px 32px;border-radius:99px;border:1.5px solid rgba(28,20,10,.2);color:var(--ink2);background:transparent;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}

#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:76px}
.hero-photo{position:relative;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}
.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,var(--cream) 100%)}
.hero-content{display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 48px}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:28px}
.hero-tag::before{content:'';width:28px;height:1px;background:var(--gold);display:inline-block}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5vw,66px);line-height:1.06;color:var(--ink);font-weight:700;margin-bottom:22px}
.hero-h1 em{color:var(--gold);font-style:italic}
.hero-sub{font-size:17px;color:var(--muted);line-height:1.78;margin-bottom:38px;font-weight:300;max-width:480px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}

.ticker-wrap{background:var(--warmer);padding:15px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 32s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;gap:14px;padding:0 36px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.ticker-gem{width:4px;height:4px;border-radius:50%;background:var(--gold-bd)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.sec{padding:100px 0}
.sec-warm{background:var(--warm)}
.sec-warmer{background:var(--warmer)}
.sec-cream{background:var(--cream)}
.sec-dark{background:var(--ink);color:#fff}
.sec-dark .eyebrow{color:var(--gold2)}
.sec-dark .eyebrow::before{background:var(--gold2)}
.sec-dark h2.serif{color:#fff}
.sec-dark .sub{color:rgba(255,255,255,.5)}

.rolam-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.rolam-photo{border-radius:40% 60% 55% 45%/48% 44% 56% 52%;overflow:hidden;aspect-ratio:3/4;box-shadow:0 20px 60px rgba(184,135,42,.12);border:2px solid var(--gold-bd)}
.rolam-photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.rolam-body{display:flex;flex-direction:column;gap:18px;margin-top:24px}
.rolam-body p{font-size:16px;color:var(--muted);line-height:1.8;font-weight:300}
.rolam-body strong{color:var(--gold);font-weight:600}
.rolam-stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:8px;padding-top:28px;border-top:1px solid var(--line)}
.rstat-n{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;color:var(--gold);line-height:1;display:block}
.rstat-l{font-size:12px;color:var(--muted);font-weight:400;margin-top:4px;letter-spacing:.03em}

.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:2px}
.prob{background:#fff;padding:36px 32px;border:1px solid rgba(184,135,42,.06);transition:all .25s}
.prob:hover{background:var(--warm);border-color:var(--gold-bd)}
.prob-n{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:700;color:rgba(184,135,42,.18);line-height:1;margin-bottom:14px}
.prob h3{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.prob p{font-size:14px;color:var(--muted);line-height:1.65}
.stat-band{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}
.stat-cell{padding:44px 32px;text-align:center;border-right:1px solid var(--line)}
.stat-cell:last-child{border-right:none}
.stat-n{font-family:'Cormorant Garamond',serif;font-size:58px;font-weight:700;color:var(--gold);line-height:1;display:block}
.stat-l{font-size:13px;color:var(--muted);margin-top:6px}

.steps-col{max-width:700px;display:flex;flex-direction:column}
.step-row{display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:flex-start;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.step-row:last-child{border-bottom:none}
.step-n{font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:700;color:rgba(212,168,75,.2);line-height:1}
.step-row h3{font-size:19px;font-weight:600;color:#fff;margin-bottom:8px}
.step-row p{font-size:15px;color:rgba(255,255,255,.5);line-height:1.72}

.svc-split{display:grid;grid-template-columns:1fr 1.1fr;gap:0;align-items:stretch;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 48px rgba(184,135,42,.07)}
.svc-photo{position:relative;min-height:600px}
.svc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.svc-content{padding:56px 52px;background:#fff}
.svc-lead{font-size:16px;color:var(--muted);line-height:1.75;margin-bottom:40px;font-weight:300}
.svc-levels{display:flex;flex-direction:column}
.svc-level{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.svc-level:last-child{border-bottom:none}
.svc-level-n{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;color:rgba(184,135,42,.2);line-height:1;flex-shrink:0;width:44px;padding-top:4px}
.svc-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:var(--gold-lt);border:1px solid var(--gold-bd);padding:3px 10px;border-radius:99px;margin-bottom:8px}
.svc-level-body h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.2}
.svc-level-body p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:10px}
.svc-price{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold)}
.svc-price span{font-size:13px;font-weight:400;color:var(--muted);font-family:'Inter',sans-serif}

.wf-list{display:flex;flex-direction:column;gap:70px}
.wf-row{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.wf-row-rev{grid-template-columns:1fr 1.1fr}
.wf-row-rev .wf-img{order:2}
.wf-row-rev .wf-txt{order:1}
.wf-img{border-radius:20px;overflow:hidden;box-shadow:0 12px 48px rgba(184,135,42,.1);border:1px solid var(--line)}
.wf-img img{width:100%;display:block;transition:transform .4s}
.wf-img:hover img{transform:scale(1.02)}
.wf-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:var(--gold-lt);border:1px solid var(--gold-bd);padding:4px 12px;border-radius:99px;margin-bottom:14px}
.wf-txt h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.2}
.wf-txt p{font-size:15px;color:var(--muted);line-height:1.72}

#quiz-section{padding:100px 0}
.quiz-intro{text-align:center;margin-bottom:52px}
#quiz-embed{
  max-width:700px;margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;overflow:hidden;
  box-shadow:0 8px 48px rgba(184,135,42,.08);
}
#quiz-wrap *{font-family:'Inter',sans-serif;box-sizing:border-box}
#q-prog{height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .5s;width:0%}
#q-inner{padding:36px}
.qs{display:none}.qs.active{display:block;animation:fadeUp .35s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.qwel{text-align:center}
.qwel h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--ink);margin-bottom:8px}
.qwel p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:24px}
.qwsteps{text-align:left;max-width:380px;margin:0 auto 24px;display:flex;flex-direction:column;gap:10px}
.qwstep{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.5}
.qwdot{min-width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qbtn-start{width:100%;padding:15px;border-radius:99px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.03em}
.qbtn-start:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,135,42,.3)}
.qctr{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;text-align:center}
.qcard{background:var(--warm);border-radius:14px;border:1px solid var(--line);padding:24px;margin-bottom:12px}
.qmeta{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.qchip{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:99px;text-transform:uppercase}
.qchip-Kommunikáció{background:#ede7f6;color:#6a0dad}
.qchip-Admin{background:#fce4ec;color:#ad1457}
.qchip-Tartalom{background:#f3e5f5;color:#7b1fa2}
.qchip-Értékesítés{background:var(--gold-lt);color:var(--gold)}
.qchip-Elemzés{background:var(--gold-lt);color:#a8780f}
.qtitle{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:18px;line-height:1.35}
.qlabel{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;opacity:.7}
.qfreqs,.qtypes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.qfbtn,.qtbtn{flex:1;min-width:80px;padding:9px 8px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;text-align:center}
.qfbtn:hover,.qtbtn:hover{border-color:var(--gold);color:var(--gold)}
.qfbtn.sel{background:var(--gold-lt);border-color:var(--gold);color:var(--gold);font-weight:600}
.qtbtn.sel-Kézi{background:#fdecea;border-color:#e53935;color:#c62828}
.qtbtn.sel-Részben{background:var(--gold-lt);border-color:var(--gold);color:var(--gold)}
.qtbtn.sel-Teljesen{background:#e8f5e9;border-color:#43a047;color:#2e7d32}
.qexp{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}
.qexprow{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--muted)}
.qexprow strong{color:var(--ink)}
.qmins{margin-bottom:16px}
.qslrow{display:flex;align-items:center;gap:12px}
.qslrow input[type=range]{flex:1;-webkit-appearance:none;height:3px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--gold) 0%,var(--gold) var(--pct,30%),rgba(184,135,42,.15) var(--pct,30%))}
.qslrow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 4px rgba(184,135,42,.15);cursor:pointer}
.qslval{min-width:52px;text-align:right;font-size:14px;font-weight:600;color:var(--gold)}
.qpri{margin-bottom:4px}
.qprirow{display:flex;align-items:center;gap:12px;margin-top:8px}
.qprirow input[type=range]{flex:1;-webkit-appearance:none;height:4px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--gold) 0%,var(--gold) var(--ppct,50%),rgba(184,135,42,.15) var(--ppct,50%))}
.qprirow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));cursor:pointer;box-shadow:0 0 0 4px rgba(184,135,42,.12)}
.qpval{min-width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}
.qprilabels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px;opacity:.7}
.qnav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.qback{padding:11px 18px;border-radius:99px;border:1.5px solid var(--line);background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:all .18s}
.qback:hover{border-color:var(--gold);color:var(--gold)}
.qnext{flex:1;max-width:240px;padding:13px 20px;border-radius:99px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.03em}
.qnext:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(184,135,42,.25)}
.qhint{display:none;font-size:12px;color:var(--gold);text-align:center;margin-top:4px}
.qemail{text-align:center}
.qemail h2{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--ink);margin-bottom:8px}
.qemail .sub{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px}
.qfield{margin-bottom:14px;text-align:left}.qrow2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}@media(max-width:500px){.qrow2{grid-template-columns:1fr}}
.qfield label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.qfield input{width:100%;padding:13px 16px;border-radius:10px;border:1.5px solid var(--line);background:var(--warm);color:var(--ink);font-size:15px;outline:none;transition:border-color .2s}
.qfield input:focus{border-color:var(--gold)}
.qfield input::placeholder{color:var(--muted);opacity:.5}
.qgdpr{margin:16px 0 20px;display:flex;flex-direction:column;gap:10px;text-align:left}
.qgitem{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.qgbox{min-width:20px;height:20px;border-radius:6px;border:1.5px solid var(--gold-bd);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:1px}
.qgbox.checked{background:var(--gold);border-color:var(--gold)}
.qgbox.checked::after{content:'✓';color:#fff;font-size:12px;font-weight:700}
.qgtext{font-size:12px;color:var(--muted);line-height:1.5}
.qgtext a{color:var(--gold);text-decoration:underline}
.qreq{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.qerr{font-size:12px;color:#c62828;margin:-8px 0 8px;display:none}
.qsendbtn{width:100%;padding:15px;border-radius:99px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.03em}
.qsendbtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(184,135,42,.3)}
.qsendbtn:disabled{opacity:.35;cursor:not-allowed}
.qrhero{background:var(--ink);border-radius:14px;padding:28px;text-align:center;color:#fff;margin-bottom:14px;border:1px solid rgba(184,135,42,.2);box-shadow:0 4px 24px rgba(184,135,42,.1)}
.qbignum{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:700;line-height:1;margin-bottom:4px;color:#fff}
.qbignum span{color:var(--gold2);font-size:28px;font-weight:400;font-style:italic}
.qtag{font-size:12px;background:rgba(184,135,42,.15);border:1px solid rgba(184,135,42,.3);border-radius:99px;display:inline-block;padding:4px 14px;margin-bottom:14px;color:var(--gold2)}
.qrgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.qrstat{background:rgba(255,255,255,.06);border-radius:12px;padding:16px;text-align:center;border:1px solid rgba(184,135,42,.12)}
.qrstat .v{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;margin-bottom:2px}
.qrstat .l{font-size:11px;color:var(--muted)}
.vg{color:#81c784}.vw{color:var(--gold2)}.vb{color:var(--gold2)}
.qrbreak{background:#fff;border-radius:12px;padding:18px;margin-bottom:12px;border:1px solid rgba(184,135,42,.15)}
.qrbreak h4,.qrtop h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px}
.qcatrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.qcatrow:last-child{margin-bottom:0}
.qcatname{font-size:12px;font-weight:500;color:var(--ink);width:110px;flex-shrink:0}
.qbarwrap{flex:1;height:5px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.qbar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width 1s ease .3s}
.qcathrs{font-size:11px;color:var(--muted);width:44px;text-align:right}
.qrtop{background:#fff;border-radius:12px;padding:18px;margin-bottom:12px;border:1px solid rgba(184,135,42,.15)}
.qttrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(184,135,42,.1)}
.qttrow:last-child{border-bottom:none}
.qtticon{width:26px;height:26px;border-radius:8px;background:rgba(184,135,42,.15);color:var(--gold2);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qttname{flex:1;font-size:13px;font-weight:500;color:var(--ink)}
.qttbadge{font-size:10px;padding:2px 8px;border-radius:99px;font-weight:600}
.bTeljesen{background:rgba(67,160,71,.15);color:#2e7d32}.bRészben{background:rgba(184,135,42,.12);color:var(--gold)}.bKézi{background:rgba(200,0,122,.08);color:#c8007a}.bKezi{background:rgba(200,0,122,.08);color:#c8007a}
.qrcta{background:var(--warmer);border-radius:12px;padding:24px;text-align:center;border:1px solid var(--line)}
.qrcta h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:6px}
.qrcta p{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.6}
.qrcta a{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff8ee;border-radius:99px;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s}
.qrestart{display:block;margin:10px auto 0;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline}
#qcatnav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:14px 28px 0}
.qcpill{font-size:11px;font-weight:500;padding:4px 12px;border-radius:99px;border:1.5px solid transparent;transition:all .2s}
.qcpill.done{background:var(--gold);color:#fff8ee;font-weight:600}
.qcpill.active{border-color:var(--gold);color:var(--gold);background:var(--gold-lt)}
.qcpill.todo{background:var(--warm);color:var(--muted)}

.testi-split{display:grid;grid-template-columns:1fr 1.4fr;gap:0;border-radius:24px;overflow:hidden;box-shadow:0 8px 48px rgba(184,135,42,.07);border:1px solid var(--line)}
.testi-photo{position:relative;min-height:500px}
.testi-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.testi-right{padding:52px 48px;background:#fff}
.tgrid-col{display:flex;flex-direction:column;gap:20px}
.tgrid-col .tcard{border-radius:14px}

.photo-break{position:relative;height:480px;overflow:hidden}
.photo-break img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.photo-break-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,20,10,.72) 0%,rgba(28,20,10,.3) 60%,transparent 100%)}
.photo-break-text{position:absolute;top:50%;left:0;transform:translateY(-50%);padding:0 80px;max-width:600px}
.photo-break-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,34px);font-style:italic;font-weight:400;color:#fff;line-height:1.45;margin-bottom:16px}
.photo-break-name{font-size:13px;color:var(--gold2);font-weight:600;letter-spacing:.08em}

.sub-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}
.sub-bullets{display:flex;flex-direction:column;gap:12px}
.sub-bullet{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.6);line-height:1.5}
.sub-check{color:var(--gold2);font-size:12px;margin-top:2px;flex-shrink:0}
.sub-form-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(184,135,42,.15);border-radius:20px;padding:40px 36px}
.sub-form{display:flex;flex-direction:column;gap:12px}
.sub-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sub-field input{width:100%;padding:15px 18px;border-radius:10px;border:1.5px solid rgba(184,135,42,.18);background:rgba(255,255,255,.06);color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.sub-field input:focus{border-color:var(--gold)}
.sub-field input::placeholder{color:rgba(255,255,255,.3)}
.sub-checkboxes{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.sub-check-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px 16px;border-radius:10px;border:1.5px solid rgba(184,135,42,.12);background:rgba(255,255,255,.03);transition:border-color .2s;font-size:13px;color:rgba(255,255,255,.55);line-height:1.5}
.sub-check-item:hover{border-color:rgba(184,135,42,.3)}
.sub-checkbox{min-width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(184,135,42,.3);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:1px;flex-shrink:0}
.sub-checkbox.checked{background:var(--gold);border-color:var(--gold)}
.sub-checkbox.checked::after{content:'✓';color:#fff;font-size:12px;font-weight:700}
.sub-check-item a{color:var(--gold2);text-decoration:underline}
.sub-req{font-size:10px;font-weight:700;color:var(--gold2);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.sub-err{font-size:12px;color:#ef9a9a;min-height:16px}
.sub-btn{width:100%;padding:18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a0800;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.1em;transition:all .2s;text-transform:uppercase}
.sub-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(184,135,42,.3)}
.sub-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.sub-note{font-size:11px;color:rgba(255,255,255,.3);text-align:center;letter-spacing:.04em}

@media(max-width:900px){
  .testi-split{grid-template-columns:1fr}.testi-photo{min-height:260px;position:relative}.testi-right{padding:32px 20px}
  .photo-break{height:320px}.photo-break-text{padding:0 32px}.photo-break-quote{font-size:20px}
  .sub-grid{grid-template-columns:1fr;gap:40px}.sub-row-2{grid-template-columns:1fr}
  .sub-form-wrap{padding:28px 20px}
}

.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tcard{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}
.tcard:hover{border-color:var(--gold-bd);box-shadow:0 8px 32px rgba(184,135,42,.08)}
.tstars{color:var(--gold2);font-size:14px;margin-bottom:14px;letter-spacing:3px}
.ttext{font-family:'Cormorant Garamond',serif;font-size:17px;line-height:1.7;color:var(--ink2);font-style:italic;margin-bottom:20px}
.tauthor{display:flex;align-items:center;gap:12px}
.tavatar{width:42px;height:42px;border-radius:50%;background:var(--gold-lt);border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;font-size:17px}
.tname{font-weight:600;font-size:14px;color:var(--ink)}
.trole{font-size:12px;color:var(--gold)}

#fcta{padding:130px 0;text-align:center}
#fcta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5.5vw,62px);font-weight:700;color:var(--ink);line-height:1.1;margin-bottom:18px}
#fcta h2 em{color:var(--gold);font-style:italic}
#fcta p{font-size:18px;color:var(--muted);max-width:500px;margin:0 auto 44px;line-height:1.75;font-weight:300}
.fcta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
  #hero{grid-template-columns:1fr}
  .hero-photo{height:60vw;min-height:280px}
  .hero-photo-overlay{background:linear-gradient(to bottom,transparent 50%,var(--cream) 100%)}
  .hero-content{padding:40px 24px 60px}
  .rolam-grid{grid-template-columns:1fr;gap:40px}
  .problems-grid,.tgrid{grid-template-columns:1fr}
  .stat-band{grid-template-columns:1fr}
  .stat-cell{border-right:none;border-bottom:1px solid var(--line)}
  .svc-split{grid-template-columns:1fr}
  .svc-photo{min-height:280px;position:relative}
  .svc-content{padding:36px 24px}
  .wf-row,.wf-row-rev{grid-template-columns:1fr;gap:24px}
  .wf-row-rev .wf-img,.wf-row-rev .wf-txt{order:0}
  nav{padding:14px 20px}.nav-links{display:none}
  .container{padding:0 20px}
  #q-inner{padding:20px}
  .qrgrid{grid-template-columns:1fr 1fr}
}

.faq-section { background: var(--warm); padding: 100px 0; }
.faq-list { display: flex; flex-direction: column; gap: 12px; margin-top: 48px; }
.faq-item-a { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--cream); }
.faq-q-a { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px 28px; background: none; border: none; cursor: pointer; font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-weight: 600; color: var(--ink); text-align: left; gap: 16px; }
.faq-q-a:hover { background: var(--gold-lt); }
.faq-icon-a { font-size: 1.4rem; font-weight: 300; color: var(--gold); flex-shrink: 0; transition: transform .3s; font-style: normal; }
.faq-item-a.open .faq-icon-a { transform: rotate(45deg); }
.faq-ans { display: none; padding: 0 28px 20px; font-size: 0.97rem; color: var(--muted); line-height: 1.75; border-top: 1px solid var(--line); padding-top: 16px; }
.faq-item-a.open .faq-ans { display: block; }
@media(max-width:900px){ .faq-section { padding: 60px 0; } }

.auto-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 20px; }
.auto-card { background: rgba(255,255,255,0.07); border: 1.5px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 16px 12px; text-align: center; cursor: pointer; transition: all .2s; }
.auto-card:hover, .auto-card.selected { border-color: var(--gold); background: rgba(184,135,42,0.15); transform: translateY(-2px); }
.auto-card-icon { font-size: 1.6rem; margin-bottom: 8px; }
.auto-card-title { font-size: 0.88rem; font-weight: 600; color: white; margin-bottom: 3px; }
.auto-card-sub { font-size: 0.72rem; color: rgba(255,255,255,0.45); }
.auto-progress { width: 100%; height: 3px; background: rgba(255,255,255,0.1); border-radius: 999px; overflow: hidden; }
.auto-progress-bar { height: 100%; background: var(--gold); border-radius: 999px; transition: width .4s; }

.wf-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.wf-card-new{background:var(--cream);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.wf-card-new .wf-card-header{padding:16px 20px 12px}
.wf-card-new .wf-card-header .wf-tag{margin-bottom:8px}
.wf-card-new .wf-card-header h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:var(--ink);margin:0;line-height:1.3}
.wf-card-new .wf-card-img{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wf-card-new .wf-card-img img{width:100%;display:block;object-fit:contain;background:#fff}
.wf-card-new .wf-card-body{padding:14px 20px 20px;flex:1}
.wf-card-new .wf-card-body p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:900px){.wf-cards-grid{grid-template-columns:1fr}}

/* === Make.com folyamat sáv a hős-szekcióban (egyedi kiegészítés) === */
#hero.hero-has-flow{ display:block; min-height:auto; padding:104px 0 48px; }
#hero.hero-has-flow .hero-top{ max-width:1120px; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:300px 1fr; gap:48px; align-items:center; }
#hero.hero-has-flow .hero-content{ padding:0; }
.hero-photo-wrap{ position:relative; max-width:300px; margin:0 auto; }
.hero-photo-sm{ border-radius:18px; overflow:hidden; aspect-ratio:3/4; border:2px solid var(--gold-bd); box-shadow:0 20px 60px rgba(184,135,42,.15); }
.hero-photo-sm img{ width:100%; height:100%; object-fit:cover; object-position:center 12%; display:block; }
.hero-badge{ position:absolute; right:-14px; bottom:-14px; width:104px; height:104px; border-radius:50%; box-shadow:0 8px 22px rgba(70,20,90,.30); }
.hero-badge-2{ position:absolute; left:-16px; bottom:-8px; width:150px; height:auto; filter:drop-shadow(0 6px 16px rgba(42,32,23,.20)); }
.auto-mk-cap{ text-align:center; color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:40px 0 4px; }
.auto-mk-band{ max-width:100%; padding:6px 16px 4px; }
.auto-mk-inner{ position:relative; width:100%; max-width:680px; aspect-ratio:680/212; margin:0 auto; container-type:inline-size; }
.auto-mk-inner svg{ position:absolute; inset:0; width:100%; height:100%; }
@keyframes autoMkDash{ to{ stroke-dashoffset:-80; } }
.auto-mk-wire{ animation:autoMkDash 1.8s linear infinite; }
.auto-mk-c{ position:absolute; aspect-ratio:1; border-radius:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 3px 8px rgba(42,32,23,.12); }
.auto-mk-l{ position:absolute; transform:translateX(-50%); text-align:center; font-family:'Inter',sans-serif; font-size:clamp(8px,1.7cqw,11px); color:var(--muted); white-space:nowrap; }
@media (prefers-reduced-motion: reduce){ .auto-mk-wire{ animation:none; } }
@media (max-width:900px){
  #hero.hero-has-flow{ padding:88px 0 32px; }
  #hero.hero-has-flow .hero-top{ grid-template-columns:1fr; gap:24px; text-align:center; padding:0 20px; }
  .hero-photo-wrap{ max-width:230px; }
  .hero-badge{ width:74px; height:74px; right:-8px; bottom:-8px; }
  .hero-badge-2{ width:112px; left:-10px; bottom:-6px; }
  #hero.hero-has-flow .hero-tag{ justify-content:center; }
  #hero.hero-has-flow .hero-btns{ justify-content:center; }
  #hero.hero-has-flow .hero-h1{ font-size:28px; }
  #hero.hero-has-flow .hero-sub{ font-size:14px; }
  .auto-mk-cap{ font-size:10px; margin:28px 0 4px; }
}