/* ============================================================
   STRATIFY AI — AI Discovery Workshop landing + köszönőoldal
   Design rendszer: a stratify.hu sötét arculatát követi
   ============================================================ */

:root{
  /* Brand színek (stratify.hu) */
  --bg:        #2F3438;   /* oldal-háttér, grafit */
  --bg-deep:   #272C2F;   /* mélyebb sáv */
  --panel:     #263B45;   /* petrol kártya */
  --panel-2:   #2E2942;   /* lila árnyalatú kiemelt panel */
  --panel-soft:#343A3E;   /* semleges kártya */
  --cyan:      #90FBFE;   /* elsődleges kiemelő */
  --cyan-soft: #80DCE4;
  --cyan-pale: #D0FAFC;
  --gold:      #E0B441;   /* CTA / eyebrow arany */
  --gold-deep: #C89A2B;
  --purple:    #4F3E97;   /* visszafogott szegély-akcent */
  --ink:       #10181C;   /* sötét szöveg gombokon */
  --white:     #FFFFFF;
  --text:      #C3CCD1;   /* törtfehér szövegszín */
  --muted:     #8F9BA1;
  --line:      rgba(255,255,255,.08);
  --line-cyan: rgba(144,251,254,.22);
  --ok:        #58D68D;
  --bad:       #E0605C;

  --font-body: 'Manrope', 'Segoe UI', sans-serif;
  --font-disp: 'Sora', 'Manrope', sans-serif;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;

  --shadow-card: 0 18px 48px -20px rgba(0,0,0,.55);
  --maxw: 1180px;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  font-size:16.5px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{ background:rgba(144,251,254,.28); color:var(--white); }

img{ max-width:100%; display:block; }
a{ color:var(--cyan); text-decoration:none; }
a:hover{ color:var(--cyan-pale); }
strong{ color:var(--white); font-weight:700; }

.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }

/* ---------- Tipográfia ---------- */
h1,h2,h3{ font-family:var(--font-disp); color:var(--white); line-height:1.16; letter-spacing:-.015em; }
h1{ font-size:clamp(34px, 4.6vw, 56px); font-weight:700; }
h2{ font-size:clamp(26px, 3.2vw, 40px); font-weight:700; }
h3{ font-size:20px; font-weight:600; line-height:1.3; }
.lead{ font-size:clamp(17px, 1.6vw, 19.5px); color:var(--text); }
.hl{ /* cyan kiemelés a címekben */
  background:linear-gradient(100deg, var(--cyan-pale) 0%, var(--cyan) 55%, #57C8DE 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hl-gold{ color:var(--gold); }
.nbr{ white-space:nowrap; } /* kötőjeles szóalakok (pl. AI-t) ne törjenek ketté */

.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12.5px; font-weight:800; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold);
}
.eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px rgba(224,180,65,.9); }
.eyebrow.cyan{ color:var(--cyan); }
.eyebrow.cyan::before{ background:var(--cyan); box-shadow:0 0 10px rgba(144,251,254,.8); }

.sec-head{ max-width:780px; margin:0 auto 46px; text-align:center; }
.sec-head .eyebrow{ margin-bottom:16px; }
.sec-head p{ margin-top:14px; color:var(--muted); }

/* ---------- Gombok ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-body); font-weight:800; font-size:15.5px; letter-spacing:.01em;
  padding:15px 30px; border-radius:var(--r-sm); cursor:pointer; border:0;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space:nowrap;
}
.btn-gold{
  background:linear-gradient(180deg, #EBC35B 0%, var(--gold) 60%, var(--gold-deep) 100%);
  color:var(--ink);
  box-shadow:0 10px 30px -10px rgba(224,180,65,.55), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 16px 36px -10px rgba(224,180,65,.65); color:var(--ink); }
.btn-ghost{
  background:transparent; color:var(--cyan);
  box-shadow:inset 0 0 0 1.5px var(--line-cyan);
}
.btn-ghost:hover{ box-shadow:inset 0 0 0 1.5px rgba(144,251,254,.55); color:var(--cyan-pale); transform:translateY(-2px); }
.btn .arr{ transition:transform .18s ease; }
.btn:hover .arr{ transform:translateX(4px); }

/* ---------- Fejléc ---------- */
.site-head{
  position:fixed; inset:0 0 auto 0; z-index:60;
  padding:18px 0;
  transition:background .25s ease, box-shadow .25s ease, padding .25s ease;
}
.site-head .wrap{ display:flex; align-items:center; justify-content:space-between; gap:18px; }
.site-head.scrolled{
  background:rgba(39,44,47,.92); backdrop-filter:blur(12px);
  box-shadow:0 10px 30px -18px rgba(0,0,0,.8); padding:12px 0;
}
.logo img{ height:34px; width:auto; }
.head-right{ display:flex; align-items:center; gap:22px; }
.head-phone{ color:var(--text); font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:8px; }
.head-phone:hover{ color:var(--cyan); }
.head-phone svg{ width:16px; height:16px; stroke:var(--cyan); }
.site-head .btn{ padding:11px 22px; font-size:14.5px; }

/* ---------- Hero ---------- */
.hero{
  position:relative; overflow:hidden;
  padding:150px 0 90px;
  background:
    radial-gradient(900px 480px at 82% -10%, rgba(144,251,254,.10), transparent 60%),
    radial-gradient(700px 420px at -12% 30%, rgba(79,62,151,.16), transparent 60%),
    var(--bg);
}
.hero::before{ /* puzzle brand-grafika, jobb szélre húzva */
  content:""; position:absolute; inset:0;
  background:url('../img/stratify-hero-puzzle.webp') right -80px top -40px / 1250px auto no-repeat;
  opacity:.5; pointer-events:none;
  -webkit-mask-image:linear-gradient(100deg, transparent 30%, #000 62%);
          mask-image:linear-gradient(100deg, transparent 30%, #000 62%);
}
.hero::after{ /* finom pontrács-textúra */
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px);
  background-size:30px 30px;
  -webkit-mask-image:radial-gradient(720px 520px at 30% 18%, #000, transparent 78%);
          mask-image:radial-gradient(720px 520px at 30% 18%, #000, transparent 78%);
}
.hero .wrap{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1.12fr .88fr; gap:56px; align-items:start;
}
.hero-copy{ padding-top:18px; }
.hero-copy .eyebrow{ margin-bottom:22px; }
.hero-copy h1{ margin-bottom:26px; text-wrap:balance; }
.hero-answer{ /* a címben feltett kérdésre adott válasz — hangsúlyos, cyan gradiens */
  position:relative; display:block; width:fit-content;
  margin-top:.16em;
  font-size:1.08em; font-weight:800; letter-spacing:.035em; text-transform:uppercase;
  background:linear-gradient(100deg, var(--cyan-pale) 0%, var(--cyan) 55%, #57C8DE 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-answer::before{ /* finom fényudvar a szó mögött */
  content:""; position:absolute; z-index:-1; pointer-events:none;
  left:-7%; right:-7%; top:10%; bottom:10%;
  background:radial-gradient(closest-side, rgba(144,251,254,.30), transparent 78%);
  filter:blur(16px);
}
.hero-offer{ /* az ajánlat arany pasztillája */
  display:flex; align-items:center; gap:11px;
  width:fit-content; max-width:100%;
  margin-bottom:26px; padding:11px 21px 11px 16px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(224,180,65,.17), rgba(224,180,65,.06));
  border:1px solid rgba(224,180,65,.38);
  box-shadow:0 14px 34px -20px rgba(224,180,65,.75), inset 0 1px 0 rgba(255,255,255,.09);
  font-family:var(--font-disp); font-weight:700;
  font-size:clamp(15.5px, 1.5vw, 18px); line-height:1.35; letter-spacing:-.005em;
  color:#F2D993;
}
.hero-offer svg{ width:19px; height:19px; flex:0 0 19px; stroke:var(--gold); }
.hero-offer strong{ color:var(--gold); font-weight:800; }
.hero-copy .lead{ max-width:540px; margin-bottom:30px; }
.trust-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:34px; }
.hero-copy .trust-chips{ margin-bottom:0; }
.chip{
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(38,59,69,.72); border:1px solid var(--line);
  border-radius:999px; padding:9px 16px 9px 12px;
  font-size:13.5px; font-weight:600; color:var(--text);
}
.chip svg{ width:17px; height:17px; flex:0 0 17px; }
.hero-note{
  display:block;
  border-left:2px solid var(--gold);
  padding:4px 0 4px 16px; max-width:520px;
  color:var(--muted); font-size:15px;
}
.hero-note strong{ color:var(--cyan-pale); font-weight:700; }

/* ---------- Űrlap-kártya (placeholder) ---------- */
.form-card{
  position:relative;
  background:linear-gradient(165deg, #2A4250 0%, var(--panel) 46%, #22333C 100%);
  border:1px solid var(--line-cyan);
  border-radius:var(--r-lg);
  padding:30px 30px 26px;
  box-shadow:var(--shadow-card);
}
.form-card::before{ /* felső cyan él */
  content:""; position:absolute; top:0; left:22px; right:22px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity:.75;
}
.form-card h3{ font-size:21.5px; text-align:center; margin-bottom:6px; }
.form-card .form-sub{ text-align:center; color:var(--muted); font-size:14px; margin-bottom:20px; }

.form-micro{
  display:flex; justify-content:center; gap:14px; flex-wrap:wrap;
  margin-top:14px; font-size:12.5px; color:var(--muted);
}
.form-micro span{ display:inline-flex; align-items:center; gap:6px; }
.form-micro svg{ width:13px; height:13px; }

/* ---------- Bizalmi számsáv ---------- */
.trustband{ background:var(--bg-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trustband .wrap{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
  padding-top:34px; padding-bottom:34px;
}
.tb-item{ display:flex; align-items:center; gap:16px; justify-content:center; }
.tb-num{
  font-family:var(--font-disp); font-weight:700; font-size:34px; line-height:1;
  background:linear-gradient(100deg, var(--cyan-pale), var(--cyan) 70%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  white-space:nowrap;
}
.tb-label{ font-size:14.5px; color:var(--muted); max-width:180px; line-height:1.4; }

/* ---------- Szekciók ---------- */
section.block{ padding:96px 0; position:relative; }
section.block.tight{ padding:84px 0; }
section.alt{ background:var(--bg-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }

/* ---------- Probléma kártyák ---------- */
.fail-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.fail-card{
  background:var(--panel-soft);
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:28px 26px;
  transition:transform .22s ease, border-color .22s ease;
}
.fail-card:hover{ transform:translateY(-4px); border-color:rgba(224,96,92,.35); }
.fail-x{
  width:38px; height:38px; border-radius:10px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(224,96,92,.12); border:1px solid rgba(224,96,92,.3);
}
.fail-x svg{ width:16px; height:16px; stroke:var(--bad); }
.fail-card h3{ margin-bottom:10px; font-size:18.5px; }
.fail-card p{ font-size:15px; color:var(--muted); }
.pivot-line{
  margin:44px auto 0; max-width:820px; text-align:center;
  background:linear-gradient(165deg, rgba(38,59,69,.9), rgba(34,51,60,.9));
  border:1px solid var(--line-cyan); border-radius:var(--r-md);
  padding:24px 30px; font-size:17.5px; color:var(--cyan-pale);
  box-shadow:var(--shadow-card);
}
.pivot-line strong{ color:var(--white); }

/* ---------- Megoldás (workshop) ---------- */
.split{ display:grid; grid-template-columns:1.08fr .92fr; gap:56px; align-items:center; }
.split .sec-left .eyebrow{ margin-bottom:16px; }
.split h2{ margin-bottom:20px; }
.agenda{ margin:26px 0 4px; display:grid; gap:12px; }
.agenda-item{
  display:flex; gap:16px; align-items:flex-start;
  background:rgba(38,59,69,.5); border:1px solid var(--line);
  border-radius:var(--r-md); padding:16px 18px;
}
.agenda-time{
  font-family:var(--font-disp); font-weight:700; font-size:13px; letter-spacing:.06em;
  color:var(--gold); background:rgba(224,180,65,.1);
  border:1px solid rgba(224,180,65,.35); border-radius:8px;
  padding:6px 10px; white-space:nowrap; margin-top:2px;
}
.agenda-item b{ color:var(--white); display:block; margin-bottom:3px; }
.agenda-item p{ font-size:14.5px; color:var(--muted); }
.who-chips{ margin-top:24px; }
.who-chips .label{ font-size:12px; font-weight:800; letter-spacing:.18em; color:var(--muted); text-transform:uppercase; margin-bottom:10px; }
.figure{
  position:relative; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line-cyan); box-shadow:var(--shadow-card);
}
.figure img{ width:100%; height:100%; object-fit:cover; }
.figure figcaption{
  position:absolute; left:14px; bottom:14px;
  background:rgba(16,24,28,.78); backdrop-filter:blur(8px);
  border:1px solid var(--line-cyan); border-radius:999px;
  color:var(--cyan-pale); font-size:12.5px; font-weight:700; letter-spacing:.06em;
  padding:7px 14px;
}

/* ---------- Eredmény / deliverables ---------- */
.deliver-panel{
  background:linear-gradient(150deg, var(--panel-2) 0%, #283042 55%, var(--panel) 100%);
  border:1px solid rgba(79,62,151,.5);
  border-radius:var(--r-lg);
  padding:52px;
  display:grid; grid-template-columns:1.15fr .85fr; gap:52px; align-items:center;
  box-shadow:var(--shadow-card);
  position:relative; overflow:hidden;
}
.deliver-panel::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(520px 320px at 88% 0%, rgba(144,251,254,.07), transparent 70%);
}
.deliver-panel h2{ margin-bottom:8px; }
.deliver-panel .sub{ color:var(--muted); margin-bottom:26px; }
.checklist{ list-style:none; display:grid; gap:12px; }
.checklist li{ display:flex; gap:13px; align-items:flex-start; font-size:15.5px; }
.checklist li svg{ width:21px; height:21px; flex:0 0 21px; margin-top:2px; }
.checklist li b{ color:var(--white); }

/* ---------- Riport-mockup a deliverables panelben ---------- */
.deliver-figure{
  border-radius:var(--r-md); overflow:hidden;
  border:1px solid rgba(144,251,254,.18);
  box-shadow:var(--shadow-card);
}
.deliver-figure img{ width:100%; height:100%; object-fit:cover; }

/* ---------- Kép-placeholder (AI-generálandó) ---------- */
.ph-img{
  position:relative; border-radius:var(--r-md);
  border:1.5px dashed rgba(144,251,254,.4);
  background:
    repeating-linear-gradient(45deg, rgba(144,251,254,.035) 0 16px, transparent 16px 32px),
    rgba(16,24,28,.3);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  color:var(--muted); text-align:center; padding:26px;
}
.ph-img .ph-ico{ width:44px; height:44px; opacity:.75; }
.ph-img .ph-name{ font-weight:800; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); }
.ph-img .ph-desc{ font-size:13px; max-width:240px; line-height:1.5; }
.ph-img .ph-ratio{ font-size:11.5px; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:3px 10px; }
.ratio-3-4{ aspect-ratio:3/4; }
.ratio-16-9{ aspect-ratio:16/9; }

/* ---------- Folyamat ---------- */
.steps-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; counter-reset:step; }
.steps-grid::before{ /* összekötő vonal */
  content:""; position:absolute; top:26px; left:6%; right:6%; height:1.5px;
  background:linear-gradient(90deg, transparent, rgba(144,251,254,.35) 12%, rgba(144,251,254,.35) 88%, transparent);
}
.step-card{ position:relative; text-align:center; padding:0 8px; }
.step-num{
  counter-increment:step;
  width:52px; height:52px; margin:0 auto 18px; border-radius:50%;
  background:var(--bg); border:1.5px solid var(--cyan);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-disp); font-weight:700; font-size:17px; color:var(--cyan);
  box-shadow:0 0 0 7px var(--bg), 0 0 24px rgba(144,251,254,.25);
  position:relative; z-index:1;
}
.step-num::after{ content:"0" counter(step); }
.step-card h3{ font-size:17.5px; margin-bottom:8px; }
.step-card p{ font-size:14.5px; color:var(--muted); }
.steps-cta{ text-align:center; margin-top:52px; }
.steps-cta .micro{ display:block; margin-top:12px; font-size:13px; color:var(--muted); }

/* ---------- Miért a Stratify ---------- */
.pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:26px; }
.pillar{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--r-md);
  padding:28px 26px; position:relative; overflow:hidden;
  transition:transform .22s ease, border-color .22s ease;
}
.pillar:hover{ transform:translateY(-4px); border-color:var(--line-cyan); }
.pillar::after{
  content:""; position:absolute; top:0; left:26px; right:auto; width:44px; height:2.5px;
  background:var(--gold); border-radius:2px;
}
.pillar .p-ico{ width:40px; height:40px; margin-bottom:16px; }
.pillar h3{ font-size:18.5px; margin-bottom:9px; }
.pillar p{ font-size:14.8px; color:var(--muted); }

.founders{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.founder{
  display:flex; gap:22px; align-items:flex-start;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:28px;
}
.founder img{
  width:108px; height:108px; border-radius:50%; object-fit:cover;
  border:2px solid rgba(144,251,254,.35);
  filter:grayscale(1) contrast(1.04);
  flex:0 0 108px;
}
.founder h3{ font-size:19px; }
.founder .role{ color:var(--cyan-soft); font-size:13.5px; font-weight:700; margin:3px 0 10px; }
.founder p{ font-size:14.3px; color:var(--muted); line-height:1.55; }

/* ---------- Referenciák ---------- */
.refs{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ref-card{
  background:var(--panel-soft); border:1px solid var(--line); border-radius:var(--r-md);
  padding:28px 26px; display:flex; flex-direction:column; gap:12px;
  transition:transform .22s ease, border-color .22s ease;
}
.ref-card:hover{ transform:translateY(-4px); border-color:var(--line-cyan); }
.ref-ico{
  width:42px; height:42px; border-radius:11px;
  background:rgba(144,251,254,.08); border:1px solid var(--line-cyan);
  display:flex; align-items:center; justify-content:center;
}
.ref-ico svg{ width:20px; height:20px; }
.ref-card h3{ font-size:17.5px; }
.ref-card p{ font-size:14.5px; color:var(--muted); }
.ref-tag{
  margin-top:auto; align-self:flex-start;
  font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold); background:rgba(224,180,65,.08);
  border:1px solid rgba(224,180,65,.3); border-radius:999px; padding:4px 11px;
}

/* ---------- GYIK ---------- */
.faq{ max-width:820px; margin:0 auto; display:grid; gap:12px; }
.faq details{
  background:var(--panel-soft); border:1px solid var(--line); border-radius:var(--r-md);
  overflow:hidden; transition:border-color .2s ease;
}
.faq details[open]{ border-color:var(--line-cyan); background:var(--panel); }
.faq summary{
  cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:20px 24px; font-weight:700; color:var(--white); font-size:16.5px;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary .pm{
  flex:0 0 26px; width:26px; height:26px; border-radius:50%;
  border:1.5px solid var(--line-cyan); color:var(--cyan);
  display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:600; transition:transform .25s ease;
}
.faq details[open] summary .pm{ transform:rotate(45deg); }
.faq .faq-body{ padding:0 24px 22px; color:var(--muted); font-size:15px; max-width:700px; }

/* ---------- Záró CTA ---------- */
.final-cta{
  position:relative; overflow:hidden;
  background:
    radial-gradient(720px 420px at 12% 8%, rgba(144,251,254,.08), transparent 62%),
    radial-gradient(640px 420px at 95% 100%, rgba(79,62,151,.2), transparent 62%),
    var(--bg-deep);
  border-top:1px solid var(--line);
}
.final-cta .split{ align-items:start; }
.final-benefits{ list-style:none; display:grid; gap:12px; margin:24px 0 30px; }
.final-benefits li{ display:flex; gap:12px; align-items:flex-start; font-size:15.5px; }
.final-benefits svg{ width:20px; height:20px; flex:0 0 20px; margin-top:2px; }
.alt-contact{
  display:flex; gap:20px; flex-wrap:wrap; align-items:center;
  background:rgba(38,59,69,.5); border:1px solid var(--line); border-radius:var(--r-md);
  padding:18px 22px; font-size:15px;
}
.alt-contact a{ font-weight:700; display:inline-flex; align-items:center; gap:8px; }
.alt-contact svg{ width:16px; height:16px; }

/* ---------- Lábléc ---------- */
.site-foot{ background:#22272A; border-top:1px solid var(--line); padding:40px 0 30px; }
.site-foot .wrap{ display:flex; gap:26px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.site-foot img{ height:26px; }
.foot-mid{ color:var(--muted); font-size:13.5px; line-height:1.6; }
.foot-right{ text-align:right; color:var(--muted); font-size:13.5px; line-height:1.7; }
.foot-right a{ color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.foot-right a:hover{ color:var(--cyan); }

/* ---------- Sticky mobil CTA ---------- */
.sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:70;
  display:none;
  background:rgba(34,39,42,.94); backdrop-filter:blur(12px);
  border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  gap:10px;
  transform:translateY(110%); transition:transform .3s ease;
}
.sticky-cta.show{ transform:translateY(0); }
.sticky-cta.hide{ transform:translateY(110%); }
.sticky-cta .btn{ flex:1; padding:13px 10px; font-size:15px; }
.sticky-cta .call{
  flex:0 0 52px; display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--line-cyan); border-radius:var(--r-sm);
}
.sticky-cta .call svg{ width:20px; height:20px; stroke:var(--cyan); }

/* ---------- Köszönőoldal ---------- */
.ty-hero{
  position:relative; overflow:hidden; text-align:center;
  padding:170px 0 80px;
  background:
    radial-gradient(760px 420px at 50% -12%, rgba(144,251,254,.12), transparent 62%),
    var(--bg);
}
.ty-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px);
  background-size:30px 30px;
  -webkit-mask-image:radial-gradient(640px 420px at 50% 8%, #000, transparent 76%);
          mask-image:radial-gradient(640px 420px at 50% 8%, #000, transparent 76%);
}
.ty-hero .wrap{ position:relative; z-index:1; max-width:760px; }
.ty-check{
  width:88px; height:88px; margin:0 auto 28px; border-radius:50%;
  background:rgba(144,251,254,.07);
  border:1.5px solid var(--line-cyan);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 46px rgba(144,251,254,.22);
}
.ty-check svg{ width:44px; height:44px; }
.ty-check .tick{
  stroke:var(--cyan); stroke-width:2.6; fill:none; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:60; stroke-dashoffset:60;
  animation:tick .8s .35s ease forwards;
}
@keyframes tick{ to{ stroke-dashoffset:0; } }
.ty-hero h1{ font-size:clamp(30px, 4vw, 46px); margin-bottom:18px; }
.ty-hero .lead{ color:var(--text); }
.ty-hero .lead b{ color:var(--gold); }

.video-panel{
  background:linear-gradient(150deg, var(--panel) 0%, #22333C 100%);
  border:1px solid var(--line-cyan); border-radius:var(--r-lg);
  padding:46px; display:grid; grid-template-columns:.9fr 1.1fr; gap:46px; align-items:center;
  box-shadow:var(--shadow-card);
}
.video-ph{ position:relative; }
.video-poster{
  border-radius:var(--r-md); overflow:hidden; aspect-ratio:16/9;
  border:1px solid var(--line-cyan); box-shadow:var(--shadow-card);
}
.video-poster img{ width:100%; height:100%; object-fit:cover; }
.video-ph::after{ /* finom sötétítés, hogy a play gomb elváljon */
  content:""; position:absolute; inset:0; border-radius:var(--r-md);
  background:radial-gradient(280px 180px at 50% 50%, rgba(16,24,28,.38), transparent 70%);
  pointer-events:none;
}
.video-ph .play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:74px; height:74px; border-radius:50%; z-index:1;
  background:rgba(224,180,65,.94); box-shadow:0 12px 34px -8px rgba(224,180,65,.6);
  display:flex; align-items:center; justify-content:center;
  transition:transform .18s ease;
}
.video-ph:hover .play{ transform:translate(-50%,-50%) scale(1.06); }
.video-ph .play svg{ width:26px; height:26px; margin-left:4px; fill:var(--ink); }
.tools{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.tool-card{
  background:var(--panel-soft); border:1px solid var(--line); border-radius:var(--r-md);
  padding:28px 26px; display:flex; flex-direction:column; gap:12px;
  transition:transform .22s ease, border-color .22s ease;
}
.tool-card:hover{ transform:translateY(-4px); border-color:var(--line-cyan); }
.tool-card h3{ font-size:18px; }
.tool-card p{ font-size:14.5px; color:var(--muted); flex:1; }
.tool-card .go{ font-weight:800; font-size:14.5px; display:inline-flex; gap:8px; align-items:center; }

/* ---------- Scroll-reveal animációk ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.reveal.vis{ opacity:1; transform:none; }
.reveal-stagger > *{ opacity:0; transform:translateY(26px); transition:opacity .65s ease, transform .65s ease; }
.reveal-stagger.vis > *{ opacity:1; transform:none; }
.reveal-stagger.vis > *:nth-child(2){ transition-delay:.1s; }
.reveal-stagger.vis > *:nth-child(3){ transition-delay:.2s; }
.reveal-stagger.vis > *:nth-child(4){ transition-delay:.3s; }
@media (prefers-reduced-motion: reduce){
  .reveal, .reveal-stagger > *{ opacity:1 !important; transform:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}

/* ---------- Reszponzív ---------- */
@media (max-width: 1020px){
  .hero .wrap{ grid-template-columns:1fr; gap:44px; }
  .hero{ padding-top:120px; }
  .hero::before{ opacity:.3; }
  .split{ grid-template-columns:1fr; gap:40px; }
  .deliver-panel{ grid-template-columns:1fr; padding:38px 30px; gap:38px; }
  .steps-grid{ grid-template-columns:1fr 1fr; gap:34px 20px; }
  .steps-grid::before{ display:none; }
  .step-num{ box-shadow:0 0 24px rgba(144,251,254,.25); }
  .pillars, .refs, .tools{ grid-template-columns:1fr 1fr; }
  .founders{ grid-template-columns:1fr; }
  .video-panel{ grid-template-columns:1fr; padding:34px 28px; }
}
@media (max-width: 680px){
  body{ font-size:15.8px; }
  section.block{ padding:70px 0; }
  .head-phone span{ display:none; }
  .site-head .btn{ display:none; }
  .trustband .wrap{ grid-template-columns:1fr; gap:18px; padding-top:26px; padding-bottom:26px; }
  .tb-item{ justify-content:flex-start; }
  .fail-grid, .pillars, .refs, .tools{ grid-template-columns:1fr; }
  .form-card{ padding:24px 20px 22px; }
  .steps-grid{ grid-template-columns:1fr; }
  .founder{ flex-direction:column; }
  .sticky-cta{ display:flex; }
  .deliver-panel{ padding:30px 22px; }
  .site-foot .wrap{ flex-direction:column; align-items:flex-start; }
  .foot-right{ text-align:left; }
}