/* Radar Media - dodatki do ukladu wzoru (wyglad A). */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:#0B1322;font-family:"Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.skip{position:absolute;left:-9999px;top:8px;z-index:100000;background:#0B1322;color:#fff;padding:10px 14px;border-radius:8px}
.skip:focus{left:8px}
.radar-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0B1322;font:800 22px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em}
.radar-logo b{font-weight:800;color:#FE4C1C;margin-left:2px}
.radar-logo__znak{width:30px;height:30px;border-radius:50%;flex:none;background:radial-gradient(circle at 50% 50%,#FE4C1C 0 4px,transparent 5px),repeating-radial-gradient(circle at 50% 50%,transparent 0 6px,rgba(254,76,28,.55) 7px 8px);border:2px solid #FE4C1C}
.radar-logo--stopka{color:#fff}
.tekst-roboczy{display:inline-block;margin:0 0 10px;padding:3px 8px;border-radius:6px;background:#FFF3BF;color:#5C4A00;font:600 11px/1.3 system-ui,sans-serif}
[data-tekst="roboczy"]{outline:2px dashed rgba(200,160,0,.55);outline-offset:6px}
.podglad-formularza{margin:0 0 16px;padding:8px 12px;border-radius:10px;background:#FFF3BF;color:#5C4A00;font:600 13px/1.4 system-ui,sans-serif}
.radar-formularz{padding:clamp(40px,6vw,90px) 16px;background:#fff}
.vm-form-bento-container fieldset{border:0;margin:0;padding:0;min-width:0}
.vm-form-bento-container legend{padding:0;margin-bottom:10px;font-weight:600}
.fdr-linia{margin-top:22px;opacity:.75;font-size:14px}
.vmx26 .hero [data-hero-wariant][hidden]{display:none}
/* Hero 4 i 5: drugi wiersz pod H1, mniejszy kroj, bez akcentu (radar-media-v2.md 2.1) */
.vmx26 .hero .sub{margin-top:16px;font-size:clamp(22px,2.1vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
html[data-wyglad="a"] .vmx26 .hero .sub{color:rgba(255,255,255,.9)}
/* panel do gory kolumny: przy krotkim hero (6, bez leadu) wysrodkowany panel wchodzil na kafle, ktore sa szersze niz lewa kolumna */
.vmx26 .hero .panel{align-self:start}
/* telefon: linia pod H1 hero 6 w jednym wierszu (odbior 10.10, 390 px) */
@media (max-width:760px){.vmx26 .hero .sub{font-size:min(22px,5vw)}}
/* Mobile: wzor pokazuje pasek z telefonem; Media nie ma telefonu, wiec pasek prowadzi do maila. */
@media(max-width:760px){.vm-global-header .vm-header-mail{display:flex!important;justify-content:center;background:linear-gradient(135deg,#FE4C1C,#FF7A50);color:#fff;border-color:transparent}}
/* Odbior runda 1 (S3, S5, S8, S9): dostepnosc formularza i ruch. */
.vm-service-pill-premium input{display:block!important;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.vm-service-pill-premium{position:relative}
.vm-service-pill-premium input:focus-visible+.vm-service-content{outline:3px solid #087D9D;outline-offset:2px}
.vm-form-wrapper-premium input:focus-visible,.vm-form-wrapper-premium textarea:focus-visible{outline:3px solid #087D9D;outline-offset:1px}
.radar-formularz .icn{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-link{margin-top:14px;padding-right:46px;font-weight:700;font-size:14px;color:#04729B}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vmx26 .pulse i{animation:none!important}}
/* Odbior runda 1 (S10): kontrast drobnego tekstu ze wzoru podniesiony do AA, bez zmiany charakteru. */
.vmx26 .sec:not(.sec-dark) .khead b,.vmx26 .pillar summary small{color:#5C6C86}
.vm-service-content{color:#33415C}
.radar-logo--stopka b{color:#FF7A50}
.vmx26 .svc-no{color:#5C6C86}
.vm-global-footer a.vm-footer-phone{color:#fff!important}
.vm-footer-phone{background:#C2410C!important}
/* Runda 2: kafle hero w jednej linii (N1), pasek mobilny z przyciskiem (CMO mikroteksty 12:05), mikroteksty formularza. */
.vmx26 .hstat b{white-space:nowrap;font-size:clamp(20px,1.75vw,28px)}
.radar-pasek-mobilny{display:none!important}
@media(max-width:760px){.vm-global-header .vm-header-mail{display:none!important}.vm-global-header .radar-pasek-mobilny{display:flex!important;justify-content:center;background:linear-gradient(135deg,#FE4C1C,#FF7A50);color:#fff;border-color:transparent}}
.podpowiedz{font-weight:500;font-size:13px;color:#5C6C86}
.pod-przyciskiem{margin:12px 0 0;font-size:13px;color:#5C6C86}
.vmx26 .hstat span{white-space:nowrap}
/* v2: "Makieta lub próbka" nie miesci sie w dwoch kolumnach na 320 px */
@media(max-width:360px){.vmx26 .hero-stats{grid-template-columns:1fr}}
/* pola z bledem po probie wyslania (mikroteksty CMO: "zaznaczone pola") */
#vm-main-contact-form [aria-invalid="true"]{border-color:#C62828!important;box-shadow:0 0 0 1px #C62828}
/* v2 (radar-media-v2.md 2.4): trzy karty usług równej wielkości, nagłówek nad nimi */
.vmx26 #uslugi .domain{grid-template-columns:1fr}
.vmx26 #uslugi .dom-head{position:static}
.vmx26 #uslugi .dom-grid{grid-template-columns:repeat(3,1fr)}
.vmx26 #uslugi .dom-grid .svc:last-child{grid-column:auto}
@media(max-width:900px){.vmx26 #uslugi .dom-grid{grid-template-columns:1fr}}
/* Zgoda i pole-pulapka formularza (wspolne/zgloszenie.js) */
.zgoda{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:14px;line-height:1.45;cursor:pointer}
.zgoda input{flex:none;width:18px;height:18px;margin-top:2px}
.zgoda a,.pod-przyciskiem a{text-decoration:underline;color:inherit}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}