/* tarvix.hu — dizájn-rendszer v2 (DESIGN.md a forrás). 2026-09-28, Ki: mate.
   Cél: laikus cégvezető 5 másodperc alatt értse, mit kap. Nagy, olvasható betű, ikonok, „így néz ki” ábrák, kevés szöveg egy blokkban. */

/* ---------- betűk (self-host, változó vastagság) ---------- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokenek ---------- */
:root{
  --feher:#FFFFFF;--hatter:#F5F7FA;--hatter-2:#EDF0F4;--tinta:#0F1B2D;--tinta-2:#334155;--tinta-3:#64748B;--vonal:#E2E8F0;--vonal-2:#CBD5E1;
  --zold:#0C8A4B;--zold-sotet:#0A6E3C;--zold-vilagos:#E3F5EA;--zold-neon:#4ADE80;--hiba:#C2410C;--figyelem:#B45309;--figyelem-bg:#FEF3C7;
  --bg:var(--feher);--bg-2:var(--hatter);--bg-3:var(--hatter-2);--fg:var(--tinta);--fg-2:var(--tinta-2);--fg-3:var(--tinta-3);--line:var(--vonal);--ac:var(--zold);--ac-bg:var(--zold-vilagos);
  --cim:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1200px;--pad:clamp(18px,4vw,48px);--sec:clamp(64px,8vw,120px);--r:14px;--r-btn:10px;--r-nagy:22px;
  --h1:clamp(38px,5.4vw,70px);--h2:clamp(28px,3.6vw,46px);--h3:clamp(19px,1.7vw,22px);
  --arny:0 1px 2px rgba(15,27,45,.04),0 8px 24px -12px rgba(15,27,45,.12);--arny-nagy:0 24px 60px -20px rgba(15,27,45,.25);
  --ease:cubic-bezier(.2,.7,.2,1);--t:#E3F5EA;--s:#0C8A4B;
  /* megoldás-színek (tint + erős) */
  --t-zold:#E3F5EA;--s-zold:#0C8A4B;--t-kek:#E3EEFF;--s-kek:#1D5FD1;--t-lila:#EEE7FD;--s-lila:#6B3FD6;--t-narancs:#FFEEDD;--s-narancs:#D9640B;
  --t-teal:#DDF6F4;--s-teal:#0E8A83;--t-rozsa:#FFE6EE;--s-rozsa:#C7255F;--t-sarga:#FFF4C7;--s-sarga:#A16207;--t-szurke:#ECEEF2;--s-szurke:#475569;
}
.sotet,.band--sotet{--bg:var(--tinta);--bg-2:#16263D;--bg-3:#1E304A;--fg:#F8FAFC;--fg-2:#CBD5E1;--fg-3:#94A3B8;--line:#2A3B54;--ac:var(--zold-neon);--ac-bg:#1B3A2A;color-scheme:dark}
.tint-zold{--t:var(--t-zold);--s:var(--s-zold)}.tint-kek{--t:var(--t-kek);--s:var(--s-kek)}.tint-lila{--t:var(--t-lila);--s:var(--s-lila)}.tint-narancs{--t:var(--t-narancs);--s:var(--s-narancs)}
.tint-teal{--t:var(--t-teal);--s:var(--s-teal)}.tint-rozsa{--t:var(--t-rozsa);--s:var(--s-rozsa)}.tint-sarga{--t:var(--t-sarga);--s:var(--s-sarga)}.tint-szurke{--t:var(--t-szurke);--s:var(--s-szurke)}

/* ---------- alap ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media(min-width:900px){body{font-size:18px}}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ac)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--tinta);color:#fff;padding:10px 14px;z-index:1000}
.skip:focus{left:8px}
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.wrap--szuk{max-width:840px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ikon{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- tipográfia ---------- */
h1,h2,h3,h4{margin:0;font-family:var(--cim);font-weight:700;letter-spacing:-.02em;text-wrap:balance;line-height:1.08}
h1,.h1{font-size:var(--h1);line-height:1.02;letter-spacing:-.025em;font-weight:750}
h2,.h2{font-size:var(--h2)}
h3,.h3{font-family:var(--sans);font-size:var(--h3);font-weight:700;letter-spacing:-.01em;line-height:1.3}
h4,.h4{font-family:var(--sans);font-size:17px;font-weight:700;letter-spacing:0}
em.hang,h1 em,h2 em{font-style:normal;color:var(--ac);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--ac) 22%,transparent) 62%)}
.band--sotet em.hang,.band--sotet h2 em{background:linear-gradient(transparent 62%,rgba(74,222,128,.22) 62%)}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:var(--fg-2);max-width:58ch}
.kicker{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ac);margin-bottom:18px}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}
.szam{font-family:var(--cim);font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kis{font-size:14.5px;color:var(--fg-3)}
.prose{max-width:66ch}
.prose h2{font-size:clamp(24px,2.8vw,32px);margin:1.5em 0 .5em}
.prose h3{margin:1.3em 0 .4em}
.prose p,.prose li{color:var(--fg-2)}
.prose strong{color:var(--fg);font-weight:700}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--ac);font-weight:700}
.prose a{color:var(--fg);text-decoration-color:var(--ac);font-weight:600}
.prose blockquote{margin:1.5em 0;padding:14px 20px;border-left:4px solid var(--ac);background:var(--bg-2);border-radius:0 var(--r) var(--r) 0;font-size:1.08em}
.prose table{width:100%;border-collapse:collapse;font-size:.94em;margin:1.2em 0}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.prose img{border-radius:var(--r);margin:1.4em 0;border:1px solid var(--line)}
.prose .tablazat{overflow-x:auto}
.prose code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--bg-2);padding:1px 6px;border-radius:5px}
.prose pre{background:var(--tinta);color:#F8FAFC;padding:18px;overflow:auto;font-size:14px;line-height:1.5;border-radius:var(--r)}
.prose pre code{background:none;padding:0;color:inherit}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}

/* ---------- gombok ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:var(--r-btn);font-weight:700;font-size:16px;line-height:1;text-decoration:none;border:2px solid transparent;transition:background .18s var(--ease),color .18s,border-color .18s,transform .18s,box-shadow .18s;white-space:nowrap;min-height:52px}
.btn::after{content:"→";font-weight:700;transition:transform .18s var(--ease)}
.btn:hover::after{transform:translateX(3px)}
.btn--fo{background:var(--zold);color:#fff;box-shadow:0 8px 20px -10px rgba(12,138,75,.7)}
.btn--fo:hover{background:var(--zold-sotet);color:#fff;transform:translateY(-1px)}
.sotet .btn--fo,.band--sotet .btn--fo{background:var(--zold-neon);color:var(--tinta);box-shadow:none}
.sotet .btn--fo:hover,.band--sotet .btn--fo:hover{background:#86EFAC;color:var(--tinta)}
.btn--mas{border-color:var(--vonal-2);color:var(--fg);background:var(--bg)}
.btn--mas:hover{border-color:var(--fg);color:var(--fg);background:var(--bg)}
.band--sotet .btn--mas{background:transparent;border-color:#475569;color:#F8FAFC}
.band--sotet .btn--mas:hover{border-color:#F8FAFC;color:#F8FAFC}
.btn--kis{padding:10px 16px;min-height:42px;font-size:15px}
.btn--nyil-nelkul::after{content:none}
.link{font-weight:700;text-decoration:none;color:var(--ac);border-bottom:2px solid color-mix(in srgb,var(--ac) 35%,transparent);padding-bottom:1px}
.link:hover{border-color:var(--ac)}
.link::after{content:" →"}

/* ---------- szekciók ---------- */
.band{padding:var(--sec) 0;position:relative}
.band--sotet{background:var(--bg);color:var(--fg)}
.band--2{background:var(--bg-2)}
.band--szuk{padding:calc(var(--sec)*.6) 0}
.fej{display:grid;gap:14px;margin-bottom:clamp(30px,4vw,52px)}
@media(min-width:900px){.fej{grid-template-columns:7fr 5fr;align-items:end}.fej .lead{margin:0}}
.fej--kozep{grid-template-columns:1fr;text-align:center;justify-items:center}
.fej--kozep .lead{margin:0 auto}
.racs{display:grid;gap:clamp(14px,2vw,22px)}
.racs--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.racs--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.racs--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.vonal-racs{border-top:1px solid var(--line);border-left:1px solid var(--line)}
.vonal-racs>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ---------- fejléc + mega-menü ---------- */
.fejlec{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--feher) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.fejlec-in{display:flex;align-items:center;gap:14px;height:72px}
.logo{font-family:var(--cim);font-weight:800;font-size:22px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;gap:9px;color:var(--tinta)}
.logo b{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--zold);border-radius:8px;color:#fff;font-size:16px;font-weight:800;letter-spacing:0}
.logo:hover{color:var(--tinta)}
.menu{display:none;gap:2px;margin-left:auto;align-items:center}
.menu>a,.menu>details>summary{text-decoration:none;font-size:15.5px;font-weight:600;padding:10px 13px;border-radius:9px;color:var(--fg-2);list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.menu>details>summary::-webkit-details-marker{display:none}
.menu>details>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.menu>a:hover,.menu>a[aria-current=page],.menu>details[open]>summary,.menu>details>summary:hover{color:var(--fg);background:var(--bg-2)}
.menu>details{position:relative}
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--feher);border:1px solid var(--line);border-radius:var(--r-nagy);box-shadow:var(--arny-nagy);padding:14px;width:min(860px,calc(100vw - 32px));z-index:130}
.mega-racs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
.mega-racs--3{grid-template-columns:repeat(3,1fr)}
.mega a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--fg)}
.mega a:hover{background:var(--bg-2);color:var(--fg)}
.mega a .ik{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--t);color:var(--s)}
.mega a b{display:block;font-size:15px;font-weight:700;line-height:1.25}
.mega a span{display:block;font-size:13.5px;color:var(--fg-3);line-height:1.35;margin-top:2px}
.mega-lab{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 4px;border-top:1px solid var(--line);margin-top:8px;font-size:14px;color:var(--fg-3)}
.fejlec .btn{display:none}
.hamb{margin-left:auto;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.hamb span{display:block;width:18px;height:2px;background:var(--fg);box-shadow:0 -6px 0 var(--fg),0 6px 0 var(--fg);border-radius:2px}
@media(min-width:1040px){.menu{display:flex}.fejlec .btn{display:inline-flex;margin-left:6px}.hamb{display:none}}
.menu-lap{position:fixed;inset:0;z-index:120;background:var(--feher);padding:14px var(--pad) 40px;overflow:auto}
.menu-lap .x{position:absolute;top:13px;right:var(--pad);width:46px;height:46px;border:1px solid var(--line);border-radius:10px;font-size:24px;background:var(--bg)}
.menu-lap h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:26px 0 8px}
.menu-lap .csoport{display:grid;gap:2px}
.menu-lap .csoport a{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:9px 6px;border-radius:10px;text-decoration:none;font-weight:600;font-size:16.5px}
.menu-lap .csoport a .ik{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--t);color:var(--s)}
.menu-lap .csoport a .ik .ikon{width:21px;height:21px}
.menu-lap>a.fo{display:block;font-family:var(--cim);font-size:26px;font-weight:700;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
.menu-lap .btn{margin-top:14px;width:100%}

/* ---------- hero ---------- */
.hero{padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 85% -10%,var(--zold-vilagos),transparent 65%),radial-gradient(700px 400px at -10% 100%,#EEF2F7,transparent 60%)}
.hero-racs{display:grid;gap:36px}
@media(min-width:980px){.hero-racs{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:center;gap:56px}}
.hero h1{margin:0 0 20px;max-width:15ch}
.hero .lead{margin-bottom:26px}
.cta-sor{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bizonyitek{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;color:var(--fg-3);font-weight:500}
.bizonyitek b{color:var(--fg);font-weight:700}
.bizonyitek>span::before{content:"✓";color:var(--ac);font-weight:800;margin-right:6px}
.hero-abra{position:relative}
.hero-abra .abra{box-shadow:var(--arny-nagy)}
.lebeg{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--feher);border:1px solid var(--line);border-radius:999px;box-shadow:var(--arny);font-weight:700;font-size:14px;white-space:nowrap;z-index:2}
.lebeg .ikon{width:18px;height:18px;color:var(--ac)}
.lebeg--1{top:-18px;left:-8px}
.lebeg--2{bottom:-18px;right:6%}
@media(max-width:600px){.lebeg{position:static;margin:10px 8px 0 0}}
/* pontok (3 tétel a hero alatt) */
.pontok{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.pontok li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;color:var(--fg-2);font-size:17px}
.pontok li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--ac-bg);color:var(--ac);font-weight:800;display:grid;place-items:center;font-size:13px;margin-top:2px}

/* ---------- ikon-fej (megoldás-oldal címe fölött) ---------- */
.ikon-fej{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--t);color:var(--s);margin-bottom:18px}
.ikon-fej .ikon{width:32px;height:32px}
.cimke{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-2);font-size:13.5px;font-weight:700;color:var(--fg-2)}
.cimke .ikon{width:16px;height:16px;color:var(--ac)}
.cimkek{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- „Merre induljak?” ajtók ---------- */
.ajtok{display:grid;gap:14px}
@media(min-width:820px){.ajtok{grid-template-columns:repeat(3,1fr)}}
.ajto{display:grid;gap:12px;padding:clamp(22px,2.6vw,30px);border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);text-decoration:none;color:inherit;position:relative;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;box-shadow:var(--arny)}
.ajto:hover{transform:translateY(-3px);box-shadow:var(--arny-nagy);border-color:var(--vonal-2);color:inherit}
.ajto .ik{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--t);color:var(--s)}
.ajto .ik .ikon{width:26px;height:26px}
.ajto b{font-family:var(--cim);font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.ajto p{margin:0;color:var(--fg-2);font-size:15.5px}
.ajto .link{margin-top:auto;align-self:start}

/* ---------- megoldás-kártyák (ikonnal, színnel) ---------- */
.mk{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:clamp(20px,2.2vw,26px);background:var(--feher);border:1px solid var(--line);border-radius:var(--r-nagy);text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.mk::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--s)}
.mk:hover{transform:translateY(-3px);box-shadow:var(--arny-nagy);border-color:var(--vonal-2);color:inherit}
.mk .ik{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--t);color:var(--s)}
.mk .ik .ikon{width:26px;height:26px}
.mk h3{font-size:19px;line-height:1.25}
.mk p{margin:6px 0 0;color:var(--fg-2);font-size:15px;line-height:1.5}
.mk .nyer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-weight:700;font-size:15px;color:var(--s)}
.mk .nyer .ikon{width:18px;height:18px}
.band--sotet .mk{background:var(--bg-2);border-color:var(--line)}

/* ---------- általános kártya, tétel ---------- */
.kartya{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,28px);background:var(--feher);border:1px solid var(--line);border-radius:var(--r-nagy);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s var(--ease),box-shadow .18s;box-shadow:var(--arny)}
a.kartya:hover{border-color:var(--vonal-2);color:inherit;transform:translateY(-3px);box-shadow:var(--arny-nagy)}
.kartya .sorsz{font:800 13px/1 var(--sans);color:var(--ac);letter-spacing:.08em}
.kartya .ik{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--ac-bg);color:var(--ac)}
.kartya h3{margin:0}
.kartya p{margin:0;color:var(--fg-2);font-size:15.5px}
.kartya .szam-kis{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--fg-3)}
.kartya .szam-kis b{color:var(--fg);font-weight:700}
.band--sotet .kartya,.sotet .kartya{background:var(--bg-2);box-shadow:none}
.tetel{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.tetel:last-child{border-bottom:1px solid var(--line)}
.tetel i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--ac-bg);color:var(--ac);font:800 14px/1 var(--sans);font-style:normal}
.tetel h3{margin-bottom:4px}
.tetel p{margin:0;color:var(--fg-2)}
.pipa-lista{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.pipa-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--fg-2)}
.pipa-lista li::before{content:"✓";color:var(--ac);font-weight:800}

/* ---------- Ma / Utána ---------- */
.mavsut{display:grid;gap:16px}
@media(min-width:860px){.mavsut{grid-template-columns:1fr 1fr}}
.mavsut>div{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-nagy);border:1px solid var(--line);background:var(--feher)}
.mavsut .fejc{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.mavsut .fejc i{width:10px;height:10px;border-radius:50%;background:var(--fg-3)}
.mavsut .utana{border-color:color-mix(in srgb,var(--s) 40%,var(--line));background:linear-gradient(180deg,var(--t),var(--feher) 70%)}
.mavsut .utana .fejc{color:var(--s)}.mavsut .utana .fejc i{background:var(--s)}
.mavsut ol,.mavsut ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mavsut .ma li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:var(--fg-3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--fg-3) 55%,transparent)}
.mavsut .ma li i{width:24px;height:24px;border-radius:50%;border:1px solid var(--vonal-2);font-size:12px;font-weight:700;display:grid;place-items:center;font-style:normal;text-decoration:none;color:var(--fg-3)}
.mavsut .utana li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:var(--fg);font-weight:600}
.mavsut .utana li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--s);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}
.mavsut .osszeg{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--fg-3)}
.mavsut .osszeg b{font-family:var(--cim);font-size:26px;color:var(--fg);letter-spacing:-.02em;display:block}
.mavsut .utana .osszeg b{color:var(--s)}

/* ---------- „Mit kap” ikon-kártyák ---------- */
.kap{display:grid;gap:14px}
@media(min-width:700px){.kap{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.kap{grid-template-columns:repeat(4,1fr)}}
.kap>div{padding:22px;border-radius:var(--r-nagy);background:var(--feher);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.kap .ik{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--t);color:var(--s)}
.kap h3{font-size:17.5px}
.kap p{margin:0;font-size:15px;color:var(--fg-2)}
.band--2 .kap>div{box-shadow:var(--arny)}

/* ---------- ábrák (email, sms, riport, tábla, lista, chat) ---------- */
.abra{background:var(--feher);border:1px solid var(--line);border-radius:var(--r-nagy);overflow:hidden;font-size:14.5px;color:var(--tinta);box-shadow:var(--arny)}
.abra .sav{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--fg-3);letter-spacing:.04em}
.abra .sav i{width:10px;height:10px;border-radius:50%;background:var(--vonal-2);display:inline-block}
.abra .sav i:nth-child(1){background:#FCA5A5}.abra .sav i:nth-child(2){background:#FDE68A}.abra .sav i:nth-child(3){background:#86EFAC}
.abra .sav span{margin-left:auto}
.abra .test{padding:16px 18px;display:grid;gap:12px}
.abra .fejsor{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}
.abra .avatar{width:40px;height:40px;border-radius:50%;background:var(--t);color:var(--s);display:grid;place-items:center;font-weight:800;font-size:15px}
.abra .fejsor b{display:block;font-size:15px}
.abra .fejsor small{color:var(--fg-3);font-size:13px}
.abra .ido{font-size:12.5px;color:var(--fg-3);font-weight:600;white-space:nowrap}
.abra .targy{font-family:var(--cim);font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.2}
.abra .sorok{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:var(--fg-2)}
.abra .pipak{margin:0;padding:12px 14px;list-style:none;display:grid;gap:8px;background:var(--t);border-radius:12px;font-weight:600;font-size:14px}
.abra .pipak li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center}
.abra .pipak li::before{content:"✓";color:var(--s);font-weight:800}
/* sms / chat */
.abra--sms .test,.abra--chat .test{background:var(--bg-2)}
.abra .bub{max-width:82%;padding:10px 14px;border-radius:16px;line-height:1.4;font-size:14.5px}
.abra .bub.rendszer{background:var(--feher);border:1px solid var(--line);border-bottom-left-radius:4px;justify-self:start}
.abra .bub.ugyfel{background:var(--s);color:#fff;border-bottom-right-radius:4px;justify-self:end}
.abra .bub small{display:block;margin-top:4px;font-size:11.5px;opacity:.7}
.abra--sms .test{gap:8px}
/* riport */
.abra .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.abra .kpi>div{padding:12px;border-radius:12px;background:var(--bg-2)}
.abra .kpi small{display:block;font-size:11.5px;color:var(--fg-3);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.abra .kpi b{font-family:var(--cim);font-size:22px;letter-spacing:-.02em;line-height:1;display:block}
.abra .kpi em{font-style:normal;font-size:12px;font-weight:700;color:var(--s)}
.abra .oszlopok{display:flex;gap:5px;align-items:flex-end;height:64px;padding:0 2px}
.abra .oszlopok i{display:block;flex:1;background:var(--t);border-radius:4px 4px 0 0}
.abra .oszlopok i:nth-child(3n){background:var(--s)}
.abra .sorlista{margin:0;padding:0;list-style:none;display:grid}
.abra .sorlista li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);color:var(--fg-2)}
.abra .sorlista li b{color:var(--fg);font-variant-numeric:tabular-nums}
/* tábla */
.abra table{width:100%;border-collapse:collapse;font-size:14px}
.abra th{text-align:left;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);padding:0 8px 8px 0;font-weight:700}
.abra td{padding:9px 8px 9px 0;border-top:1px solid var(--line);color:var(--fg-2);vertical-align:middle}
.abra td:first-child{color:var(--fg);font-weight:600}
.abra .ok,.abra .figy,.abra .nem{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:800}
.abra .ok{background:var(--zold-vilagos);color:var(--zold)}.abra .figy{background:var(--figyelem-bg);color:var(--figyelem)}.abra .nem{background:#FEE2E2;color:#B91C1C}
/* lista */
.abra .teendok{margin:0;padding:0;list-style:none;display:grid}
.abra .teendok li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.abra .teendok li:first-child{border-top:0}
.abra .teendok i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;font-style:normal}
.abra .teendok .kesz i{background:var(--zold-vilagos);color:var(--zold)}.abra .teendok .kesz{color:var(--fg-3);text-decoration:line-through}
.abra .teendok .varakozik i{background:var(--figyelem-bg);color:var(--figyelem)}
.abra .teendok .hiba i{background:#FEE2E2;color:#B91C1C}

/* ---------- oldal-navigáció (megoldás-oldalon) ---------- */
.oldal-nav{position:sticky;top:72px;z-index:90;background:color-mix(in srgb,var(--feher) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.oldal-nav .wrap{display:flex;gap:4px;align-items:center;height:52px;white-space:nowrap}
.oldal-nav a{font-size:14.5px;font-weight:600;color:var(--fg-3);text-decoration:none;padding:8px 12px;border-radius:8px}
.oldal-nav a:hover{color:var(--fg);background:var(--bg-2)}
.oldal-nav .btn{margin-left:auto}
@media(max-width:600px){.oldal-nav .btn{display:none}}

/* ---------- számok ---------- */
.szamok{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.szam-k{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-nagy);background:var(--feher);border:1px solid var(--line)}
.band--sotet .szam-k{background:var(--bg-2)}
.szam-k .szam{font-size:clamp(40px,4.6vw,60px);line-height:1;color:var(--ac);display:block;margin-bottom:8px}
.szam-k .e{font-weight:700;display:block;margin-bottom:6px;font-size:17px}
.szam-k .m{color:var(--fg-3);font-size:14.5px;margin:0}

/* ---------- lépések (hogyan indulunk) ---------- */
.lepesek{display:grid;gap:14px;counter-reset:l}
@media(min-width:860px){.lepesek{grid-template-columns:repeat(4,1fr)}}
.lepes{padding:clamp(20px,2.4vw,28px);border-radius:var(--r-nagy);background:var(--feher);border:1px solid var(--line);position:relative}
.lepes .n{width:44px;height:44px;border-radius:50%;background:var(--tinta);color:#fff;display:grid;place-items:center;font:800 17px/1 var(--cim);margin-bottom:16px}
.lepes .ido{display:inline-block;font-size:13px;font-weight:700;color:var(--ac);background:var(--ac-bg);padding:4px 10px;border-radius:999px;margin-bottom:10px}
.lepes h3{margin-bottom:8px}
.lepes p{margin:0;color:var(--fg-2);font-size:15.5px}
.band--2 .lepes{box-shadow:var(--arny)}

/* ---------- esettanulmány ---------- */
.eset{display:grid;gap:30px}
@media(min-width:960px){.eset{grid-template-columns:7fr 5fr;align-items:center}}
.eset-szam{display:grid;gap:8px;padding:28px;border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--bg-2)}
.eset-szam .szam{font-size:clamp(56px,7vw,92px);line-height:.95;color:var(--ac)}
.idezet{margin:0;padding:22px 24px;border-radius:var(--r-nagy);background:var(--bg-2);border:1px solid var(--line);font-family:var(--cim);font-size:clamp(19px,1.9vw,24px);line-height:1.35;font-weight:500;letter-spacing:-.01em}
.idezet::before{content:"“";display:block;font-size:48px;line-height:.6;color:var(--ac);margin-bottom:10px}
.idezet footer{margin-top:14px;font:600 14px/1.4 var(--sans);color:var(--fg-3)}

/* ---------- árak ---------- */
.arak{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(14px,2vw,22px);align-items:stretch}
.ar{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.6vw,32px);border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);box-shadow:var(--arny)}
.ar.kiemelt{border-color:var(--zold);box-shadow:0 0 0 3px var(--zold-vilagos),var(--arny-nagy)}
.ar .cimke{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);background:none;padding:0}
.ar.kiemelt .cimke{color:var(--zold)}
.ar .osszeg{font-family:var(--cim);font-weight:750;font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;line-height:1}
.ar .osszeg small{font-size:15px;letter-spacing:0;color:var(--fg-3);font-weight:500;font-family:var(--sans)}
.ar ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15.5px;color:var(--fg-2)}
.ar li{display:grid;grid-template-columns:18px 1fr;gap:10px}
.ar li::before{content:"✓";color:var(--ac);font-weight:800}
.ar .btn{margin-top:auto}
.ar .megj{font-size:13.5px;color:var(--fg-3);margin:0}

/* ---------- GYIK ---------- */
.gyik{display:grid;gap:10px}
.gyik details{border:1px solid var(--line);border-radius:var(--r);background:var(--feher);padding:0 20px}
.gyik details[open]{border-color:var(--vonal-2)}
.gyik summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 32px;gap:16px;align-items:center;padding:18px 0;font-weight:700;font-size:17px}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{content:"+";width:32px;height:32px;border-radius:50%;background:var(--bg-2);color:var(--ac);font-size:22px;font-weight:600;display:grid;place-items:center;transition:transform .2s var(--ease)}
.gyik details[open] summary::after{transform:rotate(45deg)}
.gyik .v{padding:0 0 20px;color:var(--fg-2);max-width:70ch}
.gyik .v p:last-child{margin:0}

/* ---------- CTA-sáv ---------- */
.cta-sav{padding:clamp(40px,5vw,80px) 0}
.cta-doboz{display:grid;gap:18px;padding:clamp(28px,4vw,56px);border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);text-align:center;justify-items:center;box-shadow:var(--arny)}
.cta-doboz h2{max-width:22ch}
.cta-doboz p{max-width:58ch;color:var(--fg-2);margin:0}
.band--sotet .cta-doboz{background:var(--bg-2);box-shadow:none}
.band--sotet.cta-sav{background:var(--tinta);background-image:radial-gradient(800px 400px at 90% 0%,rgba(74,222,128,.14),transparent 60%)}

/* ---------- űrlapok ---------- */
.mezo{display:grid;gap:6px;font-size:14.5px;font-weight:700}
.mezo input,.mezo select,.mezo textarea{font:inherit;font-weight:400;font-size:16px;padding:0 14px;height:54px;border:1.5px solid var(--vonal-2);border-radius:10px;background:var(--feher);color:var(--fg);width:100%}
.mezo textarea{height:auto;padding:12px 14px;min-height:96px;resize:vertical}
.mezo input:focus,.mezo select:focus,.mezo textarea:focus{outline:3px solid color-mix(in srgb,var(--ac) 30%,transparent);outline-offset:0;border-color:var(--ac)}
.mezo .hiba{display:none;color:var(--hiba);font-weight:600;font-size:13.5px}
.mezo.rossz .hiba{display:block}
.mezo.rossz input{border-color:var(--hiba)}
.mezo .sugo{font-weight:400;color:var(--fg-3);font-size:13.5px}
.mezo .opc{font-weight:400;color:var(--fg-3)}
.sor{display:grid;gap:14px}
@media(min-width:640px){.sor--2{grid-template-columns:1fr 1fr}}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.urlap-jegyzet{font-size:13.5px;color:var(--fg-3);line-height:1.5;margin:14px 0 0}
.urlap-jegyzet a{color:var(--fg-2)}
.urlap-hiba{display:none;color:var(--hiba);font-weight:600;margin:12px 0 0}
.urlap.hibas .urlap-hiba{display:block}
.bizalom{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--fg-3);margin-top:14px}
.bizalom span::before{content:"✓ ";color:var(--ac);font-weight:800}

/* kvíz */
.kviz{border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);padding:clamp(20px,3vw,40px);max-width:780px;margin:0 auto;box-shadow:var(--arny-nagy)}
.kviz-fej{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}
.kviz-sav{height:6px;background:var(--bg-3);border-radius:3px;margin-bottom:26px;overflow:hidden}
.kviz-sav i{display:block;height:100%;background:var(--ac);width:25%;transition:width .3s var(--ease);border-radius:3px}
.kviz-lepes h2{font-size:clamp(23px,2.8vw,32px);margin-bottom:18px}
.opciok{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.opciok label{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--vonal-2);border-radius:12px;cursor:pointer;font-weight:600;font-size:15.5px;background:var(--feher);transition:border-color .15s,background .15s,box-shadow .15s}
.opciok label:hover{border-color:var(--fg)}
.opciok input{margin:0;width:20px;height:20px;accent-color:var(--zold)}
.opciok label:has(input:checked){border-color:var(--zold);background:var(--ac-bg);box-shadow:0 0 0 3px var(--zold-vilagos)}
.kviz-lab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.kviz-lab .vissza{font-size:15px;color:var(--fg-3);text-decoration:underline}
.kviz-kesz{text-align:center;padding:20px 0}
.kviz-kesz h2{margin-bottom:12px}
@media(max-width:640px){.kviz-fej{flex-wrap:wrap;font-size:11.5px}}

/* ---------- kalkulátor ---------- */
.kalk{display:grid;gap:24px}
@media(min-width:900px){.kalk{grid-template-columns:5fr 7fr;align-items:start}}
.kalk-ki{padding:clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);display:grid;gap:18px;box-shadow:var(--arny-nagy)}
.kalk-ki .szam{font-size:clamp(40px,5vw,60px);line-height:1;color:var(--ac)}
.kalk-ki .cimke{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px;display:block;background:none;padding:0}
.kalk-ki p{margin:0;color:var(--fg-2)}

/* ---------- blog ---------- */
.cikk-fej{padding:clamp(40px,5vw,72px) 0 clamp(24px,3vw,40px)}
.cikk-fej h1{font-size:clamp(32px,4.2vw,56px);max-width:24ch}
.morzsa{font-size:13.5px;font-weight:600;color:var(--fg-3);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px}
.morzsa a{text-decoration:none}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600;color:var(--fg-3);margin-top:18px}
.cikk-racs{display:grid;gap:40px}
@media(min-width:1000px){.cikk-racs{grid-template-columns:minmax(0,68ch) 260px;align-items:start}}
.toc{position:sticky;top:96px;font-size:14.5px;padding:18px;border:1px solid var(--line);border-radius:var(--r)}
.toc b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px}
.toc a{display:block;padding:5px 0;text-decoration:none;color:var(--fg-2);font-weight:500}
.toc a:hover{color:var(--ac)}
.cikk-k{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:var(--r-nagy);background:var(--feher);text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s}
.cikk-k:hover{transform:translateY(-3px);box-shadow:var(--arny-nagy);color:inherit}
.cikk-k .d{font-size:13px;font-weight:700;color:var(--ac)}
.cikk-k h3{font-size:18.5px}
.cikk-k p{margin:0;font-size:15px;color:var(--fg-2)}

/* ---------- lábléc ---------- */
.lablec{background:var(--tinta);color:#CBD5E1;padding:clamp(44px,5vw,72px) 0 calc(28px + env(safe-area-inset-bottom,0px));font-size:15px;--fg:#F8FAFC;--fg-2:#CBD5E1;--fg-3:#94A3B8;--line:#2A3B54;--ac:var(--zold-neon)}
.lablec .logo{color:#F8FAFC}
.lablec-racs{display:grid;gap:28px}
@media(min-width:800px){.lablec-racs{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.lablec h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#94A3B8;margin:0 0 14px}
.lablec ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lablec a{text-decoration:none;color:#CBD5E1}
.lablec a:hover{color:var(--zold-neon)}
.lablec .also{margin-top:36px;padding-top:18px;border-top:1px solid #2A3B54;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;font-size:13.5px;color:#94A3B8}
.lablec .also button{text-decoration:underline;text-underline-offset:3px;color:inherit}
.ai-jel{font-size:12px;color:#94A3B8}
.lablec-cta{display:grid;gap:14px;padding:clamp(22px,3vw,32px);border-radius:var(--r-nagy);background:#16263D;margin-bottom:clamp(30px,4vw,48px);border:1px solid #2A3B54}
@media(min-width:860px){.lablec-cta{grid-template-columns:1fr auto;align-items:center}}
.lablec-cta h2{color:#F8FAFC;font-size:clamp(22px,2.6vw,30px)}
.lablec-cta p{margin:6px 0 0;color:#CBD5E1}

/* ---------- mobil alsó sáv + sütisáv + folytatás-sáv ---------- */
.dokk{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--feher) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(var(--cc-h,0px))}
.dokk .btn{padding:12px 10px}
@media(min-width:1040px){.dokk{display:none}}
@media(max-width:1039px){body{padding-bottom:76px}}
.cc{position:fixed;left:0;right:0;bottom:0;z-index:110;background:var(--tinta);color:#F8FAFC;padding:16px var(--pad) calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s var(--ease);font-size:14.5px;line-height:1.5}
.cc.show{transform:none}
.cc-in{max-width:var(--wrap);margin:0 auto;display:grid;gap:14px}
@media(min-width:900px){.cc-in{grid-template-columns:1fr auto;align-items:center}}
.cc b{display:block;margin-bottom:4px}
.cc p{margin:0;color:#CBD5E1}
.cc a{color:#F8FAFC}
.cc-opts{display:flex;gap:16px;margin-top:10px}
.cc-opts label{display:flex;gap:6px;align-items:center}
.cc-btns{display:flex;flex-wrap:wrap;gap:8px}
.cc-btns .btn{border:1.5px solid #F8FAFC;color:#F8FAFC;background:transparent;min-height:44px;padding:10px 16px;font-size:14.5px;box-shadow:none}
.cc-btns .btn::after{content:none}
.cc-btns .btn:hover{background:#F8FAFC;color:var(--tinta);transform:none}
.cc-btns .btn--fo{background:var(--zold-neon);color:var(--tinta);border-color:var(--zold-neon)}
.rf{position:fixed;left:0;right:0;bottom:0;z-index:105;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s var(--ease)}
.rf.show{transform:none}
.rf-in{max-width:var(--wrap);margin:0 auto;display:grid;gap:12px;padding:14px 18px;background:var(--tinta);color:#F8FAFC;border-radius:var(--r-nagy);font-size:14.5px;box-shadow:var(--arny-nagy)}
@media(min-width:760px){.rf-in{grid-template-columns:1fr auto;align-items:center}}
.rf-in b{display:block}
.rf-in span{color:#CBD5E1}
.rf-btns{display:flex;gap:8px}
.rf-btns .btn{min-height:44px;padding:10px 16px;font-size:14.5px;box-shadow:none}
.rf-btns .btn--fo{background:var(--zold-neon);color:var(--tinta)}
.rf-btns .btn--mas{border-color:#F8FAFC;color:#F8FAFC;background:transparent}
.rf-btns .btn--mas::after{content:none}
.kilep{position:fixed;inset:0;z-index:115;display:grid;place-items:center;background:rgba(15,27,45,.6);padding:var(--pad)}
.kilep-in{background:var(--feher);color:var(--tinta);max-width:540px;width:100%;padding:clamp(24px,3vw,40px);border-radius:var(--r-nagy);display:grid;gap:14px;position:relative;box-shadow:var(--arny-nagy)}
.kilep-in h2{font-size:clamp(24px,3vw,32px)}
.kilep-in .x{position:absolute;top:12px;right:12px;width:40px;height:40px;font-size:22px;border-radius:50%;background:var(--bg-2)}

/* ---------- feltűnés ---------- */
.js .fel{opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.js .fel.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .fel{opacity:1;transform:none;transition:none}}

/* ---------- segéd ---------- */
.kozep{text-align:center}
.mt-0{margin-top:0}.mt-1{margin-top:12px}.mt-2{margin-top:24px}.mt-3{margin-top:40px}
.max-56{max-width:56ch}.max-68{max-width:68ch}
.vonal{border:0;border-top:1px solid var(--line);margin:0}
.jel{color:var(--ac)}
@media print{.fejlec,.dokk,.cc,.rf,.cta-sav,.oldal-nav,.lablec .also button{display:none!important}body{background:#fff;color:#000}}

/* ---------- a régi blogcikkek elemei ---------- */
.prose .callout{margin:1.6em 0;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--ac);border-radius:var(--r);background:var(--bg-2)}
.prose .mono-label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:12px}
.prose .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px}
.prose .fig{display:grid;gap:4px}
.prose .fig b{font-family:var(--cim);font-weight:750;font-size:26px;letter-spacing:-.02em;color:var(--fg)}
.prose .fig span{font-size:13.5px;color:var(--fg-3)}
.prose .table-scroll{overflow-x:auto}
.prose .num{font-weight:700;color:var(--ac)}