:root{
 /* szín */
 --c-bg:#F0F7FA; --c-surface:#FFFFFF; --c-soft:#E2EFF5; --c-deep:#0D4A63;
 --c-ink:#0D3A50; --c-ink-2:#3E6276; --c-line:#C7DCE6;
 --c-accent:#2489AA; --c-link:#14708F; --c-cta:#0D4A63; --c-cta-hover:#0A3A4E;
 --c-ph-bg:#FFF4E5; --c-ph:#8A4B00; --c-error:#B3261E; --c-ok:#1E6B45; --c-focus:#A85A00;
 /* tipográfia */
 --f-serif:'Cormorant',Georgia,'Times New Roman',serif; --f-sans:'Literata',Georgia,'Times New Roman',serif;
 --fs-xs:.8125rem; --fs-s:.9375rem; --fs-m:1.0625rem; --fs-l:1.25rem;
 --fs-h4:1.25rem; --fs-h3:1.625rem; --fs-h2:2.125rem; --fs-h1:2.625rem;
 --lh:1.65;
 /* tér */
 --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4.5rem; --s9:6rem;
 --r-s:8px; --r-m:14px; --r-pill:999px;
 --sh:0 1px 2px rgb(13 58 80/.06),0 10px 30px rgb(13 58 80/.07);
 --wrap:75rem; --gutter:1.25rem; --tap:48px;
}
@media (min-width:768px){:root{--fs-h1:3.25rem;--fs-h2:2.5rem;--gutter:2rem}}
@media (min-width:1200px){:root{--fs-h1:4.25rem;--fs-h2:2.875rem;--fs-h3:1.875rem;--gutter:3.5rem}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font:400 var(--fs-m)/var(--lh) var(--f-sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,.h3,.h4{font-family:var(--f-serif);font-weight:500;line-height:1.1;letter-spacing:-.015em;margin:0 0 var(--s4);color:var(--c-ink)}
h1{font-size:var(--fs-h1);font-weight:400} h2{font-size:var(--fs-h2)} h3,.h3{font-size:var(--fs-h3)} .h4{font-size:var(--fs-h4)}
h1 em,h2 em{font-style:italic;color:var(--c-deep)}
p{margin:0 0 var(--s4);max-width:66ch}
a{color:var(--c-link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--c-ink);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:4px}
strong{font-weight:600}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:46rem}
.muted{color:var(--c-ink-2)}
.eyebrow{display:block;font:600 var(--fs-xs)/1.3 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-2);margin:0 0 var(--s3)}
.eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--c-accent);vertical-align:middle;margin-right:.6em}
.lead{font-size:var(--fs-l);color:var(--c-ink-2);line-height:1.6}
.ph{display:inline-block;background:var(--c-ph-bg);color:var(--c-ph);border:1px dashed var(--c-ph);border-radius:6px;padding:0 .4em;font:600 var(--fs-xs)/1.7 var(--f-sans)}
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:var(--s4);top:var(--s4);z-index:999;background:var(--c-surface);padding:var(--s3) var(--s4)}
/* gombok */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);padding:0 1.5rem;border-radius:var(--r-pill);border:2px solid var(--c-cta);background:var(--c-cta);color:#fff;font:600 var(--fs-s)/1 var(--f-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.btn:hover{background:var(--c-cta-hover);border-color:var(--c-cta-hover);color:#fff;transform:translateY(-1px)}
.btn:active{transform:none}
.btn[disabled],.btn[aria-busy=true]{opacity:.65;cursor:progress;transform:none}
.btn-sm{min-height:42px;padding:0 1.1rem}
.btn-ghost{background:transparent;color:var(--c-cta)} .btn-ghost:hover{background:var(--c-soft);color:var(--c-cta)}
.btn-block{width:100%}
.tlink{font-weight:500;display:inline-flex;align-items:center;min-height:var(--tap)}
.tlink::after{content:"→";margin-left:.4em;transition:transform .18s}.tlink:hover::after{transform:translateX(3px)}
/* fejléc */
.top{position:sticky;top:0;z-index:50;background:rgb(240 247 250/.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:64px}
.brand{text-decoration:none;color:var(--c-ink);display:flex;flex-direction:column;line-height:1.1}
.brand span{font:500 1.375rem var(--f-serif)} .brand small{font:500 .6875rem var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-2)}
.desk,.desk-cta{display:none}
.menu summary{list-style:none;min-height:var(--tap);min-width:var(--tap);display:flex;align-items:center;justify-content:center;padding:0 1rem;border:1px solid var(--c-line);border-radius:var(--r-pill);font:600 var(--fs-s) var(--f-sans);cursor:pointer;background:var(--c-surface)}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--c-soft)}
.menu nav{position:absolute;left:0;right:0;top:100%;background:var(--c-bg);border-bottom:1px solid var(--c-line);padding:var(--s2) var(--gutter) var(--s6);box-shadow:var(--sh)}
.menu ul,.desk ul{list-style:none;margin:0;padding:0}
.menu li a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--c-line);color:var(--c-ink);text-decoration:none;font-size:var(--fs-l)}
.menu nav .btn{margin-top:var(--s5);width:100%}
[aria-current=page]{font-weight:600;color:var(--c-ink)!important}
@media (min-width:1100px){
 .menu{display:none}.desk{display:block}.desk-cta{display:inline-flex}
 .desk ul{display:flex;gap:var(--s5)} .desk a{color:var(--c-ink-2);text-decoration:none;font-size:var(--fs-s);padding:var(--s3) 0;border-bottom:2px solid transparent}
 .desk a:hover{color:var(--c-ink);border-bottom-color:var(--c-accent)} .desk a[aria-current=page]{border-bottom-color:var(--c-ink)}
}
/* hero */
.hero{padding:var(--s6) 0 var(--s7)}
.hgrid{display:grid;gap:var(--s6)}
.hphoto{margin:0;order:-1;border-radius:var(--r-m);overflow:hidden;aspect-ratio:1/1;background:var(--c-soft)}
.hphoto img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.hphoto figcaption{position:absolute;left:-9999px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin:var(--s6) 0 var(--s4)}
.contactline{font-size:var(--fs-s);color:var(--c-ink-2)}
@media (min-width:768px){.hgrid{grid-template-columns:1.25fr 1fr;align-items:center}.hphoto{order:0;aspect-ratio:3/4}.hero{padding:var(--s7) 0 var(--s8)}}
@media (min-width:1200px){.hgrid{grid-template-columns:1.4fr 1fr;gap:var(--s9)}.hero{padding:var(--s8) 0 var(--s9)}.hero h1{max-width:12ch}.hphoto{max-width:460px;justify-self:end}}
/* számok */
.facts{background:var(--c-deep);color:#fff;padding:var(--s7) 0}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin:0 0 var(--s6)}
.stats div{display:flex;flex-direction:column-reverse;border-top:1px solid rgb(255 255 255/.25);padding-top:var(--s3)}
.stats dd{margin:0;font:400 3rem/1 var(--f-serif)} .stats dt{font-size:var(--fs-s);color:#CFE3EC}
.facts .eyebrow{color:#CFE3EC}.facts .eyebrow::before{background:#7FD0E8}
.refs{color:#fff;font-size:var(--fs-m);max-width:none}
@media (min-width:768px){.stats{grid-template-columns:repeat(4,1fr)}}
/* szekciók */
.sec{padding:var(--s7) 0;border-bottom:1px solid var(--c-line)}
@media (min-width:1200px){.sec{padding:var(--s8) 0}}
.sechead{margin-bottom:var(--s6);max-width:44rem}
.split{display:grid;gap:var(--s5)}
@media (min-width:900px){.split{grid-template-columns:1fr 1.6fr;gap:var(--s8)}}
.svc{list-style:none;margin:0 0 var(--s6);padding:0;border-top:1px solid var(--c-line)}
.svc li{display:grid;grid-template-columns:3rem 1fr;gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--c-line)}
.svc .num{font:400 1.75rem/1 var(--f-serif);color:var(--c-accent)}
.svc h3{font-size:var(--fs-h3);margin-bottom:var(--s2)} .svc h3 a{color:var(--c-ink);text-decoration:none} .svc h3 a:hover{text-decoration:underline}
.svc p{color:var(--c-ink-2);margin:0}
@media (min-width:1200px){.svc li{grid-template-columns:5rem 1fr 1fr;align-items:baseline}.svc li>div{display:contents}}
.note{background:var(--c-soft);border-left:3px solid var(--c-accent);border-radius:0 var(--r-m) var(--r-m) 0;padding:var(--s5)}
.note p:last-child{margin:0} .note.warn{border-left-color:var(--c-ph);background:#FBF3E8}
.steps,.grid4,.ladder{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:var(--s5)}
.steps li,.grid4 li,.ladder li{counter-increment:s;position:relative;padding-left:3.5rem}
.steps li::before,.grid4 li::before,.ladder li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.1rem;font:400 1.75rem/1 var(--f-serif);color:var(--c-accent)}
.steps h3,.grid4 h3,.ladder h3{font-size:var(--fs-h4);font-family:var(--f-sans);font-weight:600;letter-spacing:0;margin-bottom:var(--s2)}
.steps p,.grid4 p,.ladder p{color:var(--c-ink-2);margin:0;font-size:var(--fs-s)}
.grid4 li{background:var(--c-surface);border-radius:var(--r-m);padding:var(--s5) var(--s5) var(--s5) 4.25rem;box-shadow:var(--sh)} .grid4 li::before{left:var(--s5);top:var(--s5)}
@media (min-width:768px){.grid4,.steps{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.steps{grid-template-columns:repeat(4,1fr)}.steps li{padding:var(--s7) 0 0;border-top:1px solid var(--c-line)}.steps li::before{top:var(--s4)}}
.ladder li{padding:var(--s5) var(--s5) var(--s5) 4.5rem;background:var(--c-surface);border-radius:var(--r-m);box-shadow:var(--sh)}.ladder li::before{left:var(--s5);top:var(--s5)}
@media (min-width:1200px){.ladder{grid-template-columns:repeat(4,1fr);align-items:end}.ladder li:nth-child(2){margin-bottom:var(--s5)}.ladder li:nth-child(3){margin-bottom:var(--s7)}.ladder li:nth-child(4){margin-bottom:var(--s8)}}
.plain{margin:0 0 var(--s5);padding-left:1.25rem}.plain li{padding:var(--s2) 0;border-bottom:1px solid var(--c-line)}
.pull{margin:var(--s5) 0;padding:0;font:italic 400 1.75rem/1.25 var(--f-serif);color:var(--c-deep)}
.pull p{max-width:30ch;margin-bottom:var(--s3)} .pull footer,blockquote footer{font:400 var(--fs-s) var(--f-sans);color:var(--c-ink-2)}
.qgrid{display:grid;gap:var(--s6);align-items:center}.qgrid img{border-radius:var(--r-m)}
.qgrid blockquote{margin:0;font:italic 400 1.75rem/1.3 var(--f-serif);color:var(--c-deep)}
@media (min-width:900px){.qgrid{grid-template-columns:1fr 1fr}.qgrid blockquote{font-size:2.25rem}}
.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-s)}.tbl th,.tbl td{text-align:left;padding:var(--s4) var(--s3);border-bottom:1px solid var(--c-line);vertical-align:top}.tbl th{font-weight:600;color:var(--c-ink-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em}
@media (max-width:600px){.tbl thead{position:absolute;left:-9999px}.tbl tr{display:block;padding:var(--s3) 0;border-bottom:1px solid var(--c-line)}.tbl td{display:block;border:0;padding:var(--s1) 0}.tbl td+td{font-weight:600}}
/* oldal-hero */
.phero{padding:var(--s6) 0 var(--s6);border-bottom:1px solid var(--c-line)}
@media (min-width:1200px){.phero{padding:var(--s8) 0 var(--s7)}}
.phero h1{max-width:18ch}.crumbs{font-size:var(--fs-xs);color:var(--c-ink-2);margin-bottom:var(--s5)}.crumbs a{color:var(--c-ink-2)}
.endcta{background:var(--c-deep);color:#fff;padding:var(--s7) 0;text-align:left}
.endcta .wrap{display:flex;flex-direction:column;gap:var(--s5);align-items:flex-start}
.endcta p{font:400 1.75rem/1.25 var(--f-serif);margin:0;max-width:32ch}
.endcta .btn{background:#fff;color:var(--c-deep);border-color:#fff}.endcta .btn:hover{background:var(--c-soft);color:var(--c-deep)}
@media (min-width:900px){.endcta .wrap{flex-direction:row;justify-content:space-between;align-items:center}}
/* faq */
.faq details{border-bottom:1px solid var(--c-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:var(--tap);padding:var(--s4) 0;font:600 var(--fs-m) var(--f-sans)}
.faq summary h3{font:inherit;margin:0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.75rem/1 var(--f-serif);color:var(--c-accent);flex:none;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--c-link)} .faq details p{color:var(--c-ink-2);padding-bottom:var(--s4)}
/* árak */
.prices{display:grid;gap:var(--s5);margin-bottom:var(--s6)}
@media (min-width:768px){.prices{grid-template-columns:1fr 1fr}}
.pcard{background:var(--c-surface);border-radius:var(--r-m);padding:var(--s6);box-shadow:var(--sh);border-top:3px solid var(--c-accent)}
.pcard dl{margin:0}.pcard dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--c-line)}
.pcard dt{color:var(--c-ink-2)}.pcard dd{margin:0;font-weight:600;text-align:right}.pcard .free{color:var(--c-ok)}
/* kapcsolat */
.cgrid{display:grid;gap:var(--s6)}
@media (min-width:900px){.cgrid{grid-template-columns:1fr 1.2fr;gap:var(--s8)}}
.big{font:400 1.5rem/1.5 var(--f-serif)}
.cdl{margin:0 0 var(--s6)}.cdl div{display:grid;gap:var(--s1);padding:var(--s3) 0;border-bottom:1px solid var(--c-line)}
.cdl dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--c-ink-2)}.cdl dd{margin:0}
@media (min-width:768px){.cdl div{grid-template-columns:14rem 1fr}}
/* űrlap */
.form{background:var(--c-surface);border-radius:var(--r-m);padding:var(--s5);box-shadow:var(--sh);display:grid;gap:var(--s4)}
@media (min-width:768px){.form{padding:var(--s6)}}
fieldset{border:0;margin:0;padding:0}legend{font-weight:600;margin-bottom:var(--s2)}
.radio,.check{display:flex;gap:var(--s3);align-items:flex-start;min-height:44px;padding:var(--s2) 0;cursor:pointer}
.radio input,.check input{width:20px;height:20px;margin-top:.15rem;accent-color:var(--c-cta);flex:none}
.field label:not(.check){display:block;font-weight:600;font-size:var(--fs-s);margin-bottom:var(--s2)} .opt{font-weight:400;color:var(--c-ink-2)}
input[type=text],input:not([type]),input[type=email],input[type=tel],textarea{width:100%;min-height:var(--tap);padding:.75rem .9rem;font:400 var(--fs-m) var(--f-sans);color:var(--c-ink);background:#fff;border:1px solid #9DBBCB;border-radius:var(--r-s);transition:border-color .15s,box-shadow .15s}
input:hover,textarea:hover{border-color:var(--c-ink-2)}
input:focus,textarea:focus{outline:none;border-color:var(--c-cta);box-shadow:0 0 0 3px rgb(168 90 0/.45)}
[aria-invalid=true]{border-color:var(--c-error)!important;border-width:2px!important}
.hint{font-size:var(--fs-xs);color:var(--c-ink-2);margin:var(--s2) 0 0}
.err{font-size:var(--fs-xs);color:var(--c-error);font-weight:600;margin:var(--s2) 0 0}
.status:empty{display:none}.status{padding:var(--s4);border-radius:var(--r-s);font-size:var(--fs-s)}
.status.ok{background:#E3F2EA;color:var(--c-ok)}.status.bad{background:#FBE7E5;color:var(--c-error)}
/* publikációk, cikk */
.posts{list-style:none;margin:0;padding:0;display:grid;gap:var(--s5)}
.posts li{background:var(--c-surface);border-radius:var(--r-m);padding:var(--s6);box-shadow:var(--sh)}
.posts .soon{background:transparent;box-shadow:none;border:1px dashed var(--c-line);color:var(--c-ink-2)}
@media (min-width:900px){.posts{grid-template-columns:2fr 1fr 1fr}}
.meta{font-size:var(--fs-xs);color:var(--c-ink-2);letter-spacing:.04em}
.prose{padding-top:var(--s6);padding-bottom:var(--s7)}.prose p{font-size:var(--fs-l);line-height:1.7}.prose h2{margin-top:var(--s7);font-size:var(--fs-h3)}
.byline{display:flex;gap:var(--s4);align-items:center;font-size:var(--fs-s)!important;border-top:1px solid var(--c-line);padding-top:var(--s5);margin-top:var(--s7)}.byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 15%}
.rphoto{margin:0;border-radius:var(--r-m);overflow:hidden;max-width:420px}
/* lábléc */
.foot{padding:var(--s7) 0 calc(var(--s7) + 72px);font-size:var(--fs-s)}
.fgrid{display:grid;gap:var(--s6);margin-bottom:var(--s6)}
@media (min-width:768px){.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.foot ul{list-style:none;margin:0;padding:0}.foot li a{display:inline-flex;min-height:36px;align-items:center;color:var(--c-ink)}
.fname{font:500 1.375rem var(--f-serif);margin:0}.fh{font:600 var(--fs-xs) var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-2)}
.copy{border-top:1px solid var(--c-line);padding-top:var(--s5);font-size:var(--fs-xs);color:var(--c-ink-2);max-width:none}
/* mobil sáv */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:2fr 1fr;gap:var(--s3);padding:var(--s3) var(--gutter) calc(var(--s3) + env(safe-area-inset-bottom));background:rgb(240 247 250/.96);border-top:1px solid var(--c-line);backdrop-filter:blur(10px)}
@media (min-width:768px){.mbar{display:none}.foot{padding-bottom:var(--s7)}}

/* logo 2026-10-17 */
.brand{flex-direction:row;align-items:center;gap:.75rem}
.brand .bt{display:flex;flex-direction:column;line-height:1.1}
.brand .brand-logo{width:44px;height:44px;flex:none}
.brand .bt span em{font-style:italic}

/* adatkezelesi tajekoztato */
.legal h2{margin-top:var(--s7);scroll-margin-top:6rem}
.legal h3{margin-top:var(--s5);font-family:var(--f-sans);font-weight:600;font-size:var(--fs-m);letter-spacing:0;line-height:1.4}
.legal ul{display:block;list-style:disc;margin:0 0 var(--s4);padding-left:1.4em}
.legal li{margin-bottom:var(--s2);max-width:66ch}
.legal .tw{overflow-x:auto;margin:0 0 var(--s5)}
.legal table{width:100%;border-collapse:collapse;font-size:var(--fs-s);background:var(--c-surface);border:1px solid var(--c-line)}
.legal th,.legal td{text-align:left;vertical-align:top;padding:var(--s2) var(--s3);border-bottom:1px solid var(--c-line)}
.legal thead th,.legal tbody th{font-weight:600;color:var(--c-ink)}
.legal thead th{background:var(--c-soft)}
.legal tbody th{width:38%}
.legal .box{font-style:normal;background:var(--c-surface);border-left:3px solid var(--c-accent);padding:var(--s3) var(--s4);margin:0 0 var(--s5);font-size:var(--fs-s)}
.legal a{overflow-wrap:anywhere}
.legal .ph{display:inline;white-space:normal}
@media (max-width:600px){.legal th,.legal td{padding:var(--s2);overflow-wrap:anywhere;hyphens:auto}.legal tbody th{width:40%}}

@media (min-width:1200px){.steps:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}}

.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.kmsg{display:none}.kmsg:target{display:block;margin-bottom:1rem}

/* v2 2026-10-17: UX audit javítások */
/* 1. mobil hero: előbb a szöveg, utána kisebb kivágású fotó */
.hphoto{order:0;aspect-ratio:4/3}
.hphoto img{object-position:50% 12%}
.aud{font-weight:600;color:var(--c-ink);margin:0 0 var(--s4)}
.hfree{font-size:var(--fs-s);font-weight:600;color:var(--c-ok)}
@media (min-width:768px){.hphoto{aspect-ratio:3/4}.hphoto img{object-position:50% 8%}}
/* 7. tények sáv */
.stats dd.dsm{font-size:2.25rem;line-height:1.1}
.stats dt a{color:#fff}.stats dt a:hover{color:#CFE3EC}
/* 6. térközök, módszertan 2x2 */
.grid4 + p.muted{margin-top:2.25rem}
@media (min-width:1200px){.ladder{grid-template-columns:1fr 1fr;align-items:stretch}.ladder li:nth-child(n){margin-bottom:0}}
/* 4. űrlap: hierarchia (súgó nem kisebb a hozzájárulás-szövegnél) */
.form .hint{font-size:var(--fs-s);line-height:1.55}
.form .check span{font-size:var(--fs-s);line-height:1.55}
.form .kvtv{margin:0;padding-top:var(--s3);border-top:1px solid var(--c-line)}
.why{margin:calc(-1 * var(--s3)) 0 0 2rem;font-size:var(--fs-s);color:var(--c-ink-2)}
.why summary{cursor:pointer;font-weight:600;color:var(--c-link);min-height:44px;display:inline-flex;align-items:center}
.why p{margin:0 0 var(--s2)}
.status:focus{outline:3px solid var(--c-focus);outline-offset:2px}
/* 3. publikációk */
.posts-1{grid-template-columns:minmax(0,46rem)!important}
.posts h2 a{color:var(--c-ink);text-decoration:none}.posts h2 a:hover{text-decoration:underline}
/* 12. adatkezelés tartalomjegyzék */
.toc{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-m);padding:var(--s4) var(--s5);margin:var(--s5) 0 var(--s6);max-width:46rem}
.toc .fh{margin:0 0 var(--s2)}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin:0}
.toc a{display:inline-flex;align-items:center;min-height:36px}
/* 10. mobil sáv */
.mbar.is-off{transform:translateY(110%);visibility:hidden}
.mbar{transition:transform .2s}
body:not(:has(.mbar)) .foot{padding-bottom:var(--s7)}
.sec .wrap>.actions:first-child{margin-top:0}

/* szemléltető esetleírás */
.caselabel{display:inline-block;background:var(--c-soft);color:var(--c-ink);border-left:3px solid var(--c-accent);border-radius:0 var(--r-s) var(--r-s) 0;padding:var(--s2) var(--s3);font-size:var(--fs-s);margin:0 0 var(--s4)}
.caseb h3{font-family:var(--f-sans);font-weight:600;font-size:var(--fs-h4);letter-spacing:0;margin:var(--s6) 0 var(--s2)}
.caseb h3:first-child{margin-top:0}
.caseb p{color:var(--c-ink)}
.case .wrap.split>div:first-child{align-self:start}
@media (min-width:900px){.case .wrap.split>div:first-child{position:sticky;top:6rem}}
.srch{font-size:var(--fs-s)!important;color:var(--c-ink-2);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--s7)!important}
.srcs{margin:0;padding-left:1.25rem;font-size:var(--fs-xs);color:var(--c-ink-2);line-height:1.55}
.srcs li{margin-bottom:var(--s3);max-width:70ch}
.srcs a{overflow-wrap:anywhere}
.casecard{background:var(--c-surface);border-radius:var(--r-m);box-shadow:var(--sh);border-top:3px solid var(--c-accent);padding:var(--s6);max-width:52rem}
.casecard p:last-child{margin:0}
.form .privnote{margin:calc(-1 * var(--s2)) 0 0;text-align:center}

/* v4: Literata törzsszöveg */
body{font-optical-sizing:auto}

/* v5: ügyfél-logók */
.facts .refs-h{margin-top:var(--s2)}
.logos{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);align-items:center}
.logos li{display:flex;align-items:center;min-height:56px}
.logos img{display:block;width:auto;max-width:100%;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.logos .lg-hell img{filter:grayscale(1) invert(1);opacity:.8}
.logos li:hover img{filter:none;opacity:1}
.logos .lg-dhl img{height:26px}.logos .lg-hell img{height:50px}.logos .lg-market img{height:42px}.logos .lg-rollin img{height:34px}
.logos .lg-txt span{font:600 1.125rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.85;white-space:nowrap}
@media (min-width:768px){.logos{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--s6)}}
@media (min-width:1200px){.logos .lg-dhl img{height:30px}.logos .lg-hell img{height:56px}.logos .lg-market img{height:46px}.logos .lg-rollin img{height:38px}}
/* v5: esetleírás kép */
.case .casefig{margin:var(--s5) 0 0;border-radius:var(--r-m);overflow:hidden;background:var(--c-soft);aspect-ratio:16/10}
.case .casefig img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.case .wrap.split{grid-template-columns:2fr 3fr}.case .casefig{aspect-ratio:4/5}}
@media (min-width:900px){.case .wrap.split>div:first-child{position:static}}

/* v6: Publikációk kártya (egész kártya kattintható, egy link) */
.pubcard{position:relative;transition:box-shadow .18s,transform .18s}
.pubcard .pubitem{border-left:3px solid var(--c-soft);padding-left:var(--s4);margin:0 0 var(--s4)}
.pubcard .pubitem .meta{margin:0 0 var(--s1)}
.pubcard .pubtitle{font-weight:600;margin:0}
.pubcard .cardlink::before{content:"";position:absolute;inset:0;border-radius:var(--r-m)}
@supports selector(:has(*)){.pubcard .cardlink:focus-visible{outline:none}.pubcard:has(.cardlink:focus-visible){outline:3px solid var(--c-focus);outline-offset:3px}}
.pubcard:hover{box-shadow:0 6px 24px rgba(13,58,80,.14)}
@media (prefers-reduced-motion:no-preference){.pubcard:hover{transform:translateY(-2px)}}

/* v8: cikkoldalak és cikklista */
.posts-3{grid-template-columns:minmax(0,1fr)!important}
@media (min-width:900px){.posts-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.posts-3 li{display:flex;flex-direction:column}.posts-3 li p:last-child{margin-top:auto;margin-bottom:0}
.sec.sec-tight{padding-top:0}
.sec:has(+.sec-tight){border-bottom:0;padding-bottom:var(--s5)}
.cikk .phero h1{max-width:22ch}
.cikk .crumbs span[aria-current]{overflow-wrap:anywhere}
.cikk-body{padding-top:var(--s5)}
.cikk-body h2{scroll-margin-top:6rem}
.cikk-body ul,.cikk-body ol{margin:0 0 var(--s5);padding-left:1.4em;font-size:var(--fs-l);line-height:1.7}
.cikk-body li{margin-bottom:var(--s2)}
.cikk-body .srcs{font-size:var(--fs-xs);line-height:1.55;padding-left:1.25rem}
.cikk-body .srcs ul{font-size:inherit;line-height:inherit;list-style:disc;margin:var(--s2) 0 0;padding-left:1.2em}
.cikk-body .srcs li li{margin-bottom:var(--s1)}
.cikk-body .artcta{margin:var(--s4) 0 var(--s5)}
.cikk-body .artnote{font-size:var(--fs-s);line-height:1.6;color:var(--c-ink-2)}
.cikk-body .artnote small{font-size:inherit}
.cikk-body .disclaimer{font-size:var(--fs-s);line-height:1.6;color:var(--c-ink-2);border-left:3px solid var(--c-soft);padding-left:var(--s4)}
.cikk-body a{overflow-wrap:anywhere}

/* v9: cikk-hero kép és lista-bélyegképek */
.cikk-wrap{max-width:68rem}
.cikk-body>*{max-width:46rem}
.cikk-hero-img{margin:var(--s5) 0 0;border-radius:var(--r-m);overflow:hidden;background:var(--c-soft);aspect-ratio:4/5}
.cikk-hero-img img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.cikk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s7);align-items:end}.cikk-hero-img{margin:0}}
.posts-3 li{overflow:hidden}
.posts-3 .pthumb{display:block;width:calc(100% + 2*var(--s6));max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:calc(-1*var(--s6)) calc(-1*var(--s6)) var(--s5)}

/* v11: LinkedIn-ikon a főoldali hero kapcsolatsorában */
.contactline .li-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px 0 -10px -10px;vertical-align:middle;color:var(--c-cta);border-radius:10px;transition:color .18s,transform .18s}
.contactline .li-link svg{display:block;width:24px;height:24px;border-radius:4px;transition:box-shadow .18s}
.contactline .li-link:hover{color:var(--c-cta-hover)}
.contactline .li-link:hover svg{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px #A8875A}
.contactline .li-link:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}
@media (prefers-reduced-motion:no-preference){.contactline .li-link:hover{transform:translateY(-1px)}}
@media (max-width:479px){.contactline .cl-sep{display:none}.contactline .li-link{display:flex;margin:2px 0 -10px -10px}}

/* v12: e-mail-aláírás oldal */
.sigbox{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-m);padding:var(--s5);overflow-x:auto;margin:0 0 var(--s5)}
.sigbox img{max-width:none;height:auto}
.sigactions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin:0 0 var(--s7)}
.sigstatus{margin:0;font-size:var(--fs-s);color:var(--c-ok);font-weight:600}
.sigstatus:empty{display:none}
.sigsteps{margin:0 0 var(--s5);padding-left:1.4em}.sigsteps li{margin-bottom:var(--s2);max-width:62ch}