/* Radar Media - podstrony ofertowe (aplikacje, automatyzacje AI): bloki ponad uklad strony glownej.
   Wyglad A na gorze, wyglad B pod html[data-wyglad="b"] na dole. */

/* --- Naglowki kart jako h3 (na glownej sa strong) --- */
.vmx26 .svc h3{margin-top:18px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.vmx26 .proc h3{margin-top:22px;font-size:21px;font-weight:800;color:#fff;letter-spacing:-.015em}
.vmx26 .sec-head .sys-marks{margin-top:0;padding:0}
.vmx26 .wrap.sec-head{margin:0 auto;align-items:center}
.vmx26 .przyklad-tekst p+p{margin-top:12px}
.vmx26 .sec-dark .cta-row{margin-top:28px}

/* --- Zakres: 6 modulow w 3 kolumnach --- */
.vmx26 .mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vmx26 .mod-grid .svc-eff{margin-top:auto}
.vmx26 .mod-grid .svc>p{margin-bottom:18px}

/* --- Scenariusze: zakladki --- */
.vmx26 .tabs{display:flex;flex-wrap:wrap;gap:8px}
.vmx26 .tab{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#33415C;font:700 15px/1.25 "Plus Jakarta Sans",sans-serif;cursor:pointer;transition:background .18s,color .18s}
.vmx26 .tab:hover{color:#04729B}
.vmx26 .tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.vmx26 .tab:focus-visible,.vmx26 .tabpanel:focus-visible{outline:3px solid #087D9D;outline-offset:2px}
.vmx26 .tabpanel{margin-top:14px;padding:clamp(22px,3vw,36px);border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 44px rgba(11,19,34,.045)}
.vmx26 .tabpanel p{margin-top:14px;max-width:760px;font-size:17px;line-height:1.6;color:#33415C}
.vmx26 .scen-znak{display:inline-flex;min-height:30px;align-items:center;padding:5px 12px;border-radius:999px;background:#FFF0EA;color:#B23510;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* --- Demo w panelu hero (z v2), jasny tekst na ciemnym panelu --- */
.vmx26 .demo .panel-top{padding-bottom:14px}
.vmx26 .demo-tresc{display:flex;flex-direction:column;gap:14px;margin-top:14px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.9)}
.vmx26 .demo-tresc h3{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:8px}
.vmx26 .demo-mala{font-size:13.5px;color:rgba(255,255,255,.72)}
.vmx26 .demo-podpis{padding-top:12px;border-top:1px solid var(--wline);font-size:13px;font-weight:700;color:rgba(255,255,255,.72)}
.vmx26 .tylko-js{display:none!important}
.vmx26 .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.vmx26 .stan{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap}
.vmx26 .stan--akcent{background:rgba(254,76,28,.18);border-color:rgba(254,76,28,.6);color:#FFD2C2}
.vmx26 .stan--pelny{background:#fff;border-color:#fff;color:#0B1322}
.vmx26 .lekcje{list-style:none;margin:0;padding:0}
.vmx26 .lekcje li{border-top:1px solid var(--wline)}
.vmx26 .lekcje li:not(:has(button)),.vmx26 .lekcja-btn{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:11px 10px}
.vmx26 .lekcja-btn{width:100%;min-height:44px;border:0;border-left:3px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.vmx26 .lekcje strong{flex:1 1 10em;color:#fff;font-weight:700}
.vmx26 .lekcje .demo-mala{flex-basis:100%}
.vmx26 .lekcja-btn:hover{background:rgba(255,255,255,.05)}
.vmx26 .lekcja-btn[aria-pressed="true"]{background:rgba(0,195,255,.1);border-left-color:var(--cyan-soft)}
.vmx26 .app-ster{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.vmx26 .grupa{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:999px;overflow:hidden}
.vmx26 .grupa button{min-height:44px;padding:8px 16px;border:0;background:transparent;color:#fff;font:700 14px/1.2 "Plus Jakarta Sans",sans-serif;cursor:pointer}
.vmx26 .grupa button+button{border-left:1px solid rgba(255,255,255,.35)}
.vmx26 .grupa button[aria-pressed="true"]{background:#fff;color:#0B1322}
.vmx26 .stos{display:grid}
.vmx26 .stos>*{grid-area:1/1;min-width:0}
.vmx26 .stos>.nieaktywny{visibility:hidden}
.vmx26 .app-widoki{padding-top:14px;border-top:1px solid var(--wline)}
.vmx26 .app-dane{display:grid;gap:4px;margin:0 0 10px}
.vmx26 .app-dane div{display:flex;flex-wrap:wrap;gap:2px 12px}
.vmx26 .app-dane dt{min-width:7em;font-weight:700;color:rgba(255,255,255,.72)}
.vmx26 .app-dane dd{margin:0}
.vmx26 .app-zwroty{list-style:none;margin:0;padding:0}
.vmx26 .app-zwroty li{padding:8px 0;border-top:1px solid var(--wline)}
.vmx26 .app-zwroty .demo-mala{display:block}
.vmx26 .app-tel{max-width:22em;padding:14px 16px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.04)}
.vmx26 .app-tel .app-zwroty li:first-child{border-top:0}
.vmx26 .etapy{list-style:none;margin:0;padding:0;counter-reset:e}
.vmx26 .etapy li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:start;padding:9px 0;border-top:1px solid var(--wline)}
.vmx26 .etapy li>*{grid-column:2}
.vmx26 .etapy li::before{counter-increment:e;content:counter(e);grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.4);font-size:13px;font-weight:800;color:#fff}
.vmx26 .etapy strong{color:#fff}
.vmx26 .etapy .stan{justify-self:start}
.vmx26 .etapy .etap--decyzja{padding:10px 12px;margin-inline:-12px;border-radius:14px;background:rgba(254,76,28,.12);border-top-color:transparent}
.vmx26 .etapy .etap--decyzja::before{background:var(--orange);border-color:var(--orange)}
.vmx26 .etapy li[aria-current="step"]:not(.etap--decyzja)::before{background:#fff;color:#0B1322}
.vmx26 .etapy li.zrobiony::before{border-color:var(--cyan-soft);color:var(--cyan-soft)}
.vmx26 .etapy li[aria-current="step"] strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--cyan-soft)}
.vmx26 .proces-panel{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
.vmx26 .proces-panel:focus-visible{outline:3px solid var(--cyan-soft);outline-offset:3px}
.vmx26 .proces-panel p+p{margin-top:.6em}
.vmx26 .proces-panel mark{padding:0 2px;background:rgba(254,76,28,.28);color:#fff;border-bottom:2px solid var(--orange)}
.vmx26 .proces-panel strong{color:#fff}
.vmx26 .proces-ster{display:flex;flex-wrap:wrap;gap:10px}
.vmx26 .demo-btn{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:10px 18px;border-radius:999px;border:1px solid #fff;background:#fff;color:#0B1322;font:800 14px/1.2 "Plus Jakarta Sans",sans-serif;cursor:pointer}
.vmx26 .demo-btn--hot{background:#C2410C;border-color:#C2410C;color:#fff}
.vmx26 .demo-btn--jasny{margin-top:0;background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.vmx26 .demo-btn[aria-disabled="true"]{opacity:.45;cursor:default}
.vmx26 .demo-btn:focus-visible,.vmx26 .grupa button:focus-visible,.vmx26 .lekcja-btn:focus-visible{outline:3px solid var(--cyan-soft);outline-offset:2px}

@media (max-width:1180px){.vmx26 .mod-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .vmx26 .mod-grid{grid-template-columns:1fr}
  .vmx26 .tab{flex:1 1 100%;text-align:left;border-radius:14px}
  .vmx26 .proc{min-height:0}
  .vmx26 .fdr-photo{min-height:380px}
}

/* --- Wyglad B --- */
html[data-wyglad="b"] .vmx26 .mod-grid .svc:hover,html[data-wyglad="b"] .vmx26 .mod-grid .svc{transform:none}
html[data-wyglad="b"] .vmx26 .proc h3{color:#fff}
html[data-wyglad="b"] .vmx26 .tab{border-radius:4px;border-color:var(--b-czern);background:var(--b-bialy);color:var(--b-czern);font-family:var(--b-naglowek)}
html[data-wyglad="b"] .vmx26 .tab[aria-selected="true"]{background:var(--b-kobalt);border-color:var(--b-kobalt);color:#fff}
html[data-wyglad="b"] .vmx26 .tab:focus-visible,html[data-wyglad="b"] .vmx26 .tabpanel:focus-visible{outline-color:var(--b-kobalt)}
html[data-wyglad="b"] .vmx26 .tabpanel{border-radius:4px;border-color:var(--b-czern);box-shadow:6px 6px 0 var(--b-czern)}
html[data-wyglad="b"] .vmx26 .tabpanel p{color:var(--b-czern)}
html[data-wyglad="b"] .vmx26 .scen-znak{border-radius:4px;background:var(--b-marker);color:var(--b-czern);font-family:var(--b-mono);font-weight:500}
html[data-wyglad="b"] .vmx26 .svc-go{border-radius:4px;border-color:var(--b-czern);color:var(--b-czern)}
html[data-wyglad="b"] .vmx26 .demo-podpis,html[data-wyglad="b"] .vmx26 .demo-mala,html[data-wyglad="b"] .vmx26 .app-dane dt{color:rgba(255,255,255,.78)}
html[data-wyglad="b"] .vmx26 .stan,html[data-wyglad="b"] .vmx26 .grupa,html[data-wyglad="b"] .vmx26 .demo-btn,html[data-wyglad="b"] .vmx26 .proces-panel,html[data-wyglad="b"] .vmx26 .app-tel,html[data-wyglad="b"] .vmx26 .etapy .etap--decyzja{border-radius:4px}
html[data-wyglad="b"] .vmx26 .etapy li::before{border-radius:4px;font-family:var(--b-mono)}
html[data-wyglad="b"] .vmx26 .stan--akcent{background:transparent;border-color:var(--b-marker);color:var(--b-marker)}
html[data-wyglad="b"] .vmx26 .etapy .etap--decyzja{background:rgba(255,225,77,.1)}
html[data-wyglad="b"] .vmx26 .etapy .etap--decyzja::before{background:var(--b-marker);border-color:var(--b-marker);color:var(--b-czern)}
html[data-wyglad="b"] .vmx26 .lekcja-btn[aria-pressed="true"]{background:rgba(255,225,77,.1);border-left-color:var(--b-marker)}
html[data-wyglad="b"] .vmx26 .etapy li[aria-current="step"] strong{text-decoration-color:var(--b-marker)}
html[data-wyglad="b"] .vmx26 .proces-panel mark{background:var(--b-marker);color:var(--b-czern);border-bottom-color:var(--b-marker)}
html[data-wyglad="b"] .vmx26 .demo-btn--hot{background:var(--b-kobalt);border-color:var(--b-kobalt)}
html[data-wyglad="b"] .vmx26 .demo .panel-top small{color:rgba(255,255,255,.78)}
html[data-wyglad="b"] .vmx26 .hero .cta-note{color:var(--b-szary)}

/* --- Kontrast AA (min. 4.5:1) dla drobnego tekstu na podstronach --- */
.vmx26 .proces-panel p:not(.stan){color:rgba(255,255,255,.9)}
/* overflow:hidden z wzoru (.vmx26) blokuje position:sticky podnawigacji; clip tnie tak samo, ale nie tworzy kontenera przewijania */
.vmx26{overflow:clip}