:root{--ink-950: #071120;--ink-900: #0a1626;--ink-850: #0f1f33;--blue: #e0a458;--blue-tint: rgba(200, 137, 63, 0.14);--blue-glow: rgba(200, 137, 63, 0.24);--bg: var(--ink-900);--bg-alt: var(--ink-850);--surface: #16293f;--text: #eef3f8;--text-muted: #8ba3bb;--text-faint: #5d7793;--heading: #f4f8fc;--border: rgba(139, 163, 187, 0.16);--border-strong: rgba(139, 163, 187, 0.3);--accent: var(--blue);--accent-text: var(--blue);--accent-solid: #9c6526;--accent-solid-text: #ffffff;--ok: #3fa564;--danger: #e2604f;--font-head: "Georgia", "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: var(--font-body);--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--maxw: 1240px;--shadow-sm: 0 2px 8px rgba(2, 6, 12, 0.35);--shadow: 0 16px 44px rgba(2, 6, 12, 0.5);--transition: 0.22s cubic-bezier(0.3, 0.9, 0.4, 1);--nav-h: 66px;--topbar-h: 38px;color-scheme: dark}html.light{--bg: #eff3f8;--bg-alt: #e5ecf4;--surface: #ffffff;--text: #33475c;--text-muted: #54697f;--text-faint: #7e93a8;--heading: #0a1626;--border: rgba(10, 22, 38, 0.12);--border-strong: rgba(10, 22, 38, 0.26);--blue: #b0722c;--blue-tint: rgba(200, 137, 63, 0.12);--accent-text: #8d5a1a;--accent-solid: #96591c;--ok: #2e7d4c;--danger: #c43a2e;--shadow-sm: 0 1px 4px rgba(10, 22, 38, 0.07);--shadow: 0 14px 40px rgba(10, 22, 38, 0.1);color-scheme: light}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--nav-h) + 20px);-webkit-text-size-adjust: 100%}body{font-family: var(--font-body);background: var(--bg);color: var(--text);line-height: 1.7;font-size: 16px;overflow-x: hidden;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;padding-top: calc(var(--topbar-h) + var(--nav-h))}img{max-width: 100%;display: block}a{color: inherit;text-decoration: none}ul{list-style: none}button{font-family: inherit;color: inherit}strong{color: var(--heading);font-weight: 600}::selection{background: var(--accent-solid);color: #fff}::-webkit-scrollbar{width: 11px;height: 11px}::-webkit-scrollbar-track{background: var(--bg-alt)}::-webkit-scrollbar-thumb{background: var(--border-strong);border-radius: 0;border: 2px solid var(--bg-alt)}::-webkit-scrollbar-thumb:hover{background: var(--text-faint)}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 200;padding: 10px 16px;border-radius: var(--radius-sm);background: var(--accent-solid);color: var(--accent-solid-text);font-weight: 600;font-size: 0.9rem;text-decoration: none;transition: top 0.18s ease}.skip-link:focus{top: 12px}h1, h2, h3, h4, h5, h6{font-family: var(--font-head);font-weight: 700;line-height: 1.14;letter-spacing: -0.012em;color: var(--heading);text-wrap: balance;overflow-wrap: break-word}h1{font-size: clamp(2.6rem, 5.4vw, 4.4rem)}h2{font-size: clamp(1.9rem, 3.4vw, 2.75rem)}h3{font-size: 1.35rem}h4{font-size: 1.02rem}p{text-wrap: pretty}.sec-head{margin-bottom: clamp(36px, 5vw, 58px)}.sec-index{display: flex;align-items: center;gap: 14px;font-family: var(--font-mono);font-size: 0.76rem;font-weight: 500;letter-spacing: 0.22em;text-transform: uppercase;color: var(--accent-text);margin-bottom: 18px}.sec-index::after{content: "";flex: 1;max-width: 220px;height: 1px;background: var(--border-strong)}.sec-head h2{max-width: 720px;margin-bottom: 14px}.sec-head .lead{max-width: 640px}.lead{color: var(--text-muted);font-size: 1.05rem;line-height: 1.75}.std-link{font-family: var(--font-mono);font-size: 0.92em;color: var(--accent-text);border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);transition: var(--transition);white-space: nowrap}.std-link:hover{color: var(--accent);border-bottom-color: var(--accent);background: var(--blue-tint)}.container{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: clamp(20px, 3.4vw, 40px)}section{position: relative}.section-pad{padding: clamp(64px, 8vw, 108px) 0}.bg-alt{background: var(--bg-alt)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55em;font-family: var(--font-body);font-weight: 600;font-size: 0.94rem;letter-spacing: 0.005em;padding: 13px 24px;border-radius: var(--radius-sm);border: 1.5px solid transparent;cursor: pointer;transition: var(--transition);white-space: nowrap;text-align: center;position: relative}.btn svg{width: 16px;height: 16px;flex: none}.btn-primary{background: linear-gradient(135deg, #ac6c22, #7f4c13);color: #ffffff;border-color: transparent;box-shadow: 0 6px 18px var(--blue-glow)}.btn-primary:hover{filter: brightness(1.09);box-shadow: 0 10px 28px var(--blue-glow);transform: translateY(-1px)}.btn-primary:active{transform: translateY(0);box-shadow: none;filter: none}.btn-ghost{background: transparent;color: var(--heading);border-color: var(--border-strong)}.btn-ghost:hover{border-color: var(--heading);background: color-mix(in srgb, var(--heading) 5%, transparent)}.btn-arrow svg{transition: transform var(--transition)}.btn-arrow:hover svg{transform: translateX(4px)}.btn:disabled{opacity: 0.55;cursor: not-allowed;transform: none}.arrow-link{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;font-size: 0.93rem;color: var(--accent-text)}.arrow-link svg{width: 15px;height: 15px;transition: transform var(--transition)}.arrow-link:hover svg{transform: translateX(4px)}.arrow-link:hover{color: var(--accent)}.topbar{position: fixed;inset: 0 0 auto 0;z-index: 101;height: var(--topbar-h);background: var(--ink-900);color: #c2d2e0;font-size: 0.78rem;display: flex;align-items: center;border-bottom: 1px solid rgba(139, 163, 187, 0.12)}html.light .topbar{background: #0f1f33}.topbar .container{display: flex;align-items: center;justify-content: space-between;gap: 18px}.topbar-note{font-family: var(--font-mono);letter-spacing: 0.12em;text-transform: uppercase;font-size: 0.68rem;color: #8ba3bb;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.topbar-links{display: flex;align-items: center;gap: 4px}.topbar-links > a, .topbar-links > button{display: inline-flex;align-items: center;gap: 7px;color: #c2d2e0;background: transparent;border: 0;padding: 4px 10px;border-radius: var(--radius-sm);cursor: pointer;font-size: 0.78rem;font-weight: 500;transition: var(--transition);white-space: nowrap}.topbar-links > a:hover, .topbar-links > button:hover{color: #fff;background: rgba(139, 163, 187, 0.12)}.topbar-links svg{width: 13px;height: 13px}.topbar-sep{width: 1px;height: 16px;background: rgba(139, 163, 187, 0.22);margin: 0 6px}.theme-toggle{font-family: var(--font-body)}.theme-toggle .tt-sun{display: none}html.light .theme-toggle .tt-sun{display: block}html.light .theme-toggle .tt-moon{display: none}.mainnav{position: fixed;top: var(--topbar-h);left: 0;right: 0;z-index: 100;height: var(--nav-h);background: color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border);transition: box-shadow 0.25s ease, background 0.25s ease}.mainnav.scrolled{background: color-mix(in srgb, var(--bg) 97%, transparent);box-shadow: var(--shadow-sm)}.mainnav .container{height: 100%;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 20px}.nav-links{display: flex;align-items: center;gap: 2px;justify-self: center}.nav-links > a{position: relative;font-size: 0.92rem;font-weight: 500;color: var(--text-muted);padding: 8px 14px;transition: var(--transition)}.nav-links > a:hover{color: var(--heading)}.nav-links > a.active{color: var(--heading)}.nav-links > a.active::after{content: "";position: absolute;left: 14px;right: 14px;bottom: -2px;height: 2.5px;background: var(--accent-solid)}.nav-right{display: flex;align-items: center;gap: 10px;justify-self: end}.nav-cta{padding: 11px 20px;font-size: 0.9rem}.nav-toggle{display: none;width: 42px;height: 42px;border: 1.5px solid var(--border-strong);border-radius: var(--radius-sm);background: transparent;cursor: pointer;place-items: center}.nav-toggle svg{width: 20px;height: 20px}.brand{display: block;justify-self: start;width: 96px;height: 38px;background: url("../kepek/logo-sotet.png") left center / contain no-repeat}html.light .mainnav .brand{background-image: url("../kepek/logo.png")}@media (max-width: 359px){.mainnav .brand, html.light .mainnav .brand{width: 33px;background-image: url("../kepek/logo-jel.png")}}.hero2{position: relative;padding: clamp(56px, 8vw, 110px) 0 clamp(56px, 7vw, 96px);overflow: hidden;border-bottom: 1px solid var(--border)}.hero2-grid{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: clamp(36px, 6vw, 84px);align-items: center}.hero2-kicker{display: inline-flex;align-items: center;gap: 12px;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 500;letter-spacing: 0.22em;text-transform: uppercase;color: var(--accent-text);margin-bottom: 26px}.hero2-kicker::before{content: "";width: 34px;height: 2px;background: var(--accent-solid)}.hero2 h1{margin-bottom: 26px;max-width: 15ch}.hero2 h1 .accent{color: var(--accent-text);position: relative;white-space: nowrap}.hero2 h1 .accent::after{content: "";position: absolute;left: 0;right: 0;bottom: 0.04em;height: 0.1em;background: var(--blue-tint);z-index: -1}.hero2-sub{font-size: clamp(1rem, 1.5vw, 1.12rem);color: var(--text-muted);max-width: 560px;margin-bottom: 34px}.hero2-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 42px}.hero2-actions .btn{padding: 15px 28px;font-size: 0.98rem}.hero2-kpis{display: flex;border-top: 1px solid var(--border);max-width: 560px}.hero2-kpis > div{flex: 1;padding: 18px 18px 0 0}.hero2-kpis > div + div{border-left: 1px solid var(--border);padding-left: 18px}.kpi-num{font-family: var(--font-head);font-weight: 700;font-size: 1.6rem;letter-spacing: -0.02em;color: var(--heading);line-height: 1.1}.kpi-label{font-size: 0.8rem;color: var(--text-faint);margin-top: 4px;line-height: 1.45}.diag-panel{background: var(--ink-850);border: 1px solid rgba(139, 163, 187, 0.18);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);color: #e7eef6}html.light .diag-panel{background: #0f1f33}.diag-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 20px;border-bottom: 1px solid rgba(139, 163, 187, 0.16);background: rgba(139, 163, 187, 0.05)}.diag-title{font-family: var(--font-mono);font-size: 0.7rem;font-weight: 500;letter-spacing: 0.18em;text-transform: uppercase;color: #8ba3bb}.diag-live{display: inline-flex;align-items: center;gap: 7px;font-family: var(--font-mono);font-size: 0.66rem;letter-spacing: 0.14em;text-transform: uppercase;color: #3fa564}.diag-live::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #3fa564;animation: diag-pulse 2.2s ease-in-out infinite}@keyframes diag-pulse{0%, 100%{box-shadow: 0 0 0 0 rgba(63, 165, 100, 0.5)}55%{box-shadow: 0 0 0 6px rgba(63, 165, 100, 0)}}.diag-note{padding: 11px 20px;border-bottom: 1px solid rgba(139, 163, 187, 0.16);font-size: 0.78rem;line-height: 1.55;color: #8ba3bb}.diag-rows{padding: 8px 0}.diag-row{display: grid;grid-template-columns: 1.25fr auto;align-items: center;gap: 6px 16px;padding: 13px 20px}.diag-row + .diag-row{border-top: 1px solid rgba(139, 163, 187, 0.09)}.diag-k{font-size: 0.86rem;color: #8ba3bb}.diag-v{font-family: var(--font-mono);font-size: 0.95rem;font-weight: 600;color: #e0a458;text-align: right;white-space: nowrap}.diag-bar{grid-column: 1 / -1;height: 4px;background: rgba(139, 163, 187, 0.14);border-radius: 2px;overflow: hidden}.diag-bar i{display: block;height: 100%;background: linear-gradient(90deg, #9c6526, #e0a458);border-radius: 2px;transform-origin: left;animation: diag-fill 1.4s cubic-bezier(0.3, 0.9, 0.4, 1) both}@keyframes diag-fill{from{transform: scaleX(0)}to{transform: scaleX(1)}}.diag-foot{padding: 13px 20px;border-top: 1px solid rgba(139, 163, 187, 0.16);font-size: 0.78rem;color: #5d7793;line-height: 1.55}.diag-foot .std-link{color: #e0a458;border-bottom-color: rgba(224, 161, 60, 0.4)}.rail{position: fixed;right: 22px;top: 50%;transform: translateY(-50%);z-index: 60;display: flex;flex-direction: column;gap: 4px}.rail a{display: flex;align-items: center;justify-content: flex-end;gap: 10px;padding: 5px 0;color: var(--text-faint);font-family: var(--font-mono);font-size: 0.62rem;letter-spacing: 0.14em;text-transform: uppercase;transition: var(--transition)}.rail .rail-label{opacity: 0;transform: translateX(6px);transition: var(--transition);white-space: nowrap}.rail .rail-dot{width: 22px;height: 2px;background: var(--border-strong);transition: var(--transition);flex: none}.rail a:hover .rail-label, .rail a.active .rail-label{opacity: 1;transform: translateX(0)}.rail a:hover{color: var(--text-muted)}.rail a.active{color: var(--accent-text)}.rail a.active .rail-dot{background: var(--accent-solid);width: 34px}@media (max-width: 1420px){.rail{display: none}}.svc-tabs{display: grid;grid-template-columns: minmax(0, 4.2fr) minmax(0, 7.8fr);border: 1px solid var(--border-strong);border-radius: var(--radius-lg);overflow: hidden;background: var(--surface)}.svc-tablist{display: flex;flex-direction: column;border-right: 1px solid var(--border)}.svc-tab{flex: 1;display: flex;align-items: center;gap: 16px;text-align: left;background: transparent;border: 0;border-left: 3px solid transparent;cursor: pointer;padding: 26px 24px;transition: var(--transition)}.svc-tab + .svc-tab{border-top: 1px solid var(--border)}.svc-tab .svc-tab-num{font-family: var(--font-mono);font-size: 0.74rem;font-weight: 600;letter-spacing: 0.08em;color: var(--text-faint);transition: var(--transition)}.svc-tab .svc-tab-title{display: block;font-family: var(--font-head);font-weight: 600;font-size: 1.06rem;letter-spacing: -0.01em;color: var(--text-muted);transition: var(--transition)}.svc-tab .svc-tab-hint{display: block;font-size: 0.8rem;color: var(--text-faint);margin-top: 3px}.svc-tab:hover{background: var(--bg-alt)}.svc-tab:hover .svc-tab-title{color: var(--heading)}.svc-tab.active{background: var(--blue-tint);border-left-color: var(--accent-solid)}.svc-tab.active .svc-tab-num{color: var(--accent-text)}.svc-tab.active .svc-tab-title{color: var(--heading)}.svc-panes{position: relative;min-height: 380px}.svc-pane{display: none;padding: clamp(28px, 4vw, 44px);animation: pane-in 0.35s cubic-bezier(0.3, 0.9, 0.4, 1)}.svc-pane.active{display: block}@keyframes pane-in{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.svc-pane-tag{display: inline-block;font-family: var(--font-mono);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--accent-text);background: var(--blue-tint);padding: 5px 12px;border-radius: var(--radius-sm);margin-bottom: 16px}.svc-pane h3{font-size: 1.5rem;margin-bottom: 12px}.svc-pane > p{color: var(--text-muted);max-width: 60ch;margin-bottom: 22px}.svc-points{display: grid;grid-template-columns: 1fr 1fr;gap: 10px 26px;margin-bottom: 26px}.svc-point{display: flex;gap: 10px;align-items: flex-start;font-size: 0.9rem;color: var(--text-muted);line-height: 1.55}.svc-point::before{content: "";flex: none;width: 7px;height: 7px;margin-top: 7px;background: var(--accent-solid)}.grid-frame{display: grid;border: 1px solid var(--border-strong);background: var(--border);gap: 1px}.grid-frame > *{background: var(--bg);padding: 26px 24px}.grid-frame.on-alt > *{background: var(--bg-alt)}.grid-cols-3{grid-template-columns: repeat(3, 1fr)}.grid-cols-2{grid-template-columns: repeat(2, 1fr)}.grid-cols-3 > *:last-child:nth-child(3n + 2){grid-column: span 2}.cell-num{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;letter-spacing: 0.14em;color: var(--accent-text);display: block;margin-bottom: 12px}.grid-frame h4{font-size: 1.02rem;margin-bottom: 8px}.grid-frame p{font-size: 0.9rem;color: var(--text-muted);line-height: 1.62}.ruled-list{border-top: 1px solid var(--border-strong)}.ruled-item{display: grid;grid-template-columns: 56px 1fr;gap: 20px;padding: 22px 0;border-bottom: 1px solid var(--border)}.ruled-item .ri-num{font-family: var(--font-mono);font-size: 0.78rem;font-weight: 600;letter-spacing: 0.1em;color: var(--accent-text);padding-top: 4px}.ruled-item h4{font-size: 1.05rem;margin-bottom: 5px}.ruled-item p{color: var(--text-muted);font-size: 0.93rem}.datawall{background: var(--ink-900);color: #e7eef6;padding: clamp(64px, 8vw, 100px) 0;border-top: 1px solid rgba(139, 163, 187, 0.14);border-bottom: 1px solid rgba(139, 163, 187, 0.14)}html.light .datawall{background: #0f1f33}.datawall .sec-index{color: #e0a458}.datawall .sec-index::after{background: rgba(139, 163, 187, 0.25)}.datawall h2{color: #f4f8fc}.datawall .lead{color: #8ba3bb}.datawall-grid{display: grid;grid-template-columns: repeat(4, 1fr);border-left: 1px solid rgba(139, 163, 187, 0.18)}.datawall-cell{border-right: 1px solid rgba(139, 163, 187, 0.18);padding: 8px 26px 4px}.dw-num{font-family: var(--font-head);font-weight: 700;font-size: clamp(2.2rem, 3.6vw, 3.2rem);letter-spacing: -0.03em;line-height: 1.05;color: #fff}.dw-num small{font-size: 0.44em;font-weight: 600;color: #e0a458;margin-left: 2px}.dw-label{font-size: 0.86rem;color: #8ba3bb;margin-top: 8px;line-height: 1.5}.datawall-note{margin-top: 34px;font-size: 0.85rem;color: #5d7793;max-width: 760px}.datawall .std-link{color: #e0a458;border-bottom-color: rgba(224, 161, 60, 0.4)}.flow{position: relative;display: grid;grid-template-columns: repeat(5, 1fr);gap: 26px}.flow::before{content: "";position: absolute;top: 17px;left: 18px;right: 18px;height: 1px;background: var(--border-strong)}.flow-step{position: relative;padding-top: 54px}.flow-node{position: absolute;top: 0;left: 0;width: 36px;height: 36px;display: grid;place-items: center;background: var(--bg);border: 1.5px solid var(--border-strong);border-radius: 50%;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;color: var(--text-muted);transition: var(--transition)}.flow-step:hover .flow-node{background: var(--accent-solid);border-color: var(--accent-solid);color: #fff}.flow-step h4{font-size: 1rem;margin-bottom: 6px}.flow-step p{font-size: 0.86rem;color: var(--text-muted);line-height: 1.6}.bg-alt .flow-node{background: var(--bg-alt)}.bg-alt .flow-step:hover .flow-node{background: var(--accent-solid)}.kb2{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: clamp(30px, 5vw, 64px);align-items: start}.kb2-side{position: sticky;top: calc(var(--topbar-h) + var(--nav-h) + 28px)}.kb2-side h2{margin-bottom: 14px}.kb2-side .lead{margin-bottom: 24px}.kb-search{position: relative;margin-bottom: 16px}.kb-search svg{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);width: 17px;height: 17px;color: var(--text-faint);pointer-events: none}.kb-search input{width: 100%;background: var(--surface);border: 1.5px solid var(--border-strong);border-radius: var(--radius-sm);color: var(--text);font-family: var(--font-body);font-size: 0.93rem;padding: 13px 16px 13px 42px;transition: var(--transition)}.kb-search input::placeholder{color: var(--text-faint)}.kb-search input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--blue-tint)}.kb2-count{font-family: var(--font-mono);font-size: 0.72rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-faint);margin-bottom: 22px}.kb2-cta{border-top: 1px solid var(--border);padding-top: 20px;font-size: 0.88rem;color: var(--text-muted)}.kb2-cta a{color: var(--accent-text);font-weight: 600}.kb2-cta a:hover{text-decoration: underline}.kb-list{display: flex;flex-direction: column;border-top: 1px solid var(--border-strong)}.kb-item{border-bottom: 1px solid var(--border);transition: var(--transition)}.kb-item.open{background: var(--blue-tint)}.kb-q{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 16px;text-align: left;background: transparent;border: 0;cursor: pointer;font-family: var(--font-body);font-weight: 600;font-size: 0.97rem;color: var(--heading);padding: 17px 14px 17px 4px;line-height: 1.5;transition: var(--transition)}.kb-item.open .kb-q{padding-left: 14px}.kb-q:hover{color: var(--accent-text)}.kb-icon{position: relative;width: 24px;height: 24px;flex: none;color: var(--text-faint);transition: color var(--transition), transform 0.3s ease}.kb-icon::before, .kb-icon::after{content: "";position: absolute;left: 7.9px;top: 11.27px;width: 8.2px;height: 1.46px;background: currentColor}.kb-icon::after{transform: rotate(90deg)}.kb-item.open .kb-icon{color: var(--accent-text);transform: rotate(45deg)}.kb-a{max-height: 0;overflow: hidden;transition: max-height 0.4s cubic-bezier(0.3, 0.9, 0.4, 1)}.kb-a-inner{padding: 0 40px 20px 14px}.kb-a-inner p{color: var(--text-muted);font-size: 0.92rem;margin-top: 10px;line-height: 1.68}.kb-noresult{display: none;padding: 26px 4px;color: var(--text-muted);font-size: 0.94rem}.kb-pager{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;margin-top: 20px}.kb-page-btn{min-width: 36px;height: 36px;padding: 0 10px;display: inline-grid;place-items: center;background: transparent;border: 1.5px solid var(--border-strong);border-radius: var(--radius-sm);color: var(--text-muted);font-family: var(--font-mono);font-size: 0.84rem;font-weight: 500;cursor: pointer;transition: var(--transition)}.kb-page-btn svg{width: 14px;height: 14px}.kb-page-btn:hover:not(:disabled):not(.active){border-color: var(--accent);color: var(--accent-text)}.kb-page-btn.active{background: var(--accent-solid);border-color: var(--accent-solid);color: #fff;cursor: default}.kb-page-btn:disabled{opacity: 0.4;cursor: not-allowed}.kb-page-ellipsis{color: var(--text-faint);padding: 0 2px}.kb-page-info{font-family: var(--font-mono);font-size: 0.72rem;letter-spacing: 0.1em;color: var(--text-faint);margin-left: auto}@keyframes kb-flash-anim{0%{box-shadow: inset 3px 0 0 var(--accent-solid), 0 0 0 0 var(--blue-glow)}100%{box-shadow: inset 3px 0 0 var(--accent-solid), 0 0 0 12px transparent}}.kb-flash{animation: kb-flash-anim 1.1s ease-out 2;box-shadow: inset 3px 0 0 var(--accent-solid)}.ref-wall{display: grid;grid-template-columns: repeat(3, 1fr);border-top: 1px solid var(--border-strong);border-left: 1px solid var(--border-strong)}.ref-cell{padding: 22px 24px;border-right: 1px solid var(--border-strong);border-bottom: 1px solid var(--border-strong);font-family: var(--font-head);font-weight: 500;font-size: 0.99rem;letter-spacing: -0.01em;color: var(--text-muted);transition: var(--transition);display: flex;align-items: center;min-height: 76px}.ref-cell:hover{color: var(--heading);background: var(--blue-tint)}a.ref-cell{justify-content: space-between;gap: 12px}a.ref-cell::after{content: "↗";font-family: var(--font-body);color: var(--accent-text);opacity: 0.6;transition: var(--transition)}a.ref-cell:hover::after{opacity: 1}.quote2{border-top: 1px solid var(--border)}.quote2-grid{display: grid;grid-template-columns: minmax(0, 4.6fr) minmax(0, 7.4fr);gap: clamp(32px, 5vw, 72px);align-items: start}.quote2-side{position: sticky;top: calc(var(--topbar-h) + var(--nav-h) + 28px)}.quote2-side h2{margin-bottom: 14px}.quote2-side .lead{margin-bottom: 30px}.quote2-steps{border-top: 1px solid var(--border-strong);margin-bottom: 30px}.quote2-step{display: flex;gap: 14px;align-items: baseline;padding: 13px 0;border-bottom: 1px solid var(--border);font-size: 0.9rem;color: var(--text-muted)}.quote2-step b{color: var(--heading);font-weight: 600}.quote2-step .qs-num{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;color: var(--accent-text);flex: none}.quote2-contact{display: grid;gap: 10px}.contact-line{display: flex;align-items: center;gap: 12px;font-size: 0.92rem;color: var(--text-muted)}.contact-line svg{width: 16px;height: 16px;color: var(--accent-text);flex: none}.contact-line b{color: var(--heading);font-weight: 600}.contact-line a:hover{color: var(--accent-text)}.qr-panel{border: 1px solid var(--border-strong);border-radius: var(--radius-lg);background: var(--surface);overflow: hidden}.qr-head{padding: clamp(22px, 2.8vw, 30px) clamp(22px, 3vw, 34px);border-bottom: 1px solid var(--border);background: var(--bg-alt)}.qr-head h3{font-size: 1.1rem;margin-bottom: 6px}.qr-head p{font-size: 0.87rem;line-height: 1.6;color: var(--text-muted)}.qr-req{color: var(--accent-text);font-weight: 700}.qr-form{padding: clamp(22px, 3vw, 34px);display: grid;gap: 18px}.qr-row{display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.qr-field{display: grid;gap: 7px;min-width: 0}.qr-field label{font-size: 0.83rem;font-weight: 600;letter-spacing: 0.01em;color: var(--heading)}.qr-field input, .qr-field select, .qr-field textarea{width: 100%;background: var(--bg);border: 1.5px solid var(--border-strong);border-radius: var(--radius-sm);color: var(--text);font-family: var(--font-body);font-size: 0.93rem;line-height: 1.5;padding: 12px 14px;transition: var(--transition)}.qr-field textarea{resize: vertical;min-height: 120px}.qr-field input::placeholder, .qr-field textarea::placeholder{color: var(--text-faint)}.qr-field input:focus, .qr-field select:focus, .qr-field textarea:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--blue-tint)}.qr-field input[aria-invalid="true"], .qr-field textarea[aria-invalid="true"]{border-color: var(--danger)}.qr-err{font-size: 0.78rem;color: var(--danger)}.qr-err:empty{display: none}.qr-tips{margin-top: 4px}.qr-tips summary{cursor: pointer;font-size: 0.82rem;font-weight: 600;color: var(--accent-text);list-style: none}.qr-tips summary::-webkit-details-marker{display: none}.qr-tips summary::before{content: "+ ";font-family: var(--font-mono)}.qr-tips[open] summary::before{content: "− "}.qr-tips ul{margin: 10px 0 0;padding: 0 0 0 16px;display: grid;gap: 7px;font-size: 0.83rem;line-height: 1.55;color: var(--text-muted)}.qr-tips b{color: var(--heading);font-weight: 600}.qr-consent{display: grid;grid-template-columns: auto 1fr;gap: 4px 10px;align-items: start;padding-top: 2px}.qr-consent input{width: 17px;height: 17px;margin-top: 2px;accent-color: var(--accent-solid);flex: none}.qr-consent label{font-size: 0.85rem;line-height: 1.55;color: var(--text-muted);font-weight: 400}.qr-consent a{color: var(--accent-text);font-weight: 600;text-decoration: underline}.qr-consent .qr-err, .qr-consent details{grid-column: 2}.qr-consent details{margin-top: 2px}.qr-tips-more{margin-top: 10px;font-size: 0.82rem;color: var(--text-muted)}.qr-tips-more a{color: var(--accent-text);font-weight: 600;text-decoration: underline}.qr-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.qr-submit{display: flex;align-items: center;gap: 16px;flex-wrap: wrap}.qr-status{font-size: 0.85rem;line-height: 1.55;color: var(--text-muted);margin: 0}.qr-status.ok{color: var(--ok);font-weight: 600}.qr-status.hiba{color: var(--danger);font-weight: 600}.qr-altmail{padding: 16px clamp(22px, 3vw, 34px);border-top: 1px solid var(--border);background: var(--bg-alt);font-size: 0.85rem;color: var(--text-muted)}.qr-mail-inline{border: 0;background: none;padding: 0;font-family: var(--font-body);font-size: 0.88rem;font-weight: 600;color: var(--heading);cursor: pointer;border-bottom: 1.5px solid var(--accent);transition: var(--transition)}.qr-mail-inline:hover{color: var(--accent-text)}.footer{--text: #e7eef6;--text-muted: #8ba3bb;--text-faint: #8ba3bb;--heading: #f4f8fc;--border: rgba(139, 163, 187, 0.14);--border-strong: rgba(139, 163, 187, 0.28);--accent-text: #e0a458;background: var(--ink-950);color: var(--text-muted);padding: 0 0 30px;border-top: 1px solid rgba(139, 163, 187, 0.14)}html.light .footer{background: #0f1f33}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: 0;border-bottom: 1px solid var(--border)}.footer-col{padding: 52px 34px 44px 0}.footer-col + .footer-col{border-left: 1px solid var(--border);padding-left: 34px}.footer-brand p{font-size: 0.9rem;margin-top: 16px;max-width: 300px;line-height: 1.65}.footer-col h5{font-family: var(--font-mono);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.24em;text-transform: uppercase;color: var(--accent-text);margin-bottom: 18px}.footer-col ul{display: flex;flex-direction: column;gap: 9px}.footer-col ul a{font-size: 0.9rem;color: var(--text-muted);transition: var(--transition)}.footer-col ul a:hover{color: var(--heading)}.footer-col ul li{font-size: 0.9rem}.footer-bottom{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px 24px;padding-top: 24px;font-size: 0.8rem;color: var(--text-faint)}.footer-bottom span:first-child a{color: #c2d2e0}.footer-bottom a:hover{color: var(--heading)}.scroll-progress{position: fixed;top: 0;left: 0;height: 2.5px;width: 0;z-index: 130;background: var(--accent-solid);pointer-events: none}.to-top{position: fixed;right: 24px;bottom: 24px;z-index: 90;width: 44px;height: 44px;border-radius: var(--radius-sm);display: grid;place-items: center;background: var(--surface);border: 1.5px solid var(--border-strong);color: var(--text-muted);cursor: pointer;opacity: 0;transform: translateY(12px);pointer-events: none;transition: var(--transition);box-shadow: var(--shadow-sm)}.to-top svg{width: 17px;height: 17px}.to-top.show{opacity: 1;transform: translateY(0);pointer-events: auto}.to-top:hover{border-color: var(--accent);color: var(--accent-text)}.nav-cta-float{display: none;position: fixed;left: 16px;bottom: 16px;z-index: 105;box-shadow: 0 10px 26px var(--blue-glow), 0 4px 14px rgba(4, 10, 20, 0.3)}a[data-eml], button[data-eml]{cursor: pointer;position: relative}.eml{white-space: nowrap}.copy-ok::after{content: "Kimásolva ✓";position: absolute;left: 0;bottom: calc(100% + 7px);white-space: nowrap;font-family: var(--font-body);font-size: 0.74rem;font-weight: 700;letter-spacing: 0.02em;text-transform: none;padding: 4px 9px;border-radius: var(--radius-sm);background: #2e7d4c;color: #fff;pointer-events: none;z-index: 5}.topbar .copy-ok::after{bottom: auto;top: calc(100% + 7px);left: auto;right: 0}.page-head{padding: clamp(46px, 6vw, 76px) 0 clamp(30px, 4vw, 48px);border-bottom: 1px solid var(--border)}.page-crumb{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 500;letter-spacing: 0.2em;text-transform: uppercase;color: var(--accent-text);margin-bottom: 18px;display: flex;align-items: center;gap: 12px}.page-crumb::before{content: "";width: 30px;height: 2px;background: var(--accent-solid)}.page-head h1{font-size: clamp(2.2rem, 4.6vw, 3.4rem);max-width: 800px;margin-bottom: 18px}.page-head .lead{max-width: 680px}.subnav{position: sticky;top: calc(var(--topbar-h) + var(--nav-h));z-index: 70;background: color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-bottom: 1px solid var(--border)}.subnav .container{display: flex;gap: 4px;overflow-x: auto}.subnav a{flex: none;font-size: 0.88rem;font-weight: 500;color: var(--text-muted);padding: 15px 16px;border-bottom: 2.5px solid transparent;transition: var(--transition);white-space: nowrap}.subnav a:hover{color: var(--heading)}.subnav a.active{color: var(--accent-text);border-bottom-color: var(--accent-solid)}.feature-row{display: grid;grid-template-columns: minmax(0, 6.5fr) minmax(0, 5.5fr);gap: clamp(32px, 5vw, 72px);align-items: start}.feature-row.flip > :first-child{order: 2}.feature-row.flip > :last-child{order: 1}.spec-panel{border: 1px solid var(--border-strong);border-radius: var(--radius-lg);overflow: hidden;background: var(--surface)}.spec-panel-head{padding: 16px 22px;border-bottom: 1px solid var(--border);background: var(--bg-alt)}.spec-panel-head h4{font-size: 0.98rem}.spec-panel-head p{font-size: 0.8rem;color: var(--text-faint);margin-top: 2px}.spec-list{padding: 6px 0}.spec-list li{display: flex;justify-content: space-between;align-items: baseline;gap: 18px;padding: 11px 22px;font-size: 0.9rem}.spec-list li + li{border-top: 1px solid var(--border)}.spec-k{color: var(--text-muted);flex: none}.spec-v{font-weight: 600;color: var(--heading);text-align: right}.note-band{display: flex;gap: 16px;align-items: flex-start;background: var(--blue-tint);border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-left: 3px solid var(--accent-solid);border-radius: var(--radius-sm);padding: 20px 22px}.note-band svg{width: 20px;height: 20px;flex: none;margin-top: 2px;color: var(--accent-text)}.note-band h4{font-size: 0.98rem;margin-bottom: 4px}.note-band p{color: var(--text-muted);font-size: 0.9rem}.timeline2{border-left: 2px solid var(--border-strong);margin-left: 8px}.tl2-item{position: relative;padding: 0 0 38px 34px}.tl2-item:last-child{padding-bottom: 4px}.tl2-item::before{content: "";position: absolute;left: -7px;top: 6px;width: 12px;height: 12px;background: var(--bg);border: 2.5px solid var(--accent-solid);border-radius: 50%}.tl2-year{font-family: var(--font-mono);font-size: 0.74rem;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent-text);display: block;margin-bottom: 6px}.tl2-item h3{font-size: 1.16rem;margin-bottom: 6px}.tl2-item p{color: var(--text-muted);font-size: 0.94rem;max-width: 600px}.pull-quote{border-left: 3px solid var(--accent-solid);padding: 8px 0 8px 28px;margin: 8px 0}.pull-quote blockquote{font-family: var(--font-head);font-size: clamp(1.3rem, 2.4vw, 1.7rem);font-weight: 500;line-height: 1.4;letter-spacing: -0.015em;color: var(--heading);margin-bottom: 14px}.pull-quote cite{font-style: normal;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 500;letter-spacing: 0.18em;text-transform: uppercase;color: var(--accent-text)}.cta2{background: var(--ink-900);color: #e7eef6;padding: clamp(56px, 7vw, 88px) 0;border-top: 1px solid rgba(139, 163, 187, 0.14)}html.light .cta2{background: #0f1f33}.cta2 .container{display: grid;grid-template-columns: minmax(0, 7fr) auto;gap: 30px;align-items: center}.cta2 h2{color: #f4f8fc;margin-bottom: 10px}.cta2 p{color: #8ba3bb;max-width: 560px}.cta2-actions{display: flex;gap: 12px;flex-wrap: wrap}.cta2 .btn-ghost{color: #f4f8fc;border-color: rgba(139, 163, 187, 0.4)}.cta2 .btn-ghost:hover{border-color: #f4f8fc;background: rgba(242, 246, 252, 0.06)}.legal2{max-width: 780px}.legal2 h2{font-size: 1.4rem;margin: 40px 0 12px}.legal2 h2:first-child{margin-top: 0}.legal2 p, .legal2 li{color: var(--text-muted);margin-bottom: 12px;font-size: 0.97rem}.legal2 ul{list-style: square;padding-left: 22px;margin-bottom: 16px}.legal2 ul li::marker{color: var(--accent-text)}.legal2 strong{color: var(--heading)}.legal2 a{color: var(--accent-text);text-decoration: underline}.flow-4{grid-template-columns: repeat(4, 1fr)}.subnav ~ section[id]{scroll-margin-top: calc(var(--topbar-h) + var(--nav-h) + 62px)}.howto{font-size: 1.2rem;margin: 46px 0 24px}.muted{color: var(--text-muted)}.lead-sm{font-size: 0.96rem}.accent-link, .kb-noresult a{color: var(--accent-text)}.accent-link{font-weight: 600}.btn-row{display: flex;gap: 14px;flex-wrap: wrap}.w-860{max-width: 860px}.mb-16{margin-bottom: 16px}.mb-20{margin-bottom: 20px}.mb-26{margin-bottom: 26px}.mb-28{margin-bottom: 28px}.mb-30{margin-bottom: 30px}.mt-26{margin-top: 26px}.mt-28{margin-top: 28px}.mt-30{margin-top: 30px}.mt-40{margin-top: 40px}.js .reveal{opacity: 0;transform: translateY(16px);transition: opacity 0.6s cubic-bezier(0.3, 0.9, 0.4, 1), transform 0.6s cubic-bezier(0.3, 0.9, 0.4, 1)}.reveal.in{opacity: 1;transform: translateY(0)}.reveal[data-delay="1"]{transition-delay: 0.08s}.reveal[data-delay="2"]{transition-delay: 0.16s}.reveal[data-delay="3"]{transition-delay: 0.24s}.reveal[data-delay="4"]{transition-delay: 0.32s}@media (max-width: 1160px){.hero2-grid{grid-template-columns: minmax(0, 1fr);gap: 44px}.diag-panel{max-width: 560px}.svc-tabs{grid-template-columns: 1fr}.svc-tablist{flex-direction: row;border-right: 0;border-bottom: 1px solid var(--border);overflow-x: auto}.svc-tab{flex: 1 0 auto;border-left: 0 !important;border-top: 3px solid transparent;padding: 16px 18px}.svc-tab + .svc-tab{border-top: 3px solid transparent;border-left: 1px solid var(--border) !important}.svc-tab.active{border-top-color: var(--accent-solid)}.svc-tab .svc-tab-hint{display: none}.kb2{grid-template-columns: 1fr}.kb2-side{position: static}.quote2-grid{grid-template-columns: 1fr}.qr-row{grid-template-columns: 1fr}.quote2-side{position: static}.datawall-grid{grid-template-columns: 1fr 1fr;border-top: 1px solid rgba(157,176,204,0.18)}.datawall-cell{padding: 22px 26px;border-bottom: 1px solid rgba(157,176,204,0.18)}.feature-row, .feature-row.flip{grid-template-columns: minmax(0, 1fr)}.feature-row.flip > :first-child{order: 1}.feature-row.flip > :last-child{order: 2}}@media (max-width: 980px){.nav-links{position: fixed;top: calc(var(--topbar-h) + var(--nav-h));left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 2px;background: var(--bg);border-bottom: 1px solid var(--border);box-shadow: var(--shadow);padding: 14px 18px 20px;display: none}.nav-links.open{display: flex}.nav-links > a{padding: 13px 14px;font-size: 1rem;border-left: 3px solid transparent}.nav-links > a.active{border-left-color: var(--accent-solid);background: var(--blue-tint)}.nav-links > a.active::after{display: none}.nav-toggle{display: grid}.mainnav .container{grid-template-columns: auto 1fr auto}.nav-cta{display: none}.nav-cta-float{display: inline-flex}.topbar-note{display: none}.topbar .container{justify-content: flex-end}.flow{grid-template-columns: 1fr 1fr;gap: 30px 22px}.flow::before{display: none}.grid-cols-3{grid-template-columns: 1fr 1fr}.grid-cols-3 > *:last-child:nth-child(3n + 2){grid-column: auto}.grid-cols-3 > *:last-child:nth-child(2n + 1){grid-column: span 2}.cta2 .container{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr}.footer-col{padding: 34px 20px 30px 0}.footer-col + .footer-col{padding-left: 20px}.footer-col:nth-child(3){border-left: 0;padding-left: 0}}@media (max-width: 640px){.topbar-links .eml, .topbar-links .tt-text, .topbar-sep{display: none}.topbar-links > a, .topbar-links > button{padding: 4px 8px}.topbar-links svg{width: 15px;height: 15px}.topbar .container{justify-content: center}.hero2 h1{font-size: clamp(1.8rem, 9vw, 2.6rem)}.page-head h1{font-size: clamp(1.7rem, 8vw, 2.2rem)}h2{font-size: clamp(1.5rem, 7.5vw, 1.9rem)}.hero2 h1 .accent{white-space: normal}.svc-points{grid-template-columns: 1fr}.hero2-kpis{flex-direction: column}.hero2-kpis > div + div{border-left: 0;border-top: 1px solid var(--border);padding-left: 0;padding-top: 14px;margin-top: 14px}.grid-cols-3, .grid-cols-2{grid-template-columns: 1fr}.grid-cols-3 > *:last-child:nth-child(3n + 2), .grid-cols-3 > *:last-child:nth-child(2n + 1){grid-column: auto}.flow{grid-template-columns: 1fr}.ref-wall{grid-template-columns: repeat(2, minmax(0, 1fr))}.ref-cell{min-height: 62px;padding: 16px 16px;font-size: 0.9rem;overflow-wrap: break-word}.datawall-grid{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr}.footer-col{border-left: 0 !important;padding: 26px 0 22px !important;border-bottom: 1px solid var(--border)}.to-top{right: 16px;bottom: 16px}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.js .reveal{opacity: 1;transform: none}}@media print{.topbar, .mainnav, .footer, .to-top, .skip-link, .scroll-progress, .rail, .theme-toggle, .nav-toggle, .subnav{display: none !important}body{padding-top: 0;background: #fff;color: #000}}
