/* Plik generowany przez wordpress/buduj.py z glowna_warianty/zrodlo/wspolne/baza.css, wordpress/glowna/styl.css i wordpress/uslugi/styl.css. Nie edytować ręcznie. */
.glowna {--bg: #0A0D04;            
  --czern: #0A0D04;         
  --oliwka: #1A2209;        
  --karta: #11160A;
  --kosc: #FAFFF3;          
  --tekst: #D2DAC6;
  --szary: #A9B39C;
  --lime: #C0F53D;          
  --lime-ciemny: #2F3D12;   
  --zielen: #21A366;        
  --zle: #FF9C8C;
  --linia: rgba(250, 255, 243, .12);
  --linia-slaba: rgba(250, 255, 243, .06);
  --f-naglowki: "Krona One", system-ui, sans-serif;
  --f-tekst: "Rethink Sans", system-ui, sans-serif;
  --f-kod: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --szer: 1200px;
  --margines: 24px;
  --promien: 18px;}
@media (max-width: 640px) {
.glowna {--margines: 16px;}
}
.glowna .jasna {--bg: #FAFFF3; --kosc: #0A0D04; --tekst: #2C3424; --szary: #4F5A45; --karta: #FFFFFF; --linia: rgba(10, 13, 4, .14); --linia-slaba: rgba(10, 13, 4, .07);}
.glowna .ciemna {--bg: #0A0D04; --kosc: #FAFFF3; --tekst: #D2DAC6; --szary: #A9B39C; --karta: #11160A; --linia: rgba(250, 255, 243, .12); --linia-slaba: rgba(250, 255, 243, .06);}
.glowna .jasna, .glowna .ciemna {background: var(--bg); color: var(--tekst);}
.glowna *, .glowna *::before, .glowna *::after {box-sizing: border-box;}
.glowna {scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
.glowna {margin: 0; background: var(--bg); color: var(--tekst); font: 400 17px/1.6 var(--f-tekst); font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
.glowna img, .glowna svg {display: block; max-width: 100%;}
.glowna a {color: inherit;}
.glowna p, .glowna ul, .glowna ol, .glowna dl, .glowna dd, .glowna figure {margin: 0;}
.glowna h1, .glowna h2, .glowna h3 {margin: 0; color: var(--kosc); font-weight: 400;}
.glowna h1, .glowna h2 {font-family: var(--f-naglowki); letter-spacing: -.01em; line-height: 1.16;}
.glowna h3 {font: 600 19px/1.3 var(--f-tekst);}
.glowna :focus-visible {outline: 2px solid var(--lime); outline-offset: 3px; border-radius: 4px;}
.glowna .pomin {position: absolute; left: 16px; top: -100px; z-index: 20; padding: 8px 16px; border-radius: 99px; background: var(--lime); color: var(--czern);}
.glowna .pomin:focus {top: 16px;}
.glowna .kontener {width: min(100% - 2 * var(--margines), var(--szer)); margin-inline: auto;}
.glowna .etykieta {font: 600 12px/1.4 var(--f-tekst); letter-spacing: .14em; text-transform: uppercase; color: var(--szary);}
.glowna .pigulka {display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border: 1px solid var(--linia); border-radius: 99px; font: 600 13px/1.2 var(--f-tekst); color: var(--kosc);}
.glowna .lime {color: var(--lime);}
.glowna .link {font-weight: 600; color: var(--kosc); text-decoration: underline; text-decoration-color: var(--lime); text-underline-offset: 5px;}
.glowna .jasna .link {text-decoration-color: var(--czern);}
.glowna .link:hover {color: var(--lime);}
.glowna .jasna .link:hover {color: var(--czern); text-decoration-color: var(--lime);}
.glowna .dp {display: inline-block; margin: 2px 0; padding: 1px 7px; vertical-align: middle; border: 1px dashed #B8941F; border-radius: 4px; background: #4A3A12; color: #FFE08A; font: 500 12px/1.45 var(--f-tekst); letter-spacing: 0; text-transform: none;}
.glowna .jasna .dp {border-color: #C9A100; background: #FFF0B3; color: #5C4500;}
.glowna .jasna .ciemna .dp {border-color: #B8941F; background: #4A3A12; color: #FFE08A;}
.glowna .btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border: 1px solid transparent; border-radius: 999px; font: 600 15px/1.2 var(--f-tekst); text-decoration: none; cursor: pointer; transition: box-shadow .2s, background-color .2s, color .2s, transform .2s;}
.glowna .btn svg {width: 16px; height: 16px; flex: none;}
.glowna .btn--lime {background: var(--lime); color: var(--czern);}
.glowna .btn--lime:hover {background: #D3FA6A;}
.glowna .btn--poswiata {background: var(--czern); color: #FAFFF3; border-color: var(--lime); box-shadow: 0 0 0 1px rgba(192, 245, 61, .2), 0 0 18px rgba(192, 245, 61, .35);}
.glowna .btn--poswiata:hover {box-shadow: 0 0 0 1px rgba(192, 245, 61, .5), 0 0 30px rgba(192, 245, 61, .6);}
.glowna .btn--obrys {border-color: var(--kosc); color: var(--kosc); background: transparent;}
.glowna .btn--obrys:hover {background: var(--kosc); color: var(--bg);}
.glowna .btn--ciemny {background: var(--czern); color: #FAFFF3;}
.glowna .btn--ciemny:hover {color: var(--lime);}
.glowna .btn--maly {min-height: 40px; padding: 8px 18px; font-size: 14px;}
.glowna .sekcja {position: relative; padding-block: clamp(64px, 8vw, 104px);}
.glowna .glowa {max-width: 760px; margin-bottom: clamp(36px, 5vw, 56px);}
.glowna .glowa--srodek {margin-inline: auto; text-align: center;}
.glowna .glowa .pigulka, .glowna .glowa .etykieta {margin-bottom: 18px;}
.glowna .glowa h2 {font-size: clamp(24px, 3vw, 40px);}
.glowna .glowa p {margin-top: 16px;}
.glowna .logo-marki {width: 28px; height: 28px; flex: none;}
.glowna [data-marka="googleads"], .glowna [data-marka="google"], .glowna [data-marka="googlecloud"] {color: #4285F4;}
.glowna [data-marka="googleanalytics"] {color: #E37400;}
.glowna [data-marka="googletagmanager"] {color: #246FDB;}
.glowna [data-marka="meta"] {color: #0467DF;}
.glowna [data-marka="youtube"] {color: #FF0000;}
.glowna [data-marka="googlesearchconsole"] {color: #458CF5;}
.glowna .logotypy {padding-block: clamp(40px, 5vw, 56px); border-block: 1px solid var(--linia-slaba);}
.glowna .logotypy-tytul {margin-bottom: 24px; font: 400 clamp(20px, 2.2vw, 26px)/1.3 var(--f-naglowki); color: var(--kosc);}
.glowna .logotypy-grupy {display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px;}
.glowna .logotypy-grupa > p {margin-bottom: 12px; font: 600 12px/1.4 var(--f-tekst); letter-spacing: .12em; text-transform: uppercase; color: var(--szary);}
.glowna .logotypy-lista {display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none;}
.glowna .logotypy-lista li {display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; border: 1px solid var(--linia); border-radius: 99px; background: var(--karta); font: 600 14px/1.2 var(--f-tekst); color: var(--kosc);}
.glowna .logotypy-lista .logo-marki {width: 22px; height: 22px;}
.glowna .logotypy-lista li.bez-logo::before {content: ""; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--szary);}
.glowna .logotypy-dalej {margin-top: 18px; font-size: 14px; color: var(--szary);}
@media (max-width: 960px) {
.glowna .logotypy-grupy {grid-template-columns: 1fr; gap: 22px;}
}
.glowna .liczby {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 0; list-style: none; counter-reset: liczba;}
.glowna .liczby li {position: relative; padding: 22px; border: 1px solid var(--linia); border-radius: var(--promien); background: var(--karta); counter-increment: liczba;}
.glowna .liczby li::before {content: "0" counter(liczba); position: absolute; top: 16px; right: 18px; font: 400 11px/1 var(--f-kod); color: var(--szary);}
.glowna .liczby b {display: block; font: 400 clamp(26px, 3vw, 38px)/1.05 var(--f-naglowki); color: var(--kosc);}
.glowna .liczby span {display: block; margin-top: 10px; font-size: 14.5px; line-height: 1.45; color: var(--szary);}
@media (max-width: 860px) {
.glowna .liczby {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.glowna .uslugi-lista {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
.glowna .usluga {display: flex; flex-direction: column; gap: 12px; padding: 26px; border: 1px solid var(--linia); border-radius: var(--promien); background: var(--karta); transition: border-color .2s, transform .2s, box-shadow .2s;}
.glowna .usluga:hover {border-color: var(--lime); transform: translateY(-3px);}
.glowna .usluga-logo {display: inline-flex; gap: 8px;}
.glowna .usluga-logo .logo-marki {width: 34px; height: 34px; padding: 6px; border-radius: 10px; background: #FFFFFF;}
.glowna .usluga p {font-size: 15.5px; line-height: 1.55;}
.glowna .usluga-punkty {display: grid; gap: 6px; margin-top: auto; padding: 14px 0 0; border-top: 1px solid var(--linia); list-style: none; font-size: 14.5px;}
.glowna .usluga-punkty li::before {content: "✓"; margin-right: 8px; color: var(--zielen); font-weight: 700;}
.glowna .reklama-wzor {display: grid; gap: 12px; margin-top: 6px; padding: 16px 18px 14px; border-radius: 14px; background: #FFFFFF; color: #202124; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 14px 34px rgba(0, 0, 0, .28);}
.glowna .reklama-szukaj {display: flex; align-items: center; gap: 10px; padding: 9px 16px; border: 1px solid #DADCE0; border-radius: 99px; font-size: 14px;}
.glowna .reklama-szukaj svg {width: 16px; height: 16px; flex: none; color: #5F6368;}
.glowna .reklama-wynik {display: grid; gap: 4px; padding-inline: 4px;}
.glowna .reklama-wynik small {font-size: 12px; color: #4D5156;}
.glowna .reklama-wynik small b {color: #202124;}
.glowna .reklama-tytul {font-size: 18px; font-weight: 400; line-height: 1.3; color: #1A0DAB;}
.glowna .reklama-opis {font-size: 13.5px; line-height: 1.5; color: #4D5156;}
.glowna .reklama-podpis {justify-self: end; font-size: 11px; letter-spacing: .04em; color: #70757A;}
.glowna .frazy-wzor {display: grid; gap: 8px; padding: 14px 16px; border: 1px solid var(--linia); border-radius: 14px; background: var(--linia-slaba);}
.glowna .frazy-tytul {font: 600 11px/1.3 var(--f-tekst); letter-spacing: .12em; text-transform: uppercase; color: var(--szary);}
.glowna .frazy {display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px;}
.glowna .frazy i {padding: 5px 10px; border-radius: 99px; background: rgba(33, 163, 102, .16); font: 500 13px/1.25 var(--f-tekst); font-style: normal; color: var(--kosc);}
.glowna .frazy i::before {content: "+ "; font-weight: 700; color: var(--zielen);}
.glowna .frazy--wyklucz i {background: rgba(229, 72, 77, .12);}
.glowna .frazy--wyklucz i::before {content: "− "; color: #E5484D;}
.glowna .audyt-wzor {display: grid; gap: 8px; margin-top: 4px; padding: 14px 16px; border: 1px solid var(--linia); border-radius: 14px; background: var(--linia-slaba);}
.glowna .audyt-wzor span {display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px;}
.glowna .audyt-wzor b {font-weight: 600; color: var(--kosc);}
.glowna .audyt-wzor i {flex: none; padding: 3px 9px; border-radius: 99px; font: 600 11.5px/1.2 var(--f-tekst); font-style: normal;}
.glowna .audyt-wzor .zle {background: rgba(229, 72, 77, .14); color: var(--zle);}
.glowna .audyt-wzor .ok {background: rgba(33, 163, 102, .16); color: #5FD39A;}
.glowna .audyt-wzor small, .glowna .analityka-wzor small {justify-self: end; font-size: 11px; color: var(--szary);}
.glowna .analityka-wzor {display: grid; gap: 8px; margin-top: 4px; padding: 12px 14px; border: 1px solid var(--linia); border-radius: 14px; background: var(--linia-slaba);}
.glowna .analityka-wzor table {width: 100%; border-collapse: collapse; font-size: 12.5px;}
.glowna .analityka-wzor th {padding: 0 4px 8px; text-align: center; font-weight: 600; color: var(--szary);}
.glowna .analityka-wzor td {padding: 7px 4px; border-top: 1px solid var(--linia); text-align: center; color: var(--kosc);}
.glowna .analityka-wzor th:first-child, .glowna .analityka-wzor td:first-child {padding-left: 0; text-align: left;}
.glowna .analityka-wzor .tak {font-weight: 700; color: #5FD39A;}
.glowna .analityka-wzor .nie {color: var(--szary);}
.glowna .analityka-wzor .tak svg {width: 15px; height: 15px; margin-inline: auto;}
.glowna .serwer-wzor {display: grid; justify-items: center; gap: 6px; margin-top: 4px; padding: 14px; border: 1px solid var(--linia); border-radius: 14px; background: var(--linia-slaba); font-size: 12.5px;}
.glowna .serwer-krok {padding: 7px 16px; border: 1px solid var(--linia); border-radius: 10px; background: var(--karta); text-align: center; font-weight: 600; line-height: 1.3; color: var(--kosc);}
.glowna .serwer-krok small {display: block; font-size: 11px; font-weight: 400; color: var(--szary);}
.glowna .serwer-krok--glowny {border-color: var(--zielen); box-shadow: 0 0 0 3px rgba(33, 163, 102, .16);}
.glowna .serwer-wzor > i {position: relative; width: 2px; height: 14px; background: var(--zielen);}
.glowna .serwer-wzor > i::after {content: ""; position: absolute; left: -4px; bottom: -4px; border-top: 6px solid var(--zielen); border-inline: 5px solid transparent;}
.glowna .serwer-cele {display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 4px;}
.glowna .serwer-cele b {padding: 5px 10px; border-radius: 8px; background: rgba(33, 163, 102, .16); font-size: 12px; font-weight: 600; color: var(--kosc);}
.glowna .serwer-podpis {justify-self: end; font-size: 11px; color: var(--szary);}
.glowna .eko-wzor {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 4px; padding: 12px; border: 1px solid var(--linia); border-radius: 14px; background: var(--linia-slaba);}
.glowna .eko-wzor span {display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; background: var(--karta); font-size: 12.5px; font-weight: 600; color: var(--kosc);}
.glowna .eko-wzor span:last-child {grid-column: 1 / -1;}
.glowna .eko-wzor .logo-marki {width: 18px; height: 18px;}
.glowna .jasna .audyt-wzor .zle {color: #B42318;}
.glowna .jasna .audyt-wzor .ok, .glowna .jasna .analityka-wzor .tak {color: #147A4A;}
.glowna .uslugi-ceny {margin-top: 20px; font-size: 14.5px; color: var(--szary);}
@media (max-width: 960px) {
.glowna .uslugi-lista {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px) {
.glowna .uslugi-lista {grid-template-columns: 1fr;}
}
.glowna .proces {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none;}
.glowna .proces li {padding: 24px; border: 1px solid var(--linia); border-radius: var(--promien); background: var(--karta);}
.glowna .proces-nr {display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 12px; background: var(--lime); font: 400 15px/1 var(--f-naglowki); color: var(--czern);}
.glowna .proces p {margin-top: 8px; font-size: 15px;}
@media (max-width: 960px) {
.glowna .proces {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px) {
.glowna .proces {grid-template-columns: 1fr;}
}
.glowna .raport {overflow: hidden; border: 1px solid var(--linia); border-radius: var(--promien); background: #0D1206; color: #D2DAC6;}
.glowna .raport-pasek {display: flex; align-items: center; gap: 14px; padding: 13px 18px; border-bottom: 1px solid rgba(250, 255, 243, .12); font-size: 13px; color: #A9B39C;}
.glowna .raport-pasek b {color: #FAFFF3; font-weight: 600;}
.glowna .raport-pasek small {margin-left: auto; font-size: 12.5px;}
.glowna .kropki {display: flex; gap: 6px;}
.glowna .kropki i {width: 9px; height: 9px; border-radius: 50%; background: rgba(250, 255, 243, .14);}
.glowna .raport-kpi {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid rgba(250, 255, 243, .12);}
.glowna .raport-kpi div {padding: 16px 18px; border-right: 1px solid rgba(250, 255, 243, .12);}
.glowna .raport-kpi div:last-child {border-right: 0;}
.glowna .raport-kpi span {display: block; font-size: 12.5px; color: #A9B39C;}
.glowna .raport-kpi b {display: block; margin-top: 6px; font: 400 clamp(17px, 1.6vw, 22px)/1.1 var(--f-naglowki); color: #FAFFF3; white-space: nowrap;}
.glowna .raport-kpi em {display: inline-block; margin-top: 6px; font: 600 12.5px/1 var(--f-tekst); font-style: normal; color: #A9B39C;}
.glowna .raport-kpi em.dobrze {color: var(--lime);}
.glowna .raport-wykres {width: 100%; height: auto; padding: 16px 18px 0;}
.glowna .raport-siatka line {stroke: rgba(250, 255, 243, .07); stroke-width: 1;}
.glowna .raport-slupki rect {fill: rgba(33, 163, 102, .45); rx: 4;}
.glowna .raport-linia {fill: none; stroke: var(--lime); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(192, 245, 61, .5));}
.glowna .raport-punkty circle {fill: var(--lime);}
.glowna .raport-legenda {display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 12px 18px 16px; font-size: 12.5px; color: #A9B39C;}
.glowna .raport-legenda .l-koszt::before, .glowna .raport-legenda .l-konw::before {content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 2px; vertical-align: -1px;}
.glowna .raport-legenda .l-koszt::before {background: rgba(33, 163, 102, .7);}
.glowna .raport-legenda .l-konw::before {background: var(--lime);}
@media (max-width: 640px) {
.glowna .raport-kpi {grid-template-columns: repeat(2, minmax(0, 1fr));}
.glowna .raport-kpi div:nth-child(2) {border-right: 0;}
.glowna .raport-kpi div:nth-child(-n+2) {border-bottom: 1px solid rgba(250, 255, 243, .12);}
}
.glowna .problemy {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}
.glowna .problemy-lista {display: grid; gap: 12px; padding: 0; list-style: none;}
.glowna .problemy-lista li {display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px 12px; padding: 18px 20px; border: 1px solid var(--linia); border-radius: 14px; background: var(--karta);}
.glowna .problemy-lista svg {width: 18px; height: 18px; margin-top: 3px;}
.glowna .problemy-lista--zle svg {color: #E5484D;}
.glowna .problemy-lista--ok svg {color: var(--zielen);}
.glowna .problemy-lista b {color: var(--kosc); font-weight: 600;}
.glowna .problemy-lista p {grid-column: 2; font-size: 15px;}
@media (max-width: 760px) {
.glowna .problemy {grid-template-columns: 1fr;}
}
.glowna .powody {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none;}
.glowna .powody li {padding: 22px; border: 1px solid var(--linia); border-radius: var(--promien); background: var(--karta);}
.glowna .powody svg {width: 30px; height: 30px; margin-bottom: 16px; color: var(--lime);}
.glowna .jasna .powody svg {color: var(--zielen);}
.glowna .powody b {display: block; color: var(--kosc); font-weight: 600; font-size: 17px;}
.glowna .powody p {margin-top: 8px; font-size: 15px;}
@media (max-width: 960px) {
.glowna .powody {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px) {
.glowna .powody {grid-template-columns: 1fr;}
}
.glowna .realizacje {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .realizacja {padding: 26px; border: 1px solid var(--linia); border-radius: var(--promien); background: var(--karta);}
.glowna .realizacja h3 {margin-top: 10px;}
.glowna .realizacja p {margin-top: 12px; font-size: 15.5px;}
@media (max-width: 760px) {
.glowna .realizacje {grid-template-columns: 1fr;}
}
.glowna .o-mnie-tekst {font-size: 17.5px; color: var(--kosc);}
.glowna .fakty {display: grid; grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr); margin-top: 24px; border-top: 1px solid var(--linia); font-size: 15.5px;}
.glowna .fakty dt, .glowna .fakty dd {padding: 11px 0; border-bottom: 1px solid var(--linia);}
.glowna .fakty dt {padding-right: 16px; color: var(--szary);}
.glowna .fakty dd {color: var(--kosc);}
.glowna .faq {display: grid; gap: 10px;}
.glowna .faq details {border: 1px solid var(--linia); border-radius: 14px; background: var(--karta);}
.glowna .faq summary {display: flex; justify-content: space-between; gap: 16px; padding: 18px 20px; cursor: pointer; list-style: none; font-weight: 600; color: var(--kosc);}
.glowna .faq summary::-webkit-details-marker {display: none;}
.glowna .faq summary::after {content: "+"; flex: none; font: 400 22px/1 var(--f-tekst); color: var(--lime);}
.glowna .jasna .faq summary::after {color: var(--zielen);}
.glowna .faq details[open] summary::after {content: "−";}
.glowna .faq details p {padding: 0 20px 18px; font-size: 15.5px;}
.glowna .formularz {display: grid; gap: 12px; text-align: left;}
.glowna .formularz label {display: grid; gap: 5px; font: 600 13px/1.2 var(--f-tekst); color: var(--czern);}
.glowna .formularz input, .glowna .formularz select, .glowna .formularz textarea {width: 100%; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 8px; background: rgba(10, 13, 4, .1); color: var(--czern); font: 400 15px/1.3 var(--f-tekst);}
.glowna .formularz input::placeholder {color: var(--lime-ciemny); opacity: .85;}
.glowna .formularz input:focus, .glowna .formularz select:focus {outline: 2px solid var(--czern); outline-offset: 1px;}
.glowna .formularz .btn {margin-top: 4px;}
.glowna .drobne {font-size: 12.5px; line-height: 1.45; color: var(--lime-ciemny);}
.glowna .drobne a {color: var(--czern);}
.glowna .formularz--ciemny label {color: var(--kosc);}
.glowna .formularz--ciemny input, .glowna .formularz--ciemny select {background: var(--bg); color: var(--kosc); border: 1px solid var(--linia);}
.glowna .formularz--ciemny input::placeholder {color: var(--szary);}
.glowna .formularz--ciemny select option {color: var(--czern);}
.glowna .formularz--ciemny input:focus, .glowna .formularz--ciemny select:focus {outline-color: var(--lime);}
.glowna .formularz--ciemny .drobne {color: var(--szary);}
.glowna .formularz--ciemny .drobne a {color: var(--kosc);}
.glowna { --bg: var(--wp--preset--color--tlo); --karta: var(--wp--preset--color--karta); --oliwka: var(--wp--preset--color--oliwka); --kosc: var(--wp--preset--color--kosc); --tekst: var(--wp--preset--color--tekst); --szary: var(--wp--preset--color--szary); --linia: inherit; --linia-slaba: inherit; }
.glowna .wp-block-post-content > *, .glowna .wp-block-group > *, .glowna .wp-block-image, .glowna .wp-block-table {margin-block: 0;}
.glowna .wp-block-group {box-sizing: border-box;}
.glowna .znacznik {display: flex; align-items: center; gap: 14px; font: 600 13px/1.4 var(--f-tekst); color: var(--szary);}
.glowna .znacznik::after {content: ""; flex: 1; height: 9px; background: radial-gradient(circle at calc(100% - 4.5px) 50%, var(--kosc) 4px, transparent 4.5px), linear-gradient(var(--linia), var(--linia)) center / 100% 1px no-repeat;}
.glowna .glowa-rzad {display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 22px 48px; align-items: end; margin-bottom: clamp(32px, 4vw, 52px);}
.glowna .glowa-rzad .znacznik {grid-column: 1 / -1; margin-bottom: 6px;}
.glowna .glowa-rzad h2 {font-size: clamp(28px, 4vw, 54px); line-height: 1.08;}
.glowna .glowa-rzad > p:not(.znacznik) {padding-bottom: 6px;}
@media (max-width: 860px) {
.glowna .glowa-rzad {grid-template-columns: 1fr;}
}
.glowna .przyciski {display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px;}
.glowna .przyciski .wp-block-button__link {min-height: 48px; padding: 12px 24px; border: 1px solid transparent; border-radius: 999px; font: 600 15px/1.2 var(--f-tekst);}
.glowna .przycisk-lime .wp-block-button__link {background: var(--lime); color: var(--czern);}
.glowna .przycisk-lime .wp-block-button__link:hover {background: #D3FA6A; color: var(--czern);}
.glowna .przycisk-obrys .wp-block-button__link {background: transparent; border-color: var(--kosc); color: var(--kosc);}
.glowna .przycisk-obrys .wp-block-button__link:hover {background: var(--kosc); color: var(--bg);}
.glowna .hero > .kontener {padding-block: clamp(28px, 4vw, 48px) clamp(48px, 6vw, 80px);}
.glowna .hero-siatka {display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 5vw, 72px); align-items: center;}
.glowna .hero h1 {margin-top: clamp(24px, 3vw, 40px); font-size: clamp(36px, 5vw, 74px); line-height: 1.06; letter-spacing: -.02em;}
.glowna .hero mark.h1-wyroznienie {background: none; color: inherit;}
.glowna .hero-lead {max-width: 600px; margin-top: 24px; font-size: 18.5px;}
.glowna .hero .przyciski {margin-top: 30px;}
.glowna .hero-mikro {margin-top: 14px; font-size: 14px; color: var(--szary);}
.glowna .hero-dowody {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 24px; margin-top: 28px; padding: 18px 0 0; border-top: 1px solid var(--linia); list-style: none; font-size: 14px; color: var(--szary);}
.glowna .hero-dowody li {max-width: 210px; margin: 0; line-height: 1.35;}
.glowna .hero-dowody strong {display: block; margin-bottom: 4px; font: 400 clamp(22px, 2.2vw, 30px)/1 var(--f-naglowki); color: var(--kosc);}
@media (max-width: 960px) {
.glowna .hero-siatka {grid-template-columns: 1fr;}
}
.glowna .przeplyw {margin: 0; padding: clamp(18px, 2.4vw, 28px); border: 1px solid var(--linia); border-radius: 24px; background: var(--karta);}
.glowna .przeplyw-krok {display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--linia); border-radius: 16px; background: var(--bg);}
.glowna .przeplyw-krok b {display: block; font-weight: 600; color: var(--kosc);}
.glowna .przeplyw-krok small {display: block; margin-top: 2px; font-size: 13px; line-height: 1.35; color: var(--szary);}
.glowna .przeplyw-krok--serwer {border-color: var(--lime); box-shadow: 0 0 0 3px rgba(192, 245, 61, .14);}
.glowna .przeplyw-ikona {display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: #FFFFFF;}
.glowna .przeplyw-ikona svg {width: 24px; height: 24px; fill: none; stroke: #1C211A; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
.glowna .przeplyw-logo {display: flex; flex: none; gap: 6px;}
.glowna .przeplyw-logo img, .glowna .przeplyw-cele img {width: 44px; height: 44px; padding: 8px; border-radius: 12px; background: #FFFFFF; object-fit: contain;}
.glowna .przeplyw-cele {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.glowna .przeplyw-cele span {display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px; border: 1px solid var(--linia); border-radius: 16px; background: var(--bg); font-size: 13.5px; font-weight: 600; color: var(--kosc); text-align: center;}
.glowna .przeplyw-linia {position: relative; display: block; width: 2px; height: 26px; margin: 4px auto; background: var(--linia); overflow: hidden;}
.glowna .przeplyw-linia::after {content: ""; position: absolute; left: -2px; top: -6px; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); animation: plynie 1.8s linear infinite;}
.glowna .przeplyw-linia:nth-of-type(2)::after {animation-delay: .6s;}
.glowna .przeplyw-linia:nth-of-type(3)::after {animation-delay: 1.2s;}
.glowna .przeplyw figcaption {margin-top: 16px; font-size: 13px; line-height: 1.45; color: var(--szary);}
@keyframes plynie { to { transform: translateY(38px); } }
@media (prefers-reduced-motion: reduce) {
.glowna .przeplyw-linia::after {display: none;}
}
.glowna .narzedzia {padding-block: clamp(32px, 4vw, 56px) clamp(48px, 6vw, 72px); overflow: hidden;}
.glowna .narzedzia h2 {margin: 22px 0 clamp(24px, 3vw, 36px); font-size: clamp(24px, 3vw, 40px); line-height: 1.12;}
.glowna .tasma {overflow: hidden; padding-block: 7px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);}
.glowna .tasma-tor {display: flex; width: max-content; animation: tasma 48s linear infinite;}
.glowna .tasma--wstecz .tasma-tor {animation-duration: 56s; animation-direction: reverse;}
.glowna .tasma:hover .tasma-tor, .glowna .tasma:focus-within .tasma-tor {animation-play-state: paused;}
.glowna .tasma ul {display: flex; gap: 14px; margin: 0; padding: 0 14px 0 0; list-style: none;}
.glowna .tasma li {display: inline-flex; align-items: center; gap: 12px; margin: 0; padding: 12px 22px 12px 14px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 0 0 1px var(--linia); font: 600 16px/1 var(--f-tekst); color: #1C211A; white-space: nowrap;}
.glowna .tasma img {width: 30px; height: 30px; object-fit: contain;}
@keyframes tasma { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
.glowna .tasma-tor {animation-duration: 96s;}
.glowna .tasma--wstecz .tasma-tor {animation-duration: 112s;}
}
.glowna .panel-sekcja {padding-inline: 12px;}
.glowna .ciemna {border: 1px solid rgba(250, 255, 243, .1);}
html:not([data-motyw="jasny"]) .glowna .ciemna {background-color: #10150A;}
.glowna .panel-problemy {padding-block: clamp(48px, 6vw, 88px); border-radius: 32px; background-image: radial-gradient(45% 60% at 100% 0%, rgba(192, 245, 61, .1), transparent 70%);}
.glowna .problemy-karty {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .problem-karta {display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--linia); border-radius: 20px; background: rgba(250, 255, 243, .03);}
.glowna .problem-cytat {font: 400 clamp(19px, 1.9vw, 24px)/1.25 var(--f-naglowki); color: var(--kosc);}
.glowna .problem-karta > p:not(.problem-cytat):not(.co-zmieniam) {font-size: 15.5px; color: var(--szary);}
.glowna .co-zmieniam {display: flex; gap: 10px; margin-top: auto !important; padding-top: 14px; border-top: 1px solid var(--linia); font-size: 15px; font-weight: 600; color: var(--kosc);}
.glowna .co-zmieniam::before {content: "✓"; content: "✓" / ""; flex: none; font-weight: 700; color: var(--lime);}
@media (max-width: 760px) {
.glowna .problemy-karty {grid-template-columns: 1fr;}
}
.glowna .uslugi-karty {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .usluga-karta {display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.4vw, 30px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .usluga-karta--glowna {border-color: var(--lime);}
.glowna .usluga-logotypy {display: flex; gap: 6px;}
.glowna .usluga-logotypy img {width: 38px; height: 38px; padding: 7px; border-radius: 10px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(10, 13, 4, .08); object-fit: contain;}
.glowna .usluga-karta h3 {font: 400 clamp(20px, 2vw, 26px)/1.2 var(--f-naglowki);}
.glowna .usluga-karta > p:not(.usluga-cena):not(.usluga-czas) {font-size: 15.5px;}
.glowna .usluga-karta ul {display: grid; gap: 6px; padding: 0; list-style: none; font-size: 14.5px;}
.glowna .usluga-karta li {margin: 0;}
.glowna .usluga-karta li::before {content: "✓"; content: "✓" / ""; margin-right: 8px; color: var(--zielen); font-weight: 700;}
.glowna .usluga-cena {margin-top: auto !important; padding-top: 16px; border-top: 1px solid var(--linia); font-size: 14.5px; color: var(--szary);}
.glowna .usluga-cena strong {font: 400 clamp(22px, 2.2vw, 28px)/1.1 var(--f-naglowki); color: var(--kosc);}
.glowna .usluga-czas {align-self: flex-start; padding: 5px 12px; border-radius: 99px; background: rgba(33, 163, 102, .16); font-size: 13px; font-weight: 600; color: var(--kosc);}
@media (max-width: 760px) {
.glowna .uslugi-karty {grid-template-columns: 1fr;}
}
.glowna .uslugi-cta, .glowna .proces-cta {margin-top: clamp(24px, 3vw, 36px);}
.glowna .przyklady {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px !important;}
.glowna .przyklad {display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .przyklad-etykieta {align-self: flex-start; padding: 5px 12px; border: 1px solid var(--linia); border-radius: 99px; font-size: 13px; font-weight: 600; color: var(--szary);}
.glowna .przyklad h3 {font: 400 20px/1.25 var(--f-naglowki);}
.glowna .przyklad-liczby {margin-top: auto !important; padding-top: 16px; border-top: 1px solid var(--linia); font-size: 15px; line-height: 1.8; color: var(--kosc);}
@media (max-width: 960px) {
.glowna .przyklady {grid-template-columns: 1fr;}
}
.glowna .porownanie {overflow-x: auto; border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .porownanie table {width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px;}
.glowna .porownanie th, .glowna .porownanie td {padding: 16px 18px; border: 0; border-bottom: 1px solid var(--linia); text-align: left; vertical-align: top; color: var(--szary);}
.glowna .porownanie tbody tr:last-child > * {border-bottom: 0;}
.glowna .porownanie thead th {font: 600 15px/1.3 var(--f-tekst);}
.glowna .porownanie tbody th {width: 22%; font-weight: 600; color: var(--kosc);}
.glowna .porownanie th:nth-child(2), .glowna .porownanie td:nth-child(2) {background: rgba(192, 245, 61, .08); color: var(--kosc);}
.glowna .porownanie thead th:nth-child(2) {box-shadow: inset 0 3px 0 var(--lime);}
.glowna .porownanie-podpowiedz {display: none; margin-bottom: 12px; font-size: 14px; color: var(--szary);}
@media (max-width: 781px) {
.glowna .porownanie tbody th, .glowna .porownanie thead td:first-child {position: sticky; left: 0; z-index: 1; background: var(--karta); box-shadow: 1px 0 0 var(--linia);}
}
@media (max-width: 640px) {
.glowna .porownanie-podpowiedz {display: block;}
.glowna .porownanie tbody th, .glowna .porownanie thead td:first-child {width: 112px; min-width: 112px;}
}
.glowna .os {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
.glowna .os-krok {position: relative; padding: 30px 28px 0 0; border-top: 1px solid var(--kosc);}
.glowna .os-krok::before {content: ""; position: absolute; top: -7px; left: 0; width: 13px; height: 13px; border: 2px solid var(--kosc); border-radius: 50%; background: var(--bg);}
.glowna .os-krok:first-child::before {background: var(--lime);}
.glowna .os-czas {margin-bottom: 12px !important; font: 400 clamp(20px, 2vw, 26px)/1 var(--f-naglowki); color: var(--kosc);}
.glowna .os-krok h3 {font-weight: 600;}
.glowna .os-krok > p:not(.os-czas) {margin-top: 8px !important; font-size: 15px;}
@media (max-width: 960px) {
.glowna .os {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px;}
}
@media (max-width: 560px) {
.glowna .os {grid-template-columns: 1fr;}
}
.glowna .o-mnie {display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 6vw, 80px); align-items: center;}
.glowna .o-mnie-zdjecie {position: relative;}
.glowna .o-mnie-zdjecie::before {content: ""; position: absolute; right: -4%; top: 6%; width: 44%; aspect-ratio: 1; border-radius: 50%; background: var(--lime);}
.glowna .o-mnie-zdjecie img {position: relative; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 18%; border-radius: 999px 999px 24px 24px; filter: grayscale(1) contrast(1.06);}
.glowna .o-mnie h2 {margin: 22px 0 20px !important; font-size: clamp(28px, 4vw, 52px); line-height: 1.08;}
.glowna .o-mnie-wstep {font-size: 17.5px; color: var(--kosc);}
.glowna .fakty-tabela {margin-top: 24px !important;}
.glowna .fakty-tabela table {width: 100%; border-collapse: collapse; border-top: 1px solid var(--linia); font-size: 15.5px;}
.glowna .fakty-tabela td {padding: 11px 0; border: 0; border-bottom: 1px solid var(--linia); vertical-align: top; color: var(--kosc);}
.glowna .fakty-tabela th {width: 36%; padding: 11px 16px 11px 0; border: 0; border-bottom: 1px solid var(--linia); text-align: left; vertical-align: top; font-weight: 400; color: var(--szary);}
.glowna .o-mnie-zasada {margin-top: 12px !important; padding: 16px 18px; border: 1px solid var(--linia); border-radius: 16px; background: var(--karta); font-size: 15px;}
.glowna .o-mnie-zasada strong {color: var(--kosc);}
.glowna .o-mnie-link {margin-top: 24px !important;}
.glowna .o-mnie-link a {font-weight: 600; color: var(--kosc); text-decoration-color: var(--lime);}
@media (max-width: 860px) {
.glowna .o-mnie {grid-template-columns: 1fr;}
.glowna .o-mnie-zdjecie {max-width: 380px;}
.glowna .o-mnie-zdjecie::before {right: 0;}
}
.glowna .faq-siatka {display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start;}
.glowna .faq-glowa h2 {margin: 22px 0 16px !important; font-size: clamp(28px, 3.6vw, 48px); line-height: 1.08;}
.glowna .faq {display: block; border-top: 1px solid var(--kosc);}
.glowna .faq .wp-block-details {border: 0; border-bottom: 1px solid var(--linia); border-radius: 0; background: none;}
.glowna .faq summary {display: flex; justify-content: space-between; gap: 16px; padding: 22px 0; cursor: pointer; list-style: none; font-weight: 600; color: var(--kosc);}
.glowna .faq summary::-webkit-details-marker {display: none;}
.glowna .faq summary::after {content: "+"; content: "+" / ""; flex: none; font: 400 22px/1 var(--f-tekst); color: var(--lime);}
.glowna .faq details[open] summary::after {content: "−"; content: "−" / "";}
.glowna .faq .wp-block-details p {padding: 0 0 22px; font-size: 15.5px;}
@media (max-width: 860px) {
.glowna .faq-siatka {grid-template-columns: 1fr; gap: 28px;}
}
.glowna .panel-kontakt {margin-bottom: clamp(40px, 5vw, 72px); padding-block: clamp(48px, 7vw, 96px); border-radius: 32px; background-image: radial-gradient(40% 60% at 0% 100%, rgba(33, 163, 102, .3), transparent 70%), radial-gradient(40% 60% at 100% 0%, rgba(192, 245, 61, .12), transparent 70%);}
.glowna .kontakt-siatka {display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center;}
.glowna .kontakt-tekst h2 {margin-top: 22px !important; font-size: clamp(30px, 4.2vw, 58px); line-height: 1.06;}
.glowna .kontakt-tekst > p:not(.znacznik) {margin-top: 18px !important;}
.glowna .kontakt-omowimy-tytul {font-weight: 600; color: var(--kosc);}
.glowna .kontakt-omowimy {display: grid; gap: 8px; margin-top: 10px !important; padding: 0; list-style: none; counter-reset: punkt;}
.glowna .kontakt-omowimy li {display: flex; gap: 12px; margin: 0; counter-increment: punkt;}
.glowna .kontakt-omowimy li::before {content: counter(punkt); display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 8px; background: var(--lime); font: 400 13px/1 var(--f-naglowki); color: var(--czern);}
.glowna .kontakt-czas {font-size: 14.5px; color: var(--szary);}
.glowna .kontakt-czas a {color: var(--kosc); text-decoration-color: var(--lime);}
.glowna .kontakt-karta {padding: clamp(20px, 3vw, 32px); border-radius: 22px; background: #FAFFF3;}
@media (max-width: 860px) {
.glowna .kontakt-siatka {grid-template-columns: 1fr; gap: 32px;}
}
.glowna .formularz label {font-size: 14px;}
.glowna .formularz label small {font-size: inherit; font-weight: 400;}
.glowna .formularz input, .glowna .formularz select, .glowna .formularz textarea {border: 1px solid rgba(10, 13, 4, .55); font-size: 16px;}
html[data-motyw="jasny"] .glowna .przycisk-lime .wp-block-button__link {background: var(--czern); color: #FAFFF3;}
html[data-motyw="jasny"] .glowna .przycisk-lime .wp-block-button__link:hover {color: var(--lime);}
html[data-motyw="jasny"] .glowna .o-mnie-link a, html[data-motyw="jasny"] .glowna .kontakt-czas a {text-decoration-color: var(--czern);}
html[data-motyw="jasny"] .glowna .ciemna .kontakt-czas a {text-decoration-color: var(--lime);}
html[data-motyw="jasny"] .glowna .przeplyw-krok--serwer {box-shadow: 0 0 0 3px rgba(192, 245, 61, .35);}
html[data-motyw="jasny"] .glowna .porownanie th:nth-child(2), html[data-motyw="jasny"] .glowna .porownanie td:nth-child(2) {background: rgba(192, 245, 61, .22);}
html[data-motyw="jasny"] .glowna .usluga-karta--glowna {box-shadow: 0 0 0 1px var(--lime);}
html[data-motyw="jasny"] .glowna .faq summary::after {color: var(--zielen);}
@media (max-width: 560px) {
.glowna .hero-dowody {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 360px) {
.glowna .hero h1 {font-size: 32px;}
}
@media (max-width: 600px) {
.glowna {--rytm-sekcja: 32px; --rytm-panel: 24px; --rytm-panele: 12px; --rytm-glowa: 16px; --rytm-blisko: 10px; --rytm-cta: 16px; --rytm-karta: 18px; --rytm-karty: 10px;}
.glowna {font-size: 16px; line-height: 1.5;}
.glowna .hero-lead {font-size: 17px;}
.glowna .o-mnie-wstep {font-size: 16.5px;}
.glowna .sekcja {padding-block: var(--rytm-sekcja);}
.glowna .hero > .kontener {padding-block: 20px var(--rytm-sekcja);}
.glowna .narzedzia {padding-block: 28px var(--rytm-sekcja);}
.glowna .panel-problemy {padding-block: var(--rytm-panel);}
.glowna .panel-kontakt {margin-bottom: var(--rytm-panele); padding-block: 32px;}
.glowna .glowa-rzad {gap: var(--rytm-blisko); margin-bottom: var(--rytm-glowa);}
.glowna .glowa-rzad .znacznik {margin-bottom: 0;}
.glowna .glowa-rzad > p:not(.znacznik) {padding-bottom: 0;}
.glowna .glowa-rzad h2, .glowna .faq-glowa h2, .glowna .o-mnie h2 {font-size: 24px;}
.glowna .faq-glowa h2, .glowna .o-mnie h2 {margin: var(--rytm-blisko) 0 !important;}
.glowna .kontakt-tekst h2 {margin-top: var(--rytm-blisko) !important; font-size: 26px;}
.glowna .kontakt-tekst > p:not(.znacznik) {margin-top: var(--rytm-blisko) !important;}
.glowna .narzedzia h2 {margin: var(--rytm-blisko) 0 var(--rytm-glowa); font-size: 22px;}
.glowna .hero-siatka {gap: 28px;}
.glowna .hero h1 {margin-top: 16px; font-size: 32px;}
.glowna .hero-lead {margin-top: 16px;}
.glowna .hero .przyciski {margin-top: 24px;}
.glowna .hero-dowody {margin-top: var(--rytm-glowa); padding-top: 14px;}
.glowna .faq-siatka {gap: var(--rytm-glowa);}
.glowna .faq summary {padding-block: 14px;}
.glowna .faq .wp-block-details p {padding-bottom: 16px;}
.glowna .kontakt-siatka {gap: 24px;}
.glowna .kontakt-omowimy {gap: 6px; margin-top: 8px !important;}
.glowna .kontakt-karta {padding: 16px;}
.glowna .kontakt-karta .formularz {margin-top: 0;}
.glowna .formularz {gap: 10px;}
.glowna .formularz input, .glowna .formularz select, .glowna .formularz textarea {margin-top: 0;}
.glowna .formularz textarea {min-height: 80px;}
}
.glowna .faq-wiecej {display: none;}
.glowna .faq .faq-wiecej {border: 0; border-bottom: 1px solid var(--linia); border-radius: 0; background: none;}
.glowna .faq-wiecej summary span {text-decoration: underline; text-decoration-color: var(--lime); text-underline-offset: 5px;}
.glowna .faq-wiecej[open] .faq-wiecej-pokaz {display: none;}
.glowna .faq-wiecej:not([open]) .faq-wiecej-zwin {display: none;}
@media (max-width: 600px) {
.glowna .faq .faq-wiecej:not(.faq-wiecej--komputer) {display: block;}
.glowna .faq-wiecej:not(.faq-wiecej--komputer):not([open]) ~ .wp-block-details {display: none;}
}
@media (min-width: 601px) {
.glowna .faq .faq-wiecej--komputer {display: block;}
.glowna .faq-wiecej--komputer:not([open]) ~ .wp-block-details {display: none;}
}
html[data-motyw="jasny"] .glowna .faq-wiecej summary span {text-decoration-color: var(--zielen);}
@media (max-width: 600px) {
.glowna .problemy-karty, .glowna .uslugi-karty, .glowna .przyklady {display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: var(--rytm-karty); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px 48px; margin-inline: -16px; padding: 2px 16px 10px;}
.glowna .przyklady {grid-auto-columns: 80%; margin-bottom: 12px !important;}
.glowna .os {display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px 48px; margin-inline: -16px; padding: 8px calc(24% + 16px) 6px 16px;}
.glowna .problemy-karty > *, .glowna .uslugi-karty > *, .glowna .przyklady > *, .glowna .os > * {scroll-snap-align: start;}
.glowna .problemy-karty:focus-visible, .glowna .uslugi-karty:focus-visible, .glowna .przyklady:focus-visible, .glowna .os:focus-visible {outline-offset: -2px;}
.glowna .problem-karta, .glowna .przyklad, .glowna .usluga-karta {padding: var(--rytm-karta);}
.glowna .problem-karta {gap: 8px;}
.glowna .usluga-karta {gap: 12px;}
.glowna .problem-cytat, .glowna .usluga-karta h3, .glowna .przyklad h3 {font-size: 18px;}
.glowna .co-zmieniam {padding-top: 10px;}
.glowna .usluga-cena {padding-top: 12px;}
.glowna .uslugi-cta, .glowna .proces-cta {margin-top: var(--rytm-cta);}
.glowna .os-krok {padding: 22px 22px 0 0;}
.glowna .usluga-link a {display: inline-block; padding-block: 12px; margin-block: -12px;}
.glowna .porownanie th, .glowna .porownanie td {padding: 12px;}
.glowna .porownanie tbody th, .glowna .porownanie thead td:first-child {width: 104px; min-width: 104px;}
.glowna .o-mnie {gap: 24px;}
.glowna .fakty-tabela {margin-top: var(--rytm-glowa) !important;}
.glowna .fakty-tabela th {width: 32%; padding: 8px 12px 8px 0;}
.glowna .fakty-tabela td {padding: 8px 0;}
.glowna .fakty-tabela tbody tr:nth-child(-n+3) {display: none;}
.glowna .o-mnie-link {margin-top: var(--rytm-cta) !important;}
.glowna .przeplyw {padding: 14px;}
.glowna .przeplyw-krok {padding: 10px 12px; gap: 12px;}
.glowna .przeplyw-linia {height: 16px; margin: 2px auto;}
.glowna .przeplyw-cele span {padding: 10px 6px; gap: 6px;}
.glowna .przeplyw figcaption {margin-top: 12px;}
}
.glowna .lista-ptaszki, .glowna .lista-krzyzyki {display: grid; gap: 8px; padding: 0; list-style: none; font-size: 15.5px;}
.glowna .lista-ptaszki li, .glowna .lista-krzyzyki li {position: relative; margin: 0; padding-left: 26px;}
.glowna .lista-ptaszki li::before {content: "✓"; content: "✓" / ""; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--zielen);}
.glowna .lista-krzyzyki li::before {content: "×"; content: "×" / ""; position: absolute; left: 1px; top: -1px; font-size: 18px; font-weight: 700; color: var(--szary);}
.glowna .hero--usluga .znacznik a {color: var(--szary); text-decoration-color: var(--linia);}
.glowna .hero--usluga .znacznik a:hover {color: var(--kosc);}
.glowna .hero--usluga h1 {font-size: clamp(32px, 3.5vw, 52px);}
.glowna .zakres-siatka {display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px;}
.glowna .zakres-karta {display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.4vw, 28px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .zakres-karta h3 {font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
.glowna .karty-siatka {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .karty-siatka--3, .glowna .karty-siatka--6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.glowna .karta-tresc {display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 2.4vw, 28px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .karta-tresc h3 {font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
.glowna .karta-tresc > p:not(.karta-etykieta) {font-size: 15.5px;}
.glowna .karta-etykieta, .glowna .cennik-etykieta {align-self: flex-start; padding: 5px 12px; border: 1px solid var(--linia); border-radius: 99px; font-size: 13px; font-weight: 600; color: var(--szary);}
@media (max-width: 960px) {
.glowna .karty-siatka--3, .glowna .karty-siatka--6 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 680px) {
.glowna .karty-siatka, .glowna .karty-siatka--3, .glowna .karty-siatka--6 {grid-template-columns: 1fr;}
}
.glowna .os--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.glowna .os--5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
@media (max-width: 960px) {
.glowna .os--3, .glowna .os--5 {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px;}
}
@media (max-width: 560px) {
.glowna .os--3, .glowna .os--5 {grid-template-columns: 1fr;}
}
.glowna .cennik-karty {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; align-items: stretch;}
.glowna .cennik-karta {display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.6vw, 30px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .cennik-karta--wyroznij {border-color: var(--lime); box-shadow: 0 0 0 1px rgba(192, 245, 61, .25);}
.glowna .cennik-karta h3 {font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
.glowna .cennik-cena {padding-bottom: 14px; border-bottom: 1px solid var(--linia); font-size: 14.5px; color: var(--szary);}
.glowna .cennik-cena strong {display: block; margin-bottom: 4px; font: 400 clamp(26px, 2.6vw, 34px)/1.1 var(--f-naglowki); color: var(--kosc);}
.glowna .cennik-karta > p:not(.cennik-cena):not(.cennik-etykieta):not(.usluga-czas) {font-size: 15.5px;}
.glowna .cennik-przycisk {margin-top: auto !important; padding-top: 6px;}
.glowna .cennik-uwagi {display: grid; gap: 6px; margin-top: 20px !important; padding: 0; list-style: none; font-size: 14px; color: var(--szary);}
.glowna .cennik-uwagi li {margin: 0; padding-left: 18px; position: relative;}
.glowna .cennik-uwagi li::before {content: "•"; content: "•" / ""; position: absolute; left: 2px; color: var(--zielen);}
.glowna .tabela-uslugi {overflow-x: auto; border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .tabela-uslugi table {width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px;}
.glowna .tabela-uslugi th, .glowna .tabela-uslugi td {padding: 16px 18px; border: 0; border-bottom: 1px solid var(--linia); text-align: left; vertical-align: top; color: var(--szary);}
.glowna .tabela-uslugi tbody tr:last-child > * {border-bottom: 0;}
.glowna .tabela-uslugi thead th {font: 600 15px/1.3 var(--f-tekst); color: var(--kosc);}
.glowna .tabela-uslugi tbody th {width: 26%; font-weight: 600; color: var(--kosc);}
.glowna .tabela-uslugi figcaption {margin: 0; padding: 12px 18px 16px; font-size: 13.5px; color: var(--szary); text-align: left;}
@media (max-width: 781px) {
.glowna .tabela-uslugi tbody th, .glowna .tabela-uslugi thead td:first-child {position: sticky; left: 0; z-index: 1; background: var(--karta); box-shadow: 1px 0 0 var(--linia);}
}
@media (max-width: 640px) {
.glowna .tabela-uslugi tbody th, .glowna .tabela-uslugi thead td:first-child {width: 120px; min-width: 120px;}
}
.glowna .dla-kogo-siatka {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .dla-kogo-tak, .glowna .dla-kogo-nie {display: flex; flex-direction: column; gap: 16px; padding: clamp(22px, 2.6vw, 30px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .dla-kogo-tak {border-color: rgba(33, 163, 102, .55);}
.glowna .dla-kogo-siatka h3 {font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
@media (max-width: 760px) {
.glowna .dla-kogo-siatka {grid-template-columns: 1fr;}
}
.glowna .tekst-siatka {display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start;}
.glowna .tekst-glowa h2 {margin: 22px 0 0 !important; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.08;}
.glowna .tekst-tresc {display: grid; gap: 16px; max-width: 680px; font-size: 17px;}
.glowna .tekst-tresc > p {margin: 0;}
@media (max-width: 860px) {
.glowna .tekst-siatka {grid-template-columns: 1fr; gap: 24px;}
}
.glowna .o-mnie--krotko {grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr);}
.glowna .o-mnie--krotko .o-mnie-zdjecie {max-width: 360px;}
.glowna .o-mnie-punkty {margin-top: 18px !important;}
@media (max-width: 860px) {
.glowna .o-mnie--krotko {grid-template-columns: 1fr;}
.glowna .o-mnie--krotko .o-mnie-zdjecie {max-width: 280px;}
}
.glowna .usluga-link {font-weight: 600;}
.glowna .usluga-link a {color: var(--kosc); text-decoration-color: var(--lime);}
.glowna .usluga-link a::after {content: " →"; content: " →" / "";}
.glowna .inne-uslugi {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;}
.glowna .inna-usluga {position: relative; display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; border: 1px solid var(--linia); border-radius: 18px; background: var(--karta); transition: border-color .2s;}
.glowna .inna-usluga:hover, .glowna .inna-usluga:focus-within {border-color: var(--lime);}
.glowna .inna-usluga h3 {font: 600 17px/1.3 var(--f-tekst);}
.glowna .inna-usluga h3 a {color: var(--kosc); text-decoration: none;}
.glowna .inna-usluga h3 a::after {content: ""; position: absolute; inset: 0; border-radius: 18px;}
.glowna .inna-usluga h3 a::before {content: "→ "; content: "→ " / ""; color: var(--lime);}
.glowna .inna-usluga p {font-size: 14.5px; color: var(--szary);}
html[data-motyw="jasny"] .glowna .cennik-karta--wyroznij {box-shadow: 0 0 0 1px var(--lime);}
html[data-motyw="jasny"] .glowna .inna-usluga h3 a::before {color: var(--zielen);}
html[data-motyw="jasny"] .glowna .usluga-link a {text-decoration-color: var(--czern);}
.glowna .uslugi-skroty {display: grid; gap: 8px; padding: clamp(14px, 2vw, 20px); border: 1px solid var(--linia); border-radius: 24px; background: var(--karta);}
.glowna .uslugi-skroty a {display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 12px 14px; border: 1px solid var(--linia); border-radius: 16px; background: var(--bg); color: var(--tekst); text-decoration: none; transition: border-color .2s;}
.glowna .uslugi-skroty a:hover, .glowna .uslugi-skroty a:focus-visible {border-color: var(--lime);}
.glowna .uslugi-skroty a::after {content: "→"; content: "→" / ""; margin-left: auto; padding-left: 8px; color: var(--lime);}
.glowna .uslugi-skroty b {display: block; font-weight: 600; color: var(--kosc);}
.glowna .uslugi-skroty small {display: block; margin-top: 2px; font-size: 13px; line-height: 1.35; color: var(--szary);}
.glowna .skrot-logo, .glowna .karta-wizual-logo {display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: #FFFFFF;}
.glowna .skrot-logo img, .glowna .karta-wizual-logo img {width: 28px; height: 28px; padding: 0; object-fit: contain;}
.glowna .skrot-ikona svg {width: 24px; height: 24px; color: #1C211A;}
.glowna .karta-wizual, .glowna .karta-wnioskow, .glowna .czat-schemat {margin: 0; padding: clamp(18px, 2.4vw, 26px); border: 1px solid var(--linia); border-radius: 24px; background: var(--karta);}
.glowna .karta-wizual-glowa {display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--linia);}
.glowna .karta-wizual-glowa b {font: 400 17px/1.25 var(--f-naglowki); color: var(--kosc);}
.glowna .karta-wizual-glowa small {margin-left: auto; padding: 3px 10px; border: 1px solid var(--linia); border-radius: 99px; font-size: 12.5px; color: var(--szary);}
.glowna .karta-wizual-lista {display: grid; margin: 6px 0 0; padding: 0; list-style: none;}
.glowna .karta-wizual-lista li {display: flex; gap: 12px; margin: 0; padding: 11px 0; border-bottom: 1px solid var(--linia-slaba);}
.glowna .karta-wizual-lista svg {flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--lime);}
.glowna .karta-wizual-lista b {display: block; font-weight: 600; color: var(--kosc);}
.glowna .karta-wizual-lista small {display: block; font-size: 13.5px; line-height: 1.4; color: var(--szary);}
.glowna .karta-wizual-pigulki {display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0 !important;}
.glowna .karta-wizual-pigulki span {padding: 5px 11px; border: 1px solid var(--linia); border-radius: 99px; font-size: 12.5px; font-weight: 600; color: var(--tekst);}
.glowna .karta-wizual figcaption, .glowna .karta-wnioskow figcaption, .glowna .czat-schemat figcaption {margin-top: 14px; font-size: 13px; line-height: 1.45; color: var(--szary);}
.glowna .karta-wnioskow ul {display: grid; margin: 4px 0 0; padding: 0; list-style: none;}
.glowna .karta-wnioskow li {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--linia-slaba); font-size: 15px; color: var(--kosc);}
.glowna .stan {flex: none; padding: 4px 10px; border-radius: 99px; font-size: 12.5px; font-style: normal; font-weight: 600;}
.glowna .stan--ok {background: rgba(33, 163, 102, .18); color: #7EE0AE;}
.glowna .stan--popraw {background: rgba(224, 165, 38, .18); color: #F3C969;}
.glowna .stan--pilne {background: rgba(255, 156, 140, .16); color: #FF9C8C;}
.glowna .czat-pytanie {max-width: 84%; margin: 0 0 16px auto !important; padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: var(--oliwka); color: var(--kosc); font-size: 15px;}
.glowna .czat-odpowiedz {display: grid; gap: 9px; padding: 4px 0 18px;}
.glowna .czat-odpowiedz span {display: block; height: 10px; border-radius: 6px; background: var(--linia);}
.glowna .czat-odpowiedz span:nth-child(2) {width: 92%;}
.glowna .czat-odpowiedz span:nth-child(3) {width: 97%;}
.glowna .czat-odpowiedz span:nth-child(4) {width: 61%;}
.glowna .czat-reklama {display: grid; gap: 4px; padding: 14px 16px; border: 1px solid var(--lime); border-radius: 16px; background: var(--bg);}
.glowna .czat-reklama small {font-size: 12px; font-weight: 600; color: var(--szary);}
.glowna .czat-reklama b {font-weight: 600; color: var(--kosc);}
.glowna .czat-reklama span {font-size: 14px; color: var(--tekst);}
.glowna .przeplyw-dwa {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
@media (max-width: 420px) {
.glowna .przeplyw-dwa {grid-template-columns: 1fr;}
}
html[data-motyw="jasny"] .glowna .stan--ok {background: rgba(33, 163, 102, .14); color: #0F6B3E;}
html[data-motyw="jasny"] .glowna .stan--popraw {background: rgba(224, 165, 38, .2); color: #7A5200;}
html[data-motyw="jasny"] .glowna .stan--pilne {background: rgba(204, 60, 40, .12); color: #A32616;}
html[data-motyw="jasny"] .glowna .karta-wizual-lista svg {color: var(--zielen);}
html[data-motyw="jasny"] .glowna .uslugi-skroty a::after {color: var(--zielen);}
.glowna .usluga-linki {font-size: 14.5px; color: var(--szary);}
.glowna .usluga-linki a {font-weight: 600; color: var(--kosc); text-decoration-color: var(--lime);}
html[data-motyw="jasny"] .glowna .usluga-linki a {text-decoration-color: var(--czern);}
.glowna .wspolpraca-lista {display: grid; margin: 4px 0 0;}
.glowna .wspolpraca-lista > div {display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 4px 16px; padding: 12px 0; border-bottom: 1px solid var(--linia-slaba);}
.glowna .wspolpraca-lista > div:last-child {padding-bottom: 0; border-bottom: 0;}
.glowna .wspolpraca-lista dt {font-size: 13.5px; line-height: 1.4; color: var(--szary);}
.glowna .wspolpraca-lista dd {margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--kosc);}
.glowna .wspolpraca-lista a {color: var(--kosc); text-decoration-color: var(--lime);}
@media (max-width: 420px) {
.glowna .wspolpraca-lista > div {grid-template-columns: 1fr;}
}
.glowna .cennik-aktualizacja {margin-top: 14px !important; font-size: 13px; color: var(--szary);}
.glowna .w-cenie-siatka {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .w-cenie-kolumna {display: flex; flex-direction: column; gap: 16px; padding: clamp(22px, 2.6vw, 30px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .w-cenie-kolumna:not(.w-cenie-kolumna--osobno) {border-color: rgba(33, 163, 102, .55);}
.glowna .w-cenie-kolumna h3 {font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
.glowna .lista-osobno {display: grid; gap: 8px; padding: 0; list-style: none; font-size: 15.5px;}
.glowna .lista-osobno li {position: relative; margin: 0; padding-left: 26px;}
.glowna .lista-osobno li::before {content: "+"; content: "+" / ""; position: absolute; left: 1px; top: -1px; font-size: 18px; font-weight: 700; color: var(--szary);}
@media (max-width: 760px) {
.glowna .w-cenie-siatka {grid-template-columns: 1fr;}
}
.glowna .koszt-siatka {display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px;}
.glowna .koszt-czesc {position: relative; display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 2.6vw, 30px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .koszt-czesc + .koszt-czesc::before {content: "+"; content: "+" / ""; position: absolute; top: 50%; left: -31px; display: grid; place-items: center; width: 22px; height: 22px; margin-top: -11px; font: 600 22px/1 var(--f-tekst); color: var(--lime);}
.glowna .koszt-czesc h3 {font: 600 15px/1.3 var(--f-tekst); color: var(--szary);}
.glowna .koszt-kwota {padding-bottom: 12px; border-bottom: 1px solid var(--linia);}
.glowna .koszt-kwota strong {font: 400 clamp(24px, 2.4vw, 32px)/1.15 var(--f-naglowki); color: var(--kosc);}
.glowna .koszt-czesc > p:not(.koszt-kwota) {font-size: 15.5px;}
.glowna .koszt-uwaga {max-width: 760px; margin-top: 20px !important; font-size: 14px; color: var(--szary);}
@media (max-width: 600px) {
.glowna .koszt-siatka {gap: 34px;}
.glowna .koszt-czesc + .koszt-czesc::before {top: -29px; left: 50%; margin: 0 0 0 -11px;}
}
.glowna .kalendarz {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.glowna .kalendarz--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.glowna .kalendarz--4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.glowna .kalendarz-kolumna {display: flex; flex-direction: column; gap: 16px; padding: clamp(22px, 2.4vw, 28px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .kalendarz-kolumna h3 {padding-bottom: 14px; border-bottom: 2px solid var(--lime); font: 400 clamp(19px, 1.8vw, 22px)/1.25 var(--f-naglowki);}
.glowna .kalendarz-kolumna .lista-ptaszki {font-size: 15px;}
@media (max-width: 1060px) {
.glowna .kalendarz--4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 960px) {
.glowna .kalendarz--3 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 680px) {
.glowna .kalendarz, .glowna .kalendarz--3, .glowna .kalendarz--4 {grid-template-columns: 1fr;}
}
.glowna .test {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 14px; align-items: start;}
.glowna .test-pytania {display: grid; gap: 8px; min-width: 0; margin: 0; padding: clamp(18px, 2.4vw, 26px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .test-pytania legend {float: left; width: 100%; margin-bottom: 8px; padding: 0; font: 600 15px/1.4 var(--f-tekst); color: var(--kosc);}
.glowna .test-pytanie {display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding: 12px 14px; border: 1px solid var(--linia); border-radius: 14px; background: var(--bg); font-size: 15.5px; line-height: 1.45; color: var(--tekst); cursor: pointer; transition: border-color .2s;}
.glowna .test-pytanie:hover {border-color: var(--lime);}
.glowna .test-pytanie:has(input:checked) {border-color: var(--lime); color: var(--kosc);}
.glowna .test-pytanie input {flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--lime); cursor: pointer;}
.glowna .test-pytanie input:focus-visible {outline: 2px solid var(--lime); outline-offset: 3px;}
.glowna .test-wynik {display: grid; gap: 12px; padding: clamp(18px, 2.4vw, 26px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .test-wynik-tytul {font: 600 15px/1.4 var(--f-tekst); color: var(--kosc);}
.glowna .test-progi {display: grid; gap: 8px; margin: 0; padding: 0; list-style: none;}
.glowna .test-progi li {display: grid; gap: 4px; margin: 0; padding: 12px 14px; border: 1px solid var(--linia); border-radius: 14px; font-size: 15px; line-height: 1.45; color: var(--szary); transition: border-color .2s, background-color .2s;}
.glowna .test-progi b {font-size: 13px; font-weight: 600; color: var(--kosc);}
.glowna .test-progi li.test-prog--aktywny {border-color: var(--lime); background: rgba(192, 245, 61, .08); color: var(--kosc);}
.glowna .test-wynik-tekst {font-size: 14px; color: var(--szary);}
.glowna .test-wynik-tekst:empty {display: none;}
@media (max-width: 860px) {
.glowna .test {grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce) {
.glowna .test-pytanie, .glowna .test-progi li {transition: none;}
}
.glowna .schemat-obraz {margin: 0; padding: clamp(14px, 2.4vw, 28px); border: 1px solid var(--linia); border-radius: 22px; background: var(--karta);}
.glowna .schemat-obraz img {display: block; width: 100%; height: auto; margin-inline: auto;}
.glowna .schemat-obraz figcaption {margin: 14px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--szary); text-align: left;}
html[data-motyw="jasny"] .glowna .wspolpraca-lista a {text-decoration-color: var(--czern);}
html[data-motyw="jasny"] .glowna .koszt-czesc + .koszt-czesc::before {color: var(--zielen);}
html[data-motyw="jasny"] .glowna .kalendarz-kolumna h3 {border-bottom-color: var(--zielen);}
html[data-motyw="jasny"] .glowna .test-pytanie:hover, html[data-motyw="jasny"] .glowna .test-pytanie:has(input:checked) {border-color: var(--zielen);}
html[data-motyw="jasny"] .glowna .test-pytanie input {accent-color: var(--zielen);}
html[data-motyw="jasny"] .glowna .test-pytanie input:focus-visible {outline-color: var(--zielen);}
html[data-motyw="jasny"] .glowna .test-progi li.test-prog--aktywny {border-color: var(--zielen); background: rgba(33, 163, 102, .1);}
@media (max-width: 600px) {
.glowna .hero--usluga h1 {font-size: 30px;}
}