/* AUTO-GENERATED from the approved artifact by scripts/extract_content.py */
:root {
--bg: #ffffff;
--surface: #f6f8f2;
--surface-2: #eef1e8;
--border: #e2e6db;
--ink: #333333;
--ink-strong: #20241f;
--muted: #6c716a;
--charcoal: #20241f;
--charcoal-2: #2b302a;
--on-dark: #f4f5f1;
--on-dark-muted: #b7bcb0;
--yellow: #fcd21d;
--yellow-press: #e7bd06;
--green: #80c342;
--green-d: #4ab863;
--focus: #4ab863;
color-scheme: light;
}
/* EGYSÉGES VILÁGOS TÉMA — nincs sötét/világos váltás; mindenki ugyanazt látja, a gép-beállítástól függetlenül. (A hero/CTA szekciók szándékosan charcoal-ok maradnak.) */
:root[data-theme="dark"], :root[data-theme="light"] {
--bg: #ffffff; --surface: #f6f8f2; --surface-2: #eef1e8; --border: #e2e6db;
--ink: #333333; --ink-strong: #20241f; --muted: #6c716a;
--charcoal: #20241f; --charcoal-2: #2b302a;
--on-dark: #f4f5f1; --on-dark-muted: #b7bcb0; --focus: #4ab863;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--bg); color: var(--ink);
font-family: var(--font-heading), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { margin: 0; line-height: 1.12; letter-spacing: -0.02em; color: var(--ink-strong); font-weight: 800; text-wrap: balance; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
ul { margin: 0; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.mono { font-variant-numeric: tabular-nums; }
/* ---------- HEADER / NAV ---------- */
header.site { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); }
nav.main { display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 16px; }
.brand { display: flex; align-items: center; gap: 12px; }
.logo { font-weight: 900; font-size: 22px; letter-spacing: -0.04em; color: var(--ink-strong); white-space: nowrap; }
.logo .dot { color: var(--yellow); }
.langswitch { display: flex; border: 1px solid var(--border); border-radius: 999px; overflow: hidden; font-size: 12px; font-weight: 700; }
.langswitch button { padding: 4px 10px; background: none; border: none; color: var(--muted); }
.langswitch button.on { background: var(--yellow); color: #20241f; }
.nav-desktop { display: none; align-items: center; gap: 1px; }
@media (min-width: 1160px) { .nav-desktop { display: flex; } }
.nav-item { position: relative; }
.nav-link { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--ink); border: none; background: none; white-space: nowrap; }
.nav-link:hover { background: var(--surface); }
.nav-item .chev { transition: transform .15s ease; opacity: .6; }
.nav-item.open .chev { transform: rotate(180deg); }
.mega { position: absolute; top: 100%; left: 0; padding-top: 12px; display: none; }
.nav-item.open .mega { display: block; }
.nav-item.align-right .mega { left: auto; right: 0; }
.mega-inner { background: var(--bg); border: 1px solid var(--border); border-radius: 16px; padding: 20px; box-shadow: 0 20px 50px -20px rgba(0,0,0,.28); display: grid; gap: 30px; width: max-content; max-width: 640px; }
.mega-inner.cols-2 { grid-template-columns: 1fr 1fr; }
.mega-inner.cols-3 { grid-template-columns: repeat(3, 1fr); max-width: 820px; }
.mega-col-title { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); margin-bottom: 8px; font-weight: 700; }
.mega-subh { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--green-d); margin: 12px 0 2px; padding-left: 11px; }
.mega-link { display: block; padding: 8px 11px; border-radius: 10px; min-width: 205px; }
.mega-link:hover { background: var(--surface); }
.mega-link .t { display: block; font-size: 14px; font-weight: 700; color: var(--ink-strong); }
.mega-link .d { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }
.nav-right { display: none; align-items: center; gap: 12px; }
@media (min-width: 1160px) { .nav-right { display: flex; } }
.hamburger { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 10px; background: none; }
@media (min-width: 1160px) { .hamburger { display: none; } }
.hamburger .bars { display: flex; flex-direction: column; gap: 4px; }
.hamburger .bars span { width: 18px; height: 2px; background: var(--ink-strong); display: block; border-radius: 2px; }
.mobile-menu { border-top: 1px solid var(--border); display: none; max-height: calc(100vh - 68px); overflow-y: auto; }
.mobile-menu.open { display: block; }
.mobile-item { border-bottom: 1px solid var(--border); }
.mobile-item > .mobile-link, .mobile-item > button.mobile-link { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 4px; font-size: 15px; font-weight: 700; color: var(--ink-strong); background: none; border: none; text-align: left; }
.mobile-sub { display: none; padding: 0 4px 14px; }
.mobile-sub.open { display: block; }
.mobile-sub .mega-col-title { margin-top: 12px; }
.mobile-sub a { display: block; padding: 9px 8px; font-size: 14px; border-radius: 8px; color: var(--ink); }
.mobile-sub a:hover { background: var(--surface); }
/* ---------- BUTTONS ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 24px; border-radius: 999px; font-size: 14.5px; font-weight: 700; border: 1.5px solid transparent; background: var(--surface-2); color: var(--ink-strong); transition: transform .08s ease, box-shadow .2s ease, background .15s ease; text-align: center; }
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.btn-primary { background: var(--yellow); color: #20241f; }
.btn-primary:hover { background: var(--yellow-press); box-shadow: 0 10px 26px -12px rgba(252,210,29,.8); }
.btn-ghost { background: transparent; border-color: color-mix(in srgb, var(--ink-strong) 32%, transparent); color: var(--ink-strong); }
.btn-ghost:hover { background: var(--charcoal); border-color: var(--charcoal); color: var(--on-dark); box-shadow: 0 10px 24px -12px rgba(20,24,16,.5); }
.btn-dark { background: var(--charcoal); color: var(--on-dark); }
.btn-dark:hover { background: var(--charcoal-2); }
.btn.on-dark.btn-ghost { border-color: rgba(255,255,255,.28); color: var(--on-dark); }
.btn.on-dark.btn-ghost:hover { background: rgba(255,255,255,.08); }
/* ---------- SECTIONS ---------- */
.section { padding: 88px 0; }
.section.tight { padding: 48px 0; }
.section.dark { background: var(--charcoal); color: var(--on-dark); }
.section.dark h1, .section.dark h2, .section.dark h3 { color: var(--on-dark); }
.section.dark p { color: var(--on-dark-muted); }
.section.surface { background: var(--surface); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--green-d); }
.eyebrow.on-dark { color: var(--yellow); }
.eyebrow .sq { width: 9px; height: 9px; background: currentColor; border-radius: 2px; }
.lead { font-size: 18px; color: var(--muted); line-height: 1.7; }
.section.dark .lead { color: var(--on-dark-muted); }
h1.display { font-size: clamp(32px, 5.2vw, 54px); font-weight: 900; letter-spacing: -0.03em; }
h2.title { font-size: clamp(27px, 3.9vw, 44px); font-weight: 800; letter-spacing: -.028em; line-height: 1.1; }
.grid { display: grid; gap: 22px; }
.grid-2 { grid-template-columns: 1fr; }
.grid-3 { grid-template-columns: 1fr; }
.grid-4 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 740px) { .grid-2 { grid-template-columns: 1fr 1fr; } .grid-3 { grid-template-columns: repeat(3,1fr); } .grid-4 { grid-template-columns: repeat(4,1fr); } }
.card { border: 1px solid var(--border); border-radius: 18px; padding: 28px; background: var(--bg); position: relative; }
.section.surface .card { background: var(--bg); }
.card.clickable { transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease; }
.card.clickable:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -24px rgba(0,0,0,.35); border-color: var(--yellow); }
.card h3 { font-size: 18px; margin-bottom: 8px; }
.card p { font-size: 14.5px; color: var(--muted); line-height: 1.65; }
.card .go { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; font-size: 14px; font-weight: 700; color: var(--ink-strong); }
.card .go .arr { transition: transform .15s ease; }
.card.clickable:hover .go .arr { transform: translateX(4px); }
.card.stub { opacity: .96; }
.card.stub .go::after { content: " · minta hamarosan"; color: var(--muted); font-weight: 500; }
.card.feat { border-color: var(--yellow); box-shadow: 0 0 0 1px var(--yellow); }
.card .icowrap { width: 46px; height: 46px; border-radius: 12px; background: var(--surface-2); display: grid; place-items: center; margin-bottom: 14px; font-size: 22px; }
.card.feat .icowrap { background: var(--yellow); }
.tag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; border: 1.5px solid var(--border); color: var(--muted); }
.tag.free { color: var(--green-d); border-color: var(--green-d); }
.tag.rec { background: var(--green-d); color: #fff; border-color: var(--green-d); }
.tag.ind { color: var(--muted); }
.stat { border-radius: 18px; padding: 26px; text-align: center; background: var(--surface); border: 1px solid var(--border); }
.section.dark .stat { background: var(--charcoal-2); border-color: rgba(255,255,255,.09); }
.stat .v { font-size: 34px; font-weight: 900; letter-spacing: -0.03em; color: var(--ink-strong); }
.section.dark .stat .v { color: var(--yellow); }
.stat .l { margin-top: 8px; font-size: 13px; color: var(--muted); line-height: 1.4; }
.section.dark .stat .l { color: var(--on-dark-muted); }
.price { font-size: 28px; font-weight: 900; letter-spacing: -0.02em; color: var(--ink-strong); }
.price small { font-size: 13px; font-weight: 600; color: var(--muted); }
.checklist { list-style: none; padding: 0; margin: 0; }
.checklist li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--muted); margin: 8px 0; line-height: 1.5; }
.checklist li::before { content: "✓"; color: var(--green-d); font-weight: 900; flex: none; }
.xlist li::before { content: "✕"; color: var(--muted); }
.breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 22px; display: flex; gap: 7px; flex-wrap: wrap; }
.breadcrumb a:hover { color: var(--green-d); text-decoration: underline; }
.step-num { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--charcoal); color: var(--yellow); font-weight: 900; font-size: 15px; }
.section.dark .step-num { background: var(--yellow); color: #20241f; }
.quote { border-radius: 20px; padding: 40px; background: var(--surface); border: 1px solid var(--border); }
.quote blockquote { font-size: clamp(20px,2.4vw,26px); font-weight: 700; line-height: 1.4; color: var(--ink-strong); margin: 0; }
.quote .who { margin-top: 20px; display: flex; align-items: center; gap: 13px; font-size: 14px; color: var(--muted); }
.avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--surface-2); flex: none; }
.logos { display: flex; flex-wrap: wrap; gap: 14px 30px; align-items: center; justify-content: center; }
.logo-chip { font-weight: 800; font-size: 17px; color: var(--muted); opacity: .7; letter-spacing: -0.02em; }
table.cmp { width: 100%; border-collapse: collapse; min-width: 720px; font-size: 14px; }
table.cmp th, table.cmp td { text-align: left; padding: 13px; border-bottom: 1px solid var(--border); }
table.cmp thead th { background: var(--surface); font-size: 13px; }
table.cmp td:first-child, table.cmp th:first-child { font-weight: 700; color: var(--ink-strong); }
table.cmp td { color: var(--muted); }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 14px; }
/* forms */
form .field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 15px; }
form label { font-size: 13px; font-weight: 700; color: var(--ink-strong); }
.req { color: #cc3b2e; font-weight: 800; }
/* egységes kontaktform · többválasztós szolgáltatás-lista */
.mf-packnote { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; font-size: 13px; font-weight: 700; color: var(--ink-strong); background: color-mix(in srgb, var(--yellow) 18%, transparent); border: 1px solid color-mix(in srgb, var(--yellow) 55%, var(--border)); border-radius: 10px; padding: 10px 14px; }
.mf-packnote b { font-weight: 900; }
.mf-checks { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 480px) { .mf-checks { grid-template-columns: 1fr 1fr; } }
.mf-check { display: flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; color: var(--ink); border: 1.5px solid var(--border); border-radius: 10px; padding: 10px 12px; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.mf-check:hover { border-color: var(--green-d); }
.mf-check input { width: 16px; height: 16px; accent-color: var(--green-d); flex: none; margin: 0; }
.mf-check:has(input:checked) { border-color: var(--green-d); background: color-mix(in srgb, var(--green) 10%, transparent); }
form input, form textarea, form select { border: 1.5px solid var(--border); border-radius: 11px; padding: 12px 13px; background: var(--bg); color: var(--ink); font: inherit; }
form input:focus, form textarea:focus, form select:focus { outline: none; border-color: var(--yellow); box-shadow: 0 0 0 3px rgba(252,210,29,.25); }
form textarea { resize: vertical; min-height: 90px; }
.confirm { display: none; text-align: center; padding: 30px 10px; }
.confirm.show { display: block; }
.confirm .check, .check { width: 56px; height: 56px; border-radius: 50%; background: color-mix(in srgb, var(--green) 22%, transparent); color: var(--green-d); display: grid; place-items: center; font-size: 26px; margin: 0 auto 14px; font-weight: 900; }
.faq { border: 1px solid var(--border); border-radius: 14px; padding: 20px 22px; background: var(--bg); }
.faq h3 { font-size: 15.5px; margin-bottom: 6px; }
.faq p { font-size: 14px; color: var(--muted); line-height: 1.6; }
/* hero growth graphic */
.hero-visual { position: relative; min-height: 260px; border-radius: 20px; background: var(--charcoal-2); border: 1px solid rgba(255,255,255,.08); overflow: hidden; display: grid; place-items: end stretch; padding: 22px; }
.hero-visual .bars { display: flex; align-items: flex-end; gap: 12px; height: 170px; width: 100%; }
.hero-visual .bar { flex: 1; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, var(--green), var(--green-d)); }
.hero-visual .bar:last-child { background: linear-gradient(180deg, var(--yellow), var(--yellow-press)); }
.hero-visual .arrow { position: absolute; left: 22px; right: 22px; top: 30px; height: 2px; }
footer.site { background: var(--charcoal); color: var(--on-dark-muted); padding: 46px 0 30px; }
footer.site .cols { display: grid; grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 760px) { footer.site .cols { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
footer.site h4 { color: var(--on-dark); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 12px; }
footer.site a { display: block; padding: 4px 0; font-size: 14px; color: var(--on-dark-muted); }
footer.site a:hover { color: var(--yellow); }
footer.site .logo { color: var(--on-dark); }
footer.site .btm { margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; }
footer.site .btm a { display: inline; }
footer.site .foot-contact { display: flex; flex-direction: column; gap: 5px; margin-top: 16px; font-size: 13.5px; }
footer.site .foot-contact a { display: inline; padding: 0; color: var(--on-dark); }
footer.site .foot-contact a:hover { color: var(--yellow); }
footer.site .foot-contact span { color: var(--on-dark-muted); }
/* telefonszám részleges elfedése — a végét egy CTA fedi fel */
footer.site .foot-phone { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--on-dark); }
footer.site .foot-phone .fp-shown, footer.site .foot-phone .fp-hidden { color: var(--on-dark); font-variant-numeric: tabular-nums; }
footer.site .foot-phone a { color: var(--on-dark); }
.fp-btn { font-family: inherit; cursor: pointer; font-size: 11px; font-weight: 800; letter-spacing: .04em;
color: #20241f; background: var(--yellow); border: 0; border-radius: 999px; padding: 4px 11px; line-height: 1.5; }
.fp-btn:hover { background: var(--yellow-press); }
.fp-btn:focus-visible { outline: 2px solid var(--on-dark); outline-offset: 2px; }
footer.site .foot-badge { text-decoration: none; cursor: default; transition: border-color .2s ease, color .2s ease; }
footer.site .foot-badge:hover { border-color: var(--yellow); color: var(--yellow); }
footer.site .foot-social { display: flex; gap: 10px; margin-top: 16px; }
footer.site .foot-social a { width: 36px; height: 36px; border-radius: 9px; background: var(--yellow); color: #20241f; display: grid; place-items: center; font-size: 12px; font-weight: 800; padding: 0; }
footer.site .foot-social a:hover { color: #20241f; opacity: .88; }
footer.site .foot-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); }
footer.site .foot-badge { font-size: 12px; font-weight: 700; color: var(--on-dark); border: 1px solid rgba(255,255,255,.2); border-radius: 8px; padding: 8px 12px; }
footer.site .foot-badge .p22 { color: var(--yellow); font-size: 10px; font-weight: 800; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 12px); background: var(--charcoal); color: var(--on-dark); border-radius: 12px; padding: 13px 16px; font-size: 13px; max-width: 400px; display: flex; gap: 12px; align-items: flex-start; box-shadow: 0 14px 40px rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease; z-index: 100; }
.toast.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.toast a { color: var(--yellow); text-decoration: underline; font-weight: 700; white-space: nowrap; }
.toast button { background: none; border: none; color: var(--on-dark); opacity: .6; font-size: 15px; }
/* scroll reveal */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal.in { opacity: 1; transform: none; }
.reveal-stagger > * { opacity: 0; transform: translateY(18px); transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1); }
.reveal-stagger.in > * { opacity: 1; transform: none; }
.reveal-stagger.in > *:nth-child(2) { transition-delay: .07s; }
.reveal-stagger.in > *:nth-child(3) { transition-delay: .14s; }
.reveal-stagger.in > *:nth-child(4) { transition-delay: .21s; }
.reveal-stagger.in > *:nth-child(5) { transition-delay: .28s; }
.reveal-stagger.in > *:nth-child(6) { transition-delay: .35s; }
/* certifications */
.certs { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; justify-content: center; }
.cert { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; color: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 9px 16px; }
.cert b { color: var(--ink-strong); }
.cert .g { width: 8px; height: 8px; border-radius: 50%; background: var(--green-d); flex: none; }
/* value ladder */
.ladder { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 820px) { .ladder { grid-template-columns: repeat(3, 1fr); } }
.rung { border: 1px solid var(--border); border-radius: 18px; padding: 26px; background: var(--bg); }
.rung .n { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--green-d); }
.rung.mid { border-color: var(--yellow); box-shadow: 0 0 0 1px var(--yellow); }
/* focus areas */
.focus-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 760px) { .focus-grid { grid-template-columns: repeat(4, 1fr); } }
.focus-item { border: 1px solid var(--border); border-radius: 14px; padding: 18px; background: var(--bg); font-weight: 700; color: var(--ink-strong); display: flex; align-items: center; gap: 11px; font-size: 14.5px; }
.focus-item .ic { font-size: 20px; flex: none; }
/* newsletter */
.news { border: 1px solid var(--border); border-radius: 20px; padding: 34px; background: var(--surface); }
.news form { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.news input { flex: 1; min-width: 220px; }
/* video placeholder (hero) */
.video-ph { position: relative; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, var(--charcoal-2), #2f342b); border: 1px solid rgba(255,255,255,.1); min-height: 300px; display: grid; place-items: center; cursor: pointer; }
.video-ph::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 42%, rgba(252,210,29,.16), transparent 62%); }
.video-ph .play { position: relative; z-index: 2; width: 78px; height: 78px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; box-shadow: 0 14px 44px -8px rgba(252,210,29,.6); transition: transform .2s ease; }
.video-ph:hover .play { transform: scale(1.08); }
.video-ph .vlabel { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; z-index: 2; font-size: 12.5px; font-weight: 600; color: var(--on-dark-muted); }
.hero-logos { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; }
.hero-logos span { font-weight: 800; font-size: 16px; color: var(--on-dark-muted); opacity: .85; letter-spacing: -.02em; }
.checklist.big li { font-size: 16px; line-height: 1.5; margin: 11px 0; }
.nav-right .btn { padding: 10px 18px; font-size: 13.5px; }
.view { display: none; }
.view.active { display: block; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } .reveal, .reveal-stagger > * { opacity: 1 !important; transform: none !important; } }
/* ============================================================
FŐOLDAL v15 — dizájn réteg (csak vizuális; a szöveg változatlan)
============================================================ */
::selection { background: var(--yellow); color: #20241f; }
.ico { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; display: block; flex: none; }
.v15 .icowrap { background: transparent; border: 1.5px solid var(--border); color: var(--ink-strong); transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.v15 .card.clickable:hover .icowrap { background: var(--yellow); border-color: var(--yellow); transform: rotate(-5deg); }
/* közös charcoal rács-textúra */
.hm-gridbg { position: relative; overflow: hidden; }
.hm-gridbg::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: radial-gradient(ellipse 95% 85% at 68% 12%, #000, transparent 78%); mask-image: radial-gradient(ellipse 95% 85% at 68% 12%, #000, transparent 78%); pointer-events: none; }
.hm-gridbg > .container { position: relative; z-index: 1; }
/* -------- HERO -------- */
.hm-hero { padding: 70px 0 26px; }
.hm-hero::after { content: ""; position: absolute; top: -240px; right: -160px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(252,210,29,.13), transparent 64%); pointer-events: none; }
.hm-hero-grid { display: grid; gap: 52px; align-items: center; grid-template-columns: 1fr; }
.hm-hero-grid > * { min-width: 0; }
@media (min-width: 980px) { .hm-hero-grid { grid-template-columns: 1.04fr .96fr; } }
.nav-right .btn { white-space: nowrap; }
header.site .container { max-width: 1360px; }
@media (min-width: 1160px) { .nav-link { padding: 8px 9px; font-size: 13.5px; } nav.main { gap: 10px; } }
.hm-hero h1.display { font-size: clamp(34px, 5.4vw, 58px); }
.hero-kw { font-size: clamp(15px, 1.8vw, 18px); font-weight: 700; color: var(--yellow); letter-spacing: -.01em; }
/* marker-kiemelés */
.mark-hl { position: relative; display: inline-block; isolation: isolate; color: var(--yellow); padding: 0 .1em; margin: 0 -.06em; }
.mark-hl::before { content: ""; position: absolute; inset: .08em -.06em .02em; background: var(--yellow); border-radius: .18em .35em .22em .4em; transform: skew(-5deg) scaleX(0); transform-origin: 0 50%; z-index: -1; }
.in .mark-hl { animation: hmInk .3s ease .95s both; }
.in .mark-hl::before { animation: hmSweep .65s cubic-bezier(.77,0,.18,1) .55s both; }
/* logó-marquee */
.hm-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); }
.hm-mtrack { display: flex; gap: 48px; width: max-content; animation: hm-scroll 26s linear infinite; }
.hm-marquee:hover .hm-mtrack { animation-play-state: paused; }
.hm-mset { display: flex; gap: 48px; align-items: center; }
.hm-mset span { font-weight: 800; font-size: 16.5px; color: var(--on-dark-muted); letter-spacing: -.02em; white-space: nowrap; opacity: .92; }
/* hero-diagram: kattintástól a profitig */
/* ===== MOBIL-FINOMHANGOLÁS (v34) ===== */
/* a hero folyamat-diagramja: a chipek tördeljenek, ne fussanak ki a kártyából */
.hm-diagram { overflow: hidden; }
@media (max-width: 620px) {
.hm-flow { flex-wrap: wrap; gap: 7px; padding-right: 0; }
.hm-flow .hm-dash { display: none; }
.hm-chip { font-size: 10px; letter-spacing: .05em; padding: 7px 11px; }
.hm-chip .ico { width: 12px; height: 12px; }
.hm-diagram { padding: 18px 16px 14px; min-height: 340px; }
.hm-dial { width: 84px; height: 84px; bottom: 12px; right: 12px; }
.hm-dialtxt b { font-size: 16px !important; }
.hm-diagcap { font-size: 11.5px; }
}
/* összehasonlító táblázat: vízszintesen görgethető, nem vágódik le */
table.cmp { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 780px) { table.cmp { display: table; overflow-x: visible; } }
/* ===== JOGI OLDALAK (v34) ===== */
.lg-upd { margin-top: 18px; font-size: 12.5px; color: var(--on-dark-muted); }
.lg-body { max-width: 74ch; }
.lg-body > p { margin: 0 0 16px; font-size: 15px; line-height: 1.75; color: var(--ink); }
.lg-h { margin: 38px 0 14px; font-size: clamp(18px, 2.1vw, 22px); font-weight: 900; letter-spacing: -.025em;
line-height: 1.3; color: var(--ink-strong); display: flex; gap: 14px; align-items: baseline; }
h3.lg-h { margin: 26px 0 10px; font-size: 16.5px; font-weight: 800; }
.lg-n { flex: none; font-size: 12px; font-weight: 900; color: var(--green-d); font-variant-numeric: tabular-nums;
min-width: 20px; }
.lg-body a { color: var(--green-d); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.lg-list { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.lg-list li { position: relative; padding-left: 24px; font-size: 14.5px; line-height: 1.65; color: var(--ink); }
.lg-list li::before { content: ""; position: absolute; left: 3px; top: 9px; width: 7px; height: 7px;
border-radius: 2px; background: var(--green-d); }
.lg-facts { display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--border);
border-radius: 14px; overflow: hidden; margin-bottom: 34px; }
@media (min-width: 640px) { .lg-facts { grid-template-columns: 1fr 1fr; } }
.lg-facts > div { padding: 14px 18px; border-bottom: 1px solid var(--border); }
@media (min-width: 640px) { .lg-facts > div:nth-child(odd) { border-right: 1px solid var(--border); } }
.lg-facts > div:last-child { border-bottom: none; }
.lg-facts span { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .09em;
text-transform: uppercase; color: var(--muted); }
.lg-facts b { display: block; margin-top: 5px; font-size: 14.5px; font-weight: 800; color: var(--ink-strong); }
.lg-note { margin-top: 30px; padding: 18px 20px; background: var(--surface); border: 1px solid var(--border);
border-left: 4px solid var(--yellow); border-radius: 12px; font-size: 14.5px; }
.lg-foot { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--border); display: flex;
align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.lg-foot p { margin: 0; font-size: 14.5px; color: var(--muted); }
.lg-foot a { color: var(--green-d); }
/* főoldali esettanulmány-kártya: csak a CTA kattintható */
.hm-casecard { display: flex; flex-direction: column; }
.hm-casecard > p { flex: 1; }
.hm-casecta { align-self: flex-start; margin-top: 16px; display: inline-flex; align-items: center; gap: 8px;
font-size: 14px; font-weight: 800; letter-spacing: -.01em; color: var(--ink-strong);
text-decoration: none; border-bottom: 2px solid var(--yellow); padding-bottom: 3px;
transition: color .2s ease, border-color .2s ease; }
.hm-casecta:hover { color: var(--green-d); border-color: var(--green-d); }
.hm-casecta:hover .arr { transform: translateX(4px); }
.hm-casecta .arr { transition: transform .2s ease; }
.hm-diagcap { margin: 2px 0 0; text-align: center; font-size: 12.5px; font-weight: 600; color: var(--on-dark-muted); letter-spacing: -.005em; }
.hm-diagcap::before { content: ""; display: block; height: 1px; background: rgba(255,255,255,.1); margin: 0 auto 12px; max-width: 200px; }
.hm-diagram { position: relative; border-radius: 24px; background: linear-gradient(160deg, var(--charcoal-2) 0%, #272c25 55%, #22271f 100%); border: 1px solid rgba(255,255,255,.1); padding: 24px 24px 18px; min-height: 380px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); }
.hm-flow { display: flex; align-items: center; gap: 9px; padding-right: 4px; min-height: 34px; }
.hm-chip { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--on-dark); border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.05); padding: 7px 11px; border-radius: 999px; white-space: nowrap; opacity: 0; }
.hm-chip .ico { width: 14px; height: 14px; stroke-width: 2; }
.hm-chip.gold { background: var(--yellow); border-color: var(--yellow); color: #20241f; }
.in .hm-chip { animation: hmPop .5s cubic-bezier(.22,.61,.36,1) both; }
.in .hm-chip.d1 { animation-delay: .25s; } .in .hm-chip.d2 { animation-delay: .6s; } .in .hm-chip.d3 { animation-delay: .95s; }
.hm-dash { flex: 1; min-width: 12px; height: 2px; background-image: linear-gradient(90deg, rgba(255,255,255,.45) 0 6px, transparent 6px 12px); background-size: 12px 2px; background-repeat: repeat-x; opacity: 0; }
.in .hm-dash { animation: hmFade .4s ease both, hm-march .7s linear infinite; }
.in .hm-dash.e1 { animation-delay: .45s, 0s; } .in .hm-dash.e2 { animation-delay: .8s, 0s; }
.hm-dial { position: absolute; bottom: 16px; right: 16px; width: 102px; height: 102px; z-index: 2; }
.hm-dial svg { width: 100%; height: 100%; transform: rotate(-90deg); display: block; }
.hm-dial .track { stroke: rgba(255,255,255,.12); }
.hm-dial .prog { stroke: var(--yellow); stroke-dasharray: 264; stroke-dashoffset: 264; }
.in .hm-dial .prog { animation: hmDial 1.5s cubic-bezier(.22,.61,.36,1) .9s both; }
.hm-dialtxt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
.hm-dialtxt b { font-size: 23px; font-weight: 900; color: var(--yellow); letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.hm-dialtxt span { font-size: 8px; font-weight: 800; letter-spacing: .05em; color: var(--on-dark-muted); text-transform: uppercase; }
.hm-chart { flex: 1; position: relative; min-height: 150px; }
.hm-chart > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.hm-line { stroke-dasharray: var(--len, 440); stroke-dashoffset: var(--len, 440); }
.in .hm-line { animation: hmDraw 1.7s cubic-bezier(.4,0,.2,1) var(--ld, .6s) both; }
.hm-area { opacity: 0; }
.in .hm-area { animation: hmFade .9s ease 1.7s both; }
.hm-endd { opacity: 0; }
.in .hm-endd { animation: hmFade .35s ease 1.6s both; }
.hm-dot-el { position: absolute; left: 83.8%; top: 26.7%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 5px rgba(252,210,29,.18); opacity: 0; }
.in .hm-dot-el { animation: hmFade .35s ease 2.05s both, hmPulse 2.4s ease-in-out 2.5s infinite; }
.hm-tip-el { position: absolute; left: 56%; top: 12%; background: #171b15; border: 1px solid rgba(255,255,255,.17); color: var(--yellow); font-size: 12px; font-weight: 800; padding: 5px 11px; border-radius: 9px; white-space: nowrap; opacity: 0; box-shadow: 0 10px 26px -10px rgba(0,0,0,.5); }
.in .hm-tip-el { animation: hmPop .5s ease 1.95s both; }
.hm-videochip { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 6px 15px 6px 6px; font-size: 12px; font-weight: 600; color: var(--on-dark-muted); cursor: pointer; background: rgba(0,0,0,.16); transition: border-color .2s ease, background .2s ease; }
.hm-videochip:hover { border-color: rgba(252,210,29,.6); background: rgba(252,210,29,.07); }
.hm-videochip .pp { width: 30px; height: 30px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; flex: none; }
.hm-videochip .pp svg { width: 11px; height: 11px; fill: #20241f; display: block; }
/* -------- minősítés-sáv -------- */
.v15 .cert { background: var(--bg); transition: border-color .2s ease, transform .2s ease; }
.v15 .cert:hover { border-color: var(--ink-strong); transform: translateY(-2px); }
/* -------- fájdalom-kártyák -------- */
.hm-pain .card { overflow: hidden; transition: transform .2s ease, box-shadow .25s ease; }
.hm-pain .card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--yellow); transform: scaleY(0); transform-origin: top; transition: transform .35s cubic-bezier(.22,.61,.36,1); }
.hm-pain .card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -28px rgba(0,0,0,.4); }
.hm-pain .card:hover::before { transform: scaleY(1); }
/* -------- statisztika-sáv -------- */
.hm-statsband { padding: 62px 0; }
.hm-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 22px; }
@media (min-width: 860px) { .hm-stats { grid-template-columns: repeat(4, 1fr); } .hm-stats > div + div { border-left: 1px solid rgba(255,255,255,.1); padding-left: 30px; } }
.hm-stat .v { font-size: clamp(30px, 3.3vw, 52px); font-weight: 900; letter-spacing: -.04em; color: var(--yellow); font-variant-numeric: tabular-nums; line-height: 1.05; white-space: nowrap; }
.hm-stat .l { margin-top: 10px; font-size: 13px; color: var(--on-dark-muted); line-height: 1.5; max-width: 26ch; }
.hm-statnote { margin-top: 30px; font-size: 12px; color: var(--on-dark-muted); opacity: .85; }
.hm-statnote span[data-note] { color: var(--yellow); cursor: help; border-bottom: 1px dotted currentColor; }
/* -------- előtte → utána -------- */
.hm-ba-wrap { position: relative; }
.hm-ba-arrow { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 54px; height: 54px; border-radius: 50%; background: var(--charcoal); color: var(--yellow); display: none; place-items: center; z-index: 2; border: 4px solid var(--bg); box-shadow: 0 10px 26px -10px rgba(0,0,0,.45); }
@media (min-width: 740px) { .hm-ba-arrow { display: grid; } .hm-ba-wrap .grid-2 { gap: 44px; } }
.hm-ba-before { background: var(--surface); border-style: dashed; }
.hm-ba-after { border-color: var(--green-d); box-shadow: 0 0 0 1px var(--green-d), 0 26px 60px -32px rgba(74,184,99,.5); }
/* -------- profit motor lépések -------- */
.hm-step { overflow: hidden; transition: transform .2s ease, box-shadow .25s ease; }
.hm-step::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--surface-2); }
.hm-step::after { content: ""; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background: var(--yellow); transform: scaleX(0); transform-origin: left; }
.in .hm-step::after { animation: hmBar .7s cubic-bezier(.4,0,.2,1) both; }
.in .hm-step:nth-child(1)::after { animation-delay: .1s; }
.in .hm-step:nth-child(2)::after { animation-delay: .5s; }
.in .hm-step:nth-child(3)::after { animation-delay: .9s; }
.in .hm-step:nth-child(4)::after { animation-delay: 1.3s; }
.in .hm-step:nth-child(5)::after { animation-delay: 1.7s; }
.hm-step:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -28px rgba(0,0,0,.35); }
/* -------- lépcsők (value ladder) -------- */
@media (min-width: 820px) { .hm-ladder .rung:nth-child(1) { margin-top: 44px; } .hm-ladder .rung:nth-child(2) { margin-top: 22px; } }
.hm-ladder .rung { transition: transform .2s ease, box-shadow .25s ease; }
.hm-ladder .rung:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -28px rgba(0,0,0,.3); }
.hm-ladder .rung.mid { box-shadow: 0 0 0 1px var(--yellow), 0 24px 54px -26px rgba(252,210,29,.55); }
.hm-rungbar { display: flex; gap: 5px; margin-top: 12px; }
.hm-rungbar i { height: 4px; flex: 1; border-radius: 2px; background: var(--surface-2); }
.hm-rungbar i.f { background: var(--green-d); }
.hm-ladder .rung.mid .hm-rungbar i.f { background: var(--yellow); }
.hm-ladder .rung.hi .hm-rungbar i.f { background: var(--charcoal); }
.rung-meta { list-style: none; padding: 14px 0 0; margin: 14px 0 0; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 5px; }
.rung-meta li { font-size: 12.5px; color: var(--muted); }
.rung-meta li b { color: var(--ink-strong); font-weight: 700; }
/* -------- „mit nyersz" -------- */
.hm-gain .card { background: var(--surface); border-color: transparent; }
.hm-gain .icowrap { background: var(--bg); border-color: transparent; color: var(--green-d); box-shadow: 0 8px 20px -10px rgba(0,0,0,.15); }
/* -------- pillérek -------- */
.hm-pillar { overflow: hidden; }
.hm-pillar .bign { position: absolute; top: -6px; right: 10px; font-size: 96px; font-weight: 900; line-height: 1; letter-spacing: -.05em; color: color-mix(in srgb, var(--green) 30%, transparent); pointer-events: none; user-select: none; }
/* -------- fókusz-iparágak -------- */
.v15 .focus-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.v15 .focus-item { border-radius: 999px; padding: 13px 22px 13px 16px; transition: border-color .2s ease, transform .2s ease; }
.v15 .focus-item .ico { width: 20px; height: 20px; color: var(--green-d); }
.v15 .focus-item:hover { border-color: var(--green-d); transform: translateY(-2px); }
/* -------- bizonyíték / esettanulmány -------- */
.hm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px 44px; flex-wrap: wrap; }
.hm-proofchart { flex: none; width: min(360px, 100%); background: var(--bg); border: 1px solid var(--border); border-radius: 16px; padding: 16px 16px 10px; box-shadow: 0 22px 50px -32px rgba(0,0,0,.3); }
.hm-proofchart .lbl { display: flex; gap: 16px; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.hm-proofchart .k { display: inline-flex; align-items: center; gap: 6px; }
.hm-proofchart .k::before { content: ""; width: 8px; height: 8px; border-radius: 2px; }
.hm-proofchart .k.g::before { background: var(--green-d); }
.hm-proofchart .k.y::before { background: var(--yellow); }
.hm-proofchart svg { display: block; width: 100%; height: auto; }
.hm-proofchart .hm-line { --len: 400; }
.hm-proofchart .l2 { --ld: 1s; }
.hm-metric { font-size: clamp(30px, 3vw, 36px); font-weight: 900; color: var(--green-d); letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin: 8px 0 4px; }
.hm-spark { position: absolute; right: 18px; top: 20px; width: 92px; height: 34px; overflow: visible; }
.hm-spark .hm-line { --len: 150; --ld: .45s; fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* -------- vélemények -------- */
.hm-quote { padding-top: 58px; }
.hm-quote::before { content: "„"; position: absolute; top: -22px; left: 20px; font-size: 64px; font-weight: 900; color: var(--yellow); line-height: 1; }
.hm-init { display: grid; place-items: center; background: var(--charcoal); color: var(--yellow); font-weight: 800; font-size: 12px; letter-spacing: .03em; }
/* v23 · vertikális, horizontális vélemény-kártyák */
.hm-testi { display: flex; flex-direction: column; gap: 18px; }
.hm-testi-card { position: relative; margin: 0; background: var(--bg); border: 1px solid var(--border); border-left: 5px solid var(--yellow); border-radius: 18px; padding: 30px 32px 30px 60px; box-shadow: 0 16px 40px -26px rgba(20,24,16,.28); display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 860px) { .hm-testi-card { grid-template-columns: 1fr 280px; align-items: center; column-gap: 40px; } }
.hm-testi-card::before { content: "„"; position: absolute; top: 10px; left: 22px; font-size: 56px; font-weight: 900; color: var(--yellow); line-height: 1; }
.hm-testi-card blockquote { margin: 0; font-size: 16px; line-height: 1.7; color: var(--ink); font-weight: 500; }
.hm-testi-card figcaption { display: flex; align-items: center; gap: 14px; }
@media (min-width: 860px) { .hm-testi-card figcaption { border-left: 1px solid var(--border); padding-left: 32px; } }
.hm-testi-card .avatar.hm-init { width: 52px; height: 52px; font-size: 15px; }
/* valódi arcképek a véleményekhez */
.hm-testi-face { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none;
border: 2px solid var(--yellow); background: var(--surface-2); display: block; }
.hm-testi-face.lg { width: 56px; height: 56px; }
.section.dark .hm-testi-face { border-color: var(--yellow); }
.hm-testi-who { display: flex; flex-direction: column; font-size: 13.5px; color: var(--muted); line-height: 1.4; }
.hm-testi-who b { color: var(--ink-strong); font-size: 15.5px; margin-bottom: 2px; }
/* v23 · látványos összehasonlítás (oszlopkiemeléssel) */
.hm-cmp { display: grid; grid-template-columns: 0.85fr 1fr 1.15fr; background: var(--bg); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 22px 54px -30px rgba(20,24,16,.3); overflow: hidden; }
.hm-cmp > div { padding: 16px 22px; display: flex; align-items: center; gap: 11px; font-size: 14.5px; color: var(--muted); border-top: 1px solid var(--border); line-height: 1.4; }
.hm-cmp > .hc { border-top: none; padding-top: 19px; padding-bottom: 19px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hm-cmp .cd { font-weight: 700; color: var(--ink-strong); }
.hm-cmp .mk, .hm-cmp .cm { background: var(--charcoal); color: var(--on-dark); font-weight: 600; }
.hm-cmp .cm { border-top: 1px solid rgba(255,255,255,.1); }
.hm-cmp .xic { color: var(--muted); opacity: .55; width: 18px; height: 18px; flex: none; }
.hm-cmp .cic { color: var(--yellow); width: 18px; height: 18px; flex: none; }
@media (max-width: 620px) { .hm-cmp { grid-template-columns: 0.7fr 1fr 1fr; } .hm-cmp > div { padding: 12px 11px; font-size: 12px; gap: 7px; } .hm-cmp .xic, .hm-cmp .cic { width: 15px; height: 15px; } .hm-cmp > .hc { font-size: 10.5px; } }
/* -------- összehasonlító táblázat -------- */
.v15 table.cmp thead th:nth-child(3) { background: var(--charcoal); color: var(--yellow); }
.v15 table.cmp td:nth-child(3) { background: color-mix(in srgb, var(--yellow) 8%, var(--bg)); color: var(--ink-strong); font-weight: 600; }
/* -------- lead magnet split -------- */
.hm-darkcard { background: var(--charcoal); border-color: var(--charcoal); }
.hm-darkcard h3 { color: var(--on-dark); }
.hm-darkcard p { color: var(--on-dark-muted); }
.hm-darkcard .tag { border-color: var(--yellow); color: var(--yellow); }
/* -------- hírlevél + FAQ -------- */
.v15 .news { border-left: 5px solid var(--yellow); }
.v15 .faq { transition: border-color .2s ease; }
.v15 .faq:hover { border-color: var(--yellow); }
/* -------- záró CTA -------- */
.hm-cta::after { content: ""; position: absolute; left: 50%; bottom: -260px; transform: translateX(-50%); width: 640px; height: 480px; background: radial-gradient(circle, rgba(252,210,29,.12), transparent 62%); pointer-events: none; }
/* ============ ZÖLD MÁSODSZÍN-RENDSZER (v17) ============ */
.sec-green { background: #eef5e2; }
.sec-green .card { background: var(--bg); border-color: #dbe8c4; }
.sec-green .faq { border-color: #dbe8c4; }
.section.dark.deep-g { background: #26381f; }
.section.dark.deep-g .stat, .hm-statsband.deep-g .hm-stat .l { color: #c9d8ba; }
.hm-statsband.deep-g .hm-stats > div + div { border-left-color: rgba(255,255,255,.14); }
/* zöld marker-kiemelés (világos szekción is olvasható) */
.mark-hl.g { color: var(--green-d); }
.mark-hl.g::before { background: var(--green); }
.in .mark-hl.g { animation-name: hmInkG; }
/* beágyazott képek */
.hm-img { display: block; width: 100%; height: auto; border-radius: 20px; box-shadow: 0 26px 64px -30px rgba(0,0,0,.38); }
.hm-img.dark-img { box-shadow: 0 30px 70px -30px rgba(0,0,0,.55); }
.hm-imgtilt { transform: rotate(-1.2deg); transition: transform .25s ease; }
.hm-imgtilt:hover { transform: rotate(0deg); }
.hm-face { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 3px solid var(--yellow); flex: none; }
/* ============ ALOLDAL-KIT (v15) ============ */
.home .hm-svc .go { cursor: pointer; }
.home .hm-svc .go:hover { color: var(--green-d); }
.home .hm-svc .go:hover .arr { transform: translateX(4px); }
.plat-list { display: flex; flex-wrap: wrap; gap: 12px; }
.plat { display: inline-flex; align-items: center; gap: 7px; font-weight: 800; font-size: 16px; letter-spacing: -.01em; color: var(--ink-strong); background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: 13px 20px; transition: border-color .2s ease, transform .2s ease; }
.plat:hover { border-color: var(--green-d); transform: translateY(-2px); }
.plat small { font-weight: 600; font-size: 12px; color: var(--muted); letter-spacing: 0; }
.section.surface .plat { background: var(--bg); }
.hm-step-t { display: inline-block; margin-top: 12px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--green-d); border: 1px solid var(--border); border-radius: 999px; padding: 4px 10px; }
.grid-5 { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .grid-5 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .grid-5 { grid-template-columns: repeat(5, 1fr); } }
/* v15 idézet-blokk */
.v15 .quote { position: relative; padding-top: 56px; border-left: 5px solid var(--yellow); }
.v15 .quote::before { content: "„"; position: absolute; top: -16px; left: 26px; font-size: 64px; font-weight: 900; color: var(--yellow); line-height: 1; }
/* vertikális idővonal (lépések) */
.hm-tline { position: relative; display: flex; flex-direction: column; gap: 22px; }
.hm-titem { position: relative; padding-left: 58px; }
.hm-titem::before { content: ""; position: absolute; left: 19px; top: 46px; bottom: -22px; width: 2px; background-image: linear-gradient(180deg, var(--border) 0 6px, transparent 6px 12px); background-size: 2px 12px; background-repeat: repeat-y; }
.hm-titem:last-child::before { display: none; }
.hm-titem > .step-num { position: absolute; left: 0; top: 0; }
/* vertikális lépés-kártya (Profit Motor) */
.hm-vstep { overflow: hidden; }
.hm-vstep::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--surface-2); }
.hm-vstep::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--yellow); transform: scaleY(0); transform-origin: top; }
.pg-motor .hm-vstep::after { background: var(--green-d); }
.in .hm-vstep::after { animation: hmBarV .55s cubic-bezier(.4,0,.2,1) both; }
.in .hm-vstep:nth-child(1)::after { animation-delay: .1s; }
.in .hm-vstep:nth-child(2)::after { animation-delay: .5s; }
.in .hm-vstep:nth-child(3)::after { animation-delay: .9s; }
.in .hm-vstep:nth-child(4)::after { animation-delay: 1.3s; }
/* audit-scorecard (önaudit hero) */
.hm-scorecard { position: relative; border-radius: 24px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 26px; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 20px; }
.hm-scorecard .sc-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--on-dark-muted); flex-wrap: wrap; }
.hm-scorecard .sc-h .chip5 { color: #20241f; background: var(--yellow); border-radius: 999px; padding: 4px 10px; letter-spacing: .06em; }
.hm-meter .m-l { display: flex; justify-content: space-between; align-items: baseline; font-size: 12.5px; font-weight: 700; color: var(--on-dark); margin-bottom: 7px; }
.hm-meter .m-l b { color: var(--yellow); font-size: 15px; font-variant-numeric: tabular-nums; }
.hm-meter .m-t { height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.hm-meter .m-f { height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--green), var(--green-d)); width: var(--w, 60%); transform: scaleX(0); transform-origin: left; }
.in .hm-meter .m-f { animation: hmBar .9s cubic-bezier(.4,0,.2,1) var(--d, .3s) both; }
.hm-meter.gold .m-f { background: linear-gradient(90deg, var(--yellow), var(--yellow-press)); }
.hm-scorecard .sc-f { font-size: 11.5px; color: var(--on-dark-muted); border-top: 1px solid rgba(255,255,255,.09); padding-top: 14px; }
/* önaudit teszt-kártyák */
.hm-test { padding-top: 26px !important; overflow: hidden; }
.hm-test::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: var(--green-d); }
.hm-test.t2::before { background: var(--yellow); }
.hm-test.t3::before { background: var(--charcoal); }
/* csomag-kártyák (Profit Diagnózis) */
.hm-pack .price { font-size: 32px; font-variant-numeric: tabular-nums; }
.v15 .card.hm-pack-dark, .section.surface .card.hm-pack-dark { background: var(--charcoal); border-color: var(--charcoal); }
.hm-pack-dark h3 { color: var(--on-dark); }
.hm-pack-dark .price { color: var(--on-dark); }
.hm-pack-dark .price small { color: var(--on-dark-muted); }
.hm-pack-dark p { color: var(--on-dark-muted); }
.hm-pack-dark .checklist li { color: var(--on-dark-muted); }
.hm-pack-dark .mega-col-title { color: var(--yellow); }
/* Profit Diagnózis táblázat: a 4. (ajánlott) oszlop kiemelve, a 3. semleges */
.pg-belepo table.cmp thead th:nth-child(3) { background: var(--surface); color: var(--ink-strong); }
.pg-belepo table.cmp td:nth-child(3) { background: transparent; color: var(--muted); font-weight: 400; }
.pg-belepo table.cmp thead th:nth-child(4) { background: var(--charcoal); color: var(--yellow); }
.pg-belepo table.cmp td:nth-child(4) { background: color-mix(in srgb, var(--yellow) 8%, var(--bg)); color: var(--ink-strong); font-weight: 600; }
/* jegyzet-kártya (sötét hero mellé) */
.hm-notecard { border-radius: 20px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 28px; box-shadow: 0 30px 80px -30px rgba(0,0,0,.55); }
.hm-notecard .checklist li { color: var(--on-dark-muted); font-size: 15px; }
.hm-notecard .checklist li::before { color: var(--yellow); }
/* mini-dashboard csempék (Google Ads hero) */
.hm-ministats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hm-ministat { border-radius: 18px; padding: 22px 20px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); }
.hm-ministat .v { font-size: clamp(26px, 2.6vw, 34px); font-weight: 900; letter-spacing: -.03em; color: var(--yellow); font-variant-numeric: tabular-nums; line-height: 1; }
.hm-ministat .l { margin-top: 8px; font-size: 12.5px; color: var(--on-dark-muted); line-height: 1.45; }
/* növekedés-oszlopok (partner hero) */
.hm-growbars { position: relative; border-radius: 24px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 26px; height: 320px; display: flex; align-items: flex-end; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); overflow: hidden; }
.hm-growbars .gb { flex: 1; margin: 0 6px; border-radius: 8px 8px 0 0; background: linear-gradient(180deg, var(--green), var(--green-d)); height: var(--h, 50%); transform: scaleY(0); transform-origin: bottom; }
.hm-growbars .gb.gold { background: linear-gradient(180deg, var(--yellow), var(--yellow-press)); }
.in .hm-growbars .gb { animation: hmGrow .8s cubic-bezier(.22,.61,.36,1) var(--d, .2s) both; }
.hm-growbars .gb-arrow { position: absolute; left: 26px; right: 26px; top: 26px; height: 46px; pointer-events: none; }
.hm-growbars .gb-arrow path { stroke: var(--yellow); stroke-width: 3; fill: none; stroke-linecap: round; }
.hm-growbars .gb-arrow .hm-line { --len: 460; }
/* riport-screenshot keret (webanalitika) */
.hm-shot { margin: 0; }
.hm-shot img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--border); box-shadow: 0 22px 54px -30px rgba(0,0,0,.35); background: #fff; }
.hm-shot figcaption { margin-top: 10px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.section.dark .hm-shot img { border-color: rgba(255,255,255,.16); box-shadow: 0 26px 64px -30px rgba(0,0,0,.6); background: #171b15; }
.section.dark .hm-shot figcaption { color: var(--on-dark-muted); }
/* partner hero · profitinflexió vizual (v25) */
.hm-pviz { position: relative; border-radius: 24px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 22px; min-height: 360px; display: flex; flex-direction: column; gap: 18px; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); overflow: hidden; }
.pviz-top { display: flex; align-items: center; gap: 12px; }
.pviz-tag { font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
.pviz-tag.typ { color: var(--on-dark-muted); border: 1px solid rgba(255,255,255,.16); }
.pviz-tag.mk { color: #20241f; background: var(--yellow); }
.pviz-arrow { color: var(--on-dark-muted); font-weight: 800; }
.pviz-chart { position: relative; flex: 1; min-height: 240px; }
.pviz-chart > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pviz-zone { fill: rgba(252,210,29,.06); }
.pviz-divline { stroke: rgba(252,210,29,.4); stroke-dasharray: 4 5; }
.pviz-line { --len: 640; }
.pviz-end { position: absolute; left: 96%; top: 12.5%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 6px rgba(252,210,29,.18); opacity: 0; }
.in .pviz-end { animation: hmFade .4s ease 2s both, hmPulse 2.4s ease-in-out 2.4s infinite; }
.pviz-cap { position: absolute; left: 66%; top: 2%; background: #171b15; border: 1px solid rgba(255,255,255,.17); color: var(--yellow); font-size: 12px; font-weight: 800; padding: 5px 11px; border-radius: 9px; white-space: nowrap; opacity: 0; box-shadow: 0 10px 26px -10px rgba(0,0,0,.5); }
.in .pviz-cap { animation: hmPop .5s ease 1.9s both; }
/* ===== Profit Motor módszertan · kifejtett lépések + adat-vizualok (v26) ===== */
.pg-motor .mstep { display: grid; gap: 34px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 900px) { .pg-motor .mstep { grid-template-columns: 1fr 1fr; } .pg-motor .mstep.rev .mstep-txt { order: 2; } }
.pg-motor .mstep + .mstep { margin-top: 54px; }
.mstep-txt .step-num { margin-bottom: 14px; }
.mstep-txt h3 { font-size: clamp(20px, 2.4vw, 26px); }
.mstep-txt .mlead { margin-top: 12px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.mstep-txt .mlead strong { color: var(--ink-strong); }
.mstep-txt .msub { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-direction: column; gap: 10px; }
.mstep-txt .msub li { display: flex; gap: 11px; align-items: flex-start; font-size: 14.5px; color: var(--ink-soft); line-height: 1.5; }
.mstep-txt .msub li b { color: var(--ink-strong); font-weight: 700; }
.mstep-txt .msub li::before { content: ""; width: 7px; height: 7px; margin-top: 7px; border-radius: 2px; background: var(--green-d); flex: none; }
.mviz { position: relative; border-radius: 20px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 24px; box-shadow: 0 30px 80px -34px rgba(0,0,0,.55); overflow: hidden; }
.mviz-t { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--on-dark-muted); margin-bottom: 18px; display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.mviz-t b { color: var(--yellow); font-variant-numeric: tabular-nums; }
/* funnel */
.mfunnel { display: flex; flex-direction: column; gap: 8px; }
.mfrow { display: flex; align-items: center; gap: 12px; }
.mfbar { height: 44px; border-radius: 8px; background: linear-gradient(90deg, var(--green), var(--green-d)); display: flex; align-items: center; justify-content: space-between; padding: 0 14px; color: #0e1408; font-weight: 800; font-size: 13.5px; transform-origin: left; white-space: nowrap; overflow: hidden; }
.in .mfbar { animation: mfGrow .8s cubic-bezier(.4,0,.2,1) var(--d,0s) both; }
.mfrow:last-child .mfbar { background: linear-gradient(90deg, var(--yellow), var(--yellow-press)); }
.mfbar .mfv { font-variant-numeric: tabular-nums; opacity: .85; }
.mfdrop { font-size: 11px; font-weight: 800; color: var(--on-dark-muted); flex: none; width: 44px; text-align: right; }
@keyframes mfGrow { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }
/* MOMP média-mix */
.mmix { display: flex; flex-direction: column; gap: 13px; }
.mmrow { display: grid; grid-template-columns: 132px 1fr auto; align-items: center; gap: 12px; }
@media (max-width: 500px) { .mmrow { grid-template-columns: 96px 1fr auto; gap: 8px; } }
.mmch { font-size: 12.5px; font-weight: 700; color: var(--on-dark); }
.mmtrack { height: 12px; border-radius: 6px; background: rgba(255,255,255,.07); overflow: hidden; }
.mmfill { height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--green), var(--green-d)); width: var(--w,50%); transform: scaleX(0); transform-origin: left; }
.in .mmfill { animation: mfGrow .9s cubic-bezier(.4,0,.2,1) var(--d,.2s) both; }
.mmroas { font-size: 12.5px; font-weight: 800; color: var(--yellow); font-variant-numeric: tabular-nums; min-width: 62px; text-align: right; }
.mmix-foot { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; font-size: 12.5px; color: var(--on-dark-muted); }
.mmix-foot b { color: var(--yellow); font-variant-numeric: tabular-nums; }
/* AI time compression */
.mai { display: flex; align-items: flex-end; gap: 18px; height: 220px; padding-top: 20px; }
.maicol { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; height: 100%; justify-content: flex-end; }
.maistack { width: 100%; max-width: 76px; border-radius: 10px 10px 0 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; height: var(--h,100%); transform-origin: bottom; }
.in .maistack { animation: mfGrowV .8s cubic-bezier(.22,.61,.36,1) var(--d,.15s) both; }
.maistack .man { background: rgba(255,255,255,.12); }
.maistack .strat { background: linear-gradient(180deg, var(--yellow), var(--yellow-press)); }
.maicol .mlab { font-size: 12px; font-weight: 700; color: var(--on-dark); }
.maicol .mlab span { display: block; font-size: 10.5px; font-weight: 600; color: var(--on-dark-muted); }
@keyframes mfGrowV { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.mai-legend { display: flex; gap: 16px; margin-top: 16px; font-size: 11.5px; color: var(--on-dark-muted); }
.mai-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
/* test & scale */
.mscale svg { display: block; width: 100%; height: auto; }
.mscale .tline { fill: none; stroke: rgba(255,255,255,.22); stroke-width: 2; }
.mscale .wline { fill: none; stroke: var(--yellow); stroke-width: 3; stroke-linecap: round; stroke-dasharray: var(--len,300); stroke-dashoffset: var(--len,300); }
.in .mscale .wline { animation: hmDraw 1.6s cubic-bezier(.4,0,.2,1) .5s both; }
.mscale .wdot { fill: var(--yellow); opacity: 0; }
.in .mscale .wdot { animation: hmFade .4s ease 2s both; }
.mscale-legend { display: flex; gap: 18px; margin-top: 14px; font-size: 11.5px; color: var(--on-dark-muted); }
.mscale-legend i { display: inline-block; width: 16px; height: 3px; border-radius: 2px; margin-right: 6px; vertical-align: 3px; }
@media (prefers-reduced-motion: reduce) {
.mfbar, .mmfill, .maistack { transform: none !important; }
.mscale .wline { stroke-dashoffset: 0 !important; }
.mscale .wdot { opacity: 1 !important; }
}
/* ===== AI-megközelítés oldal (v27) ===== */
.pg-ai .toolgrid { display: flex; flex-wrap: wrap; gap: 12px; }
.pg-ai .tool { display: inline-flex; align-items: center; gap: 10px; padding: 13px 18px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg); font-weight: 800; font-size: 15px; color: var(--ink-strong); letter-spacing: -.01em; transition: border-color .2s ease, transform .2s ease; }
.pg-ai .tool:hover { border-color: var(--green-d); transform: translateY(-2px); }
.pg-ai .tool .dot { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.ai-uses { display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .ai-uses { grid-template-columns: 1fr 1fr; } }
.ai-use { display: flex; gap: 12px; align-items: flex-start; background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: 15px 18px; }
.ai-use .ico { color: var(--green-d); width: 20px; height: 20px; flex: none; margin-top: 1px; }
.ai-use span { font-size: 14.5px; color: var(--ink-strong); font-weight: 600; line-height: 1.4; }
/* Claude Code terminál */
.cterm { border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: #14170f; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); font-family: ui-monospace,"SF Mono",Menlo,Consolas,monospace; }
.cterm-bar { display: flex; align-items: center; gap: 8px; padding: 11px 14px; background: #1c2016; border-bottom: 1px solid rgba(255,255,255,.08); }
.cterm-bar .d { width: 11px; height: 11px; border-radius: 50%; }
.cterm-bar .t { margin-left: 8px; font-size: 12px; color: var(--on-dark-muted); font-weight: 600; letter-spacing: .02em; }
.cterm-body { padding: 18px; font-size: 13px; line-height: 1.75; color: #d7dccb; min-height: 250px; }
.cterm-line { opacity: 0; }
.in .cterm-line { animation: hmFade .35s ease both; }
.in .cterm-l1 { animation-delay: .2s; } .in .cterm-l2 { animation-delay: 1.3s; } .in .cterm-l3 { animation-delay: 1.7s; }
.in .cterm-l4 { animation-delay: 2.1s; } .in .cterm-l5 { animation-delay: 3.0s; } .in .cterm-l6 { animation-delay: 3.5s; }
.cterm .pr { color: var(--green); }
.cterm .cmd { color: var(--yellow); }
.cterm .typed { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: bottom; width: 9ch; }
.in .cterm .typed { width: 0; animation: ctype .9s steps(9) .35s forwards; }
.cterm .muted { color: var(--on-dark-muted); }
.cterm .ok { color: var(--green); font-weight: 700; }
.cterm .cur { display: inline-block; width: 7px; height: 15px; background: var(--yellow); vertical-align: -2px; margin-left: 2px; animation: cblink 1s steps(1) infinite; }
@keyframes cblink { 50% { opacity: 0; } }
.cterm .run-dots::after { content: ""; animation: cdots 1.2s steps(1) infinite; }
@keyframes cdots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } }
/* piaci körkép: donut + görbe */
.ai-land { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 920px) { .ai-land { grid-template-columns: 1fr 1fr; } }
.ai-panel { border: 1px solid var(--border); border-radius: 18px; background: var(--bg); padding: 24px; box-shadow: var(--shadow); }
.ai-panel .pt { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--green-d); margin-bottom: 18px; }
.donut-wrap { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.donut { position: relative; width: 168px; height: 168px; flex: none; }
.donut svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.donut-c { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.donut-c b { font-size: 32px; font-weight: 900; color: var(--ink-strong); line-height: 1; }
.donut-c span { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.donut-leg { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.donut-leg .lr { display: flex; gap: 9px; align-items: baseline; font-size: 13px; color: var(--ink-soft); }
.donut-leg .lr i { width: 11px; height: 11px; border-radius: 3px; flex: none; position: relative; top: 1px; }
.donut-leg .lr b { color: var(--ink-strong); } .donut-leg .lr .n { color: var(--muted); font-size: 12px; }
.donut-leg .lr.hl { font-weight: 700; }
.donut-tag { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; font-size: 12.5px; font-weight: 700; color: var(--green-d); background: color-mix(in srgb, var(--green) 14%, transparent); border: 1px solid color-mix(in srgb, var(--green) 40%, transparent); border-radius: 999px; padding: 6px 13px; }
.aicurve { position: relative; height: 240px; }
.aicurve svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.aicurve .cv { fill: none; stroke: var(--ink-strong); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: var(--len,520); stroke-dashoffset: var(--len,520); }
.in .aicurve .cv { animation: hmDraw 1.6s cubic-bezier(.4,0,.2,1) .3s both; }
.aibox { position: absolute; border-radius: 10px; padding: 8px 12px; font-size: 12.5px; font-weight: 800; line-height: 1.25; }
.aibox small { display: block; font-weight: 600; font-size: 11px; opacity: .8; }
.aibox.enh { left: 0; bottom: 6px; background: color-mix(in srgb, var(--green) 16%, var(--bg)); border: 1px solid color-mix(in srgb, var(--green) 45%, var(--line)); color: var(--green-d); }
.aibox.nat { right: 0; top: 4px; background: color-mix(in srgb, var(--yellow-solid,#fcd21d) 20%, var(--bg)); border: 1px solid color-mix(in srgb, var(--yellow) 55%, var(--line)); color: var(--ink-strong); }
.aidot { position: absolute; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%,-50%); }
.aidot.grey { background: var(--muted); left: 46%; top: 52%; }
.aidot.mk { background: var(--yellow-solid,#fcd21d); box-shadow: 0 0 0 5px rgba(252,210,29,.2); left: 72%; top: 30%; opacity: 0; }
.in .aidot.mk { animation: hmFade .4s ease 1.6s both, hmPulse 2.4s ease-in-out 2s infinite; }
.ailab { position: absolute; font-size: 11.5px; font-weight: 700; color: var(--muted); }
.ailab.grey { left: 40%; top: 60%; }
.ailab.mk { left: 60%; top: 17%; color: var(--green-d); }
@media (prefers-reduced-motion: reduce) {
.cterm-line, .aidot.mk { opacity: 1 !important; }
.cterm .typed { width: 9ch !important; animation: none !important; }
.aicurve .cv { stroke-dashoffset: 0 !important; }
}
/* garancia-kártyák (v28) */
.hm-guar { position: relative; overflow: hidden; }
.hm-guar .hm-guar-n { position: absolute; top: 16px; right: 20px; font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.04em; color: color-mix(in srgb, var(--green) 26%, transparent); pointer-events: none; }
.hm-guar .icowrap { border: 1.5px solid var(--border); color: var(--green-d); background: transparent; }
.hm-guar.feat { background: var(--charcoal); border-color: var(--charcoal); display: flex; flex-direction: column; justify-content: center; }
.hm-guar.feat h3 { color: var(--on-dark); font-size: 20px; line-height: 1.25; }
.hm-guar.feat p { color: var(--on-dark-muted); margin-top: 12px; }
/* garancia pajzs-vízjel */
.hm-shieldmark { position: absolute; right: -30px; top: -40px; width: 300px; height: 300px; color: var(--yellow); opacity: .09; pointer-events: none; }
/* ===== Szolgáltatások áttekintő (v29) ===== */
.pg-svc .svc-hero { display: grid; gap: 40px; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 980px) { .pg-svc .svc-hero { grid-template-columns: 1.06fr .94fr; gap: 56px; } }
.svc-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.svc-meta span { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--on-dark-muted); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 7px 14px; }
.svc-meta span b { color: var(--yellow); font-size: 13px; }
/* végrehajtási réteg — rétegzett stack vizual */
.svcstack { position: relative; border-radius: 24px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 26px; box-shadow: 0 34px 90px -34px rgba(0,0,0,.6); overflow: hidden; }
.ss-cap { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.ss-goal { display: inline-flex; align-items: center; gap: 8px; background: var(--yellow); color: #20241f; font-size: 11.5px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; border-radius: 999px; padding: 7px 14px; }
.ss-goal .ico { width: 15px; height: 15px; }
.ss-cap .ss-sub { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--on-dark-muted); }
.ss-body { display: grid; grid-template-columns: 1fr 38px; gap: 14px; align-items: stretch; }
.ss-deck { display: flex; flex-direction: column; gap: 11px; }
.ss-plate { position: relative; display: flex; align-items: center; gap: 13px; padding: 17px 18px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.11); box-shadow: 0 16px 34px -20px rgba(0,0,0,.75); opacity: 0; }
.in .ss-plate { animation: ssIn .55s cubic-bezier(.22,.61,.36,1) var(--d, .2s) both; }
@keyframes ssIn { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: none; } }
.ss-plate .n { flex: none; font-size: 12px; font-weight: 900; color: var(--yellow); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.ss-plate .t { flex: 1; min-width: 0; font-size: 14px; font-weight: 800; color: var(--on-dark); line-height: 1.3; letter-spacing: -.01em; }
.ss-plate .t small { display: block; font-size: 11px; font-weight: 600; color: var(--on-dark-muted); letter-spacing: 0; margin-top: 3px; }
.ss-plate .dots { flex: none; display: flex; gap: 4px; }
.ss-plate .dots i { width: 6px; height: 14px; border-radius: 2px; background: rgba(255,255,255,.22); display: block; }
.ss-plate.p1 .dots i { background: var(--green); }
.ss-plate.p2 .dots i { background: var(--green-d); }
.ss-plate.p3 .dots i { background: var(--yellow); }
.ss-arrow { position: relative; }
.ss-arrow::before { content: ""; position: absolute; left: 50%; margin-left: -1.5px; top: 13px; bottom: 4px; width: 3px; border-radius: 2px; background: linear-gradient(180deg, var(--yellow), rgba(252,210,29,.12)); transform: scaleY(0); transform-origin: bottom; }
.in .ss-arrow::before { animation: hmBarV .9s cubic-bezier(.4,0,.2,1) .55s both; }
.ss-arrow::after { content: ""; position: absolute; left: 50%; top: 0; margin-left: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 12px solid var(--yellow); opacity: 0; }
.in .ss-arrow::after { animation: hmFade .4s ease 1.35s both; }
.ss-foot { margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 11.5px; color: var(--on-dark-muted); }
.ss-foot b { color: var(--yellow); font-variant-numeric: tabular-nums; }
/* csoport-fejléc sáv */
.svc-band { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 2px solid var(--ink-strong); }
.svc-band .bn { display: block; font-size: 12px; font-weight: 900; letter-spacing: .12em; color: var(--green-d); }
.svc-band .bt { margin-top: 8px; font-size: clamp(24px, 3.2vw, 34px); font-weight: 900; letter-spacing: -.03em; line-height: 1.08; color: var(--ink-strong); }
.svc-band .bc { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.section.dark .svc-band { border-bottom-color: rgba(255,255,255,.28); }
.section.dark .svc-band .bn { color: var(--yellow); }
.section.dark .svc-band .bt { color: var(--on-dark); }
.section.dark .svc-band .bc { color: var(--on-dark-muted); }
/* szolgáltatás-sorok (index-lista) */
.svc-list { --acc: var(--green-d); --bar: var(--yellow); display: grid; grid-template-columns: 1fr; column-gap: 34px; }
.svc-list.two { grid-template-columns: 1fr; }
@media (min-width: 900px) { .svc-list.two { grid-template-columns: 1fr 1fr; } }
.svc-row { position: relative; display: grid; grid-template-columns: 30px 1fr 34px; align-items: center; gap: 16px; padding: 21px 12px 21px 8px; border-bottom: 1px solid var(--border); text-decoration: none; cursor: pointer; transition: background .22s ease; }
.svc-row::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 2px; background: var(--bar); transform: scaleY(0); transition: transform .25s cubic-bezier(.4,0,.2,1); }
.svc-row:hover { background: color-mix(in srgb, var(--acc) 6%, transparent); }
.svc-row:hover::before { transform: scaleY(1); }
.svc-row > .ico { width: 26px; height: 26px; color: var(--acc); transition: transform .25s ease; }
.svc-row:hover > .ico { transform: scale(1.12) rotate(-6deg); }
.svc-row h3 { font-size: 17px; font-weight: 800; letter-spacing: -.02em; color: var(--ink-strong); line-height: 1.25; }
.svc-row p { margin-top: 5px; font-size: 13.5px; color: var(--muted); line-height: 1.5; }
.svc-arr { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--border); display: grid; place-items: center; color: var(--ink-strong); transition: background .22s ease, border-color .22s ease, transform .22s ease; }
.svc-arr .ico { width: 16px; height: 16px; }
.svc-row:hover .svc-arr { background: var(--yellow); border-color: var(--yellow); transform: translateX(4px); }
.sec-green .svc-row:hover { background: rgba(255,255,255,.62); }
.section.dark .svc-row { border-bottom-color: rgba(255,255,255,.12); }
.section.dark .svc-row h3 { color: var(--on-dark); }
.section.dark .svc-row p { color: var(--on-dark-muted); }
.section.dark .svc-row .svc-arr { border-color: rgba(255,255,255,.24); color: var(--on-dark); }
.section.dark .svc-row:hover { background: rgba(255,255,255,.05); }
@media (max-width: 560px) { .svc-row { grid-template-columns: 26px 1fr; gap: 13px; } .svc-row .svc-arr { display: none; } }
@media (prefers-reduced-motion: reduce) {
.ss-plate { opacity: 1 !important; }
.ss-arrow::before { transform: none !important; }
.ss-arrow::after { opacity: 1 !important; }
}
/* ===== Rólunk oldal (v29) ===== */
.tm-strip { margin: 0; }
.tm-strip figcaption a { color: var(--green-d); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.tm-collage { margin: 0; }
.tm-collage figcaption { margin-top: 12px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.tm-strip img { display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.tm-strip figcaption { margin-top: 18px; text-align: center; font-size: 13px; font-weight: 700; color: var(--muted); }
.tm-strip figcaption b { color: var(--ink-strong); }
.tm-group + .tm-group { margin-top: 38px; }
.tm-gt { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--green-d); }
.tm-gt::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.tm-gt em { font-style: normal; font-weight: 700; letter-spacing: .04em; color: var(--muted); }
.tm-grid { display: grid; gap: 20px 18px; grid-template-columns: repeat(2, 1fr); margin-top: 20px; }
@media (min-width: 620px) { .tm-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 940px) { .tm-grid { grid-template-columns: repeat(5, 1fr); } }
.tm-ph { position: relative; border-radius: 16px; overflow: hidden; background: var(--surface-2); aspect-ratio: 1 / 1; }
.tm-ph img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.22,.61,.36,1); }
.tm-ph::after { content: ""; position: absolute; inset: 0; border-radius: 16px; box-shadow: inset 0 0 0 0 var(--yellow); transition: box-shadow .25s ease; pointer-events: none; }
.tm:hover .tm-ph img { transform: scale(1.07); }
.tm:hover .tm-ph::after { box-shadow: inset 0 0 0 3px var(--yellow); }
.tm h4 { margin: 13px 0 0; font-size: 14.5px; font-weight: 800; letter-spacing: -.015em; color: var(--ink-strong); line-height: 1.25; }
.tm p { margin: 4px 0 0; font-size: 12px; font-weight: 600; color: var(--muted); line-height: 1.35; }
/* elveink · credo-lista sötét sávon */
.credo { list-style: none; padding: 0; margin: 26px 0 0; }
.credo li { display: flex; gap: 18px; align-items: baseline; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: clamp(17px, 2.1vw, 22px); font-weight: 800; letter-spacing: -.02em; color: var(--on-dark); line-height: 1.3; }
.credo li:first-child { border-top: 1px solid rgba(255,255,255,.12); }
.credo li i { font-style: normal; font-size: 12px; font-weight: 900; color: var(--yellow); font-variant-numeric: tabular-nums; flex: none; letter-spacing: .04em; }
/* ===== Esettanulmány-vizuálok + csapatfotók (v38) ===== */
.cs-thumb { margin: -22px -22px 18px; border-radius: 17px 17px 0 0; overflow: hidden;
aspect-ratio: 16 / 10; background: #101310; }
.cs-thumb img { width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.cs-card:hover .cs-thumb img { transform: scale(1.055); }
.cs-showband { padding: 46px 0 10px; }
.cs-shot { margin: 0 auto; max-width: 1040px; }
.cs-shot img { display: block; width: 100%; height: auto; border-radius: 18px;
box-shadow: 0 40px 90px -46px rgba(0,0,0,.55); }
.cs-shot figcaption { margin-top: 14px; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.tm-wide { margin: 0 auto; max-width: 1100px; }
.tm-wide img { display: block; width: 100%; height: auto; border-radius: 18px;
box-shadow: 0 34px 80px -46px rgba(0,0,0,.45); }
.tm-wide figcaption { margin-top: 12px; font-size: 12.5px; font-weight: 600; color: var(--muted); }
/* ===== Kreatív-galériák (v39) ===== */
.kwrap { background: linear-gradient(180deg, var(--surface) 0%, var(--bg) 70%); }
.kdark { background: #14170f; }
.kboards { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .kboards { grid-template-columns: 1fr 1fr; } }
.kboard { margin: 0; border-radius: 18px; overflow: hidden; background: var(--surface-2);
box-shadow: 0 30px 66px -42px rgba(0,0,0,.45); position: relative;
transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease; }
.kboard img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
transition: transform .7s cubic-bezier(.22,.61,.36,1); }
.kboard:hover { transform: translateY(-5px); box-shadow: 0 40px 84px -40px rgba(0,0,0,.5); }
.kboard:hover img { transform: scale(1.045); }
.kboard figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 20px 16px;
background: linear-gradient(180deg, transparent, rgba(0,0,0,.78)); color: #fff; }
.kboard figcaption b { display: block; font-size: 17px; font-weight: 900; letter-spacing: -.02em; }
.kboard figcaption span { display: block; margin-top: 3px; font-size: 12px; font-weight: 600;
color: rgba(255,255,255,.74); }
.kboard::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; z-index: 2;
background: var(--kacc, var(--yellow)); }
.kboard.b1 { --kacc: #c9a227; } .kboard.b2 { --kacc: #7c5cff; } .kboard.b3 { --kacc: #ff5a9e; }
.kboard.b4 { --kacc: #ff4632; } .kboard.b5 { --kacc: #16b45a; } .kboard.b6 { --kacc: #2f7bff; }
.kgrid { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 700px) { .kgrid { grid-template-columns: repeat(4, 1fr); } }
.kgrid.four { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 700px) { .kgrid.four { grid-template-columns: repeat(4, 1fr); } }
.kcell { border-radius: 14px; overflow: hidden; background: #0e1109; aspect-ratio: 1 / 1;
transition: transform .35s cubic-bezier(.22,.61,.36,1); }
.kcell.wide img { object-fit: contain; padding: 5px; }
.kcell img { display: block; width: 100%; height: 100%; object-fit: cover;
transition: transform .7s cubic-bezier(.22,.61,.36,1); }
.kcell:hover { transform: translateY(-4px); }
.kcell:hover img { transform: scale(1.07); }
.kband-head { display: grid; gap: 20px; align-items: end; }
@media (min-width: 860px) { .kband-head { grid-template-columns: 1fr auto; } }
.kstrip { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 620px) { .kstrip { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px) { .kstrip { grid-template-columns: repeat(6, 1fr); } }
.kstrip .kcell:nth-child(even) { transform: translateY(14px); }
.kstrip .kcell:nth-child(even):hover { transform: translateY(10px); }
/* ===== Ferde szekció-elválasztók (v39) ===== */
/* v76: a ferde él MARAD, de egész pixeles geometriával — lásd a
patch_v76.py magyarázatát. A `--wedge` szándékosan px, nem vw. */
.diag-b, .diag-t, .diag-tb { --wedge: 34px;
transform: translateZ(0); backface-visibility: hidden; }
.diag-b { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--wedge)), 0 100%);
padding-bottom: calc(62px + var(--wedge)) !important; }
.diag-t { clip-path: polygon(0 var(--wedge), 100% 0, 100% 100%, 0 100%);
padding-top: calc(62px + var(--wedge)) !important; }
.diag-tb { clip-path: polygon(0 var(--wedge), 100% 0, 100% calc(100% - var(--wedge)), 0 100%);
padding-top: calc(46px + var(--wedge)) !important;
padding-bottom: calc(46px + var(--wedge)) !important; }
@media (max-width: 900px) { .diag-b, .diag-t, .diag-tb { --wedge: 22px; } }
/* a marquee-track külön rétegen fusson, hogy ne a clipelt szekciót
kelljen minden képkockán újravágni (ez adta a remegést az él mentén) */
.diag-b .hm-mtrack, .diag-t .hm-mtrack, .diag-tb .hm-mtrack {
will-change: transform; }
@media (prefers-reduced-motion: no-preference) { }
@media (max-width: 560px) {
.diag-b, .diag-t, .diag-tb { clip-path: none; }
}
/* ===== Szegmens-színkódolás (v39) ===== */
.cs-grid .cs-card { --acc: var(--green-d); }
.cs-grid .cs-card:nth-child(6n+1) { --acc: #c9a227; }
.cs-grid .cs-card:nth-child(6n+2) { --acc: #16b45a; }
.cs-grid .cs-card:nth-child(6n+3) { --acc: #7c5cff; }
.cs-grid .cs-card:nth-child(6n+4) { --acc: #ff5a3c; }
.cs-grid .cs-card:nth-child(6n+5) { --acc: #2f7bff; }
.cs-grid .cs-card:nth-child(6n+6) { --acc: #17b3a3; }
.cs-thumb { position: relative; }
.cs-thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
background: var(--acc); z-index: 2; }
.cs-card:hover { border-color: var(--acc); }
.cs-card:hover .go { color: var(--acc); }
.refwall .tm-group { --acc: var(--green-d); }
.refwall .tm-group:nth-of-type(1) { --acc: #16b45a; }
.refwall .tm-group:nth-of-type(2) { --acc: #2f7bff; }
.refwall .tm-group:nth-of-type(3) { --acc: #ff5a9e; }
.refwall .tm-group:nth-of-type(4) { --acc: #c9a227; }
.refwall .tm-group:nth-of-type(5) { --acc: #17b3a3; }
.refwall .tm-group:nth-of-type(6) { --acc: #7c5cff; }
.refwall .tm-group:nth-of-type(7) { --acc: #ff5a3c; }
.refwall .tm-gt { color: var(--acc); }
.refwall .reflogo:hover { border-color: var(--acc); }
/* ===== Minősítés-badge-ek valódi logóval (v39) ===== */
.certimg { display: inline-grid; place-items: center; height: 62px; padding: 10px 20px;
border: 1px solid var(--border); border-radius: 14px; background: var(--bg);
transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.certimg img { max-height: 34px; max-width: 148px; width: auto; height: auto; display: block;
filter: grayscale(1); opacity: .78; transition: filter .28s ease, opacity .28s ease; }
.certimg:hover { border-color: var(--ink-strong); transform: translateY(-3px);
box-shadow: 0 18px 40px -26px rgba(0,0,0,.35); }
.certimg:hover img { filter: none; opacity: 1; }
/* ===== Valódi logók (v38) ===== */
.reflogo img { max-height: 56px; object-fit: contain; mix-blend-mode: normal; }
.hm-mset img { height: 30px; width: auto; display: block; flex: none;
filter: brightness(0) invert(1); opacity: .62; transition: opacity .25s ease; }
.hm-marquee:hover .hm-mset img { opacity: .85; }
.platmark { display: inline-grid; place-items: center; width: 46px; height: 46px;
border-radius: 12px; border: 1.5px solid var(--border); background: var(--bg);
margin-bottom: 14px; transition: border-color .25s ease, transform .25s ease; }
.platmark img { width: 28px; height: 28px; object-fit: contain; display: block; }
.card:hover .platmark { border-color: var(--green-d); transform: rotate(-5deg); }
.techrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.techlogo { display: inline-flex; align-items: center; padding: 9px 15px; border-radius: 11px;
border: 1px solid var(--border); background: var(--bg); }
.techlogo img { height: 22px; width: auto; display: block; }
.techrow.on-dark { margin-top: 16px; }
.techrow.on-dark .techlogo { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.94); }
.techlead { margin: 30px 0 0; font-size: 14.5px; color: var(--muted); font-weight: 600; }
/* ===== Referenciák oldal (v29) ===== */
.reflogos { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); margin-top: 18px; }
@media (min-width: 560px) { .reflogos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .reflogos { grid-template-columns: repeat(5, 1fr); } }
.reflogo { display: grid; place-items: center; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); padding: 16px 14px; min-height: 96px; transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.reflogo img { display: block; width: 100%; max-width: 148px; height: auto; filter: grayscale(1); opacity: .8; transition: filter .28s ease, opacity .28s ease; mix-blend-mode: multiply; }
.reflogo:hover { border-color: var(--ink-strong); transform: translateY(-3px); box-shadow: 0 18px 40px -26px rgba(0,0,0,.35); }
.reflogo:hover img { filter: none; opacity: 1; }
/* médiamegjelenés-wordmarkok */
.medlogos { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.medlogo { display: inline-flex; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); border-radius: 12px; padding: 15px 22px; font-size: 17px; font-weight: 900; letter-spacing: -.02em; color: var(--on-dark); }
.medlogo i { width: 8px; height: 8px; border-radius: 50%; background: var(--yellow); flex: none; }
/* ===== BLOG HUB (v30) ===== */
.bp-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.bp-chip { font-family: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; color: var(--on-dark); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 11px 18px; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.bp-chip b { font-size: 12px; font-weight: 900; color: var(--yellow); }
.bp-chip:hover { background: var(--yellow); border-color: var(--yellow); color: #20241f; transform: translateY(-2px); }
.bp-chip:hover b { color: #20241f; }
/* kiemelt cikk */
.bp-feat { display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--border); border-radius: 22px; overflow: hidden; background: var(--bg); cursor: pointer; box-shadow: 0 26px 60px -40px rgba(0,0,0,.4); transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, border-color .2s ease; }
@media (min-width: 900px) { .bp-feat { grid-template-columns: 1.05fr .95fr; } }
.bp-feat:hover { transform: translateY(-4px); border-color: var(--ink-strong); box-shadow: 0 34px 74px -40px rgba(0,0,0,.5); }
.bp-feat-ph { position: relative; overflow: hidden; min-height: 240px; background: var(--surface-2); }
.bp-feat-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.bp-feat:hover .bp-feat-ph img { transform: scale(1.05); }
.bp-feat-tx { padding: 34px 32px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.bp-eyebrow { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--green-d); }
.bp-feat-tx h2 { margin-top: 12px; font-size: clamp(21px, 2.5vw, 29px); font-weight: 900; letter-spacing: -.03em; line-height: 1.2; color: var(--ink-strong); }
.bp-feat-tx p { margin-top: 12px; font-size: 14.5px; color: var(--muted); line-height: 1.65; }
/* csoport-sáv */
.bp-band { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 2px solid var(--ink-strong); }
.bp-band .bn { display: block; font-size: 12px; font-weight: 900; letter-spacing: .12em; color: var(--green-d); }
.bp-band .bt { margin-top: 8px; font-size: clamp(24px, 3.2vw, 34px); font-weight: 900; letter-spacing: -.03em; line-height: 1.08; color: var(--ink-strong); }
.bp-band .bd { margin-top: 8px; font-size: 14.5px; color: var(--muted); max-width: 54ch; }
.bp-band .bc { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
/* cikk-kártyák */
.bp-grid { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 620px) { .bp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .bp-grid { grid-template-columns: repeat(3, 1fr); } }
.bp-card { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: var(--bg); cursor: pointer; transition: transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, border-color .2s ease; }
.bp-card:hover { transform: translateY(-5px); border-color: var(--ink-strong); box-shadow: 0 26px 54px -34px rgba(0,0,0,.42); }
.bp-ph { position: relative; aspect-ratio: 2 / 1; overflow: hidden; background: var(--surface-2); }
.bp-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.bp-card:hover .bp-ph img { transform: scale(1.06); }
.bp-body { padding: 20px 20px 18px; display: flex; flex-direction: column; flex: 1; }
.bp-cat { align-self: flex-start; font-size: 10.5px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-strong); background: color-mix(in srgb, var(--yellow) 30%, transparent); border-radius: 999px; padding: 5px 11px; }
.bp-cat.on-dark { color: #20241f; background: var(--yellow); }
.bp-body h3 { margin-top: 12px; font-size: 16.5px; font-weight: 800; letter-spacing: -.02em; line-height: 1.3; color: var(--ink-strong); }
.bp-body p { margin-top: 9px; font-size: 13.5px; color: var(--muted); line-height: 1.55; }
.bp-meta { margin-top: auto; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.bp-read { font-size: 12px; font-weight: 700; color: var(--muted); display: inline-flex; align-items: center; gap: 7px; }
.bp-read::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-d); }
.bp-go { font-size: 13px; font-weight: 800; color: var(--ink-strong); }
.bp-card:hover .bp-go { color: var(--green-d); }
.bp-card:hover .bp-go .arr { transform: translateX(4px); }
.sec-green .bp-card { background: var(--bg); border-color: #dbe8c4; }
.bp-hidden { display: none; }
.bp-more { min-width: 240px; }
.bp-more-note { margin-top: 14px; font-size: 13.5px; color: var(--muted); }
/* ===== BLOGCIKK (v30) ===== */
.artprog { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: transparent; z-index: 60; pointer-events: none; }
.artprog i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--green), var(--yellow)); transition: width .1s linear; }
.artcats { display: flex; gap: 8px; flex-wrap: wrap; }
.artmeta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); }
.artauthor { display: inline-flex; align-items: center; gap: 11px; font-size: 13.5px; color: var(--on-dark); }
.artauthor img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid var(--yellow); flex: none; }
.artauthor b { font-weight: 800; }
.artauthor small { color: var(--on-dark-muted); font-size: 12.5px; }
.artauthor.sm img { width: 30px; height: 30px; border-width: 1.5px; }
.artauthor.sm { color: var(--ink-strong); font-size: 12.5px; }
.artmi { font-size: 13px; color: var(--on-dark-muted); }
.artmi b { color: var(--yellow); }
.artcover { margin: -46px 0 0; position: relative; z-index: 2; }
.artcover img { display: block; width: 100%; height: auto; border-radius: 20px; border: 1px solid var(--border); box-shadow: 0 34px 80px -40px rgba(0,0,0,.5); background: #fff; }
.artwrap { display: grid; grid-template-columns: 1fr; gap: 34px; }
@media (min-width: 1000px) { .artwrap { grid-template-columns: 250px minmax(0, 1fr); gap: 54px; } }
.arttoc-in { border-left: 2px solid var(--border); padding-left: 18px; }
@media (min-width: 1000px) { .arttoc { position: sticky; top: 92px; align-self: start; max-height: calc(100vh - 130px); overflow-y: auto; } }
@media (max-width: 999px) { .arttoc-in { border: 1px solid var(--border); border-left-width: 3px; border-left-color: var(--yellow); border-radius: 12px; padding: 18px; background: var(--surface); } }
.arttoc-t { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--green-d); margin-bottom: 12px; }
.arttoc-nav { display: flex; flex-direction: column; gap: 2px; }
.tocl { display: block; font-size: 13px; line-height: 1.4; color: var(--muted); padding: 7px 10px 7px 12px; border-radius: 8px; cursor: pointer; border-left: 2px solid transparent; margin-left: -14px; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.tocl.sub { padding-left: 22px; font-size: 12.5px; }
.tocl:hover { color: var(--ink-strong); background: var(--surface); }
.tocl.on { color: var(--ink-strong); font-weight: 800; border-left-color: var(--yellow); background: color-mix(in srgb, var(--yellow) 12%, transparent); }
.art { max-width: 72ch; }
.art > p { margin: 0 0 20px; font-size: 16.5px; line-height: 1.78; color: var(--ink); }
.art > p strong, .art > p b { color: var(--ink-strong); font-weight: 700; }
.art a { color: var(--green-d); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.art h2 { margin: 46px 0 16px; font-size: clamp(23px, 2.7vw, 30px); font-weight: 900; letter-spacing: -.03em; line-height: 1.2; color: var(--ink-strong); scroll-margin-top: 100px; }
.art h3 { margin: 38px 0 14px; font-size: clamp(19px, 2.2vw, 23px); font-weight: 800; letter-spacing: -.025em; line-height: 1.25; color: var(--ink-strong); scroll-margin-top: 100px; padding-left: 16px; border-left: 4px solid var(--yellow); }
.artul { margin: 0 0 22px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.artul li { position: relative; padding-left: 26px; font-size: 16px; line-height: 1.7; color: var(--ink); }
.artul li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 8px; height: 8px; border-radius: 2px; background: var(--green-d); }
.artfig { margin: 34px 0; }
.artfig img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 24px 54px -34px rgba(0,0,0,.4); }
.artfig figcaption { margin-top: 11px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.artkey { border-radius: 18px; background: var(--surface); border: 1px solid var(--border); border-left: 4px solid var(--yellow); padding: 24px 26px; margin-bottom: 34px; }
.artkey-t { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--green-d); }
.artkey ul { margin: 14px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 11px; }
.artkey li { position: relative; padding-left: 26px; font-size: 15px; line-height: 1.6; color: var(--ink); }
.artkey li::before { content: ""; position: absolute; left: 3px; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--yellow); }
.artkey li b { color: var(--ink-strong); }
.artsrc { margin: 18px 0 0; padding: 0; list-style: none; counter-reset: src; display: flex; flex-direction: column; gap: 10px; }
.artsrc li { counter-increment: src; display: flex; gap: 12px; align-items: baseline; font-size: 13.5px; line-height: 1.55; color: var(--muted); padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.artsrc li::before { content: counter(src, decimal-leading-zero); font-size: 11px; font-weight: 900; color: var(--green-d); flex: none; font-variant-numeric: tabular-nums; }
.artsrc li a { flex: none; white-space: nowrap; }
.artcta { margin-top: 44px; border-radius: 20px; background: var(--charcoal); padding: 30px; display: grid; gap: 20px; align-items: center; }
@media (min-width: 720px) { .artcta { grid-template-columns: 1fr auto; gap: 28px; } }
.artcta-t { font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--on-dark); line-height: 1.25; }
.artcta-d { margin-top: 10px; font-size: 14.5px; color: var(--on-dark-muted); line-height: 1.6; }
/* ===== ESETTANULMÁNYOK (v33) ===== */
.cs-grid { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 680px) { .cs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .cs-grid { grid-template-columns: repeat(3, 1fr); } }
.cs-card { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 18px; background: var(--bg); padding: 22px; text-decoration: none; cursor: pointer; transition: transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, border-color .2s ease; }
.cs-card:hover { transform: translateY(-5px); border-color: var(--ink-strong); box-shadow: 0 26px 54px -34px rgba(0,0,0,.42); }
.cs-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.cs-card-kpi { text-align: right; flex: none; }
.cs-card-kpi b { display: block; font-size: clamp(22px, 2.4vw, 28px); font-weight: 900; letter-spacing: -.04em; color: var(--ink-strong); line-height: 1; font-variant-numeric: tabular-nums; }
.cs-card-kpi span { display: block; margin-top: 4px; font-size: 11px; font-weight: 700; color: var(--muted); max-width: 15ch; line-height: 1.3; }
.cs-card h3 { margin-top: 18px; font-size: 19px; font-weight: 900; letter-spacing: -.025em; color: var(--ink-strong); }
.cs-card p { margin-top: 8px; font-size: 13.5px; color: var(--muted); line-height: 1.55; flex: 1; }
.cs-card .go { margin-top: 16px; font-size: 13px; font-weight: 800; color: var(--ink-strong); }
.cs-card:hover .go { color: var(--green-d); }
.cs-card:hover .go .arr { transform: translateX(4px); }
.cs-hero { display: grid; gap: 36px; grid-template-columns: 1fr; align-items: center; margin-top: 6px; }
@media (min-width: 980px) { .cs-hero { grid-template-columns: 1.1fr .9fr; gap: 50px; } }
.cs-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.cs-kpi { border-radius: 16px; background: linear-gradient(160deg, var(--charcoal-2), #22271f); border: 1px solid rgba(255,255,255,.1); padding: 20px 18px; }
.cs-kpi .v { font-size: clamp(23px, 2.4vw, 30px); font-weight: 900; letter-spacing: -.04em; color: var(--yellow); line-height: 1.05; font-variant-numeric: tabular-nums; }
.cs-kpi .l { margin-top: 8px; font-size: 12px; color: var(--on-dark-muted); line-height: 1.4; }
.cs-kpis.light { margin-top: 22px; }
.cs-kpis.light .cs-kpi { background: var(--surface); border-color: var(--border); }
.cs-kpis.light .cs-kpi .v { color: var(--ink-strong); }
.cs-kpis.light .cs-kpi .l { color: var(--muted); }
.cs-meta { display: grid; gap: 0; grid-template-columns: 1fr; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; }
@media (min-width: 760px) { .cs-meta { grid-template-columns: repeat(4, 1fr); } }
.cs-mrow { padding: 16px 18px; border-bottom: 1px solid var(--border); }
@media (min-width: 760px) { .cs-mrow { border-bottom: none; border-right: 1px solid var(--border); } .cs-mrow:last-child { border-right: none; } }
.cs-mrow:last-child { border-bottom: none; }
.cs-mrow span { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--muted); }
.cs-mrow b { display: block; margin-top: 6px; font-size: 14.5px; font-weight: 800; color: var(--ink-strong); letter-spacing: -.01em; }
.cs-body { max-width: 900px; }
.cs-block { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 30px 0; border-top: 1px solid var(--border); }
@media (min-width: 720px) { .cs-block { grid-template-columns: 62px 1fr; gap: 26px; } }
.cs-block:first-child { border-top: none; padding-top: 6px; }
.cs-num { font-size: 13px; font-weight: 900; letter-spacing: .06em; color: var(--green-d); padding-top: 6px; }
.cs-txt h2.title { font-size: clamp(21px, 2.5vw, 27px); }
.cs-txt p { margin: 14px 0 0; font-size: 15.5px; line-height: 1.75; color: var(--ink); }
.cs-chlabel { margin-top: 22px !important; font-size: 11px !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted) !important; }
.cs-txt .plat-list { margin-top: 12px; }
.cs-res .cs-txt { border-left: 3px solid var(--yellow); padding-left: 20px; margin-left: -2px; }
.cs-relgrid { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .cs-relgrid { grid-template-columns: repeat(3, 1fr); } }
.cs-rel { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 16px; background: var(--bg); padding: 20px; text-decoration: none; cursor: pointer; transition: transform .22s ease, border-color .2s ease, box-shadow .22s ease; }
.cs-rel:hover { transform: translateY(-4px); border-color: var(--ink-strong); box-shadow: 0 20px 44px -30px rgba(0,0,0,.4); }
.cs-rel h3 { margin-top: 12px; font-size: 16px; font-weight: 800; letter-spacing: -.02em; color: var(--ink-strong); }
.cs-rel p { margin-top: 8px; font-size: 13px; color: var(--muted); line-height: 1.5; flex: 1; }
.cs-rel .go { margin-top: 14px; font-size: 12.5px; font-weight: 800; color: var(--ink-strong); }
.cs-rel:hover .go { color: var(--green-d); }
/* ===== KAPCSOLAT OLDAL (v33) ===== */
.ct-hero { display: grid; gap: 34px; grid-template-columns: 1fr; align-items: start; margin-top: 6px; }
@media (min-width: 980px) { .ct-hero { grid-template-columns: 1fr 1fr; gap: 52px; } }
.ct-trust { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-direction: column; gap: 12px; }
.ct-trust li { position: relative; padding-left: 30px; font-size: 14.5px; color: var(--on-dark-muted); line-height: 1.5; }
.ct-trust li b { color: var(--on-dark); font-weight: 800; }
.ct-trust li::before { content: "✓"; position: absolute; left: 0; top: -1px; width: 20px; height: 20px; border-radius: 50%; background: var(--yellow); color: #20241f; font-size: 12px; font-weight: 900; display: grid; place-items: center; }
.ct-formwrap { position: relative; }
.ct-formtop { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--yellow); margin-bottom: 12px; }
.ct-formwrap .card { background: var(--bg); }
.ct-alt { margin-top: 16px; font-size: 13px; color: var(--on-dark-muted); text-align: center; }
.ct-alt a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.ct-guarantee { margin-top: 30px; border-radius: 18px; background: var(--charcoal); padding: 26px 28px; display: grid; gap: 18px; align-items: center; }
@media (min-width: 760px) { .ct-guarantee { grid-template-columns: 1fr auto; gap: 26px; } }
.ct-gt { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--yellow); }
.ct-gd { margin-top: 10px; font-size: 14.5px; color: var(--on-dark-muted); line-height: 1.65; }
.ct-guarantee .btn-ghost { border-color: rgba(255,255,255,.3); color: var(--on-dark); }
.ct-guarantee .btn-ghost:hover { background: var(--charcoal-2); }
.ct-proof { border: 1px solid var(--border); border-radius: 18px; padding: 26px 28px; }
.ct-proofnums { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (min-width: 720px) { .ct-proofnums { grid-template-columns: repeat(4, 1fr); } }
.ct-proofnums b { display: block; font-size: clamp(24px, 2.6vw, 32px); font-weight: 900; letter-spacing: -.04em; color: var(--ink-strong); line-height: 1; font-variant-numeric: tabular-nums; }
.ct-proofnums span { display: block; margin-top: 7px; font-size: 12.5px; color: var(--muted); }
.ct-prooftxt { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border); font-size: 14.5px; color: var(--muted); line-height: 1.65; }
.ct-prooftxt a { color: var(--green-d); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* ===== VÉDETT VIDEÓ-LEJÁTSZÓ (v33) — nincs átjárás a YouTube-ra ===== */
.vidgrid { display: grid; gap: 22px; grid-template-columns: 1fr; margin-top: 26px; }
@media (min-width: 760px) { .vidgrid { grid-template-columns: repeat(2, 1fr); } }
.vidcard { border: 1px solid rgba(255,255,255,.14); border-radius: 18px; overflow: hidden; background: var(--charcoal-2); }
.vidbox { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.vidbox iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* poszter + saját play-gomb: a YouTube csak kattintás után töltődik be */
.vidposter { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.vidplay { position: absolute; inset: 0; display: grid; place-items: center; cursor: pointer; background: linear-gradient(180deg, rgba(32,36,31,.15), rgba(32,36,31,.55)); transition: background .25s ease; border: 0; padding: 0; }
.vidplay:hover { background: linear-gradient(180deg, rgba(32,36,31,.05), rgba(32,36,31,.42)); }
.vidplay i { width: 68px; height: 68px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; box-shadow: 0 16px 40px -14px rgba(0,0,0,.6); transition: transform .25s ease; }
.vidplay:hover i { transform: scale(1.08); }
.vidplay i::after { content: ""; width: 0; height: 0; margin-left: 5px; border-left: 20px solid #20241f; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
/* felső/alsó fogósáv: elfogja a YouTube cím- és logó-területére eső kattintásokat */
.vidguard { position: absolute; left: 0; right: 0; z-index: 3; }
.vidguard.top { top: 0; height: 68px; }
.vidguard.bot { bottom: 0; height: 46px; }
.vidbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid rgba(255,255,255,.1); }
.vidbar .who { font-size: 14px; font-weight: 800; color: var(--on-dark); letter-spacing: -.01em; }
.vidbar .who small { display: block; font-weight: 600; font-size: 12px; color: var(--on-dark-muted); margin-top: 3px; letter-spacing: 0; }
.vidbtn { flex: none; font-family: inherit; cursor: pointer; font-size: 12px; font-weight: 800; color: #20241f; background: var(--yellow); border: 0; border-radius: 999px; padding: 8px 14px; }
.vidbtn:hover { background: var(--yellow-press); }
.vidnote { margin-top: 18px; font-size: 12.5px; color: var(--on-dark-muted); }
/* jelzés, ha a környezet CSP-je tiltja a külső lejátszót */
.vidfail { position: absolute; inset: auto 0 0 0; z-index: 4; padding: 14px 16px;
background: linear-gradient(180deg, rgba(20,23,15,.55), rgba(20,23,15,.94));
display: flex; flex-direction: column; gap: 5px; text-align: left; }
.vidfail b { font-size: 13px; font-weight: 800; color: var(--yellow); }
.vidfail span { font-size: 11.5px; line-height: 1.45; color: var(--on-dark-muted); }
/* alapelv-kártyák */
.pg-rolunk .elv { position: relative; overflow: hidden; }
.pg-rolunk .elv .en { position: absolute; top: 14px; right: 20px; font-size: 42px; font-weight: 900; line-height: 1; letter-spacing: -.04em; color: color-mix(in srgb, var(--green) 24%, transparent); pointer-events: none; }
.pg-rolunk .elv .icowrap { border: 1.5px solid var(--border); color: var(--green-d); background: transparent; }
/* -------- keyframes -------- */
@keyframes hmSweep { from { transform: skew(-5deg) scaleX(0); } to { transform: skew(-5deg) scaleX(1); } }
@keyframes hmInk { from { color: var(--yellow); } to { color: #20241f; } }
@keyframes hmInkG { from { color: var(--green-d); } to { color: #20241f; } }
@keyframes hmPop { from { opacity: 0; transform: translateY(10px) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes hmFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes hmDraw { from { stroke-dashoffset: var(--len, 440); } to { stroke-dashoffset: 0; } }
@keyframes hmDial { from { stroke-dashoffset: 264; } to { stroke-dashoffset: 46; } }
@keyframes hmBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes hmBarV { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes hmGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes hmPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.45); } }
@keyframes hm-scroll { to { transform: translateX(calc(-50% - 24px)); } }
@keyframes hm-march { to { background-position-x: 12px; } }
/* -------- reduced motion: minden végállapotban -------- */
@media (prefers-reduced-motion: reduce) {
.v15 *, .v15 *::before, .v15 *::after { animation: none !important; }
.hm-chip, .hm-dash, .hm-area, .hm-tip-el, .hm-dot-el, .hm-endd, .pviz-end, .pviz-cap { opacity: 1 !important; transform: none !important; }
.hm-line { stroke-dashoffset: 0 !important; }
.hm-dial .prog { stroke-dashoffset: 46 !important; }
.mark-hl { color: #20241f !important; }
.mark-hl::before { transform: skew(-5deg) scaleX(1) !important; }
.hm-step::after { transform: scaleX(1) !important; }
.hm-vstep::after { transform: scaleY(1) !important; }
.hm-meter .m-f, .hm-growbars .gb { transform: none !important; }
.hm-mtrack { width: auto; flex-wrap: wrap; }
.hm-mset.dup { display: none; }
}
/* ============================================================
ATMOSZFÉRA & CRAFT — „Sáv A" (v18) · CSAK FŐOLDAL
============================================================ */
/* film-grain a teljes főoldalon (a sötét szekciókon a legerősebb) */
.home > .hm-grain{
position:fixed; inset:-60px; z-index:4; pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
opacity:.42; mix-blend-mode:soft-light;
}
/* A szemcse STATIKUS: a korábbi lépésenkénti elmozdulás (grainShift) rezgésnek látszott,
különösen fotókon. A textúra megmarad, a mozgás nem. */
/* A fotók a szemcse-réteg fölé kerülnek (a grain z-indexe 4) — fotón a szemcse zajnak látszik. */
.home .tm-strip, .home .hm-img, .home .hm-shot, .home figure > img,
.home .hm-face, .home .hm-testi-face, .home .certbadge img { position: relative; z-index: 5; }
}
/* rétegzett fény-mélység — HERO */
.home .hm-hero{
background:
radial-gradient(115% 85% at 84% 2%, rgba(252,210,29,.20), transparent 56%),
radial-gradient(95% 80% at 0% 112%, rgba(128,195,66,.22), transparent 60%),
var(--charcoal);
}
.home .hm-hero::after{ display:none; } /* statikus glow helyett animált blobok */
.hm-atmo{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.hm-atmo .blob{ position:absolute; border-radius:50%; filter:blur(30px); }
.hm-atmo .b1{ width:520px; height:520px; top:-150px; right:-110px;
background:radial-gradient(circle, rgba(252,210,29,.40), rgba(252,210,29,.10) 45%, transparent 68%);
animation:hmDrift1 13s ease-in-out infinite alternate; }
.hm-atmo .b2{ width:460px; height:460px; bottom:-170px; left:-90px;
background:radial-gradient(circle, rgba(128,195,66,.38), rgba(128,195,66,.10) 45%, transparent 68%);
animation:hmDrift2 16s ease-in-out infinite alternate; }
.hm-atmo .b3{ width:300px; height:300px; top:38%; left:52%;
background:radial-gradient(circle, rgba(252,210,29,.22), transparent 66%);
animation:hmDrift1 11s ease-in-out infinite alternate; animation-delay:-4s; }
.hm-atmo .p{ position:absolute; width:6px; height:6px; border-radius:50%;
background:rgba(252,210,29,.85); box-shadow:0 0 14px 2px rgba(252,210,29,.7);
animation:hmFloat 9s ease-in-out infinite; }
.hm-atmo .p2{ background:rgba(128,195,66,.85); box-shadow:0 0 14px 2px rgba(128,195,66,.7); }
.hm-atmo .pa{ left:15%; top:30%; }
.hm-atmo .pb{ left:26%; top:66%; animation-delay:-3s; width:4px; height:4px; }
.hm-atmo .pc{ left:47%; top:20%; animation-delay:-6s; }
.hm-atmo .pd{ left:63%; top:73%; animation-delay:-9s; width:8px; height:8px; }
.hm-atmo .pe{ left:88%; top:42%; animation-delay:-4.5s; width:4px; height:4px; }
.hm-atmo .pf{ left:36%; top:50%; animation-delay:-2s; width:7px; height:7px; }
.hm-atmo .pg{ left:74%; top:30%; animation-delay:-7.5s; }
.hm-atmo .ph{ left:8%; top:82%; animation-delay:-11s; width:4px; height:4px; }
@keyframes hmDrift1{ from{ transform:translate(0,0) scale(1); opacity:.85;} to{ transform:translate(-70px,50px) scale(1.2); opacity:1;} }
@keyframes hmDrift2{ from{ transform:translate(0,0) scale(1); opacity:.8;} to{ transform:translate(64px,-46px) scale(1.18); opacity:1;} }
@keyframes hmFloat{ 0%,100%{ transform:translateY(0); opacity:.4;} 50%{ transform:translateY(-42px); opacity:1;} }
/* rétegzett fény — STAT-sáv + CTA */
.home .hm-statsband{
background:
radial-gradient(85% 130% at 90% -10%, rgba(128,195,66,.26), transparent 55%),
radial-gradient(70% 120% at 5% 120%, rgba(252,210,29,.12), transparent 58%),
#223417;
}
.home .hm-cta{
background:
radial-gradient(75% 140% at 50% 128%, rgba(252,210,29,.24), transparent 60%),
radial-gradient(65% 100% at 6% -16%, rgba(128,195,66,.20), transparent 60%),
var(--charcoal);
}
/* parallax-ra felkészített rács (nagyobb inset, hogy ne látszódjon a széle) */
.home .hm-gridbg::before{ inset:-90px; transform:translate3d(0, var(--par,0px), 0); will-change:transform; }
/* prémium kártya-árnyék + emeltebb hover — főoldal */
.home .card{ box-shadow:0 1px 2px rgba(20,24,16,.05), 0 16px 36px -22px rgba(20,24,16,.22); }
.home .card.clickable, .home .hm-ladder .rung{ transition:transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, border-color .2s ease; }
.home .card.clickable:hover, .home .hm-ladder .rung:hover{ transform:translateY(-6px); box-shadow:0 10px 22px rgba(20,24,16,.10), 0 42px 84px -30px rgba(20,24,16,.42), 0 0 0 1px color-mix(in srgb, var(--yellow) 40%, transparent); }
.home .hm-ladder .rung:not(.mid){ box-shadow:0 1px 2px rgba(20,24,16,.05), 0 16px 36px -22px rgba(20,24,16,.22); }
/* kurzort követő fény — kattintható kártyák ÉS lépcső-kártyák */
.home .card.clickable, .home .hm-ladder .rung{ position:relative; }
.home .card.clickable::after, .home .hm-ladder .rung::after{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
opacity:0; transition:opacity .3s ease; z-index:0;
background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--yellow) 22%, transparent), transparent 60%);
}
.home .card.clickable:hover::after, .home .hm-ladder .rung:hover::after{ opacity:1; }
.home .card.clickable > *, .home .hm-ladder .rung > *{ position:relative; z-index:1; }
.home .card.clickable > .hm-spark{ position:absolute; }
@media (prefers-reduced-motion: reduce){
.hm-atmo .blob, .hm-atmo .p{ animation:none !important; }
.home .hm-gridbg::before{ transform:none !important; }
.home > .hm-grain{ display:none; }
}
/* ===== Teljes szélességű referencia-sáv (v40) ===== */
.logoband { padding: 14px 0 22px; overflow: hidden; }
.logoband-t { margin: 0 0 9px; text-align: center; font-size: 11px; text-transform: uppercase;
letter-spacing: .14em; color: var(--on-dark-muted); font-weight: 700; }
.logoband .hm-marquee { -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.logoband .hm-mtrack { gap: 62px; animation-duration: 62s; }
.logoband .hm-mset { gap: 62px; }
.logoband .hm-mset img { height: 34px; }
/* ===== Minősítés-badge-ek: egy méret, színesen (v40) ===== */
.certs { gap: 14px; }
.certimg { height: 74px; width: 168px; padding: 12px 16px; }
.certimg img { max-height: 100%; max-width: 100%; filter: none; opacity: 1; }
.certimg:hover { transform: translateY(-3px); }
/* ===== Facebook-hirdetés mockup carousel (v40) ===== */
.fbwrap { overflow: hidden; }
.fbrail { margin-top: 30px; overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.fbtrack { display: flex; gap: 20px; width: max-content; padding: 6px 24px;
animation: fbroll 78s linear infinite; }
.fbrail:hover .fbtrack { animation-play-state: paused; }
@keyframes fbroll { to { transform: translateX(-50%); } }
.fbad { width: 306px; flex: none; background: #fff; border-radius: 14px; overflow: hidden;
box-shadow: 0 26px 54px -30px rgba(0,0,0,.6); transition: transform .3s cubic-bezier(.22,.61,.36,1); }
.fbad:hover { transform: translateY(-6px); }
.fbad-h { display: flex; align-items: center; gap: 9px; padding: 11px 12px 9px; }
.fbav { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
color: #fff; font-weight: 900; font-size: 15px; flex: none; }
.fbwho { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.fbwho b { font-size: 13px; font-weight: 800; color: #1c1e21; letter-spacing: -.01em; }
.fbwho small { font-size: 11px; color: #65676b; font-weight: 600; }
.fbad-m { background: #0e1109; }
.fbad-m img { display: block; width: 100%; height: auto; }
.fbad-c { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; background: #f0f2f5; }
.fbad-c .d { font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; color: #65676b; font-weight: 700; }
.fbad-c .t { font-size: 12.5px; font-weight: 800; color: #1c1e21; letter-spacing: -.01em; }
.fbnote { margin: 20px auto 0; font-size: 11.5px; color: var(--on-dark-muted); font-weight: 600; }
/* ===== E-book preview (v40) ===== */
.ebookprev { margin: 0 0 16px; max-width: 252px; }
.ebookprev img { display: block; width: 100%; height: auto;
filter: drop-shadow(0 26px 44px rgba(0,0,0,.22)); }
/* ===== Footer (v40) ===== */
.foot-mail { display: inline-flex; align-items: center; gap: 8px; color: var(--on-dark); }
.foot-social a { background: #fff; width: 38px; height: 38px; border-radius: 50%; padding: 6px;
transition: transform .22s ease, box-shadow .22s ease; }
.foot-social a img { width: 100%; height: 100%; object-fit: contain; display: block; }
.foot-social a:hover { transform: translateY(-3px); box-shadow: 0 12px 26px -12px rgba(0,0,0,.6); opacity: 1; }
.foot-badges { gap: 12px; align-items: center; }
.foot-badge { display: inline-grid; place-items: center; height: 52px; width: 122px; padding: 8px 12px;
background: rgba(255,255,255,.94); border-color: transparent; }
.foot-badge img { max-height: 100%; max-width: 100%; display: block; }
.foot-badge:hover { background: #fff; border-color: var(--yellow); }
/* ===== Magnetikus CTA (v40) ===== */
.btn-primary { transition: transform .18s cubic-bezier(.22,.61,.36,1), background .2s ease, box-shadow .2s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.btn-primary:hover { transform: translate(var(--mgx, 0), var(--mgy, 0)) scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
.fbtrack { animation: none; flex-wrap: wrap; justify-content: center; }
.fbtrack > .dup { display: none; }
}
@media (max-width: 700px) {
.certimg { height: 62px; width: 132px; }
.fbad { width: 258px; }
}
/* ===== v41 · badge-illesztés ===== */
.certimg img { width: 100%; height: 100%; object-fit: contain; max-width: none; max-height: none; }
/* ===== v41 · markánsabb lenyíló menü ===== */
body::before { content: ""; position: fixed; inset: 0; background: rgba(10,13,8,.46);
backdrop-filter: blur(1.5px); z-index: 40; opacity: 0; pointer-events: none;
transition: opacity .22s ease; }
body:has(.nav-item.open)::before { opacity: 1; }
.mega-inner { position: relative; background: var(--charcoal, #23271f);
border: 1px solid rgba(255,255,255,.16);
box-shadow: 0 38px 90px -30px rgba(0,0,0,.6);
--ink-strong: #ffffff; --muted: rgba(255,255,255,.62); --surface: rgba(255,255,255,.09); }
.mega-inner::before { content: ""; position: absolute; left: 20px; right: 20px; top: 0; height: 3px;
border-radius: 0 0 3px 3px; background: var(--yellow); }
.mega-link:hover .t { color: var(--yellow); }
.mega-col-title { color: rgba(255,255,255,.5) !important; }
/* ===== v41 · Profit Motor — világos és üveg vizuál ===== */
.mviz.light { background: linear-gradient(160deg, #ffffff, #f4f6ef);
border: 1px solid var(--border); box-shadow: 0 26px 62px -34px rgba(0,0,0,.3);
--on-dark: var(--ink-strong); --on-dark-muted: var(--muted); }
.mviz.light .mviz-t { color: var(--muted); }
.mviz.light .mviz-t b { color: var(--green-d); }
.mviz.light .mmtrack { background: rgba(0,0,0,.08); }
.mviz.light .mmch { color: var(--ink-strong); }
.mviz.light p { color: var(--muted) !important; }
.mviz.glass { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.18);
backdrop-filter: blur(6px); }
.mstep-dark .mstep-txt h3 { color: var(--on-dark); }
.mstep-dark .mstep-txt .mlead { color: var(--on-dark-muted); }
.mstep-dark .mstep-txt .mlead strong { color: var(--on-dark); }
.mstep-dark .mstep-txt .msub li { color: var(--on-dark-muted); }
.mstep-dark .mstep-txt .msub li b { color: var(--on-dark); }
.mstep-dark .step-num { color: var(--yellow); }
/* nagy, halvány lépésszám-vízjel a ritmusért */
.mstep { position: relative; }
.mstep::before { content: ""; }
.mstep-txt { position: relative; z-index: 1; }
/* ===== v42 · Profit Motor lista: ne törje külön oszlopba a kifejezést ===== */
.mstep-txt .msub li { display: block; position: relative; padding-left: 19px; }
.mstep-txt .msub li::before { position: absolute; left: 0; top: 8px; margin-top: 0; }
/* ===== v42 · AI-érettségi görbe ===== */
.aicurve { position: relative; height: auto; }
.aicurve svg { position: static; width: 100%; height: auto; display: block; overflow: visible; }
.aicurve .aigrid line { stroke: rgba(20,24,16,.07); stroke-width: 1; }
.aicurve .cv { fill: none; stroke: url(#aiCurveG); stroke-width: 3; stroke-linecap: round;
stroke-dasharray: var(--len,560); stroke-dashoffset: var(--len,560); }
.in .aicurve .cv { animation: hmDraw 1.7s cubic-bezier(.4,0,.2,1) .35s both; }
.aicurve .aild { stroke: rgba(20,24,16,.2); stroke-width: 1.5; stroke-dasharray: 3 4; opacity: 0; }
.in .aicurve .aild { animation: hmFade .5s ease 1.5s both; }
.aicurve .aild.mk { stroke: rgba(190,150,0,.5); }
.aicurve .aihalo { fill: none; stroke-width: 2; opacity: 0; }
.aicurve .aihalo.grey { stroke: rgba(120,126,114,.35); }
.aicurve .aihalo.mk { stroke: rgba(224,180,0,.55); }
.aicurve .aipt { opacity: 0; }
.aicurve .aipt.grey { fill: #8d938a; }
.aicurve .aipt.mk { fill: var(--yellow); stroke: #fff; stroke-width: 2.5; }
.in .aicurve .aihalo, .in .aicurve .aipt { animation: hmFade .45s ease 1.65s both; }
.aicurve .ailab { font-size: 12.5px; font-weight: 800; fill: var(--ink-strong); letter-spacing: -.01em; }
.aicurve .ailabs { font-size: 11px; font-weight: 600; fill: var(--muted); }
.aicurve .aipill { fill: var(--yellow); }
.aicurve .aimk { font-size: 12.5px; font-weight: 900; fill: #20241f; letter-spacing: -.015em; }
.aicurve .aizone { font-size: 11.5px; font-weight: 900; letter-spacing: .1em; }
.aicurve .aizone.enh { fill: var(--green-d); }
.aicurve .aizone.nat { fill: #a97f00; }
.aicurve .aizones { font-size: 10.5px; font-weight: 600; fill: var(--muted); }
@media (prefers-reduced-motion: reduce) {
.aicurve .cv { stroke-dashoffset: 0 !important; }
.aicurve .aild, .aicurve .aihalo, .aicurve .aipt { opacity: 1 !important; }
}
/* ===== v43 · FOOTER — social ikonok, e-mail-felfedés, minősítés-badge-ek ===== */
/* social: fehér korong, benne a márkajel. (A korábbi sárga csempét a
`footer.site .foot-social a` szabály tartotta életben — azonos
specificitással írjuk felül, nem !important-tal.) */
footer.site .foot-social { display: flex; gap: 12px; margin-top: 18px; }
footer.site .foot-social a {
width: 40px; height: 40px; border-radius: 50%; background: #fff; padding: 0;
display: grid; place-items: center; overflow: hidden;
box-shadow: 0 2px 0 rgba(0,0,0,.18);
transition: transform .22s ease, box-shadow .22s ease;
}
footer.site .foot-social a img { width: 100%; height: 100%; object-fit: contain; display: block; }
footer.site .foot-social a:hover { transform: translateY(-3px); opacity: 1;
box-shadow: 0 12px 26px -12px rgba(0,0,0,.7); }
footer.site .foot-social a:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
/* e-mail: a domain csak kattintásra */
footer.site .foot-mail { display: inline-flex; align-items: center; gap: 8px; color: var(--on-dark); }
footer.site .foot-mail .fm-shown, footer.site .foot-mail .fm-hidden { color: var(--on-dark); }
footer.site .foot-mail a { color: var(--on-dark); }
footer.site .foot-contact { gap: 10px; }
/* minősítés-badge-ek: fehér wordmarkok a sötét sávon, levegősen */
footer.site .foot-badges {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
gap: 22px 40px; margin-top: 38px; padding-top: 30px;
border-top: 1px solid rgba(255,255,255,.1);
}
footer.site .foot-badge {
background: none; border: 0; border-radius: 0; padding: 0; width: auto; height: auto;
display: inline-flex; align-items: center; opacity: .92;
transition: opacity .22s ease, transform .22s ease;
}
footer.site .foot-badge:hover { background: none; border-color: transparent;
opacity: 1; transform: translateY(-2px); }
footer.site .foot-badge img { width: auto; max-width: none; max-height: none; display: block; }
footer.site .foot-badge.gp { opacity: .95; }
footer.site .foot-badge.gp:hover { opacity: 1; }
footer.site .foot-badge.gp img { height: 76px; border-radius: 4px; }
footer.site .foot-badge.b-criteo img { height: 40px; }
footer.site .foot-badge.b-clutch img { height: 46px; }
footer.site .foot-badge.b-designrush img { height: 23px; }
footer.site .foot-badge.b-iab img { height: 42px; }
footer.site .foot-badge.b-salesmanago img { height: 23px; }
@media (max-width: 900px) {
footer.site .foot-badges { justify-content: flex-start; gap: 20px 30px; }
footer.site .foot-badge.gp img { height: 58px; }
footer.site .foot-badge.b-criteo img { height: 32px; }
footer.site .foot-badge.b-clutch img { height: 34px; }
footer.site .foot-badge.b-designrush img { height: 18px; }
footer.site .foot-badge.b-iab img { height: 34px; }
footer.site .foot-badge.b-salesmanago img { height: 18px; }
}
/* ===================================================================
v44 · A) STICKY SCROLL-STORYTELLING — fejezet-gerinc a bal margóban
=================================================================== */
.storyspine {
position: fixed; z-index: 30; display: none; pointer-events: none;
left: calc(50vw - 678px); width: 104px;
top: 50%; transform: translateY(-50%);
opacity: 0; transition: opacity .4s ease;
}
@media (min-width: 1360px) { .storyspine.on { display: block; } }
.storyspine.show { opacity: 1; }
.ss-line { position: absolute; left: 5px; top: 7px; bottom: 7px; width: 2px;
border-radius: 2px; background: rgba(20,24,16,.14); overflow: hidden; }
.ss-line i { position: absolute; left: 0; top: 0; width: 100%; border-radius: 2px;
height: calc(var(--p, 0) * 100%); background: var(--green-d); }
.storyspine.dk .ss-line { background: rgba(255,255,255,.18); }
.storyspine.dk .ss-line i { background: var(--yellow); }
.ss-dots { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
justify-content: space-between; height: min(44vh, 340px); }
.ss-dots li { display: flex; }
.ss-dots button { pointer-events: auto; background: none; border: 0; padding: 0; margin: 0;
display: flex; align-items: center; gap: 12px; cursor: pointer; text-align: left; }
.ss-n { position: relative; flex: none; width: 12px; height: 12px; border-radius: 50%;
background: var(--bg); border: 2px solid rgba(20,24,16,.22);
transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.storyspine.dk .ss-n { background: var(--charcoal); border-color: rgba(255,255,255,.3); }
.ss-dots li.done .ss-n { background: var(--green-d); border-color: var(--green-d); }
.storyspine.dk .ss-dots li.done .ss-n { background: var(--yellow); border-color: var(--yellow); }
.ss-dots li.on .ss-n { background: var(--green-d); border-color: var(--green-d);
transform: scale(1.35); box-shadow: 0 0 0 5px rgba(74,184,99,.17); }
.storyspine.dk .ss-dots li.on .ss-n { background: var(--yellow); border-color: var(--yellow);
box-shadow: 0 0 0 5px rgba(252,210,29,.16); }
.ss-t { font-size: 10.5px; font-weight: 800; letter-spacing: .01em; line-height: 1.3;
color: var(--muted); max-width: 82px; opacity: 0; transform: translateX(-5px);
transition: opacity .25s ease, transform .25s ease, color .25s ease; }
.storyspine.dk .ss-t { color: var(--on-dark-muted); }
.ss-dots li.on .ss-t, .ss-dots button:hover .ss-t { opacity: 1; transform: none; }
.ss-dots li.on .ss-t { color: var(--ink-strong); }
.storyspine.dk .ss-dots li.on .ss-t { color: var(--on-dark); }
.ss-dots button:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; border-radius: 4px; }
/* az aktív fejezet a törzsben is jelölődik */
.pg-case .cs-txt { transition: border-color .35s ease, box-shadow .35s ease; }
.pg-case .cs-block .cs-txt { border-left-color: rgba(252,210,29,.34); }
.pg-case .cs-block.ss-on .cs-txt { border-left-color: var(--yellow);
box-shadow: -14px 0 26px -22px rgba(252,210,29,.95); }
.pg-motor .mstep .mviz { transition: box-shadow .4s ease; }
.pg-motor .mstep.ss-on .mviz { box-shadow: 0 30px 80px -34px rgba(0,0,0,.55),
0 0 0 1px rgba(252,210,29,.3); }
.pg-motor .mstep.ss-on .mviz.light { box-shadow: 0 26px 62px -34px rgba(0,0,0,.3),
0 0 0 1px rgba(74,184,99,.35); }
@media (prefers-reduced-motion: reduce) {
.storyspine, .ss-n, .ss-t, .pg-case .cs-txt, .pg-motor .mstep .mviz { transition: none !important; }
}
/* ===================================================================
v44 · C) HERO-ARCHETÍPUSOK
=================================================================== */
.hx { position: relative; overflow: hidden; }
.hx > .container { position: relative; z-index: 2; }
.hx .hx-fx { position: absolute; inset: 0; z-index: 0; pointer-events: none; display: block; }
/* — sugárnyaláb: lassan forgó fénykúp, zászlóshajó oldalakra — */
.hx-beam .hx-fx::before {
content: ""; position: absolute; left: 52%; top: 46%;
width: 150vmax; height: 150vmax; transform: translate(-50%, -50%);
background: conic-gradient(from 0deg at 50% 50%,
rgba(252,210,29,.11) 0deg, transparent 26deg,
transparent 152deg, rgba(128,195,66,.10) 178deg, transparent 204deg,
transparent 328deg, rgba(252,210,29,.07) 352deg, transparent 360deg);
-webkit-mask-image: radial-gradient(closest-side, #000 10%, rgba(0,0,0,.4) 44%, transparent 70%);
mask-image: radial-gradient(closest-side, #000 10%, rgba(0,0,0,.4) 44%, transparent 70%);
animation: hxBeam 52s linear infinite; will-change: transform;
}
.hx-beam .hx-fx::after {
content: ""; position: absolute; left: 8%; right: 8%; bottom: 0; height: 1px;
background: linear-gradient(90deg, transparent, rgba(252,210,29,.45), transparent);
}
@keyframes hxBeam { to { transform: translate(-50%, -50%) rotate(360deg); } }
/* — tipográfiai: óriás kontúrszó a cím mögött (--kw JS-ből) — */
.hx-type { padding-bottom: 88px; }
.hx-type .hx-fx::before {
content: var(--kw, ""); position: absolute; left: -1.6vw; bottom: -.28em;
font-size: clamp(92px, 13vw, 196px); font-weight: 900; letter-spacing: -.055em;
line-height: .78; white-space: nowrap; color: transparent;
-webkit-text-stroke: 1.4px rgba(255,255,255,.12);
}
.hx-type .hx-fx::after {
content: ""; position: absolute; right: -110px; top: -130px; width: 360px; height: 360px;
border-radius: 50%; background: radial-gradient(circle, rgba(252,210,29,.14), transparent 62%);
}
/* — adat: mérőrács + emelkedő plot-görbe — */
.hx-data .hx-fx {
background-image:
linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
background-size: 58px 58px;
-webkit-mask-image: linear-gradient(180deg, transparent, #000 32%, #000 74%, transparent);
mask-image: linear-gradient(180deg, transparent, #000 32%, #000 74%, transparent);
}
.hx-data .hx-fx::before {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 62%;
background: url("data:image/svg+xml;utf8,") no-repeat bottom center; background-size: 100% 100%;
opacity: .6;
}
.hx-data .stat { transition: transform .3s ease, border-color .3s ease; }
.hx-data .stat:hover { transform: translateY(-4px); border-color: rgba(252,210,29,.42); }
/* — műszaki rajz: pontráccsal és sarokjelekkel, jogi oldalakra — */
.hx-blueprint { background: #1b1f1a; }
.hx-blueprint .hx-fx {
background-image: radial-gradient(rgba(255,255,255,.13) 1px, transparent 1px);
background-size: 20px 20px; opacity: .5;
-webkit-mask-image: linear-gradient(180deg, #000, transparent 80%);
mask-image: linear-gradient(180deg, #000, transparent 80%);
}
.hx-blueprint .hx-fx::before, .hx-blueprint .hx-fx::after {
content: ""; position: absolute; width: 28px; height: 28px;
border: 2px solid rgba(252,210,29,.45);
}
.hx-blueprint .hx-fx::before { left: 22px; top: 22px; border-right: 0; border-bottom: 0; }
.hx-blueprint .hx-fx::after { right: 22px; bottom: 22px; border-left: 0; border-top: 0; }
.hx-blueprint .eyebrow { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
letter-spacing: .1em; }
/* — keret: megdöntött keret + zöld fényfolt — */
.hx-frame .hx-fx::before {
content: ""; position: absolute; right: -96px; top: -96px;
width: min(44vw, 470px); height: min(44vw, 470px); border-radius: 34px;
border: 1px solid rgba(255,255,255,.14); transform: rotate(14deg);
}
.hx-frame .hx-fx::after {
content: ""; position: absolute; right: -50px; top: 26px;
width: min(34vw, 370px); height: min(34vw, 370px); border-radius: 50%;
background: radial-gradient(circle at 34% 32%, rgba(128,195,66,.17), transparent 62%);
}
@media (max-width: 700px) {
.hx-type { padding-bottom: 64px; }
.hx-type .hx-fx::before { font-size: 84px; }
.hx-frame .hx-fx::before, .hx-frame .hx-fx::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.hx-beam .hx-fx::before { animation: none; }
.hx-data .stat { transition: none; }
}
/* ===== v45 · főoldali logósáv a konténer szélességére ===== */
.logoband .hm-marquee { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
/* ===== v45 · Profit Motor: a félbemaradt „lépésszám-vízjel" pszeudoeleme
GRID ITEM volt a 2 oszlopos rácsban, és külön sorba lökte a vizuált ===== */
.mstep::before { display: none; }
/* ===== v45 · hx-blueprint sarokjelek a maszkolt réteg FÖLÖTT ===== */
.hx-blueprint .hx-fx::before, .hx-blueprint .hx-fx::after { display: none; }
.hx-blueprint::before, .hx-blueprint::after {
content: ""; position: absolute; z-index: 1; width: 28px; height: 28px;
border: 2px solid rgba(252,210,29,.45); pointer-events: none;
}
.hx-blueprint::before { left: 22px; top: 22px; border-right: 0; border-bottom: 0; }
.hx-blueprint::after { right: 22px; bottom: 22px; border-left: 0; border-top: 0; }
/* ===== v45 · tipó-hero: a kontúrszó egy hajszállal feljebb ===== */
.hx-type .hx-fx::before { bottom: -.2em; }
/* ===== v46 · esettanulmány-vizuálok: nincs fekete tábla a gép mögött ===== */
.cs-shot img { border-radius: 0; box-shadow: none; background: transparent; }
.cs-thumb { background: var(--surface); }
/* ===== v46 · „Hasonló eredmények" kártyák weboldal-előnézettel ===== */
.cs-rel { padding-top: 0; overflow: hidden; }
.cs-rel .cs-thumb { margin: 0 -20px 16px; border-radius: 15px 15px 0 0; }
.cs-rel .cs-thumb img { transform: none; }
.cs-rel:hover .cs-thumb img { transform: scale(1.055); }
.cs-rel { --acc: var(--green-d); }
.cs-relgrid .cs-rel:nth-child(3n+1) { --acc: #c9a227; }
.cs-relgrid .cs-rel:nth-child(3n+2) { --acc: #7c5cff; }
.cs-relgrid .cs-rel:nth-child(3n+3) { --acc: #17b3a3; }
.cs-rel:hover { border-color: var(--acc); }
@media (max-width: 760px) { .cs-rel .cs-thumb { aspect-ratio: 16 / 9; } }
/* ===== v47 · 3 oszlopos összevetés: ügynökség / szabadúszó / belső ===== */
.cmp3 { display: grid; grid-template-columns: 1fr; background: var(--bg);
border: 1px solid var(--border); border-radius: 18px;
box-shadow: 0 22px 54px -30px rgba(20,24,16,.3); overflow: hidden; }
.cmp3 > div { padding: 15px 20px; display: flex; align-items: flex-start; gap: 11px;
font-size: 14.5px; color: var(--muted); border-top: 1px solid var(--border); line-height: 1.45; }
.cmp3 > .c3h { border-top: none; padding-top: 18px; padding-bottom: 18px; align-items: center;
font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
color: var(--ink-strong); }
.cmp3 .c3h.dim { display: none; }
.cmp3 .c3d { font-weight: 700; color: var(--ink-strong); background: var(--surface);
font-size: 13px; letter-spacing: .01em; }
.cmp3 .mk { background: var(--charcoal); color: var(--on-dark); font-weight: 600; }
.cmp3 .c3c.mk { border-top: 1px solid rgba(255,255,255,.1); }
.cmp3 .xic { color: var(--muted); opacity: .5; width: 18px; height: 18px; flex: none; margin-top: 2px; }
.cmp3 .cic { color: var(--yellow); width: 18px; height: 18px; flex: none; margin-top: 2px; }
.cmp3-note { margin-top: 18px; font-size: 14px; line-height: 1.7; color: var(--muted);
max-width: 78ch; }
.cmp3-note b { color: var(--ink-strong); }
@media (min-width: 860px) {
.cmp3 { grid-template-columns: 0.78fr 1fr 1fr 1.12fr; }
.cmp3 .c3h.dim { display: flex; }
}
@media (max-width: 859px) {
/* mobilon a felirat a hozzá tartozó három állítás fölött fut végig */
.cmp3 .c3d { border-top: 2px solid var(--border); }
.cmp3 > div { font-size: 13.5px; padding: 13px 16px; }
}
/* ===================================================================
v48 · Kreatívgyártás — hírfolyam egy laptop képernyőjén
=================================================================== */
.fbstage { margin-top: 36px; padding: 0 24px; }
.lap { width: min(980px, 100%); margin: 0 auto; }
.lap-lid { position: relative; padding: 14px 14px 18px; border-radius: 18px 18px 7px 7px;
background: linear-gradient(165deg, #3b423b, #23282300), #262c27;
box-shadow: 0 46px 92px -42px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.08) inset; }
.lap-cam { position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
width: 5px; height: 5px; border-radius: 50%; background: #545b53; }
.lap-screen { position: relative; aspect-ratio: 16 / 10; border-radius: 4px;
overflow: hidden; background: #f0f2f5; }
.lap-base { position: relative; height: 14px; width: 112%; margin: 0 0 0 -6%;
background: linear-gradient(#d3d7d0, #a0a69c 62%, #7f857d);
clip-path: polygon(0 0, 100% 0, 97.4% 100%, 2.6% 100%);
border-radius: 0 0 10px 10px; box-shadow: 0 26px 44px -28px rgba(0,0,0,.65); }
.lap-base::after { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%);
width: 11%; height: 5px; background: rgba(0,0,0,.17); border-radius: 0 0 8px 8px; }
.fbui { position: absolute; inset: 0; display: flex; flex-direction: column; background: #f0f2f5; }
.fbui-top { flex: none; height: 46px; background: #fff; border-bottom: 1px solid #dcdfe3;
display: flex; align-items: center; gap: 12px; padding: 0 16px; }
.fbui-logo { width: 26px; height: 26px; border-radius: 50%; background: #1877f2; flex: none; }
.fbui-search { width: 176px; height: 26px; border-radius: 999px; background: #f0f2f5; }
.fbui-nav { margin-left: auto; display: flex; gap: 9px; }
.fbui-nav i { display: block; width: 26px; height: 26px; border-radius: 50%; background: #e4e6eb; }
.fbfeed { position: relative; flex: 1; overflow: hidden;
-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.2), #000 9%, #000 90%, rgba(0,0,0,.2));
mask-image: linear-gradient(180deg, rgba(0,0,0,.2), #000 9%, #000 90%, rgba(0,0,0,.2)); }
.fbstage .fbtrack { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;
gap: 14px; width: min(384px, 78%); margin: 0 auto; padding: 14px 0;
animation: fbroll 64s linear infinite; will-change: transform; }
.fbstage .fbtrack > .dup { display: block; }
.fbstage:hover .fbtrack { animation-play-state: paused; }
/* a ciklus-hosszt a JS méri meg pixelre (`--shift`) — így nincs megugrás */
@keyframes fbroll { to { transform: translateY(calc(-1 * var(--shift, 2400px))); } }
.fbstage .fbad { width: 100%; flex: none; background: #fff; border-radius: 10px;
overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.16); transition: none; }
.fbstage .fbad:hover { transform: none; }
.fbstage .fbad-h { padding: 11px 12px 8px; }
.fbstage .fbad-m { background: #fff; }
.fbad-copy { padding: 0 12px 10px; display: flex; flex-direction: column; gap: 7px; }
.fbad-copy i { display: block; height: 7px; border-radius: 4px; background: #e4e6eb; width: 94%; }
.fbad-copy i.s { width: 57%; }
.fbad-act { display: flex; gap: 9px; padding: 9px 12px 11px; border-top: 1px solid #eceef1; }
.fbad-act span { flex: 1; height: 9px; border-radius: 5px; background: #eceef1; }
@media (max-width: 760px) {
.fbstage { padding: 0 16px; }
.lap-lid { padding: 8px 8px 11px; border-radius: 12px 12px 5px 5px; }
.lap-screen { aspect-ratio: 4 / 3.2; }
.fbui-top { height: 36px; padding: 0 10px; }
.fbui-search { width: 92px; height: 20px; }
.fbui-logo, .fbui-nav i { width: 20px; height: 20px; }
.fbstage .fbtrack { width: 84%; }
}
@media (prefers-reduced-motion: reduce) {
.fbstage .fbtrack { animation: none; }
}
/* ===================================================================
v49 · Csapatkártyák — kinyomtatott fotókártya sárga kerettel
=================================================================== */
.tm-grid { gap: 30px 24px; }
.tm { position: relative; background: var(--yellow); border-radius: 3px;
padding: 11px 11px 14px; text-align: center;
box-shadow: 0 16px 32px -18px rgba(20,24,16,.5), 0 1px 0 rgba(255,255,255,.45) inset;
transform: rotate(var(--rot, 0deg));
transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease; }
.tm:nth-child(4n+1) { --rot: -1.7deg; }
.tm:nth-child(4n+2) { --rot: 1.3deg; }
.tm:nth-child(4n+3) { --rot: -.7deg; }
.tm:nth-child(4n) { --rot: 2deg; }
.tm:hover { transform: rotate(0deg) translateY(-8px) scale(1.035); z-index: 3;
box-shadow: 0 32px 56px -24px rgba(20,24,16,.55); }
.tm-ph { border-radius: 1px; box-shadow: 0 0 0 1px rgba(20,24,16,.14) inset; }
.tm-ph::after { display: none; }
.tm h4 { margin: 11px 0 0; color: #20241f; }
.tm p { color: rgba(32,36,31,.74); font-weight: 700; min-height: 2.7em; }
/* a Rólunk-oldali kollázs statikusan áll (nem billen hoverre) */
.tm-collage .hm-img { transform: none; }
.tm-collage .hm-img:hover { transform: none; }
@media (prefers-reduced-motion: reduce) {
.tm { transform: none; transition: none; }
.tm:hover { transform: none; }
}
/* ===== v50 · minősítés-badge-ek: semmi nem lóghat ki a cellából ===== */
/* FIGYELEM: a %-os max-height itt nem fogta meg a badge-et (az SVG a saját
140x140-es méretével jött) — ezért PIXELES korlát, nem százalék. */
.certs .certimg { overflow: hidden; }
.certs .certimg img { display: block; width: auto; height: auto;
max-width: 136px; max-height: 46px; object-fit: contain; }
.certs .certimg[aria-label^="Google"] { padding: 5px; }
.certs .certimg[aria-label^="Google"] img { max-width: 68px; max-height: 64px; }
/* ===== v50 · fejezet-gerinc: az aktív felirat mindig olvasható ===== */
.ss-dots li.on .ss-t { padding: 4px 8px; border-radius: 6px;
background: rgba(255,255,255,.92); color: var(--ink-strong);
box-shadow: 0 6px 16px -10px rgba(20,24,16,.5); }
.storyspine.dk .ss-dots li.on .ss-t { background: rgba(28,32,27,.92); color: #fff; }
/* ===================================================================
v51 · HERO — stilizált, témába vágó háttérrajz (a kontúrszó helyett)
=================================================================== */
.hx-art .hx-fx::before {
content: ""; position: absolute; right: -2%; top: 50%; transform: translateY(-50%);
width: min(46%, 480px); aspect-ratio: 420 / 320;
background: var(--art) no-repeat center / contain;
opacity: .85;
/* a szöveg felőli oldalon kifut a rajz, hogy ne rontsa az olvashatóságot */
-webkit-mask-image: linear-gradient(90deg, transparent, #000 24%);
mask-image: linear-gradient(90deg, transparent, #000 24%);
}
.hx-art .hx-fx::after {
content: ""; position: absolute; right: -140px; top: -140px; width: 380px; height: 380px;
border-radius: 50%; background: radial-gradient(circle, rgba(252,210,29,.11), transparent 62%);
}
@media (max-width: 900px) { .hx-art .hx-fx::before { opacity: .4; width: 62%; right: -12%; } }
/* ===================================================================
v51 · KREATÍVGYÁRTÁS — teljes Facebook-elrendezés a laptop képernyőn
=================================================================== */
.lap { width: min(1080px, 100%); }
.fbcols { flex: 1; min-height: 0; display: flex; gap: 22px; justify-content: center;
padding: 14px 0 0; }
.fbside { flex: none; width: 200px; display: flex; flex-direction: column; gap: 14px;
padding-top: 4px; }
.fbside-r { width: 210px; }
.fbs-me { display: flex; align-items: center; gap: 10px; }
.fbs-av { width: 30px; height: 30px; border-radius: 50%; background: #d8dbdf; flex: none; }
.fbs-nav { display: flex; flex-direction: column; gap: 13px; }
.fbs-row { display: flex; align-items: center; gap: 10px; }
.fbs-ic { width: 26px; height: 26px; border-radius: 50%; background: #dfe3e8; flex: none; }
.fbs-ic.sq { border-radius: 8px; }
.fbs-ic.av { border-radius: 50%; background: #d3d7dd; }
.fbs-ic.a { background: #1877f2; opacity: .55; }
.fbs-b { display: block; height: 9px; border-radius: 5px; background: #dfe3e8; }
.fbs-b.w44 { width: 44%; } .fbs-b.w48 { width: 48%; } .fbs-b.w50 { width: 50%; }
.fbs-b.w52 { width: 52%; } .fbs-b.w54 { width: 54%; } .fbs-b.w58 { width: 58%; }
.fbs-b.w62 { width: 62%; } .fbs-b.w64 { width: 64%; } .fbs-b.w66 { width: 66%; }
.fbs-b.w70 { width: 70%; } .fbs-b.w72 { width: 72%; } .fbs-b.w74 { width: 74%; }
.fbs-sep { height: 1px; background: #d9dde2; }
.fbs-cap { display: block; width: 74px; height: 9px; border-radius: 5px; background: #ccd1d7; }
.fbs-cap.sm { width: 58px; }
.fbstage .fbfeed { flex: 0 0 344px; }
/* a jobb oldali „Szponzorált" mini-sáv — MÁS sebességgel fut */
.fbaside { position: relative; flex: 1; min-height: 0; overflow: hidden;
-webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }
.fbtrack2 { display: flex; flex-direction: column; gap: 10px;
animation: fbroll2 40s linear infinite; will-change: transform; }
@keyframes fbroll2 { to { transform: translateY(calc(-1 * var(--shift, 1600px))); } }
.fbmini { background: #fff; border-radius: 8px; overflow: hidden;
box-shadow: 0 1px 2px rgba(0,0,0,.14); }
.fbmini img { display: block; width: 100%; height: auto; }
.fbmini .fbmini-b { display: block; height: 8px; margin: 7px 8px 9px; border-radius: 4px;
background: #e4e6eb; }
/* a görgés hoverre NEM áll meg (user-kérés) */
.fbstage:hover .fbtrack, .fbstage:hover .fbtrack2 { animation-play-state: running; }
@media (max-width: 1000px) {
.fbside-l { display: none; }
.fbside-r { width: 160px; }
.fbstage .fbfeed { flex: 0 0 300px; }
}
@media (max-width: 760px) {
.fbside { display: none; }
.fbcols { padding-top: 8px; }
.fbstage .fbfeed { flex: 1; }
.fbstage .fbtrack { width: 84%; }
}
@media (prefers-reduced-motion: reduce) { .fbtrack2 { animation: none; } }
/* ===================================================================
v51 · apró javítások
=================================================================== */
/* a footer-badge-ek nem ugranak meg hoverre */
footer.site .foot-badge:hover { transform: none; }
/* portré (telefonos) esettanulmány-mockup keskenyebb dobozban */
.cs-shot.tall { max-width: 480px; }
/* visszafogottabb mágneses CTA */
.btn-primary:hover { transform: translate(var(--mgx, 0), var(--mgy, 0)) scale(1.012); }
/* ===================================================================
v51 · LOGÓ — az „i" pontja megdöntött, sárga->zöld négyzet
=================================================================== */
.logo .lgi { position: relative; font-style: normal; }
/* a négyzet a betű FÖLÖTT ül: a `bottom` az alapvonal alatti mélységet (~.21em)
is tartalmazza, ezért kell .82em — .62em-nél még a szárra csúszott. */
.logo .lgi::after {
content: ""; position: absolute; left: 50%; bottom: .82em;
width: .32em; height: .32em; margin-left: -.11em; border-radius: .03em;
background: linear-gradient(150deg, #fcd21d 0%, #ecd220 44%, #7bc043 100%);
transform: rotate(-13deg);
}
/* ===== v52 · minősítés-badge: hoverre nincs fekete körvonal ===== */
.certs .certimg:hover { border-color: var(--border); }
/* ===== v52 · villogó Markestic-pont az AI-érettségi görbén ===== */
.aicurve .aiping { fill: none; stroke: var(--yellow); stroke-width: 3; opacity: 0; }
.aicurve .aipt.mk, .aicurve .aihalo.mk, .aicurve .aild.mk { opacity: 0; }
.aicurve.drawn .aild.mk, .aicurve.drawn .aihalo.mk { opacity: 1;
transition: opacity .45s ease; }
.aicurve.drawn .aipt.mk { opacity: 1; animation: aiPop 2.4s ease-in-out .3s infinite; }
.aicurve.drawn .aiping { animation: aiPing 2.4s cubic-bezier(.2,.6,.3,1) .3s infinite; }
@keyframes aiPop { 0%, 100% { r: 6.5px; } 50% { r: 8.6px; } }
@keyframes aiPing { 0% { r: 7px; opacity: .6; stroke-width: 3; }
70% { r: 25px; opacity: 0; stroke-width: 1; }
100% { r: 25px; opacity: 0; stroke-width: 1; } }
@media (prefers-reduced-motion: reduce) {
.aicurve .aipt.mk, .aicurve .aihalo.mk, .aicurve .aild.mk { opacity: 1 !important; }
.aicurve .aiping { animation: none !important; opacity: 0 !important; }
.aicurve.drawn .aipt.mk { animation: none !important; }
}
/* ===================================================================
v53 · olvashatóság — a törzsszövegek egy fokkal nagyobbak
=================================================================== */
.card p { font-size: 15px; }
.card .go { font-size: 14.5px; }
.checklist li { font-size: 15px; }
.faq p { font-size: 15px; }
.cs-rel p { font-size: 14px; }
.stat .l { font-size: 13.5px; }
.lg-list li { font-size: 15px; }
table.cmp { font-size: 14.5px; }
.donut-leg .lr { font-size: 13.5px; }
.cmp3 > div { font-size: 15px; }
.quote .who { font-size: 14.5px; }
footer.site a { font-size: 14.5px; }
/* ===================================================================
v53 · linkes CTA a kártyákban (nem az egész kártya kattintható)
=================================================================== */
.gocta { display: inline-flex; width: fit-content; align-items: center; gap: 8px;
margin-top: 16px; font-size: 14.5px; font-weight: 800; letter-spacing: -.01em;
color: var(--ink-strong); text-decoration: none;
border-bottom: 2px solid var(--yellow); padding-bottom: 3px;
transition: color .2s ease, border-color .2s ease; }
.gocta:hover { color: var(--green-d); border-color: var(--green-d); }
.gocta .arr { transition: transform .2s ease; }
.gocta:hover .arr { transform: translateX(4px); }
/* átlátszó hátterű Google Ads-kép: keret és árnyék nélkül lebeg */
.gads-shot { border-radius: 0; box-shadow: none; background: transparent; }
/* ===================================================================
v54 · BRANDBOOK-SZÍNVILÁG (1. lépés)
#7FC243 zöld · #FBD349 sárga · #0F1F17 sötétzöld ·
#F0F5F0 világos szürkészöld · #F43454 neon málna
=================================================================== */
:root,
:root[data-theme="dark"], :root[data-theme="light"] {
--surface: #F0F5F0;
--surface-2: #E2ECE3;
--border: #DAE5DB;
--ink: #333333;
--ink-strong: #0F1F17;
--muted: #5F6B62;
--charcoal: #0F1F17;
--charcoal-2: #16291F;
--on-dark: #F0F5F0;
--on-dark-muted: #B7C6BB;
--yellow: #FBD349;
--yellow-press: #E9BE2E;
--green: #7FC243;
--green-d: #387F2E;
--focus: #387F2E;
/* új: a paletta 10%-a — csak ott, ahol jelentése van */
--raspberry: #F43454;
--rasp-d: #E01F41;
/* brandbook színátmenetek */
--grad-gy: linear-gradient(100deg, #7FC243 0%, #FBD349 100%);
--grad-yr: linear-gradient(100deg, #FBD349 0%, #F43454 100%);
}
/* — az eyebrow négyzete a logó megdöntött pöttyét idézi — */
.eyebrow .sq { background: var(--grad-gy); border-radius: 2px;
transform: rotate(-12deg); }
/* — marker-kiemelés: tömör sárga helyett zöld→sárga — */
.mark-hl::before { background: var(--grad-gy); }
/* — málna ott, ahol a HIÁNYT jelöli — */
.xlist li::before { color: var(--raspberry); }
.mfdrop { color: var(--raspberry) !important; }
.hm-cmp .xic { color: var(--raspberry); opacity: .8; }
.cmp3 .xic { color: var(--raspberry); opacity: .8; }
/* (a brandbook háttérmintája USER-DÖNTÉSSEL kivéve — nem használjuk sehol;
a csempe-építő megmaradt: _tools/build_pattern_v54.py) */
/* — statisztika-számok színátmenettel a sötét sávon — */
.home .hm-statsband .hm-stat .v {
background: var(--grad-gy); -webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
/* — vékony színátmenetes elválasztó a CTA-sáv tetején.
FIGYELEM: a ::before-t a .hm-gridbg mintája, a ::after-t a meglévő
fény-folt foglalja — ezért border-image, nem pszeudoelem. */
.home .hm-cta { border-top: 3px solid transparent;
border-image-source: var(--grad-yr); border-image-slice: 1; }
/* — a zöld/mély-zöld sávok a brandbook árnyalataira — */
.sec-green { background: #E8F2DE; }
.sec-green .card { border-color: #D6E6C4; }
.sec-green .faq { border-color: #D6E6C4; }
.deep-g { background: #16291F; }
.deep-g .stat, .hm-statsband.deep-g .hm-stat .l { color: #B7C6BB; }
/* — a logó pöttye a brandbook pontos átmenetével — */
.logo .lgi::after { background: linear-gradient(150deg, #FBD349 0%, #C9CE3D 52%, #7FC243 100%); }
/* — a sárga gomb a mélyebb sötétzöld tintával — */
.btn-primary { color: #0F1F17; }
/* CSAK a SÁRGA hátterű változat kap sötétzöld számot — az alap .step-num
sötét korongon SÁRGA számot visel, azt nem szabad átírni (eltűnne). */
.section.dark .step-num { color: #0F1F17; }
/* ===================================================================
v55 · TIPOGRÁFIA — headline Montserrat, törzsszöveg Karla (brandbook)
=================================================================== */
body {
font-family: var(--font-body), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 16.5px; /* a Karla kisebb x-magasságának kompenzálása */
line-height: 1.62;
letter-spacing: .002em;
}
/* headline- és UI-elemek maradnak Montserraton */
h1, h2, h3, h4, .display, h1.display, .title, h2.title,
.logo, .btn, .eyebrow, .tag, .step-num, .mono,
.nav-link, .mega-link .t, .mobile-link, .mega-col-title, .mega-subh,
.go, .gocta, .hm-casecta, .rung .n, .hm-chip, .cs-num, .c3h, .hc, .c3d,
.stat .v, .hm-stat .v, .hm-ministat .v, .cs-kpi .v, .hm-metric, .price,
.donut-c b, .ct-proofnums b, .hm-count, .fbav, .hm-init, .lg-n, .fp-btn,
footer.site h4, .foot-badge, .tm h4, .aicurve text, .mviz-t, .mstep-txt .step-num {
font-family: var(--font-heading), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* a Karla természetesebb ritmusa a hosszabb szövegeknél */
.lead { font-size: 18.5px; line-height: 1.7; }
.card p, .faq p, .checklist li, .cs-txt p, .lg-body > p { line-height: 1.7; }
form input, form textarea, form select { font-family: inherit; }
/* ===================================================================
v56 · TEARDOWN-KÖR — commonthreadco.com + geekytech.co.uk
Mérettel és levegővel, NEM textúrával. (Háttérminta/rács tilos.)
=================================================================== */
/* — mobilon ne nyúljon el a megnövelt szekció-levegő — */
@media (max-width: 760px) {
.section { padding: 58px 0; }
.section.tight { padding: 42px 0; }
}
/* — kártya-akcentus: CSAK ahol tényleg van akció-link a kártyán.
A puszta információs kártyák szándékosan nem mozdulnak, hogy a
hover ne ígérjen kattinthatóságot (v53-as user-döntés). — */
.card { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.card:has(.gocta):hover,
.card:has(a.go):hover,
.card:has(.hm-casecta):hover {
transform: translateY(-3px);
border-color: rgba(127,194,67,.45);
box-shadow: 0 20px 44px -28px rgba(15,31,23,.42), inset 0 2px 0 0 var(--green);
}
.section.dark .card:has(.gocta):hover,
.section.dark .card:has(a.go):hover,
.section.dark .card:has(.hm-casecta):hover {
border-color: rgba(127,194,67,.55);
box-shadow: 0 22px 46px -26px rgba(0,0,0,.5), inset 0 2px 0 0 var(--green);
}
@media (prefers-reduced-motion: reduce) {
.card:has(.gocta):hover,
.card:has(a.go):hover,
.card:has(.hm-casecta):hover { transform: none; }
}
/* ===================================================================
v57 · HIVATALOS LOGÓ (Drive · „Markestic – Logo 2026") + málna-akcentusok
=================================================================== */
:root,
:root[data-theme="dark"], :root[data-theme="light"] {
--wm-dark: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgdmlld0JveD0iMTg4LjYgNzc5LjUgMTYyMy4wIDI5MS4wIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6IzI0MjQyNDt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xODguNiwxMDY0Vjg4Ni4yaDQ2LjJ2MTkuNmMyNC45LTMzLjgsODEuMy0zMy45LDEwNi4xLDBjMjItMjYuNiw2NC41LTMyLjksOTQuOC0xNi43YzI0LjIsMTMsMzcuNywzNy4xLDM3LjMsNjYuMgoJCQkJYzAsMCwwLDEwOC44LDAsMTA4LjhoLTUxLjZWOTYyLjdjMC0xOC42LTExLjYtMzYuOC0zMi4zLTM2LjJjLTE5LjEtMC4xLTMzLjUsMTUuNy0zMi42LDM1LjZjMCwwLDAsMTAyLDAsMTAyaC01MS42Vjk2Mi43CgkJCQljMC40LTE4LjYtMTIuMi0zNi45LTMyLjMtMzYuMmMtMTkuMS0wLjEtMzMuNSwxNS43LTMyLjYsMzUuNmMwLDAsMCwxMDIsMCwxMDJIMTg4LjZ6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik01ODguNywxMDY4LjhjLTY5LjEsMS41LTExMS4yLTgzLjYtNzYuOS0xNDAuOGMyMy45LTQ3LjcsOTUuMS02My45LDEzMi42LTIzLjd2LTE4LjFoNDQuNVYxMDY0aC00NC41di0xOC4xCgkJCQlDNjMwLjIsMTA2MSw2MTAuMiwxMDY4LjksNTg4LjcsMTA2OC44eiBNNTk1LDEwMjMuNGM2Mi40LTIuMSw2Mi40LTk0LjYsMC05Ni42QzUzMi41LDkyOC45LDUzMi42LDEwMjEuNCw1OTUsMTAyMy40eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNNzI4LDEwNjRWODg2LjJoNDYuMnYzMC41YzEyLjUtMjAuOCwzMS41LTMyLjQsNTYuMy0zMi4zbDExLjMsNDUuNmMtMTYuOC00LjktMzcuNiwwLjItNDguNiwxMi42CgkJCQljLTIyLjcsMTkuNS0xMC45LDk0LjEtMTMuNiwxMjEuNEg3Mjh6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik04NjQuMywxMDY0Vjc3OS41aDUxLjZWMTA2NEg4NjQuM3ogTTk4Mi42LDEwNjRsLTcwLjgtOTcuOGw1OC40LTgwaDU1LjRsLTU3LjUsNzUuNmw3NS4zLDEwMi4ySDk4Mi42eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTMxMy45LDEwNjkuOWMtMjEuMiwwLjEtNTAuNy03LjMtNjUuNS0yMS45bDEyLjctNDguNmMxMy43LDE5LjIsNDguNywzOC43LDcxLjMsMjUuNWMxMS42LTExLjEsMS4zLTIxLjctMTAuNS0yNS4yCgkJCQljLTI4LjgtMTEuMy03MS44LTIxLjgtNzAuMi02MS42YzAuNS02NC4yLDg3LjQtNzIuNCwxMjYtMzYuN2wtMTEuOSw0Ni44Yy0xMS43LTE1LjYtMzEuNy0yNi45LTUwLjEtMjcKCQkJCWMtMTIuOS0xLjEtMjQsOS43LTE1LjMsMjAuM2MxNCwxMS43LDM4LjgsMTQuNiw1NS4xLDI0LjdjMTcuMyw5LjQsMjcuOSwyMy4yLDI3LjQsNDUuMwoJCQkJQzEzODMuMSwxMDQ4LjgsMTM1MC44LDEwNzAuNSwxMzEzLjksMTA2OS45eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTQzMy40LDEwNjRWOTI3LjFoLTMzLjJ2LTQwLjloMzQuMXYtNTkuM2g0OS44djU5LjNoMzUuM3Y0MC45aC0zNC40VjEwNjRIMTQzMy40eiIvPgoJCTwvZz4KCTwvZz4KCTxwYXRoIGQ9Ik0xNTQ2LjYsMTA2NFY4ODYuMmg1MS42VjEwNjRIMTU0Ni42eiIvPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwOTEuNCw5OTAuM2gxMzUuOWwtMC4yLTAuN2MwLjctMjEuOC0wLjYtNDYuNi0xMi02NC41Yy0yMy41LTQzLjUtODQuOC01Ny4zLTEyNi44LTMyLjZjLTg1LjEsNTAuNy00NS4yLDE4MS44LDU1LDE3Ny41CgkJCWMyMy4yLDAsNDYuNy02LjMsNjQuOS0yMC4ybC0xMS4zLTQ2LjJDMTE3MC4yLDEwMzcuMywxMTAyLjcsMTAzNi40LDEwOTEuNCw5OTAuM3ogTTExNzguOSw5NTIuOGgtODguNAoJCQlDMTEwNCw5MTEuMSwxMTY2LjIsOTEwLjQsMTE3OC45LDk1Mi44eiIvPgoJPC9nPgo8L2c+CjxwYXRoIGQ9Ik0xNzYzLDk5OC45Yy04LjQsMTUuNy0yNC45LDI2LjMtNDMuOSwyNi4zYy0yNy40LDAtNDkuOC0yMi4zLTQ5LjgtNDkuOHMyMi4zLTQ5LjgsNDkuOC00OS44YzE5LjcsMCwzNi43LDExLjUsNDQuNywyOC4xCgloNDcuNmMtOS44LTQxLjktNDcuNS03My4yLTkyLjMtNzMuMmMtNTIuMywwLTk0LjgsNDIuNS05NC44LDk0LjhzNDIuNSw5NC44LDk0LjgsOTQuOGM0NC4yLDAsODEuNC0zMC40LDkxLjktNzEuNEgxNzYzeiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE1MzUuMzQ1MyIgeTE9Ijc5OC4xNzk5IiB4Mj0iMTU3NS44NDAyIiB5Mj0iODU0LjUyMDciPgoJPHN0b3AgIG9mZnNldD0iMC40ODA1IiBzdHlsZT0ic3RvcC1jb2xvcjojRkJEMzQ5Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjU1NTciIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUQyNDkiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNjYwNiIgc3R5bGU9InN0b3AtY29sb3I6I0UzRDA0OCIvPgoJPHN0b3AgIG9mZnNldD0iMC43ODI5IiBzdHlsZT0ic3RvcC1jb2xvcjojQzVDQzQ2Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjkxNzEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5Q0M2NDQiLz4KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM3RkMyNDMiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNTk2LjcsODUwLjIgMTU0Nyw4NjkuOSAxNTI3LjMsODIwLjIgMTU3Nyw4MDAuNSAiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNODkxLjMsMTE1NS42Yy0yLjUtMS42LTUuMi0yLjMtOC4xLTIuM2MtMi41LDAtNC44LDAuNi02LjksMS45Yy0xLjgsMS4xLTMuMywyLjctNC40LDQuOGwtMC43LTUuN2gtNXY1NS40CgkJaDYuMXYtMjIuOWMxLDEuNiwyLjIsMi44LDMuNywzLjdjMiwxLjIsNC40LDEuOSw3LjEsMS45YzIuOSwwLDUuNy0wLjgsOC4yLTIuM2MyLjUtMS42LDQuNi0zLjgsNi4yLTYuN2MxLjYtMi45LDIuMy02LjQsMi4zLTEwLjUKCQljMC00LTAuOC03LjUtMi4zLTEwLjRDODk1LjksMTE1OS40LDg5My44LDExNTcuMSw4OTEuMywxMTU1LjZ6IE04OTEuOSwxMTgwLjRjLTEuMSwyLjEtMi41LDMuNy00LjIsNC44Yy0xLjcsMS4xLTMuNSwxLjYtNS40LDEuNgoJCWMtMS43LDAtMy40LTAuNC00LjktMS4yYy0xLjUtMC44LTIuOC0yLTMuNy0zLjZjLTEtMS42LTEuNC0zLjUtMS40LTUuOHYtNi40YzAtMi40LDAuNS00LjQsMS40LTYuMWMxLTEuNiwyLjItMi45LDMuOC0zLjcKCQljMS42LTAuOSwzLjItMS4zLDUtMS4zYzIsMCwzLjksMC42LDUuNiwxLjdjMS43LDEuMSwzLDIuNyw0LDQuOGMxLDIuMSwxLjUsNC42LDEuNSw3LjZDODkzLjUsMTE3NS43LDg5MywxMTc4LjMsODkxLjksMTE4MC40eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTkyNy41LDExNTMuNWMtMi41LDAtNC42LDAuOC02LjQsMi4zYy0xLjUsMS4zLTIuNiwzLjEtMy41LDUuNXYtNy4yaC02LjF2MzcuMmg2LjF2LTE2LjhjMC0zLjEsMC4zLTUuOCwwLjktOAoJCWMwLjYtMi4zLDEuNi00LDIuOS01LjNjMS4zLTEuMywzLjEtMS45LDUuMy0xLjljMC43LDAsMS40LDAuMSwyLjMsMC4zYzAuOSwwLjIsMS42LDAuNCwyLjQsMC42bDAuNC02Yy0wLjctMC4yLTEuNC0wLjQtMi4xLTAuNQoJCUM5MjkuMSwxMTUzLjUsOTI4LjMsMTE1My41LDkyNy41LDExNTMuNXoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05NjIsMTE1NS41Yy0yLjYtMS41LTUuNi0yLjItOC45LTIuMmMtMy4zLDAtNi4zLDAuNy04LjksMi4yYy0yLjYsMS41LTQuNywzLjctNi4yLDYuNQoJCWMtMS41LDIuOS0yLjMsNi41LTIuMywxMC43YzAsNC4yLDAuNyw3LjgsMi4zLDEwLjdjMS41LDIuOSwzLjYsNS4xLDYuMiw2LjZjMi42LDEuNSw1LjYsMi4yLDguOSwyLjJjMy4zLDAsNi4zLTAuNyw4LjktMi4yCgkJYzIuNi0xLjUsNC42LTMuNyw2LjEtNi42YzEuNS0yLjksMi4yLTYuNSwyLjItMTAuN2MwLTQuMy0wLjctNy44LTIuMi0xMC43Qzk2Ni42LDExNTkuMSw5NjQuNiwxMTU2LjksOTYyLDExNTUuNXogTTk2Mi45LDExODAuMwoJCWMtMC45LDIuMS0yLjEsMy44LTMuOCw0LjljLTEuNywxLjItMy43LDEuNy02LjEsMS43Yy0zLjYsMC02LjMtMS4zLTguMi0zLjhjLTEuOS0yLjUtMi44LTYtMi44LTEwLjRjMC0zLDAuNC01LjUsMS4zLTcuNgoJCWMwLjktMi4xLDIuMS0zLjgsMy44LTQuOWMxLjctMS4yLDMuNy0xLjcsNi4yLTEuN2MzLjYsMCw2LjQsMS4zLDguMiwzLjhjMS44LDIuNiwyLjgsNiwyLjgsMTAuNQoJCUM5NjQuMiwxMTc1LjcsOTYzLjgsMTE3OC4yLDk2Mi45LDExODAuM3oiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05OTQuNywxMTM3LjhjLTIsMC0zLjcsMC40LTUuMywxLjFjLTEuNiwwLjgtMi45LDEuOS0zLjgsMy41Yy0wLjksMS42LTEuNCwzLjYtMS40LDZ2NS43aC02LjF2NC4yaDYuMXYzMi45CgkJaDYuMXYtMzIuOWg3Ljd2LTQuMmgtNy43di01LjdjMC0xLjYsMC4zLTIuOCwwLjgtMy43YzAuNS0wLjksMS4yLTEuNCwyLjEtMS43YzAuOC0wLjMsMS43LTAuNSwyLjUtMC41YzAuNywwLDEuNCwwLjEsMi4yLDAuMgoJCWMwLjgsMC4yLDEuNSwwLjQsMi4zLDAuN2wxLjItNC44Yy0xLjEtMC4zLTIuMi0wLjUtMy4zLTAuN0M5OTYuOCwxMTM3LjksOTk1LjcsMTEzNy44LDk5NC43LDExMzcuOHoiLz4KCTxyZWN0IHg9IjEwMDkuMSIgeT0iMTE1NC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iNi4xIiBoZWlnaHQ9IjM3LjIiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDQ3LjEsMTE4N2MtMSwwLjItMiwwLjMtMy4xLDAuM2MtMy42LDAtNS40LTEuOS01LjQtNS43di0yMy4yaDExLjd2LTQuMmgtMTEuN3YtMTAuM2gtNnYxMC4zaC02djQuMmg2djIzLjQKCQljMCwyLjMsMC41LDQuMywxLjQsNS44czIuMiwyLjcsMy44LDMuNWMxLjYsMC44LDMuNCwxLjIsNS40LDEuMmMxLjQsMCwyLjctMC4yLDQuMS0wLjVjMS4zLTAuNCwyLjYtMC44LDMuOS0xLjRsLTAuOS00LjMKCQlDMTA0OS4yLDExODYuNCwxMDQ4LjEsMTE4Ni44LDEwNDcuMSwxMTg3eiIvPgoJCgkJPHJlY3QgeD0iMTAwOC4xIiB5PSIxMTQwLjMiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTI5NiAtMC4zNjg1IDAuMzY4NSAwLjkyOTYgLTM1MC4yMTQzIDQ1My4xMTQyKSIgY2xhc3M9InN0MSIgd2lkdGg9IjYuNCIgaGVpZ2h0PSI2LjQiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMTE2LjYsMTE2Mi43bC00LjMtMi4zYy0xLjIsMy40LTIuNiw2LjctNC4zLDkuN2MtMS4zLDIuNC0yLjgsNC41LTQuMyw2LjRsLTEyLjMtMTAuOAoJCWMyLjgtMS4yLDUuMS0yLjQsNi45LTMuN2MyLjEtMS41LDMuNi0zLjEsNC41LTQuOHMxLjQtMy42LDEuNC01LjZjMC0yLjEtMC42LTQtMS44LTUuN2MtMS4yLTEuNy0yLjktMy01LTRjLTIuMi0xLTQuNy0xLjUtNy42LTEuNQoJCWMtMy4xLDAtNS44LDAuNS04LDEuNWMtMi4zLDEtNCwyLjMtNS4yLDQuMWMtMS4yLDEuNy0xLjgsMy43LTEuOCw1LjljMCwyLjEsMC41LDQuMSwxLjYsNi4xYzEuMSwxLjksMi41LDMuNyw0LjQsNS40bDEuMSwxCgkJYy00LjEsMC42LTcuNCwxLjctOS44LDMuM2MtMy4xLDItNC43LDUtNC43LDguOWMwLDIsMC41LDMuOSwxLjQsNS43czIuMywzLjMsNCw0LjZjMS43LDEuMywzLjcsMi4zLDYuMSwzLjEKCQljMi4zLDAuNyw0LjgsMS4xLDcuNiwxLjFjMy44LDAsNy4zLTAuNywxMC41LTIuMmMyLjctMS4yLDUuMS0yLjksNy4zLTQuOWwyLjEsMS44YzIsMS44LDMuOCwzLjEsNS42LDMuOWMxLDAuNSwxLjksMC44LDMsMXYtNS40CgkJYy0wLjMtMC4xLTAuNi0wLjItMC45LTAuM2MtMC44LTAuNC0xLjgtMS4xLTIuOC0xLjlsLTMuMy0yLjljMS41LTEuOSwyLjktNCw0LjItNi4zQzExMTMuOCwxMTcwLjMsMTExNS40LDExNjYuNiwxMTE2LjYsMTE2Mi43egoJCSBNMTA4MS40LDExNTIuNmMwLTEuOSwwLjctMy42LDIuMS01YzEuNC0xLjQsMy41LTIuMSw2LjMtMi4xYzIuMywwLDQuMiwwLjYsNS42LDEuOWMxLjQsMS4yLDIuMSwyLjgsMi4xLDQuNwoJCWMwLDEuMy0wLjMsMi42LTAuOSwzLjhjLTAuNiwxLjItMS43LDIuNC0zLjIsMy42Yy0xLjMsMS0zLjIsMi4xLTUuNiwzLjJsLTIuMi0xLjljLTEuNi0xLjQtMi43LTIuNy0zLjMtNAoJCUMxMDgxLjcsMTE1NS4zLDEwODEuNCwxMTU0LDEwODEuNCwxMTUyLjZ6IE0xMDk1LjIsMTE4My40Yy0yLjYsMS4zLTUuNSwyLTguNywyYy0yLjcsMC01LTAuNC02LjktMS4zYy0xLjktMC44LTMuMy0yLTQuMi0zLjQKCQljLTEtMS40LTEuNS0yLjktMS41LTQuNmMwLTIuNiwxLjEtNC42LDMuMi02YzEuOS0xLjMsNC44LTIuMSw4LjUtMi42bDE0LjQsMTIuN0MxMDk4LjUsMTE4MS40LDEwOTYuOSwxMTgyLjUsMTA5NS4yLDExODMuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMTY1LjIsMTE1My44Yy0yLjEtMS4zLTQuNi0yLTcuNS0yYy0zLjEsMC01LjgsMC44LTgsMi40Yy0xLjksMS40LTMuNCwzLjQtNC41LDUuOWwtMC43LTcuNGgtNS4ydjM3LjFoNi4xCgkJdi0xNy41YzAtMy4xLDAuNC01LjgsMS4zLTguMWMwLjktMi4zLDIuMS00LDMuOC01LjJjMS42LTEuMiwzLjYtMS44LDUuOC0xLjhjMi45LDAsNS4yLDAuOSw2LjksMi44czIuNSw0LjUsMi41LDguMXYyMS44aDZWMTE2OAoJCWMwLTMuMy0wLjYtNi4yLTEuNy04LjdTMTE2Ny4zLDExNTUuMSwxMTY1LjIsMTE1My44eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEyMDYsMTE0NS42YzEuMiwwLDIuMS0wLjQsMi45LTEuMWMwLjgtMC43LDEuMi0xLjYsMS4yLTIuN2MwLTEuMS0wLjQtMi0xLjItMi44Yy0wLjgtMC44LTEuOC0xLjItMi45LTEuMgoJCWMtMS4xLDAtMi4xLDAuNC0yLjksMS4yYy0wLjgsMC44LTEuMiwxLjctMS4yLDIuOGMwLDEuMSwwLjQsMiwxLjIsMi43QzEyMDMuOSwxMTQ1LjIsMTIwNC44LDExNDUuNiwxMjA2LDExNDUuNnoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjA4LjQsMTE1NGMtMi42LTEuNS01LjYtMi4yLTguOS0yLjJjLTMuMywwLTYuMywwLjctOC45LDIuMmMtMi42LDEuNS00LjcsMy43LTYuMiw2LjUKCQljLTEuNSwyLjktMi4zLDYuNS0yLjMsMTAuN2MwLDQuMiwwLjcsNy44LDIuMywxMC43YzEuNSwyLjksMy42LDUuMSw2LjIsNi42YzIuNiwxLjUsNS42LDIuMiw4LjksMi4yYzMuMywwLDYuMy0wLjcsOC45LTIuMgoJCWMyLjYtMS41LDQuNi0zLjcsNi4xLTYuNmMxLjUtMi45LDIuMi02LjUsMi4yLTEwLjdjMC00LjMtMC43LTcuOC0yLjItMTAuN0MxMjEzLjEsMTE1Ny43LDEyMTEsMTE1NS41LDEyMDguNCwxMTU0eiBNMTIwOS40LDExNzguOAoJCWMtMC45LDIuMS0yLjEsMy44LTMuOCw0LjljLTEuNywxLjItMy43LDEuNy02LjEsMS43Yy0zLjYsMC02LjMtMS4zLTguMi0zLjhjLTEuOS0yLjUtMi44LTYtMi44LTEwLjRjMC0zLDAuNC01LjUsMS4zLTcuNgoJCWMwLjktMi4xLDIuMS0zLjgsMy44LTQuOXMzLjctMS43LDYuMi0xLjdjMy42LDAsNi40LDEuMyw4LjIsMy44YzEuOCwyLjYsMi44LDYsMi44LDEwLjUKCQlDMTIxMC43LDExNzQuMiwxMjEwLjIsMTE3Ni43LDEyMDkuNCwxMTc4Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTE5MywxMTQ1LjZjMS4yLDAsMi4xLTAuNCwyLjktMS4xYzAuOC0wLjcsMS4yLTEuNiwxLjItMi43YzAtMS4xLTAuNC0yLjEtMS4yLTIuOGMtMC44LTAuOC0xLjgtMS4xLTIuOS0xLjEKCQlzLTIuMSwwLjQtMi45LDEuMWMtMC44LDAuOC0xLjEsMS43LTEuMSwyLjhjMCwxLDAuNCwxLjksMS4xLDIuN0MxMTkwLjksMTE0NS4yLDExOTEuOCwxMTQ1LjYsMTE5MywxMTQ1LjZ6Ii8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEyNDAuMiwxMTgzLjUgMTIyOSwxMTUyLjcgMTIyMi4xLDExNTIuNyAxMjM2LjksMTE4OS44IDEyNDMuNSwxMTg5LjggMTI1OC40LDExNTIuNyAxMjUxLjUsMTE1Mi43IAkKCQkiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjg2LjQsMTE4NC4xYy0xLjYsMS4yLTMuNSwxLjctNS45LDEuN2MtMi40LDAtNC40LTAuNi02LTEuOGMtMS42LTEuMi0yLjgtMi44LTMuNi00LjkKCQljLTAuOC0yLTEuMi00LjMtMS4yLTYuOWgyNS43YzAuMi0yLjYsMC4xLTUuMS0wLjQtNy42cy0xLjMtNC42LTIuNS02LjZjLTEuMi0xLjktMi44LTMuNS00LjgtNC42Yy0yLTEuMS00LjQtMS43LTcuMi0xLjcKCQljLTMuMiwwLTYuMSwwLjgtOC42LDIuM2MtMi41LDEuNi00LjUsMy44LTYsNi43Yy0xLjUsMi45LTIuMiw2LjQtMi4yLDEwLjVjMCwzLjgsMC43LDcuMiwyLjIsMTAuMWMxLjUsMi45LDMuNSw1LjIsNiw2LjkKCQljMi41LDEuNiw1LjQsMi41LDguNiwyLjVjMi43LDAsNS4xLTAuNSw3LjItMS40YzIuMS0xLDMuOS0yLjMsNS4yLTQuMWMxLjQtMS44LDIuMy0zLjksMi42LTYuM2gtNi4zCgkJQzEyODguOSwxMTgxLjIsMTI4OCwxMTgyLjksMTI4Ni40LDExODQuMXogTTEyNzQuNiwxMTU4LjVjMS42LTEuMiwzLjYtMS44LDYtMS44YzEuOSwwLDMuNCwwLjQsNC43LDEuMmMxLjIsMC44LDIuMiwxLjgsMi44LDMuMQoJCWMwLjcsMS4zLDEuMSwyLjcsMS40LDQuMmMwLjIsMS4xLDAuMiwyLjMsMC4zLDMuNGgtMTkuOWMwLjEtMS45LDAuNS0zLjYsMS4yLTUuM0MxMjcxLjcsMTE2MS4zLDEyNzMsMTE1OS43LDEyNzQuNiwxMTU4LjV6Ii8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEzNDAsMTE1Mi43IDEzMzEuNSwxMTUyLjcgMTMxMy41LDExNjcuOCAxMzEzLjUsMTEzNi45IDEzMDcuNCwxMTM2LjkgMTMwNy40LDExODkuOCAxMzEzLjUsMTE4OS44IAoJCTEzMTMuNSwxMTc0LjIgMTMxOC42LDExNzAuMSAxMzMzLjQsMTE4OS44IDEzNDAuOCwxMTg5LjggMTMyMi45LDExNjYuNiAJIi8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTM3MCwxMTg0LjFjLTEuNiwxLjItMy41LDEuNy01LjksMS43Yy0yLjQsMC00LjQtMC42LTYtMS44Yy0xLjYtMS4yLTIuOC0yLjgtMy42LTQuOWMtMC44LTItMS4yLTQuMy0xLjItNi45CgkJaDI1LjdjMC4yLTIuNiwwLjEtNS4xLTAuNC03LjZzLTEuMy00LjYtMi41LTYuNmMtMS4yLTEuOS0yLjgtMy41LTQuOC00LjZjLTItMS4xLTQuNC0xLjctNy4yLTEuN2MtMy4yLDAtNi4xLDAuOC04LjYsMi4zCgkJYy0yLjUsMS42LTQuNSwzLjgtNiw2LjdjLTEuNSwyLjktMi4yLDYuNC0yLjIsMTAuNWMwLDMuOCwwLjcsNy4yLDIuMiwxMC4xYzEuNSwyLjksMy41LDUuMiw2LDYuOWMyLjUsMS42LDUuNCwyLjUsOC42LDIuNQoJCWMyLjcsMCw1LjEtMC41LDcuMi0xLjRjMi4xLTEsMy45LTIuMyw1LjItNC4xYzEuNC0xLjgsMi4zLTMuOSwyLjYtNi4zaC02LjNDMTM3Mi41LDExODEuMiwxMzcxLjYsMTE4Mi45LDEzNzAsMTE4NC4xegoJCSBNMTM1OC4yLDExNTguNWMxLjYtMS4yLDMuNi0xLjgsNi0xLjhjMS45LDAsMy40LDAuNCw0LjcsMS4yYzEuMiwwLjgsMi4yLDEuOCwyLjgsMy4xYzAuNywxLjMsMS4xLDIuNywxLjQsNC4yCgkJYzAuMiwxLjEsMC4yLDIuMywwLjMsMy40aC0xOS45YzAuMS0xLjksMC41LTMuNiwxLjItNS4zQzEzNTUuNCwxMTYxLjMsMTM1Ni42LDExNTkuNywxMzU4LjIsMTE1OC41eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0MTUuMywxMTU4LjNjLTEuMS0xLjktMi41LTMuNC00LjItNC41Yy0yLjEtMS4zLTQuNC0yLTcuMi0yYy0yLjksMC01LjYsMC44LTguMSwyLjMKCQljLTIuNCwxLjYtNC40LDMuOC01LjksNi43cy0yLjIsNi4zLTIuMiwxMC4zYzAsNCwwLjcsNy40LDIuMywxMC40YzEuNSwyLjksMy41LDUuMiw2LDYuOGMyLjUsMS42LDUuMywyLjQsOC4zLDIuNAoJCWMyLjUsMCw0LjctMC42LDYuNy0xLjljMS45LTEuMiwzLjQtMi45LDQuNS01LjJsMC43LDYuMmg1di01M2gtNi4xVjExNTguM3ogTTE0MDkuOSwxMTg0Yy0xLjYsMC45LTMuMiwxLjMtNC45LDEuMwoJCWMtMiwwLTMuOS0wLjYtNS41LTEuN2MtMS43LTEuMS0zLTIuOC00LTQuOWMtMS0yLjEtMS41LTQuNy0xLjUtNy42YzAtMi45LDAuNS01LjQsMS41LTcuNWMxLTIuMSwyLjMtMy43LDQtNC44CgkJYzEuNy0xLjEsMy41LTEuNyw1LjUtMS43YzEuOCwwLDMuNSwwLjQsNSwxLjNjMS42LDAuOSwyLjgsMi4xLDMuOCwzLjhjMSwxLjcsMS41LDMuOCwxLjUsNi4ydjUuNWMwLDIuNC0wLjUsNC41LTEuNSw2LjIKCQlDMTQxMi44LDExODEuOCwxNDExLjUsMTE4My4xLDE0MDkuOSwxMTg0eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0NTUuOSwxMTg0LjFjLTEuNiwxLjItMy41LDEuNy01LjksMS43Yy0yLjQsMC00LjQtMC42LTYtMS44Yy0xLjYtMS4yLTIuOC0yLjgtMy42LTQuOQoJCWMtMC44LTItMS4yLTQuMy0xLjItNi45aDI1LjdjMC4yLTIuNiwwLjEtNS4xLTAuNC03LjZzLTEuMy00LjYtMi41LTYuNmMtMS4yLTEuOS0yLjgtMy41LTQuOC00LjZjLTItMS4xLTQuNC0xLjctNy4yLTEuNwoJCWMtMy4yLDAtNi4xLDAuOC04LjYsMi4zYy0yLjUsMS42LTQuNSwzLjgtNiw2LjdjLTEuNSwyLjktMi4yLDYuNC0yLjIsMTAuNWMwLDMuOCwwLjcsNy4yLDIuMiwxMC4xYzEuNSwyLjksMy41LDUuMiw2LDYuOQoJCWMyLjUsMS42LDUuNCwyLjUsOC42LDIuNWMyLjcsMCw1LjEtMC41LDcuMi0xLjRjMi4xLTEsMy45LTIuMyw1LjItNC4xYzEuNC0xLjgsMi4zLTMuOSwyLjYtNi4zaC02LjMKCQlDMTQ1OC40LDExODEuMiwxNDU3LjQsMTE4Mi45LDE0NTUuOSwxMTg0LjF6IE0xNDQ0LjEsMTE1OC41YzEuNi0xLjIsMy42LTEuOCw2LTEuOGMxLjksMCwzLjQsMC40LDQuNywxLjJjMS4yLDAuOCwyLjIsMS44LDIuOCwzLjEKCQljMC43LDEuMywxLjEsMi43LDEuNCw0LjJjMC4yLDEuMSwwLjIsMi4zLDAuMywzLjRoLTE5LjljMC4xLTEuOSwwLjUtMy42LDEuMi01LjNDMTQ0MS4yLDExNjEuMywxNDQyLjQsMTE1OS43LDE0NDQuMSwxMTU4LjV6Ii8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0NjEuMSwxMTMzLjggMTQ1Ni45LDExMzAuMyAxNDQzLjksMTE0My45IDE0NDYuOSwxMTQ2LjQgCSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0OTUuMywxMTcwLjJsLTcuNC0yLjVjLTQuNC0xLjItNi42LTMuMS02LjYtNS43YzAtMS40LDAuNy0yLjYsMi4xLTMuN2MxLjQtMS4xLDMuNC0xLjcsNS45LTEuNwoJCWMyLjYsMCw0LjYsMC40LDYuMSwxLjNjMS40LDAuOCwyLjMsMi4xLDIuNSwzLjdoNmMtMC4xLTIuOC0xLjQtNS4xLTMuOS03Yy0yLjUtMS45LTYtMi44LTEwLjYtMi44Yy00LjMsMC03LjgsMC45LTEwLjQsMi43CgkJYy0yLjYsMS44LTQsNC4yLTQsNy4yYzAsMi40LDAuOCw0LjUsMi41LDYuMmMxLjcsMS43LDQuMSwzLjEsNy4yLDQuMWw3LjIsMi4zYzIuMywwLjYsNCwxLjMsNS4xLDIuMmMxLjEsMC44LDEuNiwyLDEuNiwzLjQKCQljMCwxLjEtMC40LDIuMi0xLjIsMy4xYy0wLjgsMC45LTEuOSwxLjYtMy4yLDIuMWMtMS4zLDAuNS0yLjgsMC44LTQuNCwwLjhjLTMuMSwwLTUuNS0wLjYtNy4yLTEuOGMtMS44LTEuMi0yLjctMi45LTIuOS01LjNoLTUuOAoJCWMwLjEsMi4zLDAuNyw0LjQsMiw2LjJjMS4yLDEuOCwzLjEsMy4yLDUuNSw0LjJjMi40LDEsNS40LDEuNSw5LDEuNWMzLjEsMCw1LjctMC41LDcuOS0xLjZjMi4yLTEsMy45LTIuNCw1LjItNAoJCWMxLjItMS43LDEuOC0zLjQsMS44LTUuM2MwLTIuNC0wLjgtNC40LTIuNS01LjlTMTQ5OC41LDExNzEuMSwxNDk1LjMsMTE3MC4yeiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE1MjEuMiwxMTM2LjNjLTEuMiwwLTIuMiwwLjMtMi45LDFjLTAuNywwLjctMS4xLDEuNi0xLjEsMi43YzAsMS4yLDAuNCwyLjEsMS4xLDIuOGMwLjcsMC43LDEuNywxLjEsMi45LDEuMQoJCWMxLjIsMCwyLjItMC40LDMtMS4xYzAuNy0wLjcsMS4xLTEuNiwxLjEtMi44YzAtMS4xLTAuNC0yLTEuMS0yLjdDMTUyMy40LDExMzYuNywxNTIyLjQsMTEzNi4zLDE1MjEuMiwxMTM2LjN6Ii8+Cgk8cmVjdCB4PSIxNTE4LjEiIHk9IjExNTIuNiIgY2xhc3M9InN0MSIgd2lkdGg9IjYuMSIgaGVpZ2h0PSIzNy4yIi8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU4NC40LDExNTQuMWMtMi41LTEuNi01LjItMi4zLTguMS0yLjNjLTIuNSwwLTQuOCwwLjYtNi45LDEuOWMtMS44LDEuMS0zLjMsMi43LTQuNCw0LjhsLTAuNy01LjdoLTV2NTUuNAoJCWg2LjF2LTIyLjljMSwxLjYsMi4yLDIuOCwzLjcsMy43YzIsMS4yLDQuNCwxLjksNy4xLDEuOWMyLjksMCw1LjctMC44LDguMi0yLjNjMi41LTEuNiw0LjYtMy44LDYuMi02LjdjMS42LTIuOSwyLjMtNi40LDIuMy0xMC41CgkJYzAtNC0wLjgtNy41LTIuMy0xMC40QzE1ODksMTE1Ny45LDE1ODYuOSwxMTU1LjcsMTU4NC40LDExNTQuMXogTTE1ODUsMTE3OWMtMS4xLDIuMS0yLjUsMy43LTQuMiw0LjhjLTEuNywxLjEtMy41LDEuNi01LjQsMS42CgkJYy0xLjcsMC0zLjQtMC40LTQuOS0xLjJjLTEuNS0wLjgtMi44LTItMy43LTMuNmMtMS0xLjYtMS40LTMuNS0xLjQtNS44di02LjRjMC0yLjQsMC41LTQuNCwxLjQtNi4xYzEtMS42LDIuMi0yLjksMy44LTMuNwoJCWMxLjYtMC45LDMuMi0xLjMsNS0xLjNjMiwwLDMuOSwwLjYsNS42LDEuN2MxLjcsMS4xLDMsMi43LDQsNC44YzEsMi4xLDEuNSw0LjYsMS41LDcuNkMxNTg2LjYsMTE3NC4zLDE1ODYuMSwxMTc2LjksMTU4NSwxMTc5eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2MjUuOSwxMTUzLjJjLTIuMi0xLTQuNy0xLjQtNy42LTEuNGMtMywwLTUuNiwwLjQtNy45LDEuMWMtMi4zLDAuNy00LjEsMS45LTUuNSwzLjZjLTEuMywxLjYtMiwzLjgtMiw2LjUKCQloNi44YzAtMS41LDAuNC0yLjgsMS4xLTMuN3MxLjgtMS43LDMuMS0yLjJjMS4zLTAuNSwyLjgtMC43LDQuNC0wLjdjMi44LDAsNSwwLjcsNi40LDIuMmMxLjQsMS41LDIuMSwzLjksMi4xLDcuMnY0LjkKCQljLTEuNy0wLjYtMy40LTEuMS01LjItMS40Yy0yLTAuNC0zLjktMC42LTUuOC0wLjZjLTIuNywwLTUuMiwwLjQtNy4zLDEuMWMtMi4yLDAuNy0zLjksMS45LTUuMSwzLjVjLTEuMywxLjYtMS45LDMuNi0xLjksNi4xCgkJYzAsMS45LDAuNSwzLjcsMS41LDUuNWMxLDEuNywyLjUsMy4xLDQuNSw0LjJjMiwxLjEsNC41LDEuNiw3LjYsMS42YzIuOCwwLDUuMi0wLjYsNy4xLTEuOWMyLTEuMywzLjUtMyw0LjYtNS4xCgkJYzAuMS0wLjIsMC4yLTAuNCwwLjMtMC42bDAuNiw2LjhoNS4zdi0yMy45YzAtMy4zLTAuNi02LTEuOS04LjFDMTYyOS44LDExNTUuNywxNjI4LjEsMTE1NC4yLDE2MjUuOSwxMTUzLjJ6IE0xNjI1LjUsMTE4MS4xCgkJYy0wLjksMS40LTIuMiwyLjYtMy44LDMuNmMtMS42LDAuOS0zLjQsMS40LTUuNSwxLjRjLTIuOSwwLTUtMC42LTYuMy0xLjljLTEuMy0xLjMtMi0yLjgtMi00LjdjMC0yLjUsMC45LTQuMiwyLjYtNS4yCgkJYzEuNy0xLDMuOC0xLjUsNi4zLTEuNWMxLjYsMCwzLjQsMC4yLDUuNCwwLjVjMS43LDAuMywzLjMsMC44LDQuNywxLjN2Mi4zQzE2MjYuOSwxMTc4LjIsMTYyNi40LDExNzkuNiwxNjI1LjUsMTE4MS4xeiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2NjMuNCwxMTUyYy0yLjUsMC00LjYsMC44LTYuNCwyLjNjLTEuNSwxLjMtMi42LDMuMS0zLjUsNS41di03LjJoLTYuMXYzNy4yaDYuMXYtMTYuOGMwLTMuMSwwLjMtNS44LDAuOS04CgkJYzAuNi0yLjMsMS42LTQsMi45LTUuM2MxLjMtMS4zLDMuMS0xLjksNS4zLTEuOWMwLjcsMCwxLjQsMC4xLDIuMywwLjNjMC45LDAuMiwxLjYsMC40LDIuNCwwLjZsMC40LTZjLTAuNy0wLjItMS40LTAuNC0yLjEtMC41CgkJQzE2NjQuOSwxMTUyLjEsMTY2NC4yLDExNTIsMTY2My40LDExNTJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY5MC43LDExODUuNWMtMSwwLjItMiwwLjMtMy4xLDAuM2MtMy42LDAtNS40LTEuOS01LjQtNS43di0yMy4yaDExLjd2LTQuMmgtMTEuN3YtMTAuM2gtNnYxMC4zaC02djQuMmg2CgkJdjIzLjRjMCwyLjMsMC41LDQuMywxLjQsNS44YzAuOSwxLjYsMi4yLDIuNywzLjgsMy41YzEuNiwwLjgsMy40LDEuMiw1LjQsMS4yYzEuNCwwLDIuNy0wLjIsNC4xLTAuNWMxLjMtMC40LDIuNi0wLjgsMy45LTEuNAoJCWwtMC45LTQuM0MxNjkyLjgsMTE4NC45LDE2OTEuNywxMTg1LjMsMTY5MC43LDExODUuNXoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzMwLjYsMTE1My44Yy0yLjEtMS4zLTQuNi0yLTcuNS0yYy0zLjEsMC01LjgsMC44LTgsMi40Yy0xLjksMS40LTMuNCwzLjQtNC41LDUuOWwtMC43LTcuNGgtNS4ydjM3LjFoNi4xCgkJdi0xNy41YzAtMy4xLDAuNC01LjgsMS4zLTguMXMyLjEtNCwzLjgtNS4yYzEuNi0xLjIsMy42LTEuOCw1LjgtMS44YzIuOSwwLDUuMiwwLjksNi45LDIuOGMxLjcsMS45LDIuNSw0LjUsMi41LDguMXYyMS44aDZWMTE2OAoJCWMwLTMuMy0wLjYtNi4yLTEuNy04LjdDMTczNC4zLDExNTYuOSwxNzMyLjcsMTE1NS4xLDE3MzAuNiwxMTUzLjh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTc3MC40LDExODQuMWMtMS42LDEuMi0zLjUsMS43LTUuOSwxLjdjLTIuNCwwLTQuNC0wLjYtNi0xLjhjLTEuNi0xLjItMi44LTIuOC0zLjYtNC45CgkJYy0wLjgtMi0xLjItNC4zLTEuMi02LjloMjUuN2MwLjItMi42LDAuMS01LjEtMC40LTcuNnMtMS4zLTQuNi0yLjUtNi42Yy0xLjItMS45LTIuOC0zLjUtNC44LTQuNmMtMi0xLjEtNC40LTEuNy03LjItMS43CgkJYy0zLjIsMC02LjEsMC44LTguNiwyLjNjLTIuNSwxLjYtNC41LDMuOC02LDYuN2MtMS41LDIuOS0yLjIsNi40LTIuMiwxMC41YzAsMy44LDAuNyw3LjIsMi4yLDEwLjFjMS41LDIuOSwzLjUsNS4yLDYsNi45CgkJYzIuNSwxLjYsNS40LDIuNSw4LjYsMi41YzIuNywwLDUuMS0wLjUsNy4yLTEuNGMyLjEtMSwzLjktMi4zLDUuMi00LjFjMS40LTEuOCwyLjMtMy45LDIuNi02LjNoLTYuMwoJCUMxNzcyLjksMTE4MS4yLDE3NzEuOSwxMTgyLjksMTc3MC40LDExODQuMXogTTE3NTguNSwxMTU4LjVjMS42LTEuMiwzLjYtMS44LDYtMS44YzEuOSwwLDMuNCwwLjQsNC43LDEuMmMxLjIsMC44LDIuMiwxLjgsMi44LDMuMQoJCWMwLjcsMS4zLDEuMSwyLjcsMS40LDQuMmMwLjIsMS4xLDAuMiwyLjMsMC4zLDMuNGgtMTkuOWMwLjEtMS45LDAuNS0zLjYsMS4yLTUuM0MxNzU1LjcsMTE2MS4zLDE3NTYuOSwxMTU5LjcsMTc1OC41LDExNTguNXoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xODA5LjYsMTE1Mi4yYy0wLjctMC4xLTEuNC0wLjItMi4zLTAuMmMtMi41LDAtNC42LDAuOC02LjQsMi4zYy0xLjUsMS4zLTIuNiwzLjEtMy41LDUuNXYtNy4yaC02LjF2MzcuMmg2LjEKCQl2LTE2LjhjMC0zLjEsMC4zLTUuOCwwLjktOGMwLjYtMi4zLDEuNi00LDIuOS01LjNjMS4zLTEuMywzLjEtMS45LDUuMy0xLjljMC43LDAsMS40LDAuMSwyLjMsMC4zYzAuOSwwLjIsMS42LDAuNCwyLjQsMC42bDAuNC02CgkJQzE4MTEsMTE1Mi41LDE4MTAuMywxMTUyLjMsMTgwOS42LDExNTIuMnoiLz4KPC9nPgo8L3N2Zz4=");
--wm-white: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgdmlld0JveD0iMTg4LjYgNzc5LjUgMTYyMy4wIDI5MS4wIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODguNiwxMDY0Vjg4Ni4yaDQ2LjJ2MTkuNmMyNC45LTMzLjgsODEuMy0zMy45LDEwNi4xLDBjMjItMjYuNiw2NC41LTMyLjksOTQuOC0xNi43CgkJCQljMjQuMiwxMywzNy43LDM3LjEsMzcuMyw2Ni4yYzAsMCwwLDEwOC44LDAsMTA4LjhoLTUxLjZWOTYyLjdjMC0xOC42LTExLjYtMzYuOC0zMi4zLTM2LjJjLTE5LjEtMC4xLTMzLjUsMTUuNy0zMi42LDM1LjYKCQkJCWMwLDAsMCwxMDIsMCwxMDJoLTUxLjZWOTYyLjdjMC40LTE4LjYtMTIuMi0zNi45LTMyLjMtMzYuMmMtMTkuMS0wLjEtMzMuNSwxNS43LTMyLjYsMzUuNmMwLDAsMCwxMDIsMCwxMDJIMTg4LjZ6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01ODguNywxMDY4LjhjLTY5LjEsMS41LTExMS4yLTgzLjYtNzYuOS0xNDAuOGMyMy45LTQ3LjcsOTUuMS02My45LDEzMi42LTIzLjd2LTE4LjFoNDQuNVYxMDY0aC00NC41di0xOC4xCgkJCQlDNjMwLjIsMTA2MSw2MTAuMiwxMDY4LjksNTg4LjcsMTA2OC44eiBNNTk1LDEwMjMuNGM2Mi40LTIuMSw2Mi40LTk0LjYsMC05Ni42QzUzMi41LDkyOC45LDUzMi42LDEwMjEuNCw1OTUsMTAyMy40eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI4LDEwNjRWODg2LjJoNDYuMnYzMC41YzEyLjUtMjAuOCwzMS41LTMyLjQsNTYuMy0zMi4zbDExLjMsNDUuNmMtMTYuOC00LjktMzcuNiwwLjItNDguNiwxMi42CgkJCQljLTIyLjcsMTkuNS0xMC45LDk0LjEtMTMuNiwxMjEuNEg3Mjh6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NjQuMywxMDY0Vjc3OS41aDUxLjZWMTA2NEg4NjQuM3ogTTk4Mi42LDEwNjRsLTcwLjgtOTcuOGw1OC40LTgwaDU1LjRsLTU3LjUsNzUuNmw3NS4zLDEwMi4ySDk4Mi42eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMxMy45LDEwNjkuOWMtMjEuMiwwLjEtNTAuNy03LjMtNjUuNS0yMS45bDEyLjctNDguNmMxMy43LDE5LjIsNDguNywzOC43LDcxLjMsMjUuNQoJCQkJYzExLjYtMTEuMSwxLjMtMjEuNy0xMC41LTI1LjJjLTI4LjgtMTEuMy03MS44LTIxLjgtNzAuMi02MS42YzAuNS02NC4yLDg3LjQtNzIuNCwxMjYtMzYuN2wtMTEuOSw0Ni44CgkJCQljLTExLjctMTUuNi0zMS43LTI2LjktNTAuMS0yN2MtMTIuOS0xLjEtMjQsOS43LTE1LjMsMjAuM2MxNCwxMS43LDM4LjgsMTQuNiw1NS4xLDI0LjdjMTcuMyw5LjQsMjcuOSwyMy4yLDI3LjQsNDUuMwoJCQkJQzEzODMuMSwxMDQ4LjgsMTM1MC44LDEwNzAuNSwxMzEzLjksMTA2OS45eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQzMy40LDEwNjRWOTI3LjFoLTMzLjJ2LTQwLjloMzQuMXYtNTkuM2g0OS44djU5LjNoMzUuM3Y0MC45aC0zNC40VjEwNjRIMTQzMy40eiIvPgoJCTwvZz4KCTwvZz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTQ2LjYsMTA2NFY4ODYuMmg1MS42VjEwNjRIMTU0Ni42eiIvPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOTEuNCw5OTAuM2gxMzUuOWwtMC4yLTAuN2MwLjctMjEuOC0wLjYtNDYuNi0xMi02NC41Yy0yMy41LTQzLjUtODQuOC01Ny4zLTEyNi44LTMyLjYKCQkJYy04NS4xLDUwLjctNDUuMiwxODEuOCw1NSwxNzcuNWMyMy4yLDAsNDYuNy02LjMsNjQuOS0yMC4ybC0xMS4zLTQ2LjJDMTE3MC4yLDEwMzcuMywxMTAyLjcsMTAzNi40LDEwOTEuNCw5OTAuM3ogTTExNzguOSw5NTIuOAoJCQloLTg4LjRDMTEwNCw5MTEuMSwxMTY2LjIsOTEwLjQsMTE3OC45LDk1Mi44eiIvPgoJPC9nPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzYzLDk5OC45Yy04LjQsMTUuNy0yNC45LDI2LjMtNDMuOSwyNi4zYy0yNy40LDAtNDkuOC0yMi4zLTQ5LjgtNDkuOHMyMi4zLTQ5LjgsNDkuOC00OS44CgljMTkuNywwLDM2LjcsMTEuNSw0NC43LDI4LjFoNDcuNmMtOS44LTQxLjktNDcuNS03My4yLTkyLjMtNzMuMmMtNTIuMywwLTk0LjgsNDIuNS05NC44LDk0LjhzNDIuNSw5NC44LDk0LjgsOTQuOAoJYzQ0LjIsMCw4MS40LTMwLjQsOTEuOS03MS40SDE3NjN6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUzNS4zNDUzIiB5MT0iNzk4LjE3OTkiIHgyPSIxNTc1Ljg0MDIiIHkyPSI4NTQuNTIwNyI+Cgk8c3RvcCAgb2Zmc2V0PSIwLjQ4MDUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkQzNDkiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNTU1NyIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RDI0OSIvPgoJPHN0b3AgIG9mZnNldD0iMC42NjA2IiBzdHlsZT0ic3RvcC1jb2xvcjojRTNEMDQ4Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjc4MjkiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNUNDNDYiLz4KCTxzdG9wICBvZmZzZXQ9IjAuOTE3MSIgc3R5bGU9InN0b3AtY29sb3I6IzlDQzY0NCIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzdGQzI0MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE1OTYuNyw4NTAuMiAxNTQ3LDg2OS45IDE1MjcuMyw4MjAuMiAxNTc3LDgwMC41ICIvPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04OTEuMywxMTU1LjZjLTIuNS0xLjYtNS4yLTIuMy04LjEtMi4zYy0yLjUsMC00LjgsMC42LTYuOSwxLjljLTEuOCwxLjEtMy4zLDIuNy00LjQsNC44bC0wLjctNS43aC01djU1LjQKCQloNi4xdi0yMi45YzEsMS42LDIuMiwyLjgsMy43LDMuN2MyLDEuMiw0LjQsMS45LDcuMSwxLjljMi45LDAsNS43LTAuOCw4LjItMi4zYzIuNS0xLjYsNC42LTMuOCw2LjItNi43YzEuNi0yLjksMi4zLTYuNCwyLjMtMTAuNQoJCWMwLTQtMC44LTcuNS0yLjMtMTAuNEM4OTUuOSwxMTU5LjQsODkzLjgsMTE1Ny4xLDg5MS4zLDExNTUuNnogTTg5MS45LDExODAuNGMtMS4xLDIuMS0yLjUsMy43LTQuMiw0LjhjLTEuNywxLjEtMy41LDEuNi01LjQsMS42CgkJYy0xLjcsMC0zLjQtMC40LTQuOS0xLjJjLTEuNS0wLjgtMi44LTItMy43LTMuNmMtMS0xLjYtMS40LTMuNS0xLjQtNS44di02LjRjMC0yLjQsMC41LTQuNCwxLjQtNi4xYzEtMS42LDIuMi0yLjksMy44LTMuNwoJCWMxLjYtMC45LDMuMi0xLjMsNS0xLjNjMiwwLDMuOSwwLjYsNS42LDEuN2MxLjcsMS4xLDMsMi43LDQsNC44YzEsMi4xLDEuNSw0LjYsMS41LDcuNkM4OTMuNSwxMTc1LjcsODkzLDExNzguMyw4OTEuOSwxMTgwLjR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTI3LjUsMTE1My41Yy0yLjUsMC00LjYsMC44LTYuNCwyLjNjLTEuNSwxLjMtMi42LDMuMS0zLjUsNS41di03LjJoLTYuMXYzNy4yaDYuMXYtMTYuOGMwLTMuMSwwLjMtNS44LDAuOS04CgkJYzAuNi0yLjMsMS42LTQsMi45LTUuM2MxLjMtMS4zLDMuMS0xLjksNS4zLTEuOWMwLjcsMCwxLjQsMC4xLDIuMywwLjNjMC45LDAuMiwxLjYsMC40LDIuNCwwLjZsMC40LTZjLTAuNy0wLjItMS40LTAuNC0yLjEtMC41CgkJQzkyOS4xLDExNTMuNSw5MjguMywxMTUzLjUsOTI3LjUsMTE1My41eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MiwxMTU1LjVjLTIuNi0xLjUtNS42LTIuMi04LjktMi4yYy0zLjMsMC02LjMsMC43LTguOSwyLjJjLTIuNiwxLjUtNC43LDMuNy02LjIsNi41CgkJYy0xLjUsMi45LTIuMyw2LjUtMi4zLDEwLjdjMCw0LjIsMC43LDcuOCwyLjMsMTAuN2MxLjUsMi45LDMuNiw1LjEsNi4yLDYuNmMyLjYsMS41LDUuNiwyLjIsOC45LDIuMmMzLjMsMCw2LjMtMC43LDguOS0yLjIKCQljMi42LTEuNSw0LjYtMy43LDYuMS02LjZjMS41LTIuOSwyLjItNi41LDIuMi0xMC43YzAtNC4zLTAuNy03LjgtMi4yLTEwLjdDOTY2LjYsMTE1OS4xLDk2NC42LDExNTYuOSw5NjIsMTE1NS41eiBNOTYyLjksMTE4MC4zCgkJYy0wLjksMi4xLTIuMSwzLjgtMy44LDQuOWMtMS43LDEuMi0zLjcsMS43LTYuMSwxLjdjLTMuNiwwLTYuMy0xLjMtOC4yLTMuOGMtMS45LTIuNS0yLjgtNi0yLjgtMTAuNGMwLTMsMC40LTUuNSwxLjMtNy42CgkJYzAuOS0yLjEsMi4xLTMuOCwzLjgtNC45YzEuNy0xLjIsMy43LTEuNyw2LjItMS43YzMuNiwwLDYuNCwxLjMsOC4yLDMuOGMxLjgsMi42LDIuOCw2LDIuOCwxMC41CgkJQzk2NC4yLDExNzUuNyw5NjMuOCwxMTc4LjIsOTYyLjksMTE4MC4zeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk5NC43LDExMzcuOGMtMiwwLTMuNywwLjQtNS4zLDEuMWMtMS42LDAuOC0yLjksMS45LTMuOCwzLjVjLTAuOSwxLjYtMS40LDMuNi0xLjQsNnY1LjdoLTYuMXY0LjJoNi4xdjMyLjkKCQloNi4xdi0zMi45aDcuN3YtNC4yaC03Ljd2LTUuN2MwLTEuNiwwLjMtMi44LDAuOC0zLjdjMC41LTAuOSwxLjItMS40LDIuMS0xLjdjMC44LTAuMywxLjctMC41LDIuNS0wLjVjMC43LDAsMS40LDAuMSwyLjIsMC4yCgkJYzAuOCwwLjIsMS41LDAuNCwyLjMsMC43bDEuMi00LjhjLTEuMS0wLjMtMi4yLTAuNS0zLjMtMC43Qzk5Ni44LDExMzcuOSw5OTUuNywxMTM3LjgsOTk0LjcsMTEzNy44eiIvPgoJPHJlY3QgeD0iMTAwOS4xIiB5PSIxMTU0LjEiIGNsYXNzPSJzdDAiIHdpZHRoPSI2LjEiIGhlaWdodD0iMzcuMiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNDcuMSwxMTg3Yy0xLDAuMi0yLDAuMy0zLjEsMC4zYy0zLjYsMC01LjQtMS45LTUuNC01Ljd2LTIzLjJoMTEuN3YtNC4yaC0xMS43di0xMC4zaC02djEwLjNoLTZ2NC4yaDZ2MjMuNAoJCWMwLDIuMywwLjUsNC4zLDEuNCw1LjhzMi4yLDIuNywzLjgsMy41YzEuNiwwLjgsMy40LDEuMiw1LjQsMS4yYzEuNCwwLDIuNy0wLjIsNC4xLTAuNWMxLjMtMC40LDIuNi0wLjgsMy45LTEuNGwtMC45LTQuMwoJCUMxMDQ5LjIsMTE4Ni40LDEwNDguMSwxMTg2LjgsMTA0Ny4xLDExODd6Ii8+CgkKCQk8cmVjdCB4PSIxMDA4LjEiIHk9IjExNDAuMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC45Mjk2IC0wLjM2ODUgMC4zNjg1IDAuOTI5NiAtMzUwLjIxNDMgNDUzLjExNDIpIiBjbGFzcz0ic3QwIiB3aWR0aD0iNi40IiBoZWlnaHQ9IjYuNCIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMTYuNiwxMTYyLjdsLTQuMy0yLjNjLTEuMiwzLjQtMi42LDYuNy00LjMsOS43Yy0xLjMsMi40LTIuOCw0LjUtNC4zLDYuNGwtMTIuMy0xMC44CgkJYzIuOC0xLjIsNS4xLTIuNCw2LjktMy43YzIuMS0xLjUsMy42LTMuMSw0LjUtNC44czEuNC0zLjYsMS40LTUuNmMwLTIuMS0wLjYtNC0xLjgtNS43Yy0xLjItMS43LTIuOS0zLTUtNGMtMi4yLTEtNC43LTEuNS03LjYtMS41CgkJYy0zLjEsMC01LjgsMC41LTgsMS41Yy0yLjMsMS00LDIuMy01LjIsNC4xYy0xLjIsMS43LTEuOCwzLjctMS44LDUuOWMwLDIuMSwwLjUsNC4xLDEuNiw2LjFjMS4xLDEuOSwyLjUsMy43LDQuNCw1LjRsMS4xLDEKCQljLTQuMSwwLjYtNy40LDEuNy05LjgsMy4zYy0zLjEsMi00LjcsNS00LjcsOC45YzAsMiwwLjUsMy45LDEuNCw1LjdzMi4zLDMuMyw0LDQuNmMxLjcsMS4zLDMuNywyLjMsNi4xLDMuMQoJCWMyLjMsMC43LDQuOCwxLjEsNy42LDEuMWMzLjgsMCw3LjMtMC43LDEwLjUtMi4yYzIuNy0xLjIsNS4xLTIuOSw3LjMtNC45bDIuMSwxLjhjMiwxLjgsMy44LDMuMSw1LjYsMy45YzEsMC41LDEuOSwwLjgsMywxdi01LjQKCQljLTAuMy0wLjEtMC42LTAuMi0wLjktMC4zYy0wLjgtMC40LTEuOC0xLjEtMi44LTEuOWwtMy4zLTIuOWMxLjUtMS45LDIuOS00LDQuMi02LjNDMTExMy44LDExNzAuMywxMTE1LjQsMTE2Ni42LDExMTYuNiwxMTYyLjd6CgkJIE0xMDgxLjQsMTE1Mi42YzAtMS45LDAuNy0zLjYsMi4xLTVjMS40LTEuNCwzLjUtMi4xLDYuMy0yLjFjMi4zLDAsNC4yLDAuNiw1LjYsMS45YzEuNCwxLjIsMi4xLDIuOCwyLjEsNC43CgkJYzAsMS4zLTAuMywyLjYtMC45LDMuOGMtMC42LDEuMi0xLjcsMi40LTMuMiwzLjZjLTEuMywxLTMuMiwyLjEtNS42LDMuMmwtMi4yLTEuOWMtMS42LTEuNC0yLjctMi43LTMuMy00CgkJQzEwODEuNywxMTU1LjMsMTA4MS40LDExNTQsMTA4MS40LDExNTIuNnogTTEwOTUuMiwxMTgzLjRjLTIuNiwxLjMtNS41LDItOC43LDJjLTIuNywwLTUtMC40LTYuOS0xLjNjLTEuOS0wLjgtMy4zLTItNC4yLTMuNAoJCWMtMS0xLjQtMS41LTIuOS0xLjUtNC42YzAtMi42LDEuMS00LjYsMy4yLTZjMS45LTEuMyw0LjgtMi4xLDguNS0yLjZsMTQuNCwxMi43QzEwOTguNSwxMTgxLjQsMTA5Ni45LDExODIuNSwxMDk1LjIsMTE4My40eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNjUuMiwxMTUzLjhjLTIuMS0xLjMtNC42LTItNy41LTJjLTMuMSwwLTUuOCwwLjgtOCwyLjRjLTEuOSwxLjQtMy40LDMuNC00LjUsNS45bC0wLjctNy40aC01LjJ2MzcuMWg2LjEKCQl2LTE3LjVjMC0zLjEsMC40LTUuOCwxLjMtOC4xYzAuOS0yLjMsMi4xLTQsMy44LTUuMmMxLjYtMS4yLDMuNi0xLjgsNS44LTEuOGMyLjksMCw1LjIsMC45LDYuOSwyLjhzMi41LDQuNSwyLjUsOC4xdjIxLjhoNlYxMTY4CgkJYzAtMy4zLTAuNi02LjItMS43LTguN1MxMTY3LjMsMTE1NS4xLDExNjUuMiwxMTUzLjh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwNiwxMTQ1LjZjMS4yLDAsMi4xLTAuNCwyLjktMS4xYzAuOC0wLjcsMS4yLTEuNiwxLjItMi43YzAtMS4xLTAuNC0yLTEuMi0yLjhjLTAuOC0wLjgtMS44LTEuMi0yLjktMS4yCgkJYy0xLjEsMC0yLjEsMC40LTIuOSwxLjJjLTAuOCwwLjgtMS4yLDEuNy0xLjIsMi44YzAsMS4xLDAuNCwyLDEuMiwyLjdDMTIwMy45LDExNDUuMiwxMjA0LjgsMTE0NS42LDEyMDYsMTE0NS42eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyMDguNCwxMTU0Yy0yLjYtMS41LTUuNi0yLjItOC45LTIuMmMtMy4zLDAtNi4zLDAuNy04LjksMi4yYy0yLjYsMS41LTQuNywzLjctNi4yLDYuNQoJCWMtMS41LDIuOS0yLjMsNi41LTIuMywxMC43YzAsNC4yLDAuNyw3LjgsMi4zLDEwLjdjMS41LDIuOSwzLjYsNS4xLDYuMiw2LjZjMi42LDEuNSw1LjYsMi4yLDguOSwyLjJjMy4zLDAsNi4zLTAuNyw4LjktMi4yCgkJYzIuNi0xLjUsNC42LTMuNyw2LjEtNi42YzEuNS0yLjksMi4yLTYuNSwyLjItMTAuN2MwLTQuMy0wLjctNy44LTIuMi0xMC43QzEyMTMuMSwxMTU3LjcsMTIxMSwxMTU1LjUsMTIwOC40LDExNTR6IE0xMjA5LjQsMTE3OC44CgkJYy0wLjksMi4xLTIuMSwzLjgtMy44LDQuOWMtMS43LDEuMi0zLjcsMS43LTYuMSwxLjdjLTMuNiwwLTYuMy0xLjMtOC4yLTMuOGMtMS45LTIuNS0yLjgtNi0yLjgtMTAuNGMwLTMsMC40LTUuNSwxLjMtNy42CgkJYzAuOS0yLjEsMi4xLTMuOCwzLjgtNC45czMuNy0xLjcsNi4yLTEuN2MzLjYsMCw2LjQsMS4zLDguMiwzLjhjMS44LDIuNiwyLjgsNiwyLjgsMTAuNQoJCUMxMjEwLjcsMTE3NC4yLDEyMTAuMiwxMTc2LjcsMTIwOS40LDExNzguOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTkzLDExNDUuNmMxLjIsMCwyLjEtMC40LDIuOS0xLjFjMC44LTAuNywxLjItMS42LDEuMi0yLjdjMC0xLjEtMC40LTIuMS0xLjItMi44Yy0wLjgtMC44LTEuOC0xLjEtMi45LTEuMQoJCXMtMi4xLDAuNC0yLjksMS4xYy0wLjgsMC44LTEuMSwxLjctMS4xLDIuOGMwLDEsMC40LDEuOSwxLjEsMi43QzExOTAuOSwxMTQ1LjIsMTE5MS44LDExNDUuNiwxMTkzLDExNDUuNnoiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI0MC4yLDExODMuNSAxMjI5LDExNTIuNyAxMjIyLjEsMTE1Mi43IDEyMzYuOSwxMTg5LjggMTI0My41LDExODkuOCAxMjU4LjQsMTE1Mi43IDEyNTEuNSwxMTUyLjcgCQoJCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyODYuNCwxMTg0LjFjLTEuNiwxLjItMy41LDEuNy01LjksMS43Yy0yLjQsMC00LjQtMC42LTYtMS44Yy0xLjYtMS4yLTIuOC0yLjgtMy42LTQuOQoJCWMtMC44LTItMS4yLTQuMy0xLjItNi45aDI1LjdjMC4yLTIuNiwwLjEtNS4xLTAuNC03LjZzLTEuMy00LjYtMi41LTYuNmMtMS4yLTEuOS0yLjgtMy41LTQuOC00LjZjLTItMS4xLTQuNC0xLjctNy4yLTEuNwoJCWMtMy4yLDAtNi4xLDAuOC04LjYsMi4zYy0yLjUsMS42LTQuNSwzLjgtNiw2LjdjLTEuNSwyLjktMi4yLDYuNC0yLjIsMTAuNWMwLDMuOCwwLjcsNy4yLDIuMiwxMC4xYzEuNSwyLjksMy41LDUuMiw2LDYuOQoJCWMyLjUsMS42LDUuNCwyLjUsOC42LDIuNWMyLjcsMCw1LjEtMC41LDcuMi0xLjRjMi4xLTEsMy45LTIuMyw1LjItNC4xYzEuNC0xLjgsMi4zLTMuOSwyLjYtNi4zaC02LjMKCQlDMTI4OC45LDExODEuMiwxMjg4LDExODIuOSwxMjg2LjQsMTE4NC4xeiBNMTI3NC42LDExNTguNWMxLjYtMS4yLDMuNi0xLjgsNi0xLjhjMS45LDAsMy40LDAuNCw0LjcsMS4yYzEuMiwwLjgsMi4yLDEuOCwyLjgsMy4xCgkJYzAuNywxLjMsMS4xLDIuNywxLjQsNC4yYzAuMiwxLjEsMC4yLDIuMywwLjMsMy40aC0xOS45YzAuMS0xLjksMC41LTMuNiwxLjItNS4zQzEyNzEuNywxMTYxLjMsMTI3MywxMTU5LjcsMTI3NC42LDExNTguNXoiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTM0MCwxMTUyLjcgMTMzMS41LDExNTIuNyAxMzEzLjUsMTE2Ny44IDEzMTMuNSwxMTM2LjkgMTMwNy40LDExMzYuOSAxMzA3LjQsMTE4OS44IDEzMTMuNSwxMTg5LjggCgkJMTMxMy41LDExNzQuMiAxMzE4LjYsMTE3MC4xIDEzMzMuNCwxMTg5LjggMTM0MC44LDExODkuOCAxMzIyLjksMTE2Ni42IAkiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzcwLDExODQuMWMtMS42LDEuMi0zLjUsMS43LTUuOSwxLjdjLTIuNCwwLTQuNC0wLjYtNi0xLjhjLTEuNi0xLjItMi44LTIuOC0zLjYtNC45Yy0wLjgtMi0xLjItNC4zLTEuMi02LjkKCQloMjUuN2MwLjItMi42LDAuMS01LjEtMC40LTcuNnMtMS4zLTQuNi0yLjUtNi42Yy0xLjItMS45LTIuOC0zLjUtNC44LTQuNmMtMi0xLjEtNC40LTEuNy03LjItMS43Yy0zLjIsMC02LjEsMC44LTguNiwyLjMKCQljLTIuNSwxLjYtNC41LDMuOC02LDYuN2MtMS41LDIuOS0yLjIsNi40LTIuMiwxMC41YzAsMy44LDAuNyw3LjIsMi4yLDEwLjFjMS41LDIuOSwzLjUsNS4yLDYsNi45YzIuNSwxLjYsNS40LDIuNSw4LjYsMi41CgkJYzIuNywwLDUuMS0wLjUsNy4yLTEuNGMyLjEtMSwzLjktMi4zLDUuMi00LjFjMS40LTEuOCwyLjMtMy45LDIuNi02LjNoLTYuM0MxMzcyLjUsMTE4MS4yLDEzNzEuNiwxMTgyLjksMTM3MCwxMTg0LjF6CgkJIE0xMzU4LjIsMTE1OC41YzEuNi0xLjIsMy42LTEuOCw2LTEuOGMxLjksMCwzLjQsMC40LDQuNywxLjJjMS4yLDAuOCwyLjIsMS44LDIuOCwzLjFjMC43LDEuMywxLjEsMi43LDEuNCw0LjIKCQljMC4yLDEuMSwwLjIsMi4zLDAuMywzLjRoLTE5LjljMC4xLTEuOSwwLjUtMy42LDEuMi01LjNDMTM1NS40LDExNjEuMywxMzU2LjYsMTE1OS43LDEzNTguMiwxMTU4LjV6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQxNS4zLDExNTguM2MtMS4xLTEuOS0yLjUtMy40LTQuMi00LjVjLTIuMS0xLjMtNC40LTItNy4yLTJjLTIuOSwwLTUuNiwwLjgtOC4xLDIuMwoJCWMtMi40LDEuNi00LjQsMy44LTUuOSw2LjdzLTIuMiw2LjMtMi4yLDEwLjNjMCw0LDAuNyw3LjQsMi4zLDEwLjRjMS41LDIuOSwzLjUsNS4yLDYsNi44YzIuNSwxLjYsNS4zLDIuNCw4LjMsMi40CgkJYzIuNSwwLDQuNy0wLjYsNi43LTEuOWMxLjktMS4yLDMuNC0yLjksNC41LTUuMmwwLjcsNi4yaDV2LTUzaC02LjFWMTE1OC4zeiBNMTQwOS45LDExODRjLTEuNiwwLjktMy4yLDEuMy00LjksMS4zCgkJYy0yLDAtMy45LTAuNi01LjUtMS43Yy0xLjctMS4xLTMtMi44LTQtNC45Yy0xLTIuMS0xLjUtNC43LTEuNS03LjZjMC0yLjksMC41LTUuNCwxLjUtNy41YzEtMi4xLDIuMy0zLjcsNC00LjgKCQljMS43LTEuMSwzLjUtMS43LDUuNS0xLjdjMS44LDAsMy41LDAuNCw1LDEuM2MxLjYsMC45LDIuOCwyLjEsMy44LDMuOGMxLDEuNywxLjUsMy44LDEuNSw2LjJ2NS41YzAsMi40LTAuNSw0LjUtMS41LDYuMgoJCUMxNDEyLjgsMTE4MS44LDE0MTEuNSwxMTgzLjEsMTQwOS45LDExODR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ1NS45LDExODQuMWMtMS42LDEuMi0zLjUsMS43LTUuOSwxLjdjLTIuNCwwLTQuNC0wLjYtNi0xLjhjLTEuNi0xLjItMi44LTIuOC0zLjYtNC45CgkJYy0wLjgtMi0xLjItNC4zLTEuMi02LjloMjUuN2MwLjItMi42LDAuMS01LjEtMC40LTcuNnMtMS4zLTQuNi0yLjUtNi42Yy0xLjItMS45LTIuOC0zLjUtNC44LTQuNmMtMi0xLjEtNC40LTEuNy03LjItMS43CgkJYy0zLjIsMC02LjEsMC44LTguNiwyLjNjLTIuNSwxLjYtNC41LDMuOC02LDYuN2MtMS41LDIuOS0yLjIsNi40LTIuMiwxMC41YzAsMy44LDAuNyw3LjIsMi4yLDEwLjFjMS41LDIuOSwzLjUsNS4yLDYsNi45CgkJYzIuNSwxLjYsNS40LDIuNSw4LjYsMi41YzIuNywwLDUuMS0wLjUsNy4yLTEuNGMyLjEtMSwzLjktMi4zLDUuMi00LjFjMS40LTEuOCwyLjMtMy45LDIuNi02LjNoLTYuMwoJCUMxNDU4LjQsMTE4MS4yLDE0NTcuNCwxMTgyLjksMTQ1NS45LDExODQuMXogTTE0NDQuMSwxMTU4LjVjMS42LTEuMiwzLjYtMS44LDYtMS44YzEuOSwwLDMuNCwwLjQsNC43LDEuMmMxLjIsMC44LDIuMiwxLjgsMi44LDMuMQoJCWMwLjcsMS4zLDEuMSwyLjcsMS40LDQuMmMwLjIsMS4xLDAuMiwyLjMsMC4zLDMuNGgtMTkuOWMwLjEtMS45LDAuNS0zLjYsMS4yLTUuM0MxNDQxLjIsMTE2MS4zLDE0NDIuNCwxMTU5LjcsMTQ0NC4xLDExNTguNXoiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTQ2MS4xLDExMzMuOCAxNDU2LjksMTEzMC4zIDE0NDMuOSwxMTQzLjkgMTQ0Ni45LDExNDYuNCAJIi8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ5NS4zLDExNzAuMmwtNy40LTIuNWMtNC40LTEuMi02LjYtMy4xLTYuNi01LjdjMC0xLjQsMC43LTIuNiwyLjEtMy43YzEuNC0xLjEsMy40LTEuNyw1LjktMS43CgkJYzIuNiwwLDQuNiwwLjQsNi4xLDEuM2MxLjQsMC44LDIuMywyLjEsMi41LDMuN2g2Yy0wLjEtMi44LTEuNC01LjEtMy45LTdjLTIuNS0xLjktNi0yLjgtMTAuNi0yLjhjLTQuMywwLTcuOCwwLjktMTAuNCwyLjcKCQljLTIuNiwxLjgtNCw0LjItNCw3LjJjMCwyLjQsMC44LDQuNSwyLjUsNi4yYzEuNywxLjcsNC4xLDMuMSw3LjIsNC4xbDcuMiwyLjNjMi4zLDAuNiw0LDEuMyw1LjEsMi4yYzEuMSwwLjgsMS42LDIsMS42LDMuNAoJCWMwLDEuMS0wLjQsMi4yLTEuMiwzLjFjLTAuOCwwLjktMS45LDEuNi0zLjIsMi4xYy0xLjMsMC41LTIuOCwwLjgtNC40LDAuOGMtMy4xLDAtNS41LTAuNi03LjItMS44Yy0xLjgtMS4yLTIuNy0yLjktMi45LTUuM2gtNS44CgkJYzAuMSwyLjMsMC43LDQuNCwyLDYuMmMxLjIsMS44LDMuMSwzLjIsNS41LDQuMmMyLjQsMSw1LjQsMS41LDksMS41YzMuMSwwLDUuNy0wLjUsNy45LTEuNmMyLjItMSwzLjktMi40LDUuMi00CgkJYzEuMi0xLjcsMS44LTMuNCwxLjgtNS4zYzAtMi40LTAuOC00LjQtMi41LTUuOVMxNDk4LjUsMTE3MS4xLDE0OTUuMywxMTcwLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUyMS4yLDExMzYuM2MtMS4yLDAtMi4yLDAuMy0yLjksMWMtMC43LDAuNy0xLjEsMS42LTEuMSwyLjdjMCwxLjIsMC40LDIuMSwxLjEsMi44YzAuNywwLjcsMS43LDEuMSwyLjksMS4xCgkJYzEuMiwwLDIuMi0wLjQsMy0xLjFjMC43LTAuNywxLjEtMS42LDEuMS0yLjhjMC0xLjEtMC40LTItMS4xLTIuN0MxNTIzLjQsMTEzNi43LDE1MjIuNCwxMTM2LjMsMTUyMS4yLDExMzYuM3oiLz4KCTxyZWN0IHg9IjE1MTguMSIgeT0iMTE1Mi42IiBjbGFzcz0ic3QwIiB3aWR0aD0iNi4xIiBoZWlnaHQ9IjM3LjIiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTg0LjQsMTE1NC4xYy0yLjUtMS42LTUuMi0yLjMtOC4xLTIuM2MtMi41LDAtNC44LDAuNi02LjksMS45Yy0xLjgsMS4xLTMuMywyLjctNC40LDQuOGwtMC43LTUuN2gtNXY1NS40CgkJaDYuMXYtMjIuOWMxLDEuNiwyLjIsMi44LDMuNywzLjdjMiwxLjIsNC40LDEuOSw3LjEsMS45YzIuOSwwLDUuNy0wLjgsOC4yLTIuM2MyLjUtMS42LDQuNi0zLjgsNi4yLTYuN2MxLjYtMi45LDIuMy02LjQsMi4zLTEwLjUKCQljMC00LTAuOC03LjUtMi4zLTEwLjRDMTU4OSwxMTU3LjksMTU4Ni45LDExNTUuNywxNTg0LjQsMTE1NC4xeiBNMTU4NSwxMTc5Yy0xLjEsMi4xLTIuNSwzLjctNC4yLDQuOGMtMS43LDEuMS0zLjUsMS42LTUuNCwxLjYKCQljLTEuNywwLTMuNC0wLjQtNC45LTEuMmMtMS41LTAuOC0yLjgtMi0zLjctMy42Yy0xLTEuNi0xLjQtMy41LTEuNC01Ljh2LTYuNGMwLTIuNCwwLjUtNC40LDEuNC02LjFjMS0xLjYsMi4yLTIuOSwzLjgtMy43CgkJYzEuNi0wLjksMy4yLTEuMyw1LTEuM2MyLDAsMy45LDAuNiw1LjYsMS43YzEuNywxLjEsMywyLjcsNCw0LjhjMSwyLjEsMS41LDQuNiwxLjUsNy42QzE1ODYuNiwxMTc0LjMsMTU4Ni4xLDExNzYuOSwxNTg1LDExNzl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYyNS45LDExNTMuMmMtMi4yLTEtNC43LTEuNC03LjYtMS40Yy0zLDAtNS42LDAuNC03LjksMS4xYy0yLjMsMC43LTQuMSwxLjktNS41LDMuNmMtMS4zLDEuNi0yLDMuOC0yLDYuNQoJCWg2LjhjMC0xLjUsMC40LTIuOCwxLjEtMy43czEuOC0xLjcsMy4xLTIuMmMxLjMtMC41LDIuOC0wLjcsNC40LTAuN2MyLjgsMCw1LDAuNyw2LjQsMi4yYzEuNCwxLjUsMi4xLDMuOSwyLjEsNy4ydjQuOQoJCWMtMS43LTAuNi0zLjQtMS4xLTUuMi0xLjRjLTItMC40LTMuOS0wLjYtNS44LTAuNmMtMi43LDAtNS4yLDAuNC03LjMsMS4xYy0yLjIsMC43LTMuOSwxLjktNS4xLDMuNWMtMS4zLDEuNi0xLjksMy42LTEuOSw2LjEKCQljMCwxLjksMC41LDMuNywxLjUsNS41YzEsMS43LDIuNSwzLjEsNC41LDQuMmMyLDEuMSw0LjUsMS42LDcuNiwxLjZjMi44LDAsNS4yLTAuNiw3LjEtMS45YzItMS4zLDMuNS0zLDQuNi01LjEKCQljMC4xLTAuMiwwLjItMC40LDAuMy0wLjZsMC42LDYuOGg1LjN2LTIzLjljMC0zLjMtMC42LTYtMS45LTguMUMxNjI5LjgsMTE1NS43LDE2MjguMSwxMTU0LjIsMTYyNS45LDExNTMuMnogTTE2MjUuNSwxMTgxLjEKCQljLTAuOSwxLjQtMi4yLDIuNi0zLjgsMy42Yy0xLjYsMC45LTMuNCwxLjQtNS41LDEuNGMtMi45LDAtNS0wLjYtNi4zLTEuOWMtMS4zLTEuMy0yLTIuOC0yLTQuN2MwLTIuNSwwLjktNC4yLDIuNi01LjIKCQljMS43LTEsMy44LTEuNSw2LjMtMS41YzEuNiwwLDMuNCwwLjIsNS40LDAuNWMxLjcsMC4zLDMuMywwLjgsNC43LDEuM3YyLjNDMTYyNi45LDExNzguMiwxNjI2LjQsMTE3OS42LDE2MjUuNSwxMTgxLjF6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY2My40LDExNTJjLTIuNSwwLTQuNiwwLjgtNi40LDIuM2MtMS41LDEuMy0yLjYsMy4xLTMuNSw1LjV2LTcuMmgtNi4xdjM3LjJoNi4xdi0xNi44YzAtMy4xLDAuMy01LjgsMC45LTgKCQljMC42LTIuMywxLjYtNCwyLjktNS4zYzEuMy0xLjMsMy4xLTEuOSw1LjMtMS45YzAuNywwLDEuNCwwLjEsMi4zLDAuM2MwLjksMC4yLDEuNiwwLjQsMi40LDAuNmwwLjQtNmMtMC43LTAuMi0xLjQtMC40LTIuMS0wLjUKCQlDMTY2NC45LDExNTIuMSwxNjY0LjIsMTE1MiwxNjYzLjQsMTE1MnoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkwLjcsMTE4NS41Yy0xLDAuMi0yLDAuMy0zLjEsMC4zYy0zLjYsMC01LjQtMS45LTUuNC01Ljd2LTIzLjJoMTEuN3YtNC4yaC0xMS43di0xMC4zaC02djEwLjNoLTZ2NC4yaDYKCQl2MjMuNGMwLDIuMywwLjUsNC4zLDEuNCw1LjhjMC45LDEuNiwyLjIsMi43LDMuOCwzLjVjMS42LDAuOCwzLjQsMS4yLDUuNCwxLjJjMS40LDAsMi43LTAuMiw0LjEtMC41YzEuMy0wLjQsMi42LTAuOCwzLjktMS40CgkJbC0wLjktNC4zQzE2OTIuOCwxMTg0LjksMTY5MS43LDExODUuMywxNjkwLjcsMTE4NS41eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3MzAuNiwxMTUzLjhjLTIuMS0xLjMtNC42LTItNy41LTJjLTMuMSwwLTUuOCwwLjgtOCwyLjRjLTEuOSwxLjQtMy40LDMuNC00LjUsNS45bC0wLjctNy40aC01LjJ2MzcuMWg2LjEKCQl2LTE3LjVjMC0zLjEsMC40LTUuOCwxLjMtOC4xczIuMS00LDMuOC01LjJjMS42LTEuMiwzLjYtMS44LDUuOC0xLjhjMi45LDAsNS4yLDAuOSw2LjksMi44YzEuNywxLjksMi41LDQuNSwyLjUsOC4xdjIxLjhoNlYxMTY4CgkJYzAtMy4zLTAuNi02LjItMS43LTguN0MxNzM0LjMsMTE1Ni45LDE3MzIuNywxMTU1LjEsMTczMC42LDExNTMuOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzcwLjQsMTE4NC4xYy0xLjYsMS4yLTMuNSwxLjctNS45LDEuN2MtMi40LDAtNC40LTAuNi02LTEuOGMtMS42LTEuMi0yLjgtMi44LTMuNi00LjkKCQljLTAuOC0yLTEuMi00LjMtMS4yLTYuOWgyNS43YzAuMi0yLjYsMC4xLTUuMS0wLjQtNy42cy0xLjMtNC42LTIuNS02LjZjLTEuMi0xLjktMi44LTMuNS00LjgtNC42Yy0yLTEuMS00LjQtMS43LTcuMi0xLjcKCQljLTMuMiwwLTYuMSwwLjgtOC42LDIuM2MtMi41LDEuNi00LjUsMy44LTYsNi43Yy0xLjUsMi45LTIuMiw2LjQtMi4yLDEwLjVjMCwzLjgsMC43LDcuMiwyLjIsMTAuMWMxLjUsMi45LDMuNSw1LjIsNiw2LjkKCQljMi41LDEuNiw1LjQsMi41LDguNiwyLjVjMi43LDAsNS4xLTAuNSw3LjItMS40YzIuMS0xLDMuOS0yLjMsNS4yLTQuMWMxLjQtMS44LDIuMy0zLjksMi42LTYuM2gtNi4zCgkJQzE3NzIuOSwxMTgxLjIsMTc3MS45LDExODIuOSwxNzcwLjQsMTE4NC4xeiBNMTc1OC41LDExNTguNWMxLjYtMS4yLDMuNi0xLjgsNi0xLjhjMS45LDAsMy40LDAuNCw0LjcsMS4yYzEuMiwwLjgsMi4yLDEuOCwyLjgsMy4xCgkJYzAuNywxLjMsMS4xLDIuNywxLjQsNC4yYzAuMiwxLjEsMC4yLDIuMywwLjMsMy40aC0xOS45YzAuMS0xLjksMC41LTMuNiwxLjItNS4zQzE3NTUuNywxMTYxLjMsMTc1Ni45LDExNTkuNywxNzU4LjUsMTE1OC41eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MDkuNiwxMTUyLjJjLTAuNy0wLjEtMS40LTAuMi0yLjMtMC4yYy0yLjUsMC00LjYsMC44LTYuNCwyLjNjLTEuNSwxLjMtMi42LDMuMS0zLjUsNS41di03LjJoLTYuMXYzNy4yaDYuMQoJCXYtMTYuOGMwLTMuMSwwLjMtNS44LDAuOS04YzAuNi0yLjMsMS42LTQsMi45LTUuM2MxLjMtMS4zLDMuMS0xLjksNS4zLTEuOWMwLjcsMCwxLjQsMC4xLDIuMywwLjNjMC45LDAuMiwxLjYsMC40LDIuNCwwLjZsMC40LTYKCQlDMTgxMSwxMTUyLjUsMTgxMC4zLDExNTIuMywxODA5LjYsMTE1Mi4yeiIvPgo8L2c+Cjwvc3ZnPg==");
--mk-sq: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE1MjcuMyA4MDAuNSA2OS40IDY5LjQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUzNS4zNDUzIiB5MT0iNzk4LjE3OTkiIHgyPSIxNTc1Ljg0MDIiIHkyPSI4NTQuNTIwNyI+Cgk8c3RvcCAgb2Zmc2V0PSIwLjQ4MDUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkQzNDkiLz4KCTxzdG9wICBvZmZzZXQ9IjAuNTU1NyIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RDI0OSIvPgoJPHN0b3AgIG9mZnNldD0iMC42NjA2IiBzdHlsZT0ic3RvcC1jb2xvcjojRTNEMDQ4Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjc4MjkiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNUNDNDYiLz4KCTxzdG9wICBvZmZzZXQ9IjAuOTE3MSIgc3R5bGU9InN0b3AtY29sb3I6IzlDQzY0NCIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzdGQzI0MyIvPgo8L2xpbmVhckdyYWRpZW50PjwvZGVmcz48c3R5bGU+LnN0MHtmaWxsOnVybCgjU1ZHSURfMV8pO308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTU5Ni43LDg1MC4yIDE1NDcsODY5LjkgMTUyNy4zLDgyMC4yIDE1NzcsODAwLjUgIi8+PC9zdmc+");
}
/* — wordmark: vektoros, a hivatalos fájlból vágva (tagline nélkül).
Az arány 1623:291 = 5.577, a méret-osztályok ezt tartják. — */
.wm { display: inline-block; vertical-align: middle;
background: var(--wm-dark) no-repeat center / contain; }
.wm-w { background-image: var(--wm-white); }
.wm-lg { width: 151px; height: 27px; } /* fejléc */
.wm-md { width: 134px; height: 24px; } /* footer */
.wm-sm { width: 84px; height: 15px; } /* összehasonlító táblák */
@media (max-width: 560px) { .wm-lg { width: 129px; height: 23px; } }
/* a fejléc-logó már kép, nem szöveg: a szöveg-beállítások feleslegesek */
header.site .logo { display: inline-flex; align-items: center; line-height: 0; }
footer.site .logo { display: inline-block; line-height: 0; }
/* — az eyebrow négyzete mostantól a HIVATALOS jel (nem CSS-gradiens) — */
.eyebrow .sq {
width: 12px; height: 12px; border-radius: 0; transform: none;
background: var(--mk-sq) no-repeat center / contain;
}
/* — MÁLNA (a) · a fájdalom-szekció: felső él + ikon-tinta — */
.hm-pain .card { box-shadow: inset 0 2px 0 0 rgba(244,52,84,.55); }
.hm-pain .icowrap { border-color: rgba(244,52,84,.34); color: var(--raspberry); }
.hm-pain .card:hover .icowrap { background: rgba(244,52,84,.07); border-color: rgba(244,52,84,.5); }
/* — MÁLNA (b) · az „ELŐTTE" oldal a veszteség-oldal — */
.hm-ba-before { box-shadow: inset 3px 0 0 0 var(--raspberry); }
/* — HERO-ART: nagy képernyőn a konténerhez igazodik, ne szakadjon el — */
@media (min-width: 1560px) {
.hx-art .hx-fx::before {
right: calc(50% - 660px);
width: min(520px, 40%);
}
}
/* ===================================================================
v59 · hx-ui — oldal-specifikus sematikus hero-háttér
A `hx-data` sárga trendvonala 11 oldalon ugyanaz volt; a rács marad,
a trendvonal helyére oldalanként az a felület kerül, amiről az oldal
szól. A rajz a statisztika-kártyák MÖGÖTT ül.
=================================================================== */
.hx-ui .hx-fx {
background-image:
linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
background-size: 58px 58px;
-webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 76%, transparent);
mask-image: linear-gradient(180deg, transparent, #000 30%, #000 76%, transparent);
}
/* ⚠️ ELSŐ PRÓBA: a rajz a jobb oldali statisztika-kártyák MÖGÉ került
(right/center), és ott szinte teljesen eltűnt — csak töredékek villantak
ki a kártyák között, ami zajnak hatott, nem sematikus felületnek.
Ezért a rajz a hero ALJÁRA került, ahol tényleg van hely: a hero
alsó paddingja megnő, a rajz jobbra zárva, alul kifutva ül —
ugyanaz az elv, mint a commonthreadco hero-grafikájánál. */
.hx-ui { padding-bottom: 216px; }
.hx-ui .hx-fx::before {
content: ""; position: absolute; right: -2%; bottom: -34px;
width: min(70%, 740px); aspect-ratio: 640 / 430;
background: var(--art) no-repeat right bottom / contain;
opacity: .62;
/* KETTŐS maszk: balra (a szöveg felé) és FELÜL is kifut — így a rajz
felső éle nem elvágottnak, hanem a kártyák alól előtűnőnek látszik */
-webkit-mask-image: linear-gradient(90deg, transparent, #000 34%),
linear-gradient(180deg, transparent, #000 30%);
mask-image: linear-gradient(90deg, transparent, #000 34%),
linear-gradient(180deg, transparent, #000 30%);
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
.hx-ui .hx-fx::after {
content: ""; position: absolute; right: -130px; top: -130px; width: 360px; height: 360px;
border-radius: 50%; background: radial-gradient(circle, rgba(251,211,73,.10), transparent 62%);
}
.hx-ui .stat { transition: transform .3s ease, border-color .3s ease; }
.hx-ui .stat:hover { transform: translateY(-4px); border-color: rgba(251,211,73,.42); }
/* nagy képernyőn a konténerhez igazodik, ne szakadjon el a szövegtől */
@media (min-width: 1560px) {
.hx-ui .hx-fx::before { right: calc(50% - 600px); width: min(60%, 760px); }
}
/* mobilon a kártyák alá kerül a rajz, ezért halványabb és lejjebb ül */
@media (max-width: 900px) {
.hx-ui { padding-bottom: 168px; }
.hx-ui .hx-fx::before { width: 116%; right: -16%; bottom: -20px; opacity: .34;
-webkit-mask-image: none; mask-image: none; }
.hx-ui .hx-fx::after { display: none; }
}
@media (prefers-reduced-motion: reduce) { .hx-ui .stat { transition: none; } }
/* ===================================================================
v60 · FÁZIS-SÁV — sticky anchor-navigáció (teszt: /modszertan)
A fejléc 68px magas, a sáv közvetlenül alatta ül.
=================================================================== */
.phasebar {
position: fixed; left: 0; right: 0; top: 67px; z-index: 40;
display: none; opacity: 0; transform: translateY(-10px);
transition: opacity .3s ease, transform .3s ease;
background: color-mix(in srgb, var(--charcoal) 93%, transparent);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255,255,255,.10);
box-shadow: 0 12px 26px -22px rgba(0,0,0,.8);
}
.phasebar.on { display: block; }
.phasebar.show { opacity: 1; transform: none; }
.pb-list {
list-style: none; margin: 0; padding: 0; display: flex; gap: 22px;
overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;
}
.pb-list::-webkit-scrollbar { display: none; }
.pb-list li { flex: none; }
.pb-list button {
display: inline-flex; align-items: center; gap: 9px;
background: none; border: 0; cursor: pointer; padding: 13px 2px 12px;
font-family: var(--font-heading), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap;
color: rgba(240,245,240,.52);
border-bottom: 2px solid transparent;
transition: color .2s ease, border-color .2s ease;
}
.pb-n { font-size: 11px; font-weight: 900; opacity: .65;
font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.pb-list button:hover { color: #fff; }
.pb-list button:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; border-radius: 4px; }
.pb-list li.done button { color: rgba(240,245,240,.74); }
.pb-list li.done .pb-n { color: var(--green); opacity: 1; }
.pb-list li.on button { color: #fff; border-bottom-color: var(--yellow); }
.pb-list li.on .pb-n { color: var(--yellow); opacity: 1; }
/* haladás-vonal a sáv alján — a görgetést követi */
.pb-prog { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
pointer-events: none; }
.pb-prog i { display: block; height: 100%; border-radius: 0 2px 2px 0;
width: calc(var(--p, 0) * 100%);
background: linear-gradient(90deg, var(--green), var(--yellow)); }
/* mobil: csúsztathatóan minden fázis elérhető marad */
@media (max-width: 700px) {
.phasebar { top: 63px; }
.phasebar .container { padding: 0 16px; }
.pb-list { gap: 16px; }
.pb-list button { font-size: 12.5px; padding: 11px 2px 10px; }
/* jelezzük, hogy oldalra van még tartalom */
.phasebar::after { content: ""; position: absolute; right: 0; top: 0; bottom: 2px;
width: 42px; pointer-events: none;
background: linear-gradient(90deg, transparent, var(--charcoal)); }
}
@media (prefers-reduced-motion: reduce) {
.phasebar { transition: none; }
}
/* ===================================================================
v62 · user-javítások
=================================================================== */
/* — 1px-es FEHÉR HAJSZÁLRÉS két sötét szekció között. A szekció-magasság
törtszám lehet (a szöveg hosszától függően!), ezért a következő szekció
a következő egész pixelen kezdődik, és a résen kilátszik a fehér
oldalháttér. 1px átfedés lezárja — és nyelvfüggetlenül stabil. — */
.section.dark + .section.dark { margin-top: -1px; }
/* — a SEO-aloldalak tömör záró-sávja (a kilistázott szolgáltatások helyett) — */
.seo-mix { display: flex; align-items: center; justify-content: space-between;
gap: 20px 30px; flex-wrap: wrap; }
.seo-mix p { margin-top: 10px; font-size: 15.5px; color: var(--muted);
line-height: 1.6; max-width: 56ch; }
.seo-mix .gocta { margin-top: 0; flex: none; }
/* ===================================================================
v63 · EGYSÉGES HERO-JEL — a 24 szolgáltatás-hero azonos szerkezettel
A jel kétszer jelenik meg ugyanabból a fájlból: kicsiben az eyebrow-ban
és nagyban, halványan a hero jobb oldalán. A `mask-image` miatt a színt
a CSS adja, ezért ikononként EGY data-URI elég.
⚠️ LONGHAND mask-* tulajdonságok kellenek: a `mask:` rövidítés ezekkel a
data-URI-kkal némán eldobódott Chrome-ban.
=================================================================== */
/* finom rács — minden szolgáltatás-heroban azonos */
.hx-sign .hx-fx {
background-image:
linear-gradient(rgba(255,255,255,.042) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.042) 1px, transparent 1px);
background-size: 58px 58px;
-webkit-mask-image: linear-gradient(180deg, transparent, #000 26%, #000 78%, transparent);
mask-image: linear-gradient(180deg, transparent, #000 26%, #000 78%, transparent);
}
/* a NAGY jel — mindig ugyanott, ugyanakkora, ugyanolyan halvány */
.hx-sign .hx-fx::before {
content: ""; position: absolute; right: 5%; top: 50%;
width: min(28%, 288px); aspect-ratio: 1;
transform: translateY(-50%);
background-color: rgba(240,245,240,.075);
-webkit-mask-image: var(--hicon); mask-image: var(--hicon);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
animation: hxSign 11s ease-in-out infinite;
}
@keyframes hxSign { 0%, 100% { opacity: .82; } 50% { opacity: 1; } }
/* a lassan lélegző fény-folt — EZ a három család egyetlen különbsége */
.hx-sign .hx-fx::after {
content: ""; position: absolute; right: -4%; top: 50%;
width: min(54%, 580px); aspect-ratio: 1; border-radius: 50%;
transform: translateY(-50%);
background: radial-gradient(circle, var(--halo), transparent 62%);
animation: hxHalo 15s ease-in-out infinite;
pointer-events: none;
}
@keyframes hxHalo {
0%, 100% { transform: translateY(-50%) scale(1); opacity: .8; }
50% { transform: translateY(-53%) scale(1.07); opacity: 1; }
}
.hxf-perf { --halo: rgba(251,211,73,.12); } /* Teljesítmény */
.hxf-content { --halo: rgba(127,194,67,.12); } /* Content, SEO & social */
.hxf-measure { --halo: rgba(240,245,240,.075); } /* Mérés, konverzió */
/* az eyebrow négyzete → az oldal jele, CSAK a heroban */
.hx-sign .eyebrow .sq {
width: 17px; height: 17px; border-radius: 0; transform: none;
background: var(--yellow);
-webkit-mask-image: var(--hicon); mask-image: var(--hicon);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
}
.hx-sign .eyebrow { gap: 11px; }
/* Ahol a heroban statisztika-kártyák is vannak, ott a jel a kártyák mögé
esne; ezeken kijjebb csúszik és kifut a jobb szélen — a kártyák nélküli
oldalakon viszont kényelmesen belül marad. */
.hx-sign:has(.stat) .hx-fx::before { right: -4%; width: min(26%, 272px); }
@media (min-width: 1560px) {
.hx-sign .hx-fx::before { right: calc(50% - 540px); }
.hx-sign:has(.stat) .hx-fx::before { right: calc(50% - 660px); }
.hx-sign .hx-fx::after { right: calc(50% - 700px); }
}
@media (max-width: 900px) {
.hx-sign .hx-fx::before { width: 42%; right: -4%; }
.hx-sign .hx-fx::after { width: 84%; right: -18%; }
}
@media (prefers-reduced-motion: reduce) {
.hx-sign .hx-fx::before, .hx-sign .hx-fx::after { animation: none; }
}
/* — oldalspecifikus jelek — */
.ic-google-ads { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 L20.5 20.5'/%3E%3Cpath d='M7.6 12.3 L9.8 9.6 L11.6 11.2 L13.6 8.2'/%3E%3C/svg%3E"); }
.ic-kozossegi-media-hirdetes { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.6c0 3.6-3.4 6.5-7.6 6.5-1 0-2-.2-2.9-.5L4.5 20l1.2-3.4C4.6 15.5 4 14.1 4 12.6 4 9 7.4 6 11.6 6S20 9 20 12.6Z'/%3E%3Ccircle cx='8.6' cy='12.6' r='1'/%3E%3Ccircle cx='11.8' cy='12.6' r='1'/%3E%3Ccircle cx='15' cy='12.6' r='1'/%3E%3C/svg%3E"); }
.ic-microsoft-ads { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1'/%3E%3Ccircle cx='16.4' cy='16.4' r='2.9'/%3E%3Cpath d='M18.6 18.6 L20.8 20.8'/%3E%3C/svg%3E"); }
.ic-chatgpt-ads { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A2.5 2.5 0 0 1 6.5 5h11A2.5 2.5 0 0 1 20 7.5v6a2.5 2.5 0 0 1-2.5 2.5H10l-4 3.4V16H6.5A2.5 2.5 0 0 1 4 13.5Z'/%3E%3Cpath d='M12 8.2 12.9 10.2 15 11 12.9 11.8 12 13.8 11.1 11.8 9 11 11.1 10.2Z'/%3E%3C/svg%3E"); }
.ic-css-arosszehasonlitok { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.8 3.5H19a1.5 1.5 0 0 1 1.5 1.5v6.2a2 2 0 0 1-.6 1.4l-6.8 6.8a1.5 1.5 0 0 1-2.1 0l-6.2-6.2a1.5 1.5 0 0 1 0-2.1l6.8-6.8a2 2 0 0 1 1.2-.8Z'/%3E%3Ccircle cx='16.6' cy='7.4' r='1.4'/%3E%3C/svg%3E"); }
.ic-programmatic { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='6' r='2'/%3E%3Ccircle cx='19' cy='6' r='2'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Ccircle cx='5' cy='18' r='2'/%3E%3Ccircle cx='19' cy='18' r='2'/%3E%3Cpath d='M6.7 7.2 10.3 10.6M17.3 7.2 13.7 10.6M6.7 16.8 10.3 13.4M17.3 16.8 13.7 13.4'/%3E%3C/svg%3E"); }
.ic-tartalommarketing { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6.5' width='12' height='14' rx='2'/%3E%3Cpath d='M8.5 6.5V5a1.5 1.5 0 0 1 1.5-1.5h8.5A1.5 1.5 0 0 1 20 5v11.5a1.5 1.5 0 0 1-1.5 1.5h-3'/%3E%3Cpath d='M6.6 11h5.8M6.6 14.4h5.8M6.6 17.4h3.4'/%3E%3C/svg%3E"); }
.ic-seo { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 L20.5 20.5'/%3E%3Cpath d='M8 12.6V10M10.5 12.6V7.8M13 12.6v-3.4'/%3E%3C/svg%3E"); }
.ic-kozossegi-media-menedzsment { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 9.6h17'/%3E%3Cpath d='M8 3.5v3M16 3.5v3'/%3E%3Ccircle cx='9' cy='14' r='1.2'/%3E%3Ccircle cx='15' cy='17' r='1.2'/%3E%3C/svg%3E"); }
.ic-email-automatizacio { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='5.5' width='13.4' height='10' rx='2'/%3E%3Cpath d='M2.6 7.6 9.3 11.6 16 7.6'/%3E%3Cpath d='M16 10.5h2.4a2 2 0 0 1 2 2v1.2M20.4 16.8v1.2a2 2 0 0 1-2 2H16'/%3E%3Ccircle cx='20.4' cy='15.4' r='1.3'/%3E%3C/svg%3E"); }
.ic-design { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18C7.5 18 8.5 6 12 6s4.5 12 8 12'/%3E%3Crect x='2.3' y='16.3' width='3.4' height='3.4' rx='.8'/%3E%3Crect x='18.3' y='16.3' width='3.4' height='3.4' rx='.8'/%3E%3Ccircle cx='12' cy='6' r='1.6'/%3E%3C/svg%3E"); }
.ic-videok { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.6'/%3E%3Cpath d='M10.4 9.4 15 12l-4.6 2.6Z'/%3E%3C/svg%3E"); }
.ic-cro { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 4.5h16.8l-6.3 7.6v6.2l-4.2 2.2v-8.4Z'/%3E%3Cpath d='M9.9 9.2h4.2'/%3E%3C/svg%3E"); }
.ic-webanalitika { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='M8 16.5v-4M12 16.5V8.6M16 16.5v-6.4M20 16.5V6.5'/%3E%3C/svg%3E"); }
.ic-webfejlesztes { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2.4'/%3E%3Cpath d='M3 8.8h18'/%3E%3Ccircle cx='6' cy='6.6' r='.7'/%3E%3Ccircle cx='8.4' cy='6.6' r='.7'/%3E%3Cpath d='M9.4 12.4 7.4 14.4l2 2M14.6 12.4l2 2-2 2'/%3E%3C/svg%3E"); }
.ic-audit { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 L20.5 20.5'/%3E%3Cpath d='M7.8 10.6 9.8 12.6 13.4 8.6'/%3E%3C/svg%3E"); }
.ic-seo-kulcsszokutatas { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.4h9M3.5 10.2h6.4'/%3E%3Ccircle cx='14.4' cy='14' r='5.2'/%3E%3Cpath d='M18.2 17.8 21 20.6'/%3E%3C/svg%3E"); }
.ic-seo-linkepites { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 14.4 14.4 9.6'/%3E%3Cpath d='M11.4 7.2 13 5.6a3.6 3.6 0 0 1 5.1 5.1l-1.6 1.6'/%3E%3Cpath d='M12.6 16.8 11 18.4a3.6 3.6 0 0 1-5.1-5.1l1.6-1.6'/%3E%3C/svg%3E"); }
.ic-seo-szovegiras { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.2l1-3.6L15.6 6a2.1 2.1 0 0 1 3 3L8 19.6Z'/%3E%3Cpath d='M13.8 7.8 16.8 10.8'/%3E%3Cpath d='M4 4h7'/%3E%3C/svg%3E"); }
.ic-seo-audit { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='2.2'/%3E%3Cpath d='M7.6 8.4 8.9 9.7 11.4 7.2M7.6 13.4 8.9 14.7 11.4 12.2'/%3E%3Cpath d='M13.6 8.6h3.2M13.6 13.6h3.2M7.6 17.8h9.2'/%3E%3C/svg%3E"); }
.ic-seo-havidijas { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.6-5.9'/%3E%3Cpath d='M20.4 4.4V9h-4.6'/%3E%3Cpath d='M8.6 13.4 11 10.8l2 1.8 2.6-3.4'/%3E%3C/svg%3E"); }
.ic-seo-tanacsadas { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 7.6A2.6 2.6 0 0 1 6.2 5h7.2a2.6 2.6 0 0 1 2.6 2.6v3.6a2.6 2.6 0 0 1-2.6 2.6H8.4l-3.4 2.8v-2.8h-.8A0 0 0 0 1 3.6 11.2Z'/%3E%3Cpath d='M12.4 16.4h5.4a2.6 2.6 0 0 0 2.6-2.6v-2.6'/%3E%3C/svg%3E"); }
.ic-seo-youtube-seo { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.6' width='18' height='11.4' rx='2.6'/%3E%3Cpath d='M10.4 8.4 14.4 10.4l-4 2Z'/%3E%3Cpath d='M3.6 19.6h9.4'/%3E%3Ccircle cx='16.6' cy='19.6' r='1.5'/%3E%3C/svg%3E"); }
.ic-seo-ai-seo { --hicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 3.6 9.9 6.9 13.2 8.2 9.9 9.5 8.6 12.8 7.3 9.5 4 8.2 7.3 6.9Z'/%3E%3Ccircle cx='15' cy='15' r='4.4'/%3E%3Cpath d='M18.2 18.2 21 21'/%3E%3C/svg%3E"); }
/* ===================================================================
v64 · KREATÍV-PLACEHOLDEREK — üresen is elegáns, kész keretek
A keret marad, ha megjön a kreatív: csak a `.crv-slot` tartalma
cserélődik a valódi képre/videóra.
=================================================================== */
/* ⚠️ KOMPAKT, KÉTOSZLOPOS. Az első változatban a brief a kereten BELÜL
volt, ezért a keretnek akkorának kellett lennie, hogy a szöveg elférjen —
a placeholderek így kitakarták az egész képernyőt (user-visszajelzés:
„feleslegesen nagyok… többször kell görgetni, mire átérek rajtuk").
Most: keret az egyik oldalon (max 460px), brief a másikon. */
.crv-sec { padding-top: 46px; padding-bottom: 46px; }
.crv { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
gap: 48px; align-items: center; }
.crv-alt .crv-stage { order: 2; }
.crv-stage { width: 100%; max-width: 460px; justify-self: center; }
.crv-phone .crv-stage { max-width: 208px; }
.crv-gallery .crv-stage { max-width: 400px; }
/* a keretek a helyükre igazodnak, nem a saját alapértelmezett szélességükre */
.crv-stage .lap, .crv-stage .brw, .crv-stage .vfr, .crv-stage .phn,
.crv-stage .gal { width: 100%; margin: 0; }
.crv-h { font-size: 20px; margin-top: 12px; letter-spacing: -.02em; }
.crv-txt > p { margin-top: 12px; font-size: 15px; line-height: 1.65; color: var(--muted); }
.crv-txt .crv-spec { margin-top: 14px; }
/* — a keretben csak egy apró jelölés — */
.crv-slot { position: relative; display: grid; place-items: center;
background:
repeating-linear-gradient(135deg, rgba(15,31,23,.035) 0 12px, transparent 12px 24px),
var(--surface);
box-shadow: inset 0 0 0 2px rgba(15,31,23,.10); }
.crv-mark { display: flex; align-items: center; gap: 8px; }
.crv-chip { display: inline-block; font-family: var(--font-heading), system-ui, sans-serif;
font-size: 10.5px; font-weight: 900; letter-spacing: .1em; padding: 4px 10px;
border-radius: 999px; vertical-align: middle; }
.crv-chip.img { background: var(--yellow); color: #0F1F17; }
.crv-chip.vid { background: var(--green-d); color: #fff; }
.crv-chip.seq { background: var(--raspberry); color: #fff; }
.crv-id { display: inline-block; font-family: ui-monospace, Menlo, Consolas, monospace;
font-size: 12px; font-weight: 800; color: var(--muted); vertical-align: middle; }
.crv-spec { display: block; margin-top: 12px; font-family: ui-monospace, Menlo, Consolas, monospace;
font-size: 11.5px; color: var(--muted); }
/* — telefon-keret — */
.phn { width: min(300px, 100%); margin: 0 auto; }
.phn-body { position: relative; padding: 11px; border-radius: 40px;
background: linear-gradient(160deg, #3b423b, #1d221e);
box-shadow: 0 40px 80px -40px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.09); }
.phn-notch { position: absolute; top: 17px; left: 50%; transform: translateX(-50%);
width: 76px; height: 17px; border-radius: 10px; background: #141815; z-index: 2; }
.phn-screen { aspect-ratio: 9 / 19.5; border-radius: 30px; overflow: hidden; }
/* — böngésző-keret — */
.brw { width: min(900px, 100%); margin: 0 auto; border-radius: 14px; overflow: hidden;
box-shadow: 0 42px 84px -44px rgba(0,0,0,.55), 0 0 0 1px rgba(15,31,23,.10); }
.brw-bar { display: flex; align-items: center; gap: 7px; padding: 11px 14px;
background: #e7ece6; }
.brw-bar i { width: 9px; height: 9px; border-radius: 50%; background: #c2cbbe; }
.brw-url { flex: 1; height: 16px; margin-left: 10px; border-radius: 8px; background: #f4f7f2; }
.brw-screen { aspect-ratio: 16 / 9; }
/* — lapozható galéria — */
.gal { position: relative; width: min(760px, 100%); margin: 0 auto; padding-bottom: 34px; }
.gal-b { position: absolute; left: 50%; top: 0; border-radius: 12px;
background: var(--surface-2); box-shadow: 0 0 0 1px rgba(15,31,23,.08); }
.gal-b2 { width: 94%; height: 100%; transform: translateX(-50%) translateY(-14px) rotate(-1.4deg); }
.gal-b3 { width: 88%; height: 100%; transform: translateX(-50%) translateY(-26px) rotate(1.8deg); }
.gal-front { position: relative; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden;
box-shadow: 0 38px 76px -40px rgba(0,0,0,.5); }
.gal-dots { position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%);
display: flex; gap: 6px; }
.gal-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--border); }
.gal-dots i.on { background: var(--green-d); width: 20px; border-radius: 4px; }
/* — videólejátszó-keret — */
.vfr { width: min(900px, 100%); margin: 0 auto; border-radius: 16px; overflow: hidden;
background: #141815; box-shadow: 0 42px 84px -44px rgba(0,0,0,.6); }
.vfr-screen { position: relative; aspect-ratio: 16 / 9; }
.vfr-play { position: absolute; right: 18px; bottom: 18px; width: 46px; height: 46px;
border-radius: 50%; background: var(--yellow); }
.vfr-play::after { content: ""; position: absolute; left: 18px; top: 14px;
border-left: 15px solid #0F1F17; border-top: 9px solid transparent;
border-bottom: 9px solid transparent; }
.vfr-bar { height: 5px; background: #262c27; }
.vfr-bar span { display: block; width: 34%; height: 100%; background: var(--yellow); }
/* — a brief-oldal táblája — */
.crv-tbl td { vertical-align: top; font-size: 14px; }
.crv-tbl td:first-child { font-family: ui-monospace, Menlo, Consolas, monospace; white-space: nowrap; }
.crv-tbl td:nth-child(2) { white-space: nowrap; }
.crv-tbl td:nth-child(5) { font-family: ui-monospace, Menlo, Consolas, monospace;
font-size: 12px; color: var(--muted); }
@media (max-width: 900px) {
.crv { grid-template-columns: 1fr; gap: 26px; }
.crv-alt .crv-stage { order: 0; }
.crv-stage { max-width: 420px; }
.crv-phone .crv-stage { max-width: 190px; }
.crv-sec { padding-top: 34px; padding-bottom: 34px; }
}
/* ===================================================================
v65 · a Design oldal kreatívjai dinamikus keretben
Két, ellentétes irányban lassan úszó sáv (a főoldali marquee elvén).
⚠️ A köz a KÉSZLETEN BELÜL van (`.km-set` gap + padding-right), a track
gap-je 0 — különben a `translateX(-50%)` nem esik egybe a klón
kezdetével, és minden körben ugrik egyet (ez volt a v48-as hiba).
=================================================================== */
.kmarq { display: block;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.km-row { overflow: hidden; }
.km-row + .km-row { margin-top: 14px; }
.km-track { display: flex; gap: 0; width: max-content;
animation: kmScroll 52s linear infinite; }
.km-row.rev .km-track { animation-direction: reverse; animation-duration: 66s; }
.km-set { display: flex; gap: 14px; padding-right: 14px; }
.km-set .kcell { flex: none; width: 232px; }
@keyframes kmScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 700px) { .km-set .kcell { width: 168px; } }
@media (prefers-reduced-motion: reduce) {
/* ⚠️ `width: max-content` + `flex-wrap: wrap` együtt zsugorodó szélességet
ad, és a rács a konténer bal harmadába szorul — ezért itt `width: auto`. */
.km-track { animation: none; flex-wrap: wrap; width: auto; }
.km-set + .km-set { display: none; }
.km-set { flex-wrap: wrap; width: 100%; }
.km-set .kcell { width: 178px; }
}
/* a gyűjtőoldal-belépő a mega-menü oszlopcímében */
.mega-col-title a { color: inherit; text-decoration: none;
border-bottom: 1px solid transparent; transition: border-color .2s ease, color .2s ease; }
.mega-col-title a:hover { color: var(--green-d); border-bottom-color: var(--green-d); }
/* ===================================================================
v66 · a MEGLÉVŐ vizuálok egy léptékbe hozva a kompakt keretekkel
=================================================================== */
/* — esettanulmány-showcase: 1040px → 860px; álló képnél 480 → 300px.
A 480px-es álló telefon 9:19,5 aránnyal ~1000px magas volt, azaz
egyetlen kép kitakarta a képernyőt. — */
.cs-shot { max-width: 860px; }
.cs-shot.tall { max-width: 300px; }
.cs-shot img { border-radius: 16px; }
.cs-shot.tall img, .cs-shot img[src*="webp"] { border-radius: 0; }
/* — fotó-kártyák: azonos lekerekítés és árnyék, mint az új kereteknél — */
.hm-img { border-radius: 16px;
box-shadow: 0 30px 66px -36px rgba(0,0,0,.42); }
.hm-img.dark-img { box-shadow: 0 30px 66px -34px rgba(0,0,0,.55); }
.hm-img:not(.gads-shot) { max-width: 520px; margin-left: auto; margin-right: auto; }
/* — videó-poszterek ugyanazzal a formával — */
.vidwrap, .vidposter { border-radius: 16px; }
/* — a placeholder-szekciók váltakozó háttere: tagoltabb ritmus — */
.crv-sec:nth-of-type(even) { background: var(--surface); }
/* ===================================================================
v67 · a bal oldali fejezet-gerinc kivezetve — mindenhol a fázis-sáv
navigál (a JS már nem építi fel; ez csak biztosíték).
=================================================================== */
.storyspine { display: none !important; }
/* a sáv a világos szekciókon is elválik a fejléctől */
.phasebar { border-top: 1px solid rgba(255,255,255,.06); }
/* ===================================================================
v69 · BLOG — ömlesztett, időrendi lista + működő témakör-szűrő,
plusz az átemelt WordPress-cikkek törzs-elemei.
=================================================================== */
.bp-chip { -webkit-appearance: none; appearance: none; }
.bp-chip.on { background: var(--yellow); border-color: var(--yellow); color: #20241f; }
.bp-card.bp-out { display: none; }
/* a dedikált cikk-borítók (build_blogcovers_v80) egységesen 2:1-esek, a képre írt
címmel — ezért 2:1 a keret, hogy a bal-igazított cím ne vágódjon le (a klónozott
fallback-bélyegképek fotók, azoknál a kis fel-le vágás nem sért szöveget) */
.bp-ph { aspect-ratio: 2 / 1; }
/* a klónozott cikk-borító NE takarja ki a képernyőt (v66-os lépték) */
.artcover[data-cover] img { aspect-ratio: 2 / 1; object-fit: cover;
max-height: 400px; }
.bp-date { font-size: 12px; font-weight: 700; color: var(--muted); }
.bp-empty { margin-top: 22px; font-size: 15px; color: var(--muted); }
/* „Olvasd el ezt is" — szöveges, kép nélküli sáv (nem duzzasztja a fájlt) */
.artrel-t { font-size: 12px; font-weight: 900; letter-spacing: .1em;
text-transform: uppercase; color: var(--green-d); }
.artrel-g { margin-top: 16px; display: grid; gap: 14px; grid-template-columns: 1fr; }
.artrel-i { display: flex; flex-direction: column; gap: 7px; padding: 16px 18px;
background: var(--bg); border: 1px solid var(--border); border-radius: 14px;
text-decoration: none; transition: transform .2s ease, border-color .2s ease,
box-shadow .2s ease; }
.artrel-i:hover { transform: translateY(-3px); border-color: var(--ink-strong);
box-shadow: 0 20px 40px -30px rgba(0,0,0,.4); }
.artrel-i .c { font-size: 10px; font-weight: 900; letter-spacing: .09em;
text-transform: uppercase; color: var(--green-d); }
.artrel-i .t { font-size: 14.5px; font-weight: 800; letter-spacing: -.02em;
line-height: 1.34; color: var(--ink-strong); }
.artrel-i .m { font-size: 12px; color: var(--muted); }
@media (min-width: 780px) { .artrel-g { grid-template-columns: repeat(3, 1fr); } }
/* ha nincs klónozható borító, ne lógjon bele a hero-ba */
.artcover.artcover-none { display: none; }
.artauthor.noimg::before { content: ""; width: 34px; height: 34px; flex: none;
border-radius: 50%; border: 2px solid var(--yellow);
background: color-mix(in srgb, var(--yellow) 22%, transparent); }
/* az átemelt cikkek törzs-elemei */
.art blockquote { margin: 22px 0; padding: 4px 0 4px 20px;
border-left: 3px solid var(--yellow); font-size: 17px; line-height: 1.62;
color: var(--ink-strong); font-style: normal; }
.art blockquote p { margin: 0; font-size: inherit; }
.art blockquote p + p { margin-top: 10px; }
.art pre { margin: 20px 0; padding: 16px 18px; overflow-x: auto;
background: var(--charcoal); color: #eef3ec; border-radius: 12px;
font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 12.5px; line-height: 1.6; }
.art pre code { background: none; color: inherit; padding: 0; font-size: inherit; }
.art code { background: var(--surface-2); border-radius: 5px; padding: 1px 5px;
font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: .92em; }
.art table { width: 100%; margin: 22px 0; border-collapse: collapse; font-size: 14.5px; }
.art table th, .art table td { padding: 10px 12px; border: 1px solid var(--border);
text-align: left; vertical-align: top; }
.art table th { background: var(--surface); font-weight: 800; color: var(--ink-strong); }
.art h4 { margin-top: 26px; font-size: 16px; font-weight: 800;
letter-spacing: -.02em; color: var(--ink-strong); }
.art a[target="_blank"] { text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--green-d) 45%, transparent); }
/* ===================================================================
v71 · KREATÍV-PLACEHOLDER — a brief MAGÁN a kereten, a szövegboxban
már a végleges, nyilvános tartalom áll. A keret MÉRETE nem nő: a
jelölés apró és a keret közepén, hasábba rendezve ül.
=================================================================== */
.crv-mark { flex-direction: column; gap: 9px; padding: 16px 14px;
text-align: center; max-width: 100%; }
.crv-mark .crv-row { display: inline-flex; align-items: center; gap: 8px; }
.crv-ask { display: block; max-width: 30ch; font-size: 11.5px; line-height: 1.5;
color: var(--muted); }
.crv-mark .crv-spec { margin-top: 0; font-size: 10.5px; opacity: .8; }
/* telefon-keret: szűkebb hasáb, kisebb betű */
.crv-phone .crv-ask { max-width: 22ch; font-size: 10.5px; }
.crv-phone .crv-mark { gap: 7px; padding: 12px 10px; }
.crv-phone .crv-mark .crv-spec { font-size: 9.5px; }
/* legyező-keret: a hátsó lapok miatt kevesebb a hely */
.crv-gallery .crv-ask { max-width: 26ch; font-size: 11px; }
@media (max-width: 700px) {
.crv-ask { font-size: 11px; }
}
/* ===================================================================
v72 · KREATÍV-SHOWCASE sötét sávon (commonthreadco bizonyíték-tile
elve) + a v49-es fotókártya-mozdulat: léptetett, enyhén döntött
lapok, hoverre kiegyenesedve emelkednek.
⚠️ A rács NEM lett nagyobb — a lépés ±16px, a lekerekítés maradt.
=================================================================== */
.kshow-sec { background: var(--charcoal); }
.kshow { gap: 18px; }
.kshow .kcell {
border-radius: 16px;
box-shadow: 0 26px 54px -30px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.10);
transition: transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease;
}
.kshow .kcell:nth-child(4n+1) { transform: translateY(-16px) rotate(-1.4deg); }
.kshow .kcell:nth-child(4n+2) { transform: translateY(14px) rotate(1.1deg); }
.kshow .kcell:nth-child(4n+3) { transform: translateY(-8px) rotate(.9deg); }
.kshow .kcell:nth-child(4n+4) { transform: translateY(18px) rotate(-.8deg); }
.kshow .kcell:hover {
transform: translateY(-6px) rotate(0deg) scale(1.03);
box-shadow: 0 40px 78px -30px rgba(0,0,0,.85),
0 0 0 1px color-mix(in srgb, var(--yellow) 55%, transparent);
z-index: 3;
}
/* halvány ragyogás a készlet mögött, hogy a sötét sávon ne lyuknak tűnjön */
.kshow-sec .container { position: relative; }
.kshow-sec .container::before {
content: ""; position: absolute; left: 8%; right: 8%; top: 44%; bottom: -6%;
background: radial-gradient(60% 60% at 50% 50%,
color-mix(in srgb, var(--green) 16%, transparent), transparent 72%);
filter: blur(28px); pointer-events: none; z-index: 0;
}
.kshow { position: relative; z-index: 1; }
/* ⚠️ Az egyik kreatív FEKVŐ bannerként jött, és a `wide` osztály miatt
`contain`-nel ült egy fekete négyzetben — a sötét sávon ez lyuknak
hatott a másik három mellett. Kivágással illesztjük a készletbe, a
szöveges felére igazítva. */
.kshow .kcell.wide img { object-fit: cover; object-position: left center; padding: 0; }
@media (prefers-reduced-motion: reduce) {
.kshow .kcell { transform: none !important; transition: none; }
}
/* ===================================================================
v72 · /fizetett-hirdetes — DÖNTÉSI LÉTRA (az 5 pipás sor helyett)
=================================================================== */
.dladder { list-style: none; margin: 0; padding: 0; position: relative; }
.dladder::before { content: ""; position: absolute; left: 17px; top: 14px; bottom: 22px;
width: 2px; background: linear-gradient(180deg, var(--green), var(--yellow)); }
.dladder li { position: relative; display: flex; gap: 16px; padding: 0 0 18px; }
.dladder li:last-child { padding-bottom: 0; }
.dl-n { position: relative; z-index: 1; flex: none; width: 36px; height: 36px;
border-radius: 50%; display: grid; place-items: center;
background: var(--bg); border: 2px solid var(--ink-strong);
font-family: var(--font-heading), system-ui, sans-serif;
font-size: 11.5px; font-weight: 900; color: var(--ink-strong); }
.dl-t { font-size: 14.5px; color: var(--muted); line-height: 1.6; padding-top: 2px; }
.dl-t b { display: block; font-size: 15.5px; font-weight: 800; letter-spacing: -.02em;
color: var(--ink-strong); margin-bottom: 2px; }
.section.surface .dl-n { background: var(--surface); }
/* ===================================================================
v72 · /fizetett-hirdetes — „egy keret → három elv" sematikus ábra.
Szándékosan NINCS rajta szám: nem adat, hanem döntési logika.
=================================================================== */
.bmix-src { max-width: 420px; margin: 0 auto; text-align: center; }
.bmix-lbl { display: inline-block; font-family: var(--font-heading), system-ui, sans-serif;
font-size: 11.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;
color: var(--ink-strong); }
.bmix-bar { display: block; margin-top: 10px; height: 12px; border-radius: 999px;
background: linear-gradient(90deg, var(--green), var(--yellow)); }
.bmix-fan { display: block; width: 100%; height: 74px; }
.bmix-fan path { fill: none; stroke: var(--border); stroke-width: 2; }
.bmix-out { display: grid; gap: 18px; grid-template-columns: 1fr; }
.bmix-note { margin-top: 18px; text-align: center; font-size: 14px; color: var(--muted); }
@media (min-width: 780px) {
.bmix-out { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 779px) {
.bmix-fan { height: 40px; }
}
/* ===================================================================
v73 · SEMATIKUS TALÁLATI KÁRTYA (`.serpx`)
Anatómia-ábra, NEM rangsor-állítás: nincs rajta se domain, se pozíció.
Kompakt (max 460px), a szövegbox mellett ül — a v66-os lépték szerint.
Ugyanez a szerkezet átvihető a másik hét SEO-aloldalra.
=================================================================== */
.serpx { max-width: 460px; margin-left: auto; padding: 16px;
background: var(--bg); border: 1px solid var(--border); border-radius: 18px;
box-shadow: 0 26px 54px -36px rgba(0,0,0,.42); }
.serpx-q { display: flex; align-items: center; gap: 10px; padding: 10px 14px;
background: var(--surface); border: 1px solid var(--border); border-radius: 999px;
font-size: 13.5px; color: var(--ink-strong); font-weight: 700; }
.serpx-q .ico { width: 15px; height: 15px; color: var(--muted); flex: none; }
.serpx-r { margin-top: 14px; padding: 14px 16px; border-radius: 14px;
background: var(--surface); border: 1px solid var(--border);
border-left: 3px solid var(--yellow); }
.serpx-lb { display: block; font-family: ui-monospace, Menlo, Consolas, monospace;
font-size: 9.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
color: var(--green-d); }
.serpx-lb i { font-style: normal; color: var(--muted); text-transform: none;
letter-spacing: 0; }
.serpx-lb + * { margin-top: 3px; }
.serpx-u { font-size: 12px; color: var(--muted); }
.serpx-t { font-size: 15.5px; font-weight: 800; letter-spacing: -.02em;
line-height: 1.34; color: var(--ink-strong); }
.serpx-t em { font-style: normal;
background: linear-gradient(180deg, transparent 62%,
color-mix(in srgb, var(--yellow) 72%, transparent) 62%); }
.serpx-d { font-size: 13px; line-height: 1.55; color: var(--muted); }
.serpx-r > .serpx-lb + .serpx-u { margin-bottom: 10px; }
.serpx-t + .serpx-lb { margin-top: 12px; }
.serpx-n { margin-top: 12px; font-size: 11.5px; color: var(--muted); }
@media (max-width: 900px) { .serpx { margin-left: 0; } }
/* ⚠️ A negatív listára NEM új osztály kell: a v65-ös oldalakon már fut a
`checklist xlist` (málna ✕) a `card hm-ba-before` kártyában — ugyanazt
használjuk, hogy ne legyen kétféle megoldás ugyanarra. */
/* ===================================================================
v75 · FÁZIS-SÁV KÖZÉPRE (user-kérés).
⚠️ Nem `justify-content: center`: a lista `overflow-x: auto`, és
középre igazított flex-tartalomnál a túlcsorduló ELSŐ elem
elérhetetlenné válik. A `width: max-content` + `margin: 0 auto` ha
kifér középre teszi, ha nem, balról indul és csúsztatható marad.
=================================================================== */
.pb-list { width: max-content; max-width: 100%; margin-left: auto;
margin-right: auto; }
/* ===================================================================
v75 · BLOGCIKK-TARTALOMJEGYZÉK — a görgetősáv-króm le (user-kérés).
A görgetés marad (14–19 tételes jegyzékek is vannak), csak nem
látszik a sáv — ez a lapon már futó minta (`.pb-list`). Alul halk
elhalványodás jelzi, ha van még lentebb tétel.
=================================================================== */
.arttoc { scrollbar-width: none; -ms-overflow-style: none; }
.arttoc::-webkit-scrollbar { width: 0; height: 0; display: none; }
@media (min-width: 1000px) {
/* a JS (initPost) csak akkor teszi rá a `toc-fade`-et, ha a jegyzék
tényleg túlcsordul — különben az utolsó tétel indokolatlanul kifakul */
.arttoc.toc-fade {
-webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 26px), transparent 100%);
mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 26px), transparent 100%);
}
}
/* ===================================================================
v80 · CIKK-BORÍTÓ — a szemcsésség megszüntetése.
A borító már nem a 340×213-as hub-bélyegkép klónja, hanem saját
1100×550-es kép. Ahol viszont a FORRÁS is csak ~400px széles (három
régi cikk), ott nem nagyítunk: szűkebben, középre zárva mutatjuk.
=================================================================== */
.artcover.lowres img { max-width: 560px; margin: 0 auto;
aspect-ratio: auto; max-height: none; }
.artcover.lowres { margin-top: -30px; }
/* ===== onaudit (v84) — ingyenes önaudit natív nézet ===== */
/* ============================================================
MARKESTIC — Ingyenes önaudit nézet (scoped fragment)
Minden szelektor .pg-onaudit-tel kezdődik, minden saját
osztály oa- prefixet kap. Színek a site meglévő CSS
változóiból (NINCS :root újradefiniálás).
Amber = #D98E00 · Red = #C72929 (nincs site-token)
============================================================ */
.pg-onaudit .oa-hidden{display:none !important}
.pg-onaudit .oa-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
/* ---------- eyebrow (site-osztály) kontextus-színek ---------- */
.pg-onaudit .oa-hero .eyebrow,
.pg-onaudit .oa-reshero .eyebrow{color:var(--yellow)}
.pg-onaudit .oa-hero .eyebrow .sq,
.pg-onaudit .oa-reshero .eyebrow .sq{background:var(--yellow)}
.pg-onaudit .oa-sechead .eyebrow{color:var(--green-d);justify-content:center}
.pg-onaudit .oa-sechead .eyebrow .sq{background:var(--green-d)}
/* ---------- BUTTONS ---------- */
.pg-onaudit .oa-btn{
border:0;border-radius:12px;padding:15px 22px;font-weight:800;font-size:15px;letter-spacing:.01em;
font-family:inherit;cursor:pointer;line-height:1.2;
background:var(--yellow);color:var(--charcoal);transition:transform .08s, box-shadow .2s;
display:inline-block;text-decoration:none;text-align:center;
}
.pg-onaudit .oa-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(252,210,29,.6)}
.pg-onaudit .oa-btn.oa-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.pg-onaudit .oa-btn.oa-dark{background:var(--charcoal);color:#fff}
.pg-onaudit .oa-btn.oa-green{background:var(--green-d);color:#fff}
.pg-onaudit .oa-btn.oa-lg{padding:17px 30px;font-size:16px}
.pg-onaudit .oa-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.pg-onaudit .oa-btn.oa-back{background:transparent;color:var(--muted);border:2px solid var(--border)}
.pg-onaudit .oa-btn.oa-back:hover{box-shadow:none;border-color:var(--charcoal);color:var(--charcoal)}
/* ---------- HERO / LANDING ---------- */
.pg-onaudit .oa-hero{
background:
radial-gradient(900px 420px at 88% -10%, rgba(252,210,29,.16), transparent 60%),
var(--charcoal);
color:#fff;position:relative;overflow:hidden;border-radius:22px;
}
.pg-onaudit .oa-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--yellow)}
.pg-onaudit .oa-hero .oa-wrap{padding:54px 22px 60px}
.pg-onaudit .oa-hero h1{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(30px,4.6vw,50px);font-weight:900;line-height:1.12;letter-spacing:-.02em;max-width:16ch;margin:0}
.pg-onaudit .oa-hl{color:var(--charcoal);background:var(--yellow);padding:0 .12em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pg-onaudit .oa-lead{margin-top:18px;font-size:17px;color:#d8d9d7;max-width:60ch;font-weight:500}
.pg-onaudit .oa-hero .oa-btn{margin-top:30px}
/* ---------- LEAD MAGNET CARDS ---------- */
.pg-onaudit .oa-section{padding:62px 0}
.pg-onaudit .oa-sechead{text-align:center;max-width:640px;margin:0 auto 38px}
.pg-onaudit .oa-sechead h2{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:900;color:var(--charcoal);line-height:1.12;letter-spacing:-.02em;margin:0}
.pg-onaudit .oa-sechead p{margin-top:12px;color:var(--muted);font-size:15.5px}
.pg-onaudit .oa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pg-onaudit .oa-mag{
background:#fff;border:1px solid var(--border);border-radius:18px;
padding:26px 24px;box-shadow:0 6px 22px -12px rgba(0,0,0,.28);display:flex;flex-direction:column;
position:relative;overflow:hidden;transition:transform .12s,box-shadow .2s,border-color .2s;
text-decoration:none;color:inherit;cursor:pointer;
}
.pg-onaudit .oa-mag::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--yellow)}
.pg-onaudit .oa-mag:hover{transform:translateY(-4px);box-shadow:0 18px 50px -22px rgba(0,0,0,.32);border-color:var(--yellow)}
.pg-onaudit .oa-ico{width:48px;height:48px;border-radius:12px;background:var(--charcoal);color:var(--yellow);display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.pg-onaudit .oa-mag h3{font-family:var(--font-heading),system-ui,sans-serif;font-size:19px;font-weight:800;color:var(--charcoal);margin:0;line-height:1.12}
.pg-onaudit .oa-qn{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--green-d);margin-top:6px;text-transform:uppercase}
.pg-onaudit .oa-mag p{margin-top:11px;color:var(--muted);font-size:14px;flex:1}
.pg-onaudit .oa-magcta{margin-top:18px;display:flex;align-items:center;gap:8px;font-weight:800;color:var(--charcoal);font-size:14.5px}
.pg-onaudit .oa-arr{transition:transform .15s}
.pg-onaudit .oa-mag:hover .oa-arr{transform:translateX(4px)}
.pg-onaudit .oa-allbtn{text-align:center;margin-top:34px}
/* trust strip */
.pg-onaudit .oa-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:40px;color:var(--muted);font-size:13.5px;font-weight:600}
.pg-onaudit .oa-trust span{display:inline-flex;align-items:center;gap:8px}
.pg-onaudit .oa-trust b{color:var(--green-d)}
/* ---------- AUDIT FLOW ---------- */
.pg-onaudit .oa-flow{padding:42px 0 70px;min-height:70vh}
.pg-onaudit .oa-flowtop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.pg-onaudit .oa-seclabel{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--charcoal)}
.pg-onaudit .oa-pip{width:11px;height:11px;border-radius:3px;background:var(--yellow)}
.pg-onaudit .oa-counter{font-size:13px;font-weight:700;color:var(--muted)}
.pg-onaudit .oa-progress{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:12px 0 26px}
.pg-onaudit .oa-progress > i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--green));border-radius:999px;transition:width .35s ease}
.pg-onaudit .oa-qcard{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px -22px rgba(0,0,0,.32);padding:34px 32px;max-width:760px;margin:0 auto}
.pg-onaudit .oa-qkicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d);margin-bottom:12px}
.pg-onaudit .oa-qtext{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(19px,2.4vw,25px);font-weight:800;color:var(--charcoal);line-height:1.25;margin:0}
.pg-onaudit .oa-opts{margin-top:24px;display:flex;flex-direction:column;gap:11px}
.pg-onaudit .oa-opt{
display:flex;align-items:center;gap:14px;width:100%;text-align:left;
background:#fff;border:2px solid var(--border);border-radius:13px;padding:15px 17px;
font-size:15.5px;font-weight:600;color:var(--ink);transition:.12s;font-family:inherit;cursor:pointer;
}
.pg-onaudit .oa-opt:hover{border-color:var(--charcoal);background:#fcfcfb}
.pg-onaudit .oa-mark{width:24px;height:24px;border-radius:50%;border:2px solid #cfcfca;flex:none;display:grid;place-items:center;font-size:13px;color:#fff;transition:.12s}
.pg-onaudit .oa-opt.oa-sel{border-color:var(--yellow);background:#fffdf0;box-shadow:0 0 0 3px rgba(252,210,29,.28)}
.pg-onaudit .oa-opt.oa-sel .oa-mark{background:var(--charcoal);border-color:var(--charcoal)}
.pg-onaudit .oa-otag{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.pg-onaudit .oa-otag.oa-g{background:#e8f5da;color:var(--green-d)}
.pg-onaudit .oa-otag.oa-a{background:#fbeccb;color:#9a6500}
.pg-onaudit .oa-otag.oa-r{background:#f7dada;color:#C72929}
.pg-onaudit .oa-flownav{display:flex;justify-content:space-between;gap:12px;max-width:760px;margin:22px auto 0}
/* ---------- RESULTS ---------- */
.pg-onaudit .oa-results{padding:46px 0 80px}
.pg-onaudit .oa-reshero{background:var(--charcoal);color:#fff;border-radius:22px;padding:34px 34px 30px;position:relative;overflow:hidden}
.pg-onaudit .oa-reshero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--yellow)}
.pg-onaudit .oa-reshero h2{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:900;max-width:20ch;margin:0;line-height:1.12;letter-spacing:-.02em}
.pg-onaudit .oa-sub{color:#cfd0ce;margin-top:10px;font-size:14.5px}
.pg-onaudit .oa-scoregrid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;margin-top:26px}
.pg-onaudit .oa-overallcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px;display:flex;gap:24px;align-items:center}
.pg-onaudit .oa-gauge{
--p:0;--clr:var(--yellow);
width:148px;height:148px;border-radius:50%;flex:none;
background:conic-gradient(var(--clr) calc(var(--p)*1%), rgba(255,255,255,.14) 0);
display:grid;place-items:center;position:relative;
}
.pg-onaudit .oa-gauge::before{content:"";position:absolute;inset:13px;background:var(--charcoal);border-radius:50%}
.pg-onaudit .oa-gnum{position:relative;font-size:38px;font-weight:900;color:#fff;line-height:1}
.pg-onaudit .oa-gnum small{font-size:16px;font-weight:800;color:#cfd0ce}
.pg-onaudit .oa-glabel{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bfc1bf}
.pg-onaudit .oa-gband{font-size:24px;font-weight:900;margin-top:6px}
.pg-onaudit .oa-overallmeta p{font-size:13.5px;color:#cfd0ce;margin-top:9px;max-width:34ch}
/* radar */
.pg-onaudit .oa-radarcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:20px;display:grid;place-items:center}
.pg-onaudit .oa-radarcard svg{width:100%;max-width:300px;height:auto}
/* per-field breakdown */
.pg-onaudit .oa-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}
.pg-onaudit .oa-field{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 22px -12px rgba(0,0,0,.28);padding:24px;border-top:5px solid var(--yellow)}
.pg-onaudit .oa-fh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pg-onaudit .oa-field h3{font-family:var(--font-heading),system-ui,sans-serif;font-size:17px;font-weight:800;color:var(--charcoal);max-width:18ch;margin:0;line-height:1.15}
.pg-onaudit .oa-fpct{font-size:30px;font-weight:900;line-height:1}
.pg-onaudit .oa-bar{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin:14px 0 6px}
.pg-onaudit .oa-bar > i{display:block;height:100%;border-radius:999px;transition:width .8s ease}
.pg-onaudit .oa-fband{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pg-onaudit .oa-fl{margin-top:16px}
.pg-onaudit .oa-flh{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}
.pg-onaudit .oa-fl ul{list-style:none;margin:0;padding:0}
.pg-onaudit .oa-fl li{font-size:13px;display:flex;gap:9px;align-items:flex-start;margin:5px 0;color:#3c3f3d}
.pg-onaudit .oa-fl li .oa-ti{flex:none;margin-top:1px;font-size:13px}
.pg-onaudit .oa-liok .oa-ti{color:var(--green-d)}
.pg-onaudit .oa-libad .oa-ti{color:#C72929}
/* lead capture */
.pg-onaudit .oa-leadwrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:34px;align-items:stretch}
.pg-onaudit .oa-leadform{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 22px -12px rgba(0,0,0,.28);padding:28px}
.pg-onaudit .oa-leadform h3{font-family:var(--font-heading),system-ui,sans-serif;font-size:21px;font-weight:900;color:var(--charcoal);margin:0;line-height:1.12}
.pg-onaudit .oa-lfsub{color:var(--muted);font-size:14px;margin-top:8px;margin-bottom:18px}
.pg-onaudit .oa-frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pg-onaudit .oa-fieldin{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.pg-onaudit .oa-fieldin label{font-size:12.5px;font-weight:700;color:var(--charcoal)}
.pg-onaudit .oa-fieldin input{border:2px solid var(--border);border-radius:11px;padding:12px 13px;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);background:#fff;width:100%}
.pg-onaudit .oa-fieldin input:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(252,210,29,.25)}
.pg-onaudit .oa-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted);margin:6px 0 16px}
.pg-onaudit .oa-consent input{margin-top:2px}
.pg-onaudit .oa-formok{display:none;text-align:center;padding:24px 10px}
.pg-onaudit .oa-okico{width:64px;height:64px;border-radius:50%;background:#e8f5da;color:var(--green-d);display:grid;place-items:center;font-size:32px;margin:0 auto 14px}
.pg-onaudit .oa-formok h3{color:var(--green-d)}
/* upsell dark panel */
.pg-onaudit .oa-upsell{background:var(--charcoal);color:#fff;border-radius:18px;padding:28px;position:relative;overflow:hidden}
.pg-onaudit .oa-upsell::after{content:"";position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;border-radius:50%;background:rgba(252,210,29,.12)}
.pg-onaudit .oa-ulabel{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.pg-onaudit .oa-upsell h3{font-family:var(--font-heading),system-ui,sans-serif;font-size:22px;font-weight:900;margin-top:10px;line-height:1.12}
.pg-onaudit .oa-upsell ul{list-style:none;margin:16px 0 22px;padding:0}
.pg-onaudit .oa-upsell li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#e2e3e1;margin:9px 0}
.pg-onaudit .oa-ck{color:var(--yellow);font-weight:900;flex:none}
/* ---------- RESPONSIVE ---------- */
@media(max-width:820px){
.pg-onaudit .oa-scoregrid{grid-template-columns:1fr}
.pg-onaudit .oa-leadwrap{grid-template-columns:1fr}
.pg-onaudit .oa-cards{grid-template-columns:1fr}
.pg-onaudit .oa-overallcard{flex-direction:column;text-align:center}
}
@media(max-width:520px){
.pg-onaudit .oa-frow{grid-template-columns:1fr}
}
/* v85: onaudit sötét-paneles fejléc olvashatóság */
.pg-onaudit .oa-hero h1,
.pg-onaudit .oa-reshero h2,
.pg-onaudit .oa-upsell h3{color:#fff}
/* v86: valódi kreatívok a crv-slotokban */
.crv-slot{position:relative;overflow:hidden}
.crv-slot img.crv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.crv-gal-imgs{position:absolute;inset:0}
.crv-gal-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;opacity:0;animation:crvGal 18s infinite}
.crv-gal-imgs img:nth-child(2){animation-delay:4.5s}
.crv-gal-imgs img:nth-child(3){animation-delay:9s}
.crv-gal-imgs img:nth-child(4){animation-delay:13.5s}
@keyframes crvGal{0%{opacity:0}2%{opacity:1}25%{opacity:1}27%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.crv-gal-imgs img{animation:none;opacity:0}.crv-gal-imgs img:first-child{opacity:1}}
/* v87: K26 phone — teljes chat látszik, fekete letterbox */
.crv-slot img.crv-fit-contain{object-fit:contain;background:#0b0d0c}
/* v89: toolstack-logók + K04 Patika24 galéria */
.tool .tool-logo{height:26px;width:auto;max-width:150px;object-fit:contain;flex:none;display:inline-block}
.tool .tool-wm{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink-strong)}
.tool .tool-logo.tsq{height:26px;width:26px;border-radius:6px}
.crv-gal5-wrap{position:absolute;inset:0}
.crv-gal5-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eef1e8;display:block;opacity:0;animation:crvGal5 20s infinite}
.crv-gal5-wrap img:nth-child(2){animation-delay:4s}
.crv-gal5-wrap img:nth-child(3){animation-delay:8s}
.crv-gal5-wrap img:nth-child(4){animation-delay:12s}
.crv-gal5-wrap img:nth-child(5){animation-delay:16s}
@keyframes crvGal5{0%{opacity:0}2%{opacity:1}20%{opacity:1}22%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.crv-gal5-wrap img{animation:none;opacity:0}.crv-gal5-wrap img:first-child{opacity:1}}.crv-gal2-wrap,.crv-gal4-wrap{position:absolute;inset:0}.crv-gal2-wrap img,.crv-gal4-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eef1e8;display:block;opacity:0}.crv-gal4-wrap img{animation:crvGal4 19s infinite}.crv-gal4-wrap img:nth-child(2){animation-delay:4.75s}.crv-gal4-wrap img:nth-child(3){animation-delay:9.5s}.crv-gal4-wrap img:nth-child(4){animation-delay:14.25s}@keyframes crvGal4{0%{opacity:0}1.5%{opacity:1}23%{opacity:1}25%{opacity:0}100%{opacity:0}}.crv-gal2-wrap img{animation:crvGal2 12s infinite}.crv-gal2-wrap img:nth-child(2){animation-delay:6s}@keyframes crvGal2{0%{opacity:0}2%{opacity:1}46%{opacity:1}50%{opacity:0}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.crv-gal2-wrap img,.crv-gal4-wrap img{animation:none;opacity:0}.crv-gal2-wrap img:first-child,.crv-gal4-wrap img:first-child{opacity:1}}
/* v90: textarea finom görgetősáv + resize */
.mform textarea,.ct-form textarea,textarea.mf-msg{resize:vertical;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.mform textarea::-webkit-scrollbar,textarea::-webkit-scrollbar{width:10px}
.mform textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:3px solid #fff}
.mform textarea::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:transparent}
.cmp3 > .c3h{text-transform:none;letter-spacing:.01em;font-size:13.5px}
/* ===================================================================
v91 * munkamasolat, 2026-09-07
Kepkeret-igazitas es a leadott kreativok beepitese.
Jovahagyott elv: a KERET igazodik a KEPHEZ, nem forditva.
=================================================================== */
/* Ultraszeles kepernyokep sajat sorban: 460 px-en a Shopping-talalati
oldal es a formatum-fal olvashatatlan volna. */
.crv-wide { grid-template-columns: 1fr; gap: 26px; }
.crv-wide .crv-stage { max-width: none; justify-self: stretch; order: 0; }
.crv-wide .crv-txt { max-width: 820px; justify-self: center; text-align: center; }
.crv-wide .brw { width: 100%; }
.crv-wide .brw-screen { aspect-ratio: var(--crv-ar, 16 / 9); }
/* K04 es K21: negyzetes kepek negyzetes keretben */
.crv-ar-1x1 .gal-front { aspect-ratio: 1 / 1; }
/* K21: het negyzetes csapatfoto valtogatasa */
.crv-gal7-wrap { position: absolute; inset: 0; }
.crv-gal7-wrap img { position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center; display: block; opacity: 0;
animation: crvGal7 28s infinite; }
.crv-gal7-wrap img:nth-child(2) { animation-delay: 4s; }
.crv-gal7-wrap img:nth-child(3) { animation-delay: 8s; }
.crv-gal7-wrap img:nth-child(4) { animation-delay: 12s; }
.crv-gal7-wrap img:nth-child(5) { animation-delay: 16s; }
.crv-gal7-wrap img:nth-child(6) { animation-delay: 20s; }
.crv-gal7-wrap img:nth-child(7) { animation-delay: 24s; }
@keyframes crvGal7 { 0% { opacity: 0 } 1.2% { opacity: 1 } 13% { opacity: 1 }
14.2% { opacity: 0 } 100% { opacity: 0 } }
@media (prefers-reduced-motion: reduce) {
.crv-gal7-wrap img { animation: none; opacity: 0 }
.crv-gal7-wrap img:first-child { opacity: 1 }
}
/* K27: allo audit-oldalak. Cover helyett contain, hogy ne vagjuk le a felet. */
.crv-ar-3x4 .gal-front { aspect-ratio: 3 / 4; }
.crv-ar-3x4 .crv-gal-imgs img { object-fit: contain; background: var(--surface-2); }
/* K28: a havi riport 2,02:1, a laptop-kepernyo ehhez igazodik */
/* K10, K24, K28: a laptop-kepernyo aranya slotonkent, --crv-ar valtozobol */
.crv-ar-lap .lap-screen { aspect-ratio: var(--crv-ar, 4 / 3.2); }
/* sima keret, ha se laptop, se telefon, se videolejatszo nem indokolt */
.crv-plain { width: 100%; border-radius: 14px; overflow: hidden;
box-shadow: 0 42px 84px -44px rgba(0,0,0,.55), 0 0 0 1px rgba(15,31,23,.10); }
.crv-plain .crv-slot { aspect-ratio: var(--crv-ar, 16 / 9); }
/* K14: a leadott video 2160x3840, tehat allo. A lejatszo-keret ehhez igazodik. */
.crv-ar-portrait .crv-stage { max-width: 300px; }
.crv-ar-portrait .vfr-screen { aspect-ratio: var(--crv-ar, 9 / 16); }
/* Valodi video a keretben. Ugyanaz a geometria, mint a kepeknel. */
.crv-slot video.crv-vid { position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: top center; display: block; background: #0b0d0c; }
/* ahol valodi video jatszik, ott a dekoracios play-gomb felrevezeto */
.crv-hasvid .vfr-play { display: none; }
/* Akosra varo tetel jelolese a kereten */
.crv-chip.wait { background: var(--charcoal); color: var(--yellow); }
/* K16: keret nelkuli, csak szoveges blokk */
.crv-textonly { grid-template-columns: 1fr; }
.crv-textonly .crv-txt { max-width: 820px; justify-self: center; text-align: center; }
/* ===== onaudit v2 — lead lépcsők, erős eredmény, záró CTA ===== */
.pg-onaudit .oa-narrow{max-width:640px}
.pg-onaudit .oa-full{width:100%}
/* lead kártya */
.pg-onaudit .oa-lead1, .pg-onaudit .oa-lead2{padding:44px 0 60px}
.pg-onaudit .oa-leadcard{background:#fff;border:1px solid var(--border);border-radius:20px;
box-shadow:0 18px 50px -30px rgba(0,0,0,.3);padding:34px 32px}
.pg-onaudit .oa-step{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:var(--green-d);background:var(--surface-2);
padding:5px 11px;border-radius:999px;margin-bottom:14px}
.pg-onaudit .oa-leadcard h2{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(22px,3vw,30px);
font-weight:900;letter-spacing:-.02em;line-height:1.14;margin:0}
.pg-onaudit .oa-leadsub{color:var(--muted);font-size:15.5px;margin:10px 0 20px;line-height:1.5}
.pg-onaudit .oa-field-lbl{display:block;font-size:12.5px;font-weight:700;color:var(--ink-strong);margin:0 0 6px}
.pg-onaudit .oa-opt-tag{font-weight:600;color:var(--muted);font-size:11px}
.pg-onaudit .oa-input{width:100%;border:2px solid var(--border);border-radius:12px;padding:13px 14px;
font-family:inherit;font-size:15.5px;font-weight:600;color:var(--ink-strong);background:#fff;transition:border-color .15s,box-shadow .15s}
.pg-onaudit .oa-input:focus{outline:none;border-color:var(--green-d);box-shadow:0 0 0 3px rgba(74,184,99,.18)}
.pg-onaudit .oa-input.oa-invalid{border-color:#C72929;box-shadow:0 0 0 3px rgba(199,41,41,.15)}
.pg-onaudit .oa-lead1 .oa-btn{margin-top:16px}
.pg-onaudit .oa-fineprint{font-size:12px;color:var(--muted);margin:12px 0 0;text-align:center}
.pg-onaudit .oa-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.pg-onaudit .oa-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:6px 0 20px;line-height:1.45}
.pg-onaudit .oa-consent input{margin-top:3px;flex:none}
.pg-onaudit .oa-consent.oa-invalid{color:#C72929}
.pg-onaudit .oa-lead2-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pg-onaudit .oa-lead2-actions .oa-green{flex:1;min-width:220px}
/* gomb-variánsok */
.pg-onaudit .oa-btn.oa-ghostdark{background:transparent;color:var(--ink-strong);border:1.5px solid var(--border)}
.pg-onaudit .oa-btn.oa-ghostdark:hover{border-color:var(--ink-strong)}
/* landing all-in sor */
.pg-onaudit .oa-allrow{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:26px}
.pg-onaudit .oa-allnote{font-size:12.5px;color:var(--muted)}
/* priorizált fő tartalék blokk */
.pg-onaudit .oa-priority{background:var(--charcoal);color:#fff;border-radius:20px;padding:28px 30px;margin-top:26px;position:relative;overflow:hidden}
.pg-onaudit .oa-priority::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--yellow)}
.pg-onaudit .oa-prio-h{font-family:var(--font-heading),system-ui,sans-serif;font-size:19px;font-weight:900;color:#fff}
.pg-onaudit .oa-prio-sub{color:#cfd0ce;font-size:14px;margin:8px 0 16px;max-width:70ch}
.pg-onaudit .oa-prio-list{list-style:none;margin:0;padding:0;counter-reset:prio}
.pg-onaudit .oa-prio-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.pg-onaudit .oa-prio-list li:first-child{border-top:0}
.pg-onaudit .oa-prio-n{counter-increment:prio;flex:none;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--charcoal);font-weight:900;font-size:13px;display:grid;place-items:center}
.pg-onaudit .oa-prio-n::before{content:counter(prio)}
.pg-onaudit .oa-prio-list b{display:block;font-size:14.5px;font-weight:700;color:#fff;line-height:1.4}
.pg-onaudit .oa-prio-src{display:block;font-size:12px;color:#9fb39a;margin-top:3px}
/* per-terület: gap tétel nyíllal (nem X) */
.pg-onaudit .oa-fl .oa-libad .oa-ti{color:var(--yellow)}
/* cross-sell sor */
.pg-onaudit .oa-cross{margin-top:22px;background:var(--surface);border:1px dashed var(--border);border-radius:14px;padding:16px 18px;font-size:14.5px;color:var(--ink)}
.pg-onaudit .oa-cross a{color:var(--green-d);font-weight:700}
.pg-onaudit .oa-cross .oa-arr{color:var(--green-d);font-weight:900;margin-right:4px}
/* záró CTA */
.pg-onaudit .oa-nextstep{margin-top:30px;background:var(--charcoal);color:#fff;border-radius:22px;padding:32px;position:relative;overflow:hidden}
.pg-onaudit .oa-nextstep::after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:rgba(252,210,29,.12)}
.pg-onaudit .oa-nextstep-in{display:grid;grid-template-columns:1.4fr .9fr;gap:28px;align-items:center;position:relative;z-index:1}
.pg-onaudit .oa-ns-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.pg-onaudit .oa-nextstep h3{font-family:var(--font-heading),system-ui,sans-serif;font-size:clamp(18px,2.2vw,23px);font-weight:800;color:#fff;line-height:1.25;margin:8px 0 0}
.pg-onaudit .oa-nextstep h3 b{color:var(--yellow)}
.pg-onaudit .oa-ns-list{list-style:none;margin:16px 0 0;padding:0}
.pg-onaudit .oa-ns-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:#e2e3e1;margin:8px 0}
.pg-onaudit .oa-ns-list .oa-ck{color:var(--yellow);font-weight:900;flex:none}
.pg-onaudit .oa-ns-cta{display:flex;flex-direction:column;gap:10px}
.pg-onaudit .oa-restart{text-align:center;margin-top:26px}
.pg-onaudit .oa-linkbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pg-onaudit .oa-linkbtn:hover{color:var(--ink-strong)}
@media(max-width:820px){
.pg-onaudit .oa-frow{grid-template-columns:1fr}
.pg-onaudit .oa-nextstep-in{grid-template-columns:1fr}
}
/* v97: logó-strip függőleges levegő + reduced-motion wrap fix */
.logoband .hm-marquee{padding-top:10px;padding-bottom:10px}
@media (prefers-reduced-motion: reduce){
.logoband .hm-marquee{overflow:visible;padding:6px 0;-webkit-mask-image:none;mask-image:none}
.logoband .hm-mtrack{flex-wrap:wrap;justify-content:center;row-gap:20px;width:auto}
.logoband .hm-mset{flex-wrap:wrap;justify-content:center}
}
/* v100: blog-dátum elrejtés + reduced-motion kreatív-rács */
.bp-date{display:none!important}
/* v110: a cikk-oldalakról is levesszük a postolás dátumát (az olvasási idő marad; a dátum-artmi nem tartalmaz -t) */
.artmeta .artmi:not(:has(b)){display:none!important}
@media (prefers-reduced-motion: reduce){
.kgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:14px}
.kgrid .kcell{width:auto!important}
}
/* v101: önaudit consent — kiemelt, jól látható */
.pg-onaudit .oa-consent{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--ink);font-size:13.5px;align-items:center}
.pg-onaudit .oa-consent input{width:22px;height:22px;accent-color:var(--green-d);cursor:pointer;margin-top:0}
.pg-onaudit .oa-consent:hover{border-color:var(--green-d)}
.pg-onaudit .oa-consent.oa-invalid{border-color:#C72929;background:rgba(199,41,41,.05);color:#C72929}
/* v105 — kártya-hoverkor a .go CTA is jelezze magát (szín + nyíl), ne csak közvetlen hoverre */
.card.clickable:hover .go{ color:var(--green-d); }
.card.clickable:hover .go .arr{ transform:translateX(6px); }
/* v105 — a Profit Diagnózisra görgetéskor a sticky fejléc ne takarja a terméknevek tetejét */
#belepoCards{ scroll-margin-top:96px; }
/* v106 — ajánlott oszlop bekarikázása */
.pg-belepo table.cmp thead th:nth-child(4){ overflow:visible; }
.pg-belepo table.cmp thead .reco-txt{ position:relative; display:inline-block; }
.pg-belepo table.cmp thead .reco-txt::after{ content:""; position:absolute; left:-8%; top:-42%; width:116%; height:184%; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%2080'%20preserveAspectRatio='none'%3E%3Cpath%20d='M112%206%20C50%204%208%2018%208%2040%20C8%2064%2055%2075%20112%2075%20C175%2075%20214%2062%20213%2038%20C212%2016%20165%206%20104%207'%20fill='none'%20stroke='%23F43454'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M120%2074%20C182%2072%20213%2059%20212%2039'%20fill='none'%20stroke='%23F43454'%20stroke-width='1.7'%20stroke-linecap='round'%20opacity='.75'/%3E%3C/svg%3E") no-repeat center/100% 100%; pointer-events:none; z-index:3; }
/* v112 — galéria: fals slider le + crossfade rés-fix */
.gal-dots{display:none!important}
.gal{padding-bottom:8px!important}
.crv-gal5-wrap,.crv-gal-imgs{background:#eef1e8}
/* v114 — Tisztább diagnózis: átlátszó lebegő mockup, keret nélkül */
.hm-img-float{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;background:transparent}
/* oa-tips :: 3 kézzelfogható tipp (results) */
.pg-onaudit .oa-tips{margin-top:22px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:28px 30px}
.pg-onaudit .oa-tips-h{font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:20px;line-height:1.25;color:var(--ink-strong);margin:0}
.pg-onaudit .oa-tips-sub{margin:8px 0 20px;color:var(--muted);font-size:14px;line-height:1.5}
.pg-onaudit .oa-tips-list{display:grid;gap:16px}
.pg-onaudit .oa-tip{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;transition:border-color .18s,box-shadow .18s}
.pg-onaudit .oa-tip:hover{border-color:var(--green-d);box-shadow:0 8px 26px rgba(20,40,25,.07)}
.pg-onaudit .oa-tip-n{flex:none;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--green-d);color:#fff;font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:16px;margin-top:2px}
.pg-onaudit .oa-tip-c{min-width:0;flex:1}
.pg-onaudit .oa-tip-c h4{display:flex;align-items:center;gap:9px;margin:2px 0 8px;font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:16.5px;line-height:1.3;color:var(--ink-strong)}
.pg-onaudit .oa-tip-ic{flex:none;color:var(--green-d)}
.pg-onaudit .oa-tip-c p{margin:0;color:var(--ink);font-size:14.5px;line-height:1.62}
/* vizuális insight-strip */
.pg-onaudit .oa-tip-viz{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.pg-onaudit .oa-vz{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:11px 14px;min-width:0}
.pg-onaudit .oa-vz-l{margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--muted);max-width:340px}
/* stat — nagy szám */
.pg-onaudit .oa-vz-stat{display:flex;flex-direction:column}
.pg-onaudit .oa-vz-n{font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:23px;line-height:1;color:var(--green-d);letter-spacing:-.01em}
/* ba — előbb → utóbb */
.pg-onaudit .oa-vz-baline{display:flex;align-items:baseline;gap:9px}
.pg-onaudit .oa-vz-from{font-family:var(--font-heading),system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--muted)}
.pg-onaudit .oa-vz-to{font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:20px;color:var(--green-d)}
.pg-onaudit .oa-vz-arw{color:var(--green-d);font-weight:800;font-size:15px}
/* seq — lépés-pirulák nyilakkal */
.pg-onaudit .oa-vz-seq{width:100%}
.pg-onaudit .oa-vz-steps{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.pg-onaudit .oa-vz-pill{background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-family:var(--font-heading),system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ink-strong);white-space:nowrap}
.pg-onaudit .oa-vz-seq .oa-vz-arw{font-size:13px}
@media(max-width:560px){
.pg-onaudit .oa-tips{padding:22px 18px}
.pg-onaudit .oa-tip{padding:16px 15px;gap:13px}
.pg-onaudit .oa-tip-n{width:30px;height:30px;font-size:15px}
.pg-onaudit .oa-tip-viz{gap:10px}
.pg-onaudit .oa-vz{width:100%}
}
/* /oa-tips */
/* momp :: Profit Motor SaaS-preview (MOMP) */
.section.momp-sec{background:var(--surface-2);padding:70px 0}
@media(max-width:640px){.section.momp-sec{padding:48px 0}}
.momp-showcase{font-family:var(--alt);color:var(--ink);
--bg:#ffffff;--surface:#f6f8f2;--surface-2:#eef1e8;--border:#e2e6db;
--ink:#333;--ink-strong:#20241f;--muted:#6c716a;
--charcoal:#181c17;--charcoal-2:#20241f;--on-dark:#f4f5f1;--on-dark-muted:#aab0a3;
--yellow:#fcd21d;--green:#80c342;--green-d:#4ab863;--crit:#dd5a34;
--sans:var(--font-heading),system-ui,sans-serif;--alt:var(--font-body),var(--sans);
}
.momp-showcase *{box-sizing:border-box}
/* intro */
.momp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d)}
.momp-eyebrow .sq{width:9px;height:9px;background:var(--yellow);border-radius:2px;transform:rotate(12deg)}
.momp-intro h2{font-family:var(--sans);font-weight:900;font-size:clamp(26px,4vw,40px);line-height:1.08;color:var(--ink-strong);margin:14px 0 10px;letter-spacing:-.01em}
.momp-intro h2 em{font-style:normal;color:var(--green-d)}
.momp-intro p{font-size:16px;line-height:1.6;color:var(--muted);max-width:640px;margin:0 0 26px}
/* app window */
.momp-app{border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(20,24,16,.55),0 2px 8px rgba(20,24,16,.12);border:1px solid rgba(20,24,16,.08)}
.momp-chrome{background:var(--charcoal);display:flex;align-items:center;gap:16px;padding:0 16px;height:52px}
.momp-dots{display:flex;gap:7px}
.momp-dots i{width:11px;height:11px;border-radius:50%;display:block}
.momp-dots i:nth-child(1){background:#ff5f57}.momp-dots i:nth-child(2){background:#febc2e}.momp-dots i:nth-child(3){background:#28c840}
.momp-brand{display:flex;align-items:center;gap:9px;color:var(--on-dark);font-family:var(--sans);font-weight:800;font-size:13.5px;letter-spacing:.01em}
.momp-brand .mk{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--yellow),var(--green));display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--charcoal);font-size:13px}
.momp-brand small{color:var(--on-dark-muted);font-weight:600}
.momp-tabs{margin-left:auto;display:flex;gap:2px;background:rgba(255,255,255,.06);border-radius:9px;padding:4px}
.momp-tab{appearance:none;border:0;background:transparent;color:var(--on-dark-muted);font-family:var(--sans);font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:6px;cursor:pointer;transition:.15s}
.momp-tab:hover{color:var(--on-dark)}
.momp-tab.on{background:var(--yellow);color:var(--charcoal)}
.momp-live{display:flex;align-items:center;gap:6px;color:var(--on-dark-muted);font-size:11px;font-weight:700}
.momp-live .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(128,195,66,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(128,195,66,.55)}70%{box-shadow:0 0 0 7px rgba(128,195,66,0)}100%{box-shadow:0 0 0 0 rgba(128,195,66,0)}}
.momp-body{background:var(--bg);padding:26px 28px 30px}
@media(max-width:640px){.momp-body{padding:18px 14px 22px}.momp-tabs .lbl-long{display:none}}
.momp-screen{display:none}.momp-screen.on{display:block;animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* meta chips */
.momp-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.momp-chip{font-family:var(--sans);font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px}
.momp-chip b{color:var(--ink-strong)}
/* hero row */
.momp-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:20px}
@media(max-width:640px){.momp-hero{grid-template-columns:1fr}}
.momp-herocard{background:var(--charcoal);color:var(--on-dark);border-radius:14px;padding:20px 22px}
.momp-herocard .lbl{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.momp-herocard .big{font-family:var(--sans);font-weight:900;font-size:clamp(30px,5vw,46px);line-height:1.02;margin:6px 0 2px;letter-spacing:-.02em}
.momp-herocard .big span{color:var(--yellow)}
.momp-herocard .sub{font-size:12.5px;color:var(--on-dark-muted)}
.momp-assum{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.momp-assum .arow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.momp-assum .arow .k{font-size:12.5px;color:var(--muted);font-weight:600}
.momp-assum .arow .v{font-family:var(--sans);font-weight:800;font-size:17px;color:var(--ink-strong)}
/* table */
.momp-tablewrap{border:1px solid var(--border);border-radius:14px;overflow:hidden}
table.momp-t{width:100%;border-collapse:collapse;font-size:13px}
table.momp-t th{background:var(--surface-2);font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:right;padding:11px 14px}
table.momp-t th:first-child{text-align:left}
table.momp-t td{padding:10px 14px;text-align:right;border-top:1px solid var(--border);color:var(--ink);font-variant-numeric:tabular-nums}
table.momp-t td:first-child{text-align:left;font-weight:600;color:var(--ink-strong)}
table.momp-t td .ch{display:inline-flex;align-items:center;gap:8px}
table.momp-t td .ch i{width:9px;height:9px;border-radius:2px;flex:none}
table.momp-t .roasbar{position:relative;min-width:74px}
table.momp-t .roasbar .rb{position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;background:rgba(74,184,99,.16);border-radius:4px;z-index:0}
table.momp-t .roasbar span{position:relative;z-index:1;font-weight:700;color:var(--green-d)}
table.momp-t tr.tot td{background:#eff3ea;font-weight:800;color:var(--ink-strong);border-top:2px solid var(--border)}
table.momp-t tr.tot td:first-child{font-family:var(--sans)}
table.momp-t tr.org td:first-child{color:var(--muted);font-weight:600}
.momp-tnote{font-size:11.5px;color:var(--muted);margin:10px 2px 0}
/* modellező */
.momp-model{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}
@media(max-width:720px){.momp-model{grid-template-columns:1fr}}
.momp-controls .ctitle{font-family:var(--sans);font-weight:800;font-size:14px;color:var(--ink-strong);margin:0 0 4px}
.momp-controls .cdesc{font-size:12.5px;color:var(--muted);margin:0 0 18px;line-height:1.5}
.momp-sl{margin-bottom:20px}
.momp-sl .slhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.momp-sl .slk{font-size:12.5px;font-weight:700;color:var(--ink-strong)}
.momp-sl .slv{font-family:var(--sans);font-weight:800;font-size:16px;color:var(--green-d)}
.momp-sl input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:var(--surface-2);outline:none}
.momp-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--yellow);border:3px solid #fff;box-shadow:0 2px 6px rgba(20,24,16,.25);cursor:pointer}
.momp-sl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--yellow);border:3px solid #fff;box-shadow:0 2px 6px rgba(20,24,16,.25);cursor:pointer}
.momp-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.momp-preset{font-family:var(--sans);font-weight:700;font-size:12px;padding:8px 13px;border-radius:999px;border:1.5px solid var(--border);background:#fff;color:var(--ink-strong);cursor:pointer;transition:.15s}
.momp-preset:hover{border-color:var(--green-d)}
.momp-preset.on{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
.momp-out{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}
.momp-out .obig{font-family:var(--sans);font-weight:900;font-size:clamp(28px,4.5vw,40px);color:var(--ink-strong);line-height:1;letter-spacing:-.02em}
.momp-out .odelta{font-family:var(--sans);font-weight:800;font-size:15px;color:var(--green-d);margin-top:6px}
.momp-out .olbl{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.momp-bars{margin-top:18px;display:flex;align-items:flex-end;gap:12px;height:150px}
.momp-bars .bcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.momp-bars .bcol .bval{font-family:var(--sans);font-weight:800;font-size:11.5px;color:var(--ink-strong);margin-bottom:5px}
.momp-bars .bcol .bar{width:100%;max-width:52px;border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1)}
.momp-bars .bcol .blab{font-size:10.5px;color:var(--muted);margin-top:7px;text-align:center;line-height:1.2;font-weight:600}
/* riport donuts */
.momp-rep{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:720px){.momp-rep{grid-template-columns:1fr}}
.momp-donutcard .dh{font-family:var(--sans);font-weight:800;font-size:13.5px;color:var(--ink-strong);margin:0 0 4px}
.momp-donutcard .dsub{font-size:11.5px;color:var(--muted);margin:0 0 12px}
.momp-donutgrid{display:flex;gap:14px;align-items:center}
.momp-legend{display:flex;flex-direction:column;gap:7px;font-size:11.5px}
.momp-legend .lg{display:flex;align-items:center;gap:7px;color:var(--ink)}
.momp-legend .lg i{width:9px;height:9px;border-radius:2px;flex:none}
.momp-legend .lg b{margin-left:auto;font-family:var(--sans);color:var(--ink-strong)}
.momp-season{grid-column:1/-1;border-top:1px solid var(--border);padding-top:16px;margin-top:2px}
.momp-season .dh{font-family:var(--sans);font-weight:800;font-size:13.5px;color:var(--ink-strong);margin:0 0 12px}
.momp-season .sbars{display:flex;align-items:flex-end;gap:5px;height:90px}
.momp-season .sbars .sb{flex:1;background:var(--yellow);border-radius:3px 3px 0 0;position:relative}
.momp-season .sbars .sb.peak{background:var(--green-d)}
.momp-season .smon{display:flex;gap:5px;margin-top:6px}
.momp-season .smon span{flex:1;text-align:center;font-size:9px;color:var(--muted);font-weight:600}
.momp-foot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:16px;font-size:11.5px;color:var(--muted)}
.momp-foot .demo{font-family:var(--sans);font-weight:800;color:var(--ink-strong);background:var(--surface-2);border-radius:6px;padding:3px 9px;font-size:10.5px;letter-spacing:.04em}
/* /momp */
/* MOMP fül-hint (málna nyíl a fülekhez) */
.momp-tabhint{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;margin:0 0 2px 0;padding-right:134px;pointer-events:none}
.momp-tabhint.gone{opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}
.momp-tabhint-pill{background:#F43454;color:#fff;font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:12px;padding:6px 13px;border-radius:999px;box-shadow:0 7px 18px -6px rgba(244,52,84,.55);animation:mompHintBob 1.7s ease-in-out infinite}
.momp-tabhint-arr{width:46px;height:29px;flex:none;transform:translateY(6px)}
@keyframes mompHintBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:560px){.momp-tabhint{padding-right:78px}}
/* mform-consent :: GDPR pipa a formok alá */
.mform-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0 4px;font-size:13px;line-height:1.45;color:var(--muted);cursor:pointer;text-align:left}
.mform-consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--green-d);cursor:pointer}
.mform-consent a{color:var(--green-d);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.section.dark .mform-consent,.dark .mform-consent{color:var(--on-dark-muted)}
.section.dark .mform-consent a,.dark .mform-consent a{color:var(--yellow)}
#newsForm .mform-consent{margin-top:10px;font-size:12.5px}
/* /mform-consent */
/* mk-circle :: málna bekarikázás a markestic logó köré (.hm-cmp, .cmp3) */
.hm-cmp .hc.mk,.cmp3 .c3h.mk{overflow:visible}
.hm-cmp .hc.mk .logo,.cmp3 .c3h.mk .logo{position:relative;display:inline-block;overflow:visible}
.hm-cmp .hc.mk .logo::after,.cmp3 .c3h.mk .logo::after{content:'';position:absolute;left:-20%;right:-20%;top:-46%;bottom:-46%;background:url("data:image/svg+xml,") center/100% 100% no-repeat;pointer-events:none;z-index:3}
/* /mk-circle */
/* mk-circ :: málna karika a szöveges Markestic fejlécekre */
.mk-circ{position:relative;display:inline-block;overflow:visible}
.mk-circ::after{content:'';position:absolute;left:-14%;right:-14%;top:-42%;bottom:-42%;background:url("data:image/svg+xml,") center/100% 100% no-repeat;pointer-events:none;z-index:3}
/* /mk-circ */
/* shotframe :: böngésző-ablak keret a dashboard-képekre */
.hm-shot .shotframe{display:block;position:relative;border-radius:13px;overflow:hidden;padding-top:34px;background:var(--charcoal);border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 66px -32px rgba(0,0,0,.62)}
.hm-shot .shotframe::before{content:'';position:absolute;top:0;left:0;right:0;height:34px;background:var(--charcoal);background-image:radial-gradient(circle at 19px 17px,#ff5f57 0 5px,transparent 5px),radial-gradient(circle at 39px 17px,#febc2e 0 5px,transparent 5px),radial-gradient(circle at 59px 17px,#28c840 0 5px,transparent 5px);background-repeat:no-repeat;border-bottom:1px solid rgba(255,255,255,.08)}
.hm-shot .shotframe img{display:block;width:100%;height:auto;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
/* /shotframe */
/* mk-pref :: zöld „Ajánlott" jelzés a Markestic-oszlopra */
.hm-cmp .hc.mk,.cmp3 .c3h.mk{position:relative}
table.cmp thead th{position:relative}
.mk-pref{position:absolute;top:7px;right:9px;z-index:4;background:var(--green-d);color:#fff;font-family:var(--font-heading),system-ui,sans-serif;font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1;box-shadow:0 2px 8px rgba(20,40,25,.28)}
/* /mk-pref */
/* mark-hl-fit :: a gradiens-kiemelő soronként simuljon + balról-jobbra sweep */
.mark-hl{display:inline!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--grad-gy)!important;background-repeat:no-repeat!important;background-size:100% 100%;padding:.02em .14em;margin:0;border-radius:.16em .3em .2em .34em;color:#20241f!important;box-shadow:0 1px 0 rgba(20,36,25,.06);animation:hlSweepBg .6s cubic-bezier(.77,0,.18,1) .15s both!important}
.mark-hl.g{background:var(--green)!important}
.mark-hl::before{display:none!important}
@keyframes hlSweepBg{from{background-size:0% 100%}to{background-size:100% 100%}}
@media (prefers-reduced-motion:reduce){.mark-hl{animation:none!important;background-size:100% 100%!important}}
/* /mark-hl-fit */
/* mviz-turbo :: felturbózott Profit Motor lépés-vizuálok */
.mviz{border-radius:22px!important;background:radial-gradient(135% 95% at 12% -12%,rgba(255,255,255,.07),transparent 55%),linear-gradient(158deg,#2a3025,#171b14 72%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 46px 104px -46px rgba(0,0,0,.74),inset 0 1px 0 rgba(255,255,255,.06)!important}
.mviz.light{background:radial-gradient(135% 95% at 12% -12%,#ffffff,transparent 55%),linear-gradient(158deg,#ffffff,#f2f6ec 72%)!important;border:1px solid var(--border)!important;box-shadow:0 40px 92px -46px rgba(20,36,25,.30),inset 0 1px 0 #fff!important}
.mfbar{border-radius:12px!important;background:linear-gradient(92deg,#4f9a2a,#8ed24d)!important;box-shadow:0 12px 26px -12px rgba(120,200,70,.55),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -9px 16px -9px rgba(0,0,0,.20)!important;position:relative}
.mfbar::after{content:'';position:absolute;left:0;right:0;top:0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);border-radius:12px 12px 0 0;pointer-events:none}
.mfrow:last-child .mfbar{background:linear-gradient(92deg,#eec200,#ffe152)!important;box-shadow:0 13px 28px -12px rgba(252,210,29,.60),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -9px 16px -9px rgba(120,90,0,.22)!important}
.mmtrack{height:13px!important;border-radius:99px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)!important}
.mmfill{background:linear-gradient(90deg,#4f9a2a,#9ad84f)!important;border-radius:99px!important;box-shadow:0 5px 13px -5px rgba(120,200,70,.5),inset 0 1px 0 rgba(255,255,255,.32)!important}
/* /mviz-turbo */
/* wedge-fix :: a logósáv ferde éke alatt a surface szín töltse ki az éket (ne fehér) */
.section.logoband.diag-b{position:relative;z-index:1}
.section.logoband.diag-b + .section.surface{position:relative;z-index:0;margin-top:-24px;padding-top:40px}
/* /wedge-fix */
.kwall{column-count:3;column-gap:16px;margin-top:28px}.kwall .kw-item{break-inside:avoid;margin:0 0 16px;border-radius:14px;overflow:hidden;background:#0e1109;box-shadow:0 22px 46px -26px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease}.kwall .kw-item img{display:block;width:100%;height:auto}.kwall .kw-item:hover{transform:translateY(-4px);box-shadow:0 36px 70px -28px rgba(0,0,0,.85),0 0 0 1px color-mix(in srgb,var(--yellow) 50%,transparent)}@media(max-width:900px){.kwall{column-count:2}}@media(max-width:560px){.kwall{column-count:1}}
.ai-chat{max-width:420px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;font-family:var(--sans),system-ui,sans-serif;color:#1c1f1a;text-align:left}.ai-head{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#f4f6f1;border-bottom:1px solid #e6e9e1}.ai-head i{width:10px;height:10px;border-radius:50%;background:#d7dbd0}.ai-head span{margin-left:8px;font-weight:800;font-size:12.5px;color:#5a6157;letter-spacing:.02em}.ai-scroll{padding:16px;min-height:196px;display:flex;flex-direction:column;gap:12px}.ai-row{display:flex;gap:8px;max-width:100%}.ai-r-user{justify-content:flex-end}.ai-b{padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;max-width:84%}.ai-b-user{background:var(--green,#80c342);color:#12210a;border-bottom-right-radius:4px;font-weight:600;min-height:1em}.ai-b-bot{background:#f1f3ee;border-bottom-left-radius:4px}.ai-ava{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:#12210a;color:var(--yellow,#fcd21d);font-size:13px}.ai-caret{display:inline-block;width:2px;height:1.05em;background:#12210a;margin-left:1px;vertical-align:-2px;animation:aiCaret 1s steps(1) infinite}@keyframes aiCaret{50%{opacity:0}}.ai-think{display:flex;gap:4px;align-items:center}.ai-think span{width:6px;height:6px;border-radius:50%;background:#a9b0a2;animation:aiDot 1.2s infinite}.ai-think span:nth-child(2){animation-delay:.2s}.ai-think span:nth-child(3){animation-delay:.4s}@keyframes aiDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-card{margin-top:8px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:#fff;box-shadow:0 0 0 1.5px var(--yellow,#fcd21d);font-weight:700;font-size:13px}.ai-star{color:var(--yellow,#fcd21d)}.ai-brand{color:#12210a}.ai-spon{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.04em;color:#7a8072;background:#eef1e8;padding:2px 7px;border-radius:999px;text-transform:uppercase}.ai-input{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:9px 12px;border:1px solid #e2e6db;border-radius:12px;color:#9aa093;font-size:13px}.ai-input .ai-go{margin-left:auto;width:24px;height:24px;border-radius:7px;background:#12210a;color:#fff;display:grid;place-items:center;font-size:13px}.ai-row[data-step]{display:none}.ai-row[data-step].show{display:flex}@media(prefers-reduced-motion:reduce){.ai-caret{animation:none}.ai-think span{animation:none}}.foot-badge.b-criteo{background:#fff;border-radius:8px;padding:6px 14px}.foot-badge.b-criteo img{height:26px}.kwall.kwall-4{column-count:2}@media(max-width:560px){.kwall.kwall-4{column-count:1}}.crv-gal2-wrap,.crv-gal4-wrap,.crv-gal5-wrap,.crv-gal7-wrap{background:#eef1e8!important;overflow:hidden}.crv-gal2-wrap img,.crv-gal4-wrap img,.crv-gal5-wrap img,.crv-gal7-wrap img{animation:none!important;opacity:0;transition:opacity .55s ease;z-index:1;background:#eef1e8}.crv-gal2-wrap img.on,.crv-gal4-wrap img.on,.crv-gal5-wrap img.on,.crv-gal7-wrap img.on{opacity:1;z-index:2}.crv-gal2-wrap img,.crv-gal4-wrap img,.crv-gal5-wrap img{object-fit:contain}.crv-gal7-wrap img{object-fit:cover}.crv-sl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:rgba(15,18,13,.5);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .2s ease,background .2s ease}.crv-slot:hover .crv-sl-nav,.crv-slot:focus-within .crv-sl-nav{opacity:.92}.crv-sl-nav:hover{background:rgba(15,18,13,.85)}.crv-sl-prev{left:8px}.crv-sl-next{right:8px}.crv-sl-dots{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:6;display:flex;gap:6px}.crv-sl-dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:0 1px 3px rgba(0,0,0,.4);cursor:pointer;transition:width .2s ease,background .2s ease;border:0;padding:0}.crv-sl-dots button.on{width:20px;border-radius:4px;background:var(--green,#80c342)}@media(prefers-reduced-motion:reduce){.crv-gal2-wrap img,.crv-gal4-wrap img,.crv-gal5-wrap img,.crv-gal7-wrap img{transition:none}}