@font-face { font-family: 'Sedan'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/sedan-v1-latin_latin-ext-regular.woff2') format('woff2'); }

@font-face { font-family: 'Sedan'; font-style: italic; font-weight: 400; font-display: swap; src: url('../../fonts/sedan-v1-latin_latin-ext-italic.woff2') format('woff2'); }

:root {

--t-l: clamp(40px, 28.11px + 3.048vw, 72px);
--t-xl: clamp(52px, 35.66px + 4.19vw, 96px);
--t-2xl: clamp(56px, 38.17px + 4.571vw, 104px);
--t-3xl: clamp(68px, 44.23px + 6.095vw, 132px);

--t-xs: clamp(10px, 7.77px + 0.571vw, 16px);
--t-s: clamp(18px, 14.29px + 0.952vw, 28px);
--t-m: clamp(28px, 20.57px + 1.905vw, 48px);
}

:root {

--cim-szekcio: clamp(34px, 29.13px + 1.25vw, 48px);
--cim-hero: clamp(44px, 37.05px + 1.78vw, 64px);

--cim-szekcio-kis: clamp(22px, 16.06px + 1.524vw, 38px);

--cim-szeles: 24ch;
--cim-hero-szeles: 18ch;
}

main > section[class]:not(:first-child) {
padding-top: var(--t-xl);
padding-bottom: 0;
}

main > section[class]:last-child {
padding-bottom: var(--t-xl);
}

main > section[class].iksav {
padding-top: 0;
padding-bottom: 0;
}

main > section[class] > :first-child {
margin-top: 0;
}

main > section[class] > :last-child {
margin-bottom: 0;
}

:root {

--cim-meret: clamp(34px, 4.17vw, 60px);

--nav-h: 64px;

--bg: #ffffff;
--bg-soft: #f9fafb;
--bg-tint: #f3f4f6;
--bg-warm: #fef8f5;

--text: #1f2937;
--text-mute: #6b7280;
--text-faint: #9ca3af;
--line: #e5e7eb;
--line-2: #d1d5db;

--accent: #e15a30;
--accent-soft: rgba(225, 90, 48, 0.10);
--accent-tint: rgba(225, 90, 48, 0.05);
--accent-hot: #ff6432;
--accent-dark: #cc4a20;
--accent-glow: rgba(225, 90, 48, 0.40);

--dark-bg: #0f1216;
--dark-bg-2: #1f2937;

--good: #10b981;
--good-soft: rgba(16, 185, 129, 0.10);
--blue: #3b82f6;
--blue-soft: rgba(59, 130, 246, 0.10);
--gray: #9ca3af;
--gray-soft: rgba(156, 163, 175, 0.14);

--font-display: 'HarmonyOS Sans', -apple-system, sans-serif;
--font-wordmark: 'HarmonyOS Sans', -apple-system, sans-serif;
--font-inter: 'HarmonyOS Sans', -apple-system, sans-serif;
--font-italic: 'Sedan', Georgia, serif;
--font-sans: 'HarmonyOS Sans', -apple-system, sans-serif;
--font-header-sans: 'HarmonyOS Sans', -apple-system, sans-serif;
--font-mono: 'HarmonyOS Sans', -apple-system, sans-serif;

--ease: cubic-bezier(0.22, 1, 0.36, 1);
--ease-fast: cubic-bezier(0.4, 0, 0.2, 1);

--radius-xs: 6px;
--radius: 10px;
--radius-lg: 16px;
--radius-xl: 20px;

--shadow-sm: 0 1px 2px rgba(16,24,40,0.05);
--shadow: 0 4px 12px -4px rgba(16,24,40,0.10), 0 2px 4px rgba(16,24,40,0.04);
--shadow-lg: 0 20px 40px -20px rgba(16,24,40,0.16), 0 12px 24px -12px rgba(16,24,40,0.08);
--shadow-xl: 0 50px 100px -30px rgba(16,24,40,0.24), 0 30px 60px -20px rgba(16,24,40,0.12);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; font-size: clamp(15px, 0.3vw + 11px, 17px); -webkit-font-smoothing: antialiased; overflow-x: clip; }

body {
font-family: var(--font-sans);
background: var(--bg);
color: var(--text);
line-height: 1.55;
overflow-x: clip;
}

img, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }

ul, ol { list-style: none; }

em { font-style: normal; color: inherit; font-weight: inherit; }

a,
button,
summary,
label,
[role="button"],
input[type="submit"] {
  -webkit-tap-highlight-color: transparent;
}

#site-header { display: contents; }

#site-footer { display: contents; }

#site-subscribe { display: contents; }

.btn-primary {
display: inline-flex; align-items: center; gap: 8px;
min-height: 44px;
padding: 10px 20px;
background: var(--text);
color: white;
border: 1px solid var(--text);
border-radius: 12px;
font-weight: 500; font-size: 0.92rem;
transition: background 0.2s, border-color 0.2s, transform 0.15s;
}

.btn-primary:hover {
background: #111827;
border-color: #111827;
}

@keyframes cardIn {
from { opacity: 0; transform: translateY(-10px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes tipFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-4px); }
}

#dcSalesNew, #dcSalesDst { opacity: 0; }

@media (max-width: 1200px) {
  #gwLine { vector-effect: non-scaling-stroke; }

  #gwArea { fill: url(#gwCombMobile); }

}

.int-strip {
overflow: hidden;
padding: clamp(40px, 6vw, 80px) 0;

-webkit-mask: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
mask: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.int-track {
display: flex;
width: max-content;
animation: int-marquee 45s linear infinite;
will-change: transform;
}

@keyframes int-marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}

.int-item {
flex: none;
box-sizing: border-box;
min-width: 160px;
min-height: 94px;
white-space: nowrap;
margin-right: 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 9px;
padding: 16px 18px;
background: rgba(255, 255, 255, 0.025);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 12px;
font-size: 0.9rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.55);
text-align: center;
line-height: 1.3;
cursor: default;
}

.int-item svg {
width: 22px; height: 22px;
stroke: currentColor;
fill: none;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}

@media (prefers-reduced-motion: reduce) {
  .int-track { animation: none; }

  .int-strip { -webkit-mask: none; mask: none; }

}

@media (min-width: 1900px) {
  .int-item { font-size: 1rem; min-width: 176px; padding: 18px 20px; }

  .int-item svg { width: 24px; height: 24px; }

}

@keyframes aiDot { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

.sub-bar {
position: relative;
display: flex;
align-items: center;
min-height: 252px;
box-sizing: border-box;
background: var(--bg);
border-top: 1px solid var(--line);
padding: clamp(30px, 4vw, 56px) clamp(24px, 5vw, 60px);
}

.sub-bar-fringe {
position: absolute;
inset: 0;
background-image:
repeating-linear-gradient(90deg, var(--line-2) 0 1px, transparent 1px 84px),
repeating-linear-gradient(0deg, var(--line-2) 0 1px, transparent 1px 84px);
-webkit-mask: linear-gradient(180deg, transparent 0%, transparent 50%, #000 100%);
mask: linear-gradient(180deg, transparent 0%, transparent 50%, #000 100%);
opacity: 0.75;
pointer-events: none;
}

.sub-bar-inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1200px; margin: 0 auto;
display: flex; align-items: center; justify-content: space-between;
gap: 24px 40px; flex-wrap: wrap;
}

.sub-bar-text { max-width: 500px; }

.sub-bar-text h2 {
font-family: var(--font-display);
font-size: clamp(1.4rem, 2.2vw, 1.85rem);

font-weight: 600;
letter-spacing: -0.025em;
color: #0a0a0c;
margin-bottom: 6px;
}

.sub-bar-text p { color: var(--text-mute); font-size: 1rem; line-height: 1.55; }

.sub-bar-form { display: flex; flex-direction: column; gap: 9px; }

.sub-bar-row { display: flex; gap: 10px; }

.sub-bar-form input {
width: min(280px, 62vw);
font-family: var(--font-sans);
font-size: 0.96rem;
color: var(--text);
background: var(--bg);
border: 1px solid var(--line-2);
border-radius: 10px;
padding: 12px 15px;
transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.sub-bar-form input::placeholder { color: var(--text-faint); }

.sub-bar-form input:focus { outline: none; border-color: #0a0a0c; box-shadow: 0 0 0 3px rgba(15, 18, 22, 0.08); }

.sub-bar-form button {
padding: 12px 22px;
background: #1f2937;
color: #fff;
font-weight: 600;
font-size: 0.96rem;
border: none;
border-radius: 12px;
cursor: pointer;
white-space: nowrap;
transition: background 0.25s var(--ease), transform 0.25s var(--ease);
}

.sub-bar-form button:hover { background: #111827; transform: translateY(-1px); }

.sub-bar-note { font-size: 0.78rem; color: var(--text-faint); }

.sub-bar-note a { color: var(--text-mute); text-decoration: underline; text-underline-offset: 2px; }

.sub-bar-thanks { display: none; align-items: center; gap: 8px; font-weight: 600; color: #0a0a0c; }

.sub-bar-thanks svg { color: var(--accent); }

.sub-bar.done .sub-bar-form { display: none; }

.sub-bar.done .sub-bar-thanks { display: flex; }

@media (max-width: 720px) {
  .sub-bar-inner { flex-direction: column; align-items: flex-start; }

  .sub-bar-form input { width: min(360px, 72vw); }

}

@media (max-width: 600px) {

  .sub-bar-form { width: 100%; }

  .sub-bar-text { max-width: 100%; }

  .sub-bar-row { flex-direction: column; align-items: stretch; }

  .sub-bar-form input { width: 100%; }

  .sub-bar-form button { width: 100%; }

}

#invWatch { transition: background 0.4s; border-radius: 8px; }

@keyframes cronSpin { to { transform: rotate(360deg); } }

@keyframes chaosHintBob {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(4px); }
}

@keyframes ksrNudge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(3px); }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }

}

@keyframes heroShimmer {
0% { transform: translateX(-150%) skewX(-20deg); }
60% { transform: translateX(350%) skewX(-20deg); }
100% { transform: translateX(350%) skewX(-20deg); }
}

:root { --logo-orange: #1f2937; }

.modal-scrim {
position: fixed;
inset: 0;
background: rgba(15, 18, 22, 0.5);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
z-index: 90;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s;
}

.modal-scrim.open { opacity: 1; visibility: visible; }

.modal-card {
width: min(560px, 100%);
max-height: min(86vh, 780px);
overflow-y: auto;
background: #ffffff;
border-radius: 22px;
padding: 30px 32px 26px;
box-shadow:
0 2px 8px rgba(16, 24, 40, 0.08),
0 40px 90px -20px rgba(16, 24, 40, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
transform: translateY(16px) scale(0.97);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
font-family: var(--font-sans);
}

.modal-scrim.open .modal-card { transform: translateY(0) scale(1); }

.m-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; }

.m-head h3 {
font-size: 1.65rem;
font-weight: 600;
letter-spacing: -0.03em;
color: #111417;
}

.m-head p { margin-top: 4px; font-size: 0.92rem; color: var(--text-mute); }

.m-close {
width: 38px; height: 38px; flex: none;
border: 1px solid var(--line);
border-radius: 12px;
background: #fff;
color: var(--text-mute);
font-size: 1rem;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: border-color 0.2s, color 0.2s;
}

.m-close:hover { border-color: var(--line-2); color: var(--text); }

.m-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.m-field { margin-bottom: 14px; }

.m-field label {
display: block;
font-size: 0.78rem;
font-weight: 600;
color: #374151;
margin-bottom: 6px;
}

.m-field label i { font-style: normal; font-weight: 400; color: var(--text-faint); }

.m-field input,
.m-field select,
.m-field textarea {
width: 100%;
background: #ffffff;
border: 1px solid var(--line-2);
border-radius: 11px;
padding: 12px 14px;
font-family: var(--font-sans);
font-size: 0.92rem;
color: var(--text);
outline: none;
transition: border-color 0.25s, box-shadow 0.25s;
}

.m-field input::placeholder, .m-field textarea::placeholder { color: var(--text-faint); }

.m-field input:focus, .m-field select:focus, .m-field textarea:focus {
border-color: rgba(225, 90, 48, 0.6);
box-shadow: 0 0 0 4px rgba(225, 90, 48, 0.12);
}

.m-field textarea { min-height: 92px; resize: vertical; }

.m-gdpr {
display: flex; align-items: flex-start; gap: 10px;
font-size: 0.76rem;
color: var(--text-mute);
line-height: 1.5;
margin: 2px 0 18px;
}

.m-gdpr input { width: 15px; height: 15px; margin-top: 2px; accent-color: var(--accent); flex: none; }

.m-gdpr a { color: var(--text); text-decoration: underline; }

.m-submit {
width: 100%;
border: none;
border-radius: 12px;
padding: 15px 20px;
background: #111417;
color: #fff;
font-family: var(--font-sans);
font-size: 0.98rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
transition: background 0.25s ease;
}

.m-submit:hover { background: #26292e; }

.m-note {
text-align: center;
margin-top: 12px;
font-family: var(--font-mono);
font-size: 0.64rem;
color: var(--text-faint);
}

.m-success {
display: none;
text-align: center;
padding: 40px 10px 30px;
}

.m-success .chk {
width: 58px; height: 58px;
margin: 0 auto 18px;
border-radius: 50%;
background: linear-gradient(180deg, #4ade80, #16a34a);
display: flex; align-items: center; justify-content: center;
box-shadow: 0 10px 26px rgba(22, 163, 74, 0.35), inset 0 1.5px 0 rgba(255, 255, 255, 0.4);
}

.m-success .chk svg { width: 26px; height: 26px; stroke: #fff; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }

.m-success b { display: block; font-size: 1.3rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 8px; }

.m-success p { font-size: 0.92rem; color: var(--text-mute); line-height: 1.6; }

.modal-card.done .m-form-body { display: none; }

.modal-card.done .m-success { display: block; }

@media (max-width: 560px) {
  .m-row2 { grid-template-columns: 1fr; gap: 0; }

}

.modal-card { scrollbar-width: thin; scrollbar-color: #d6d3d0 transparent; }

.modal-card::-webkit-scrollbar { width: 8px; }

.modal-card::-webkit-scrollbar-track { background: transparent; margin: 22px 0; }

.modal-card::-webkit-scrollbar-thumb { background: #d6d3d0; border-radius: 8px; }

@media (max-height: 1040px) {
  .modal-card { padding: 22px 26px 20px; max-height: 92vh; }

  .m-head { margin-bottom: 14px; }

  .m-head h3 { font-size: 1.3rem; }

  .m-head p { font-size: 0.82rem; }

  .m-close { width: 32px; height: 32px; font-size: 0.85rem; }

  .m-field { margin-bottom: 10px; }

  .m-field label { font-size: 0.72rem; margin-bottom: 4px; }

  .m-field input, .m-field select { padding: 0 12px; font-size: 0.86rem; height: 40px; }

  .m-field textarea { padding: 9px 12px; font-size: 0.86rem; min-height: 60px; }

  .m-gdpr { font-size: 0.7rem; margin: 0 0 12px; }

  .m-submit { padding: 12px 18px; font-size: 0.92rem; }

  .m-note { margin-top: 8px; }

  .m-row2 { gap: 12px; }

}

.m-field input, .m-field select { height: 47px; padding-top: 0; padding-bottom: 0; }

.m-field select {
appearance: none;
-webkit-appearance: none;
padding-right: 38px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 14px;
}

@keyframes eq { 0%, 100% { height: 22%; } 50% { height: 92%; } }

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

[id] {
scroll-margin-top: calc(var(--fejlec-magas, 84px) + 24px);
}

:root {

--gomb-m: 48px;
--gomb-betu: 15px;
--gomb-sugar: 10px;

--gomb-par: 24px;
--gomb-m-fejlec: var(--gomb-m);

--cta-magas: var(--gomb-m);
}

body .sh-gomb,
body .ar-gomb,
body .ac-gomb,
body .ag-gomb,
body .au-gomb,
body .ml-gomb,
body .zm-cta,
body .sw-cta,
body .rh-cta,
body .rh-cta2,
body .gz-cta,
body .gz-cta2,
body .ez-cta,
body .ez-cta2,
body .if-submit,
body .nb404-btn,
body .dk-cta-btn,
body .bl-btn-dark,
body .bl-btn-ghost,
body .lb-gomb,
body .btn-primary,
body .m-submit,
body .fo,
body .masodik,
body .hs-cta a {

height: auto;
min-height: var(--gomb-m);
padding-top: 0;
padding-bottom: 0;
padding-inline: var(--gomb-par);
border-radius: var(--gomb-sugar);
font-size: var(--gomb-betu);

display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
line-height: 1.2;
}

body.v10 .if-submit,
body.v10 .dk-cta-btn,
body.v10 .btn-primary,
body.v10 .m-submit,
body.v10 .bl-btn-dark,
body.v10 .bl-btn-ghost {
height: auto;
min-height: var(--gomb-m);
padding-top: 0;
padding-bottom: 0;
padding-inline: var(--gomb-par);
border-radius: var(--gomb-sugar);
font-size: var(--gomb-betu);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
line-height: 1.2;
}

body.v10 .m-submit {
display: flex;
width: 100%;
}

body .fx-fo,
body .fx-be {
height: auto;
min-height: var(--gomb-m-fejlec);
font-size: var(--gomb-betu);
}

body .m-submit,
body .if-submit--teljes,
body .fx-mgombok .fx-fo,
body .fx-mgombok .fx-be {
display: flex;
width: 100%;
}

body.v10 .if-chip > span,
body.v10 .kv-opt,
body .ksz-csip {
border: 1px solid transparent;
transition:
border-color 0.16s ease,
background-color 0.16s ease;
}

@media (hover: hover) {
  body.v10 .if-chip:hover > span,
  body.v10 .kv-opt:hover,
  body .ksz-csip:hover {

  border-width: 1px;
  border-style: solid;
  border-color: var(--kek, #0b5cd5);
  }

  body .fx.ruha-kek .fx-be:hover,
  body .hs-cta .masodik:hover,
  body .sh-gomb--keret:hover,
  body .rh-cta2:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  }

}

.gomb-nyil,
body .fx-fo svg {
width: 17px;
height: 17px;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

body .sh-gomb svg, body .ar-gomb svg, body .ac-gomb svg, body .ag-gomb svg,
body .au-gomb svg, body .ml-gomb svg, body .zm-cta svg, body .sw-cta svg,
body .rh-cta svg, body .gz-cta svg, body .ez-cta svg, body .ae-gomb svg,
body .aw-cta svg, body .dk-cta-btn svg, body .lb-gomb svg, body .fx-fo svg {

transition: transform 0.2s ease-out;
}

@media (hover: hover) {
  body .sh-gomb:hover svg, body .ar-gomb:hover svg, body .ac-gomb:hover svg,
  body .ag-gomb:hover svg, body .au-gomb:hover svg, body .ml-gomb:hover svg,
  body .zm-cta:hover svg, body .sw-cta:hover svg, body .rh-cta:hover svg,
  body .gz-cta:hover svg, body .ez-cta:hover svg, body .ae-gomb:hover svg,
  body .aw-cta:hover svg, body .dk-cta-btn:hover svg, body .lb-gomb:hover svg,
  body .fx-fo:hover svg {
  transform: translateX(4px);
  }

}

@media (prefers-reduced-motion: reduce) {
  body .sh-gomb svg, body .ar-gomb svg, body .ac-gomb svg, body .ag-gomb svg,
  body .au-gomb svg, body .ml-gomb svg, body .zm-cta svg, body .sw-cta svg,
  body .rh-cta svg, body .gz-cta svg, body .ez-cta svg, body .ae-gomb svg,
  body .aw-cta svg, body .dk-cta-btn svg, body .lb-gomb svg, body .fx-fo svg {
  transition: none;
  transform: none;
  }

}

body .gz-cta2,
body .ez-cta2,
body .rz .rh-cta2 {
border: 1px solid var(--kek, #0b5cd5);
color: var(--kek, #0b5cd5);
background: transparent;
}

@media (hover: hover) {
  body .gz-cta2:hover,
  body .ez-cta2:hover,
  body .rz .rh-cta2:hover {
  background: rgba(11, 92, 213, 0.07);
  border-color: var(--kek, #0b5cd5);
  }

  body .fx .fx-mobil .fx-be:hover {
  transform: none;
  }

  body .dk-cta-btn:hover,
  body .if-submit:hover,
  body .if-hero-cta:hover,
  body .bl-btn-dark:hover {
  transform: none;
  box-shadow: none;
  }

}

body .lb-gomb {
transition:
background-color 0.2s ease,
color 0.2s ease,
transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  body .lb-gomb:hover {
  transform: translateY(-1px);
  }

}

body .bl-btn-dark,
body .sub-bar-form button,
body .m-submit {
background: var(--kek, #0b5cd5);
border-color: var(--kek, #0b5cd5);
color: #fff;
}

@media (hover: hover) {
  body .bl-btn-dark:hover,
  body .sub-bar-form button:hover,
  body .m-submit:hover {
  background: #0b4fbe;
  border-color: #0b4fbe;
  }

}

body.v10 .bl-btn-ghost,
body .bl-btn-ghost {
background: transparent;
border: 1px solid var(--kek, #0b5cd5);
color: var(--kek, #0b5cd5);
}

@media (hover: hover) {
  body.v10 .bl-btn-ghost:hover,
  body .bl-btn-ghost:hover {
  background: rgba(11, 92, 213, 0.07);
  border-color: var(--kek, #0b5cd5);
  }

}

body .sub-bar-fringe {
display: none;
}