/* ================================================================
   AUDYT STRONY INTERNETOWEJ - design "Orbita"
   (templates/landing-audyt-strony.php)

   Warstwa na home-cosmos.css i audit-tool.css (wspólne: cz-aeo, cz-facts,
   cz-plans, cz-compare, cz-ps, cz-flight, cz-faq, cz-guides, cz-form;
   au-* = formularz i wynik skanu - tu tylko pozycja formularza w hero).
   Tu: hero "przegląd strony" (okno przeglądarki ze skanem, znaczniki
   testów, karta raportu, Core Web Vitals), 5 obszarów skanu, przykładowy
   raport, poziomy oferty, interaktywna checklista, Core Web Vitals,
   bezpieczeństwo, dostępność, porównanie, inne audyty. Prefiks aw-.
   ================================================================ */

.aw-page [hidden]{display:none!important}
.aw-hero .cz-hero__title{font-size:clamp(2.2rem,4vw,3.5rem)!important}
@media (min-width:1025px){.aw-hero{padding-bottom:clamp(170px,21vh,220px)}}
.aw-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.aw-nw{white-space:nowrap}
.cz-aeo__more a,.cz-head__aside a{color:var(--cz-indigo-deep);font-weight:600}
.cz-dark .cz-head__aside a{color:var(--cz-cyan)}
/* wynik skanu (jasny) tuż nad jasną sekcją 01 - cienka linia podziału */
.au-res:not([hidden])+.cz-light{border-top:1px solid var(--cz-line-l)}

/* formularz skanu w hero (komponent au-form) */
.aw-scanbox{display:block}
.aw-scanbox .au-form{margin-top:26px}
.aw-hero .cz-proof{margin:26px 0 0}

/* ================================================================
   HERO - przegląd strony (przykład)
   ================================================================ */
.aw-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:600px;padding:20px 0 112px;perspective:1600px}
.aw-win{position:relative;width:94%;margin-left:auto;border-radius:16px;overflow:hidden;background:#0E1326;
	box-shadow:0 0 0 1px rgba(165,180,252,.26),0 0 0 7px rgba(255,255,255,.03),0 60px 100px -50px rgba(0,0,0,.95),0 0 140px -40px rgba(99,102,241,.55);
	transform:rotateY(-7deg) rotateX(2deg);transform-origin:80% 50%}
.aw-win__bar{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;background:#121831;border-bottom:1px solid rgba(255,255,255,.06)}
.aw-win__dots{display:flex;gap:5px;flex:none}
.aw-win__dots i{width:8px;height:8px;border-radius:50%;background:#F87171}
.aw-win__dots i:nth-child(2){background:#FBBF24}
.aw-win__dots i:nth-child(3){background:#34D399}
.aw-addr{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:23px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.06);font:500 .68rem/1 var(--cz-mono);color:#C9D1E8;white-space:nowrap;overflow:hidden}
.aw-addr i{flex:none;font-size:.58rem;color:#34D399}
.aw-addr span{overflow:hidden;text-overflow:ellipsis;transition:opacity .4s}
.aw-chip{flex:none;padding:5px 8px;border-radius:999px;background:rgba(251,191,36,.14);color:#FCD34D;font:600 .56rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}

/* makieta skanowanej strony: kontener (1cqw = 1% szerokości), wysokość 72cqw */
.aw-site{position:relative;container-type:inline-size;aspect-ratio:100/72;overflow:hidden;background:#F3F4F9}
.aw-s__nav{display:flex;align-items:center;gap:3cqw;height:8.5cqw;padding:0 5cqw;background:#fff;border-bottom:1px solid #E6E8F0}
.aw-s__logo{width:13cqw;height:3cqw;border-radius:1cqw;background:linear-gradient(90deg,#4F46E5,#22D3EE)}
.aw-s__links{display:flex;gap:2.4cqw;margin-left:auto}
.aw-s__links i{width:7cqw;height:1.4cqw;border-radius:1cqw;background:#D5D9E6}
.aw-s__cta{width:12cqw;height:4.2cqw;border-radius:99px;background:#1E2640}
.aw-s__hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5cqw;padding:5cqw 5cqw 4.5cqw;background:#fff}
.aw-s__copy{display:flex;flex-direction:column;gap:1.7cqw}
.aw-s__copy i{display:block;border-radius:1cqw}
.aw-s__h{width:92%;height:3.4cqw;background:#1E2640}
.aw-s__h--2{width:64%}
.aw-s__p{width:100%;height:1.4cqw;margin-top:.3cqw;background:#D5D9E6}
.aw-s__p--s{width:72%}
.aw-s__btn{width:20cqw;height:5cqw;margin-top:1.8cqw;border-radius:99px;background:#4F46E5}
.aw-s__img{display:grid;place-items:center;min-height:22cqw;border-radius:2.4cqw;background:linear-gradient(140deg,#C7D2FE,#A5F3FC);color:rgba(30,38,64,.32);font-size:7cqw}
.aw-s__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw;padding:3.6cqw 5cqw}
.aw-s__cards span{display:flex;flex-direction:column;gap:1.3cqw;padding:2.6cqw;border-radius:2cqw;background:#fff;border:1px solid #E6E8F0}
.aw-s__cards i{width:5cqw;height:5cqw;margin-bottom:.6cqw;border-radius:1.4cqw;background:#E0E7FF}
.aw-s__cards b{height:1.3cqw;border-radius:1cqw;background:#D5D9E6}
.aw-s__cards b:last-child{width:68%}
.aw-s__foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4cqw;height:8cqw;padding:0 5cqw;background:#1E2640}
.aw-s__foot i{width:10cqw;height:1.3cqw;border-radius:1cqw;background:rgba(255,255,255,.22)}

/* skaner: pasek przesuwa się z góry na dół (transform), potem znika */
.aw-scan{position:absolute;left:0;right:0;top:-12cqw;z-index:3;height:12cqw;pointer-events:none;opacity:0;
	background:linear-gradient(180deg,rgba(99,102,241,0),rgba(99,102,241,.14));border-bottom:2px solid #6366F1;
	transform:translate3d(0,0,0)}
.aw-scan.is-run{opacity:1;transform:translate3d(0,84cqw,0);transition:transform var(--scan,3200ms) linear,opacity .3s}
.aw-scan.is-done{opacity:0;transform:translate3d(0,84cqw,0);transition:opacity .5s}

/* znaczniki testów przy elementach makiety */
.aw-pin{position:absolute;z-index:4;display:flex;align-items:center;gap:1.6cqw;max-width:44cqw;padding:1.3cqw 2.2cqw 1.3cqw 1.6cqw;border-radius:2cqw;background:#fff;
	box-shadow:0 0 0 1px rgba(11,16,32,.08),0 2.4cqw 5cqw -2cqw rgba(11,16,32,.35);
	opacity:0;transform:translate3d(0,1.6cqw,0) scale(.96);transition:opacity .45s,transform .6s var(--cz-ease)}
.aw-pin.is-on{opacity:1;transform:none}
.aw-pin>i{flex:none;font-size:3cqw}
.aw-pin>span{display:grid;min-width:0;row-gap:.3cqw}
.aw-pin small{font:500 1.75cqw/1.1 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase;color:#8A93B0}
.aw-pin b{font:600 2.35cqw/1.2 var(--cz-body);color:#1E2640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-pin.is-ok>i{color:#059669}
.aw-pin.is-warn>i{color:#D97706}
.aw-pin.is-fail>i{color:#E11D48}
.aw-pin.is-fail{box-shadow:0 0 0 1px rgba(225,29,72,.3),0 2.4cqw 5cqw -2cqw rgba(11,16,32,.35)}
.aw-pin--1{top:10cqw;right:3.5cqw}
.aw-pin--2{top:18.5cqw;left:21cqw}
.aw-pin--3{top:31cqw;right:4cqw}
.aw-pin--4{top:43cqw;left:44cqw}
.aw-pin--5{top:56.5cqw;right:5cqw}

/* karta raportu */
.aw-rep{position:absolute;left:0;bottom:6px;z-index:5;width:min(272px,52%);padding:16px 16px 14px;border-radius:18px;background:#F4F5FA;color:var(--cz-ink-text);box-shadow:0 30px 60px -28px rgba(0,0,0,.9)}
.aw-rep__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font:500 .6rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted-l)}
.aw-rep__head i{margin-right:6px;color:var(--cz-indigo-deep)}
.aw-rep__head em{padding:4px 7px;border-radius:999px;background:#FEF3C7;color:#92400E;font-style:normal;font-size:.54rem}
.aw-rep__score{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px}
.aw-rep__score b{font:600 2.2rem/1 var(--cz-display);letter-spacing:-.04em;color:var(--cz-ink-text);font-variant-numeric:tabular-nums}
.aw-rep__score small{font:500 .74rem/1 var(--cz-mono);color:var(--cz-muted-l)}
.aw-rep__score span{flex-basis:100%;margin-top:4px;font-size:.74rem;font-weight:600;line-height:1.3;color:#3A4459;transition:opacity .4s}
.aw-rep__bar{display:block;height:6px;margin:10px 0 12px;border-radius:99px;background:#E1E4EE;overflow:hidden}
.aw-rep__bar i,.aw-rep__mini i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4F46E5,#22D3EE);transform-origin:0 50%;transition:transform 1s var(--cz-ease)}
.aw-rep__list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.aw-rep__list li{display:grid;grid-template-columns:minmax(0,1fr) 54px 22px;gap:8px;align-items:center;font-size:.7rem;line-height:1.2;color:#3A4459}
.aw-rep__list li>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-rep__list b{font:600 .7rem/1 var(--cz-mono);text-align:right;color:var(--cz-ink-text);font-variant-numeric:tabular-nums}
.aw-rep__mini{display:block;height:5px;border-radius:99px;background:#E1E4EE;overflow:hidden}
.aw-rep__list li.is-ok .aw-rep__mini i{background:#10B981}
.aw-rep__list li.is-warn .aw-rep__mini i{background:#F59E0B}
.aw-rep__list li.is-fail .aw-rep__mini i{background:#F43F5E}

/* Core Web Vitals */
.aw-cwv{position:absolute;right:2%;bottom:22px;z-index:5;width:min(200px,38%);padding:13px 14px;border-radius:16px;background:rgba(14,19,38,.92);border:1px solid rgba(165,180,252,.2);box-shadow:0 30px 60px -28px rgba(0,0,0,.9);backdrop-filter:blur(8px)}
.aw-cwv__h{margin-bottom:9px!important;font:500 .58rem/1.3 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-lav)}
.aw-cwv__h i{margin-right:5px;color:var(--cz-cyan)}
.aw-cwv ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.aw-cwv li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font:500 .7rem/1 var(--cz-mono);color:#C9D1E8}
.aw-cwv li::before{content:"";width:8px;height:8px;border-radius:50%;background:#34D399}
.aw-cwv li.is-warn::before{background:#FBBF24}
.aw-cwv li.is-fail::before{background:#FB7185}
.aw-cwv li b{color:#fff;font-weight:600;transition:opacity .4s}

/* zmiana przykładu: wygaszenie treści, reset bez przejść */
.aw-stage.is-fade .aw-pin,.aw-stage.is-fade #awDomain,.aw-stage.is-fade .aw-rep__score span,.aw-stage.is-fade .aw-cwv li b{opacity:0}
.aw-stage.is-instant *{transition:none!important}

.cz-js .aw-stage{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.2s var(--cz-ease),transform 1.2s var(--cz-ease)}
.cz-js .cz-hero.is-in .aw-stage{opacity:1;transform:none;transition-delay:.7s}

/* ================================================================
   02 - obszary skanu
   ================================================================ */
.aw-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aw-area{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:26px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88));transition:border-color .35s}
.aw-area:hover{border-color:rgba(165,180,252,.32)}
.aw-area__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.aw-area__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(99,102,241,.16);color:var(--cz-cyan);font-size:1.05rem}
.aw-area__n{font:500 .7rem/1 var(--cz-mono);letter-spacing:.08em;color:rgba(154,163,192,.7)}
.cz-page .aw-area h3{font-size:1.2rem!important;line-height:1.25!important;color:#fff}
.aw-area>p{font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.aw-area ul{display:grid;gap:7px;margin:4px 0;padding:0;list-style:none}
.aw-area li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.85rem;line-height:1.45;color:rgba(232,234,246,.86)}
.aw-area li i{margin-top:4px;font-size:.62rem;color:var(--cz-cyan)}
.aw-area .aw-area__not{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(165,180,252,.12);font-size:.8rem;line-height:1.5;color:var(--cz-lav)}
.aw-area__not i{margin-top:3px;font-size:.72rem}
.aw-area--cta{justify-content:center;background:linear-gradient(160deg,rgba(99,102,241,.26),rgba(34,211,238,.08));border-color:rgba(165,180,252,.3)}
.aw-area--cta .cz-btn{margin-top:8px}
.aw-limits{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10px 48px;align-items:start;margin-top:24px;padding:26px 28px;border-radius:24px;border:1px dashed rgba(165,180,252,.3);background:rgba(255,255,255,.02)}
.cz-page .aw-limits h3{font-size:1.12rem!important;line-height:1.35!important;letter-spacing:-.02em;color:#fff}
.aw-limits h3 i{margin-right:8px;color:var(--cz-cyan)}
.aw-limits p{font-size:.94rem;line-height:1.7;color:var(--cz-muted)}

/* ================================================================
   03 - przykładowy raport + co zawiera
   ================================================================ */
.aw-report{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(24px,4vw,48px);align-items:start}
.aw-paper{padding:clamp(20px,2.6vw,30px);border-radius:26px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 50px 90px -60px rgba(49,46,129,.55)}
.aw-paper__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--cz-line-l)}
.aw-paper__head small{display:block;margin-bottom:6px;font:500 .64rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.aw-paper__head b{font:600 1.08rem/1.2 var(--cz-display);letter-spacing:-.02em;color:var(--cz-ink-text);word-break:break-word}
.aw-paper__tag{flex:none;padding:6px 10px;border-radius:999px;background:#FEF3C7;color:#92400E;font:600 .6rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}
.aw-paper__sum{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:16px 0}
.aw-paper__sum>span b{font:600 2.4rem/1 var(--cz-display);letter-spacing:-.04em;color:var(--cz-ink-text)}
.aw-paper__sum>span small{margin-left:4px;font:500 .8rem/1 var(--cz-mono);color:var(--cz-muted-l)}
.aw-paper__sum ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.aw-paper__sum li{padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:600}
.aw-paper__sum li b{font-family:var(--cz-mono)}
.aw-paper__sum li.is-hi{background:#FFE4E6;color:#BE123C}
.aw-paper__sum li.is-mid{background:#FEF3C7;color:#92400E}
.aw-paper__sum li.is-lo{background:#EEF0F5;color:#475069}
.aw-paper__tbl{width:100%;border-collapse:collapse;font-size:.84rem;line-height:1.45}
.aw-paper__tbl th{padding:10px 10px 10px 0;text-align:left;border-bottom:1px solid var(--cz-line-l);font:500 .6rem/1.2 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.aw-paper__tbl td{padding:13px 12px 13px 0;vertical-align:top;border-bottom:1px solid var(--cz-line-l);color:#3A4459}
.aw-paper__tbl tr:last-child td{border-bottom:0}
.aw-paper__tbl td:last-child{padding-right:0;white-space:nowrap;font:500 .76rem/1.4 var(--cz-mono);color:var(--cz-ink-text)}
.aw-paper__tbl td b{display:block;font-weight:600;color:var(--cz-ink-text)}
.aw-paper__tbl td small{display:block;margin-top:4px;font-size:.76rem;line-height:1.4;color:var(--cz-muted-l)}
.aw-prio{display:inline-block;padding:5px 9px;border-radius:999px;font:600 .6rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase}
.aw-prio.is-hi{background:#FFE4E6;color:#BE123C}
.aw-prio.is-mid{background:#FEF3C7;color:#92400E}
.aw-prio.is-lo{background:#EEF0F5;color:#475069}
.aw-paper__note{display:flex;gap:8px;margin-top:14px!important;padding-top:14px;border-top:1px solid var(--cz-line-l);font-size:.8rem;line-height:1.5;color:var(--cz-muted-l)}
.aw-paper__note i{margin-top:3px;color:var(--cz-indigo-deep)}
.cz-page .aw-incl__h{margin-bottom:14px!important;font-size:1.15rem!important;line-height:1.3!important;letter-spacing:-.02em;color:var(--cz-ink-text)}
.aw-incl ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.aw-incl li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(11,16,32,.07)}
.aw-incl__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.9rem}
.aw-incl b{display:block;font-size:.95rem;color:var(--cz-ink-text)}
.aw-incl p{margin-top:3px!important;font-size:.84rem;line-height:1.55;color:var(--cz-muted-l)}

/* ================================================================
   04 - poziomy oferty + co dalej
   ================================================================ */
.aw-plan__lvl{margin-bottom:8px;font:500 .64rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-lav)}
.cz-plan.is-popular .aw-plan__lvl{color:var(--cz-indigo-deep)}
.cz-page .aw-next__h{margin:clamp(48px,6vw,72px) 0 16px!important;font:500 .7rem/1 var(--cz-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--cz-lav)}
.aw-next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aw-next__item{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:22px;border:1px solid rgba(165,180,252,.14);background:rgba(255,255,255,.025);text-decoration:none;transition:border-color .35s,background .35s}
.aw-next__item:hover{border-color:rgba(165,180,252,.36);background:rgba(99,102,241,.08)}
.aw-next__item>i{margin-bottom:6px;color:var(--cz-cyan)}
.aw-next__item strong{font:600 .98rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.aw-next__item b{font:600 .78rem/1 var(--cz-mono);color:var(--cz-cyan)}
.aw-next__item span{font-size:.84rem;line-height:1.5;color:var(--cz-muted)}

/* ================================================================
   05 - checklista
   ================================================================ */
.aw-cl{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(24px,4vw,48px);align-items:start}
.aw-cl__panel{position:sticky;top:104px;padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.aw-cl__k{font:500 .64rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-indigo-deep)}
.aw-cl__count{display:flex;align-items:baseline;gap:8px;margin-top:10px!important}
.aw-cl__count b{font:600 3rem/1 var(--cz-display);letter-spacing:-.05em;color:var(--cz-ink-text);font-variant-numeric:tabular-nums}
.aw-cl__count span{font:500 .9rem/1 var(--cz-mono);color:var(--cz-muted-l)}
.aw-cl__bar{display:block;height:8px;margin:14px 0;border-radius:99px;background:#E6E8F0;overflow:hidden}
.aw-cl__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4F46E5,#22D3EE);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--cz-ease)}
.aw-cl__msg{min-height:3em;font-size:.88rem;line-height:1.55;color:#3A4459}
.aw-cl__areas{display:grid;gap:2px;margin:14px 0 18px;padding:0;list-style:none}
.aw-cl__areas li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--cz-line-l);font-size:.84rem;color:var(--cz-muted-l)}
.aw-cl__areas li:first-child{border-top:0}
.aw-cl__areas b{font:600 .78rem/1.4 var(--cz-mono);color:var(--cz-ink-text)}
.aw-cl__areas li.is-full b{color:#047857}
.aw-cl__btns{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.aw-cl__reset{display:inline-flex;align-items:center;gap:7px;padding:8px 0;border:0;background:none;font:500 .84rem/1 var(--cz-body);color:var(--cz-muted-l);cursor:pointer}
.aw-cl__reset:hover{color:var(--cz-ink-text)}
.aw-cl__hint{margin-top:16px!important;padding-top:14px;border-top:1px solid var(--cz-line-l);font-size:.84rem;line-height:1.5;color:var(--cz-muted-l)}
.aw-cl__hint a{color:var(--cz-indigo-deep);font-weight:600}
.aw-cl__groups{display:grid;gap:14px}
.aw-cl__g{margin:0;padding:8px 22px 10px;border-radius:24px;border:1px solid rgba(11,16,32,.08);background:#fff;min-width:0}
.aw-cl__g legend{float:left;width:100%;padding:14px 0 8px;font:600 1.02rem/1.3 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.aw-cl__i{position:relative;clear:both;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--cz-line-l);cursor:pointer}
.aw-cl__i input{position:absolute;opacity:0;width:26px;height:26px;margin:0;cursor:pointer}
.aw-cl__box{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1.5px solid #C5CADB;background:#fff;color:#fff;font-size:.72rem;transition:background .25s,border-color .25s}
.aw-cl__box i{opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s var(--cz-ease)}
.aw-cl__i:hover .aw-cl__box{border-color:var(--cz-indigo)}
.aw-cl__i input:focus-visible+.aw-cl__box{box-shadow:0 0 0 3px rgba(99,102,241,.4)}
.aw-cl__i input:checked+.aw-cl__box{background:var(--cz-indigo-deep);border-color:var(--cz-indigo-deep)}
.aw-cl__i input:checked+.aw-cl__box i{opacity:1;transform:none}
.aw-cl__t b{display:block;font-size:.93rem;font-weight:600;line-height:1.45;color:var(--cz-ink-text);transition:color .25s}
.aw-cl__t small{display:block;margin-top:3px;font-size:.82rem;line-height:1.5;color:var(--cz-muted-l)}
.aw-cl__i input:checked~.aw-cl__t b{color:#6B7490}

/* ================================================================
   06 - Core Web Vitals
   ================================================================ */
.aw-vitals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aw-vital{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:26px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88))}
.aw-vital__top b{display:block;font:600 2.2rem/1 var(--cz-display);letter-spacing:-.04em;color:#fff}
.aw-vital__top small{display:block;margin-top:8px;font:500 .64rem/1.3 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-lav)}
.aw-vital>p{font-size:.9rem;line-height:1.6;color:var(--cz-muted)}
.aw-vital__scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}
.aw-vital__scale li{display:flex;flex-direction:column;gap:6px;padding:10px 10px 11px;border-top:3px solid #34D399;background:rgba(52,211,153,.07);border-radius:4px 4px 10px 10px}
.aw-vital__scale li.is-warn{border-top-color:#FBBF24;background:rgba(251,191,36,.07)}
.aw-vital__scale li.is-fail{border-top-color:#FB7185;background:rgba(251,113,133,.07)}
.aw-vital__scale span{font:500 .58rem/1.2 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted)}
.aw-vital__scale b{font:600 .86rem/1.2 var(--cz-body);color:#fff}
.aw-vital .aw-vital__why{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(165,180,252,.12);font-size:.82rem;line-height:1.55;color:rgba(232,234,246,.78)}
.aw-vital__why i{margin-top:4px;font-size:.66rem;color:var(--cz-cyan)}
.aw-howto{margin-top:clamp(40px,5vw,64px)}
.cz-page .aw-howto__h{margin-bottom:18px!important;font-size:1.2rem!important;line-height:1.3!important;letter-spacing:-.02em;color:#fff}
.aw-howto ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.aw-howto li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:18px;border-radius:20px;border:1px solid rgba(165,180,252,.12);background:rgba(255,255,255,.025)}
.aw-howto__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(34,211,238,.12);color:var(--cz-cyan);font:600 .8rem/1 var(--cz-mono)}
.aw-howto b{display:block;font-size:.92rem;line-height:1.35;color:#fff}
.aw-howto p{margin-top:5px!important;font-size:.84rem;line-height:1.55;color:var(--cz-muted)}
.aw-src{margin-top:20px!important;font-size:.82rem;line-height:1.55;color:var(--cz-muted)}
.aw-src i{margin-right:8px;color:var(--cz-cyan)}
.aw-src a{color:var(--cz-lav);text-decoration:underline;text-underline-offset:3px}
.aw-src a:hover{color:#fff}

/* ================================================================
   07 - bezpieczeństwo
   ================================================================ */
.aw-sec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:start}
.aw-sec__basics{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.aw-sec__basics li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(11,16,32,.08)}
.aw-sec__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#EEF0FF;color:var(--cz-indigo-deep)}
.cz-page .aw-sec__basics h3{font-size:1rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.aw-sec__basics p{margin-top:5px!important;font-size:.88rem;line-height:1.6;color:var(--cz-muted-l)}
.aw-sec__side{padding:clamp(20px,2.6vw,28px);border-radius:26px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.cz-page .aw-sec__h{display:flex;align-items:center;gap:10px;margin-bottom:12px!important;font-size:1rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.aw-sec__h i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.8rem}
.aw-tbl{width:100%;border-collapse:collapse;font-size:.85rem;line-height:1.5}
.aw-tbl thead th{padding:10px 12px 10px 0;text-align:left;border-bottom:1px solid var(--cz-line-l);font:500 .6rem/1.2 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.aw-tbl tbody th,.aw-tbl td{padding:12px 12px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--cz-line-l)}
.aw-tbl tbody tr:last-child>*{border-bottom:0}
.aw-tbl tbody th{width:34%;font-weight:600;color:var(--cz-ink-text)}
.aw-tbl td{color:#3A4459}
.aw-tbl code,.aw-wcag code{padding:3px 7px;border-radius:7px;background:#F1F2F8;font:500 .74rem/1.4 var(--cz-mono);color:var(--cz-indigo-deep);white-space:nowrap}
.aw-sec__links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cz-line-l)}
.aw-sec__links .cz-textlink{font-size:.86rem;color:var(--cz-indigo-deep);border-bottom-color:rgba(79,70,229,.3)}

/* ================================================================
   08 - dostępność
   ================================================================ */
.aw-a11y{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.aw-a11y__card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:26px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88))}
.cz-page .aw-a11y__card h3{display:flex;align-items:center;gap:10px;font-size:1.12rem!important;line-height:1.3!important;letter-spacing:-.02em;color:#fff}
.aw-a11y__card h3 i{color:var(--cz-cyan)}
.aw-a11y__card>p{font-size:.92rem;line-height:1.65;color:var(--cz-muted)}
.aw-a11y__card>p strong{color:#fff}
.aw-wcag{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.aw-wcag li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid rgba(165,180,252,.1);font-size:.87rem;line-height:1.5;color:var(--cz-muted)}
.aw-wcag li:first-child{border-top:0}
.aw-wcag code{background:rgba(34,211,238,.1);color:var(--cz-cyan);text-align:center}
.aw-wcag b{color:#fff;font-weight:600}
.aw-a11y .aw-a11y__small{padding-top:14px;border-top:1px solid rgba(165,180,252,.12);font-size:.84rem;color:var(--cz-lav)}
.aw-law{margin:0}
.aw-law>div{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid rgba(165,180,252,.1)}
.aw-law>div:first-child{border-top:0}
.aw-law dt{font:500 .64rem/1.5 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-lav)}
.aw-law dd{margin:0;font-size:.88rem;line-height:1.55;color:rgba(232,234,246,.86)}
.aw-a11y .aw-a11y__note{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;padding:14px 16px;border-radius:16px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.22);font-size:.84rem;line-height:1.55;color:rgba(254,243,199,.9)}
.aw-a11y__note i{margin-top:3px;color:#FBBF24}
.aw-a11y__note a{color:#fff;font-weight:600}

/* ================================================================
   10 - porównanie + kiedy ma sens
   ================================================================ */
.aw-compare tbody th{width:16%}
.aw-compare td{width:28%}
.aw-compare td i{margin-right:8px}
.aw-when{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.aw-when__col{padding:24px 26px;border-radius:24px;border:1px dashed rgba(165,180,252,.3);background:rgba(255,255,255,.02)}
.cz-page .aw-when__col h3{display:flex;align-items:center;gap:10px;margin-bottom:12px!important;font-size:1.08rem!important;line-height:1.3!important;color:#fff}
.aw-when__col.is-yes h3 i{color:#34D399}
.aw-when__col.is-no h3 i{color:#FBBF24}
.aw-when__col ul{display:grid;gap:8px;margin:0;padding:0 0 0 18px;font-size:.92rem;line-height:1.6;color:var(--cz-muted)}
.aw-when__col p{margin-top:12px!important;font-size:.9rem;line-height:1.6;color:var(--cz-lav)}

/* ================================================================
   12 - inne audyty + E-E-A-T
   ================================================================ */
.aw-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aw-hub__item{display:grid;grid-template-columns:46px minmax(0,1fr) 16px;gap:16px;align-items:start;padding:20px;border-radius:22px;border:1px solid rgba(165,180,252,.14);background:rgba(255,255,255,.025);text-decoration:none;transition:border-color .35s,background .35s}
.aw-hub__item:hover{border-color:rgba(165,180,252,.36);background:rgba(99,102,241,.08)}
.aw-hub__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(99,102,241,.16);color:var(--cz-cyan)}
.aw-hub__body{display:grid;gap:5px}
.aw-hub__body strong{font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.aw-hub__body span{font-size:.85rem;line-height:1.5;color:var(--cz-muted)}
.aw-hub__body em{font:500 .7rem/1.3 var(--cz-mono);font-style:normal;color:var(--cz-cyan)}
.aw-hub__go{margin-top:16px;font-size:.72rem;color:var(--cz-lav);transition:transform .4s var(--cz-ease)}
.aw-hub__item:hover .aw-hub__go{transform:translateX(3px)}
.aw-eeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3vw,34px);border-radius:28px;border:1px solid rgba(165,180,252,.16);background:linear-gradient(160deg,rgba(99,102,241,.12),rgba(255,255,255,.02))}
.cz-page .aw-eeat h3{display:flex;align-items:center;gap:10px;margin-bottom:12px!important;font-size:1.12rem!important;line-height:1.3!important;color:#fff}
.aw-eeat h3 i{color:var(--cz-cyan)}
.aw-eeat__who p{font-size:.94rem;line-height:1.7;color:var(--cz-muted)}
.aw-eeat__who .cz-textlink{margin-top:14px;font-size:.88rem}
.aw-eeat__rules{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.aw-eeat__rules li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;font-size:.9rem;line-height:1.55;color:var(--cz-muted)}
.aw-eeat__rules i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(34,211,238,.1);color:var(--cz-cyan);font-size:.8rem}
.aw-eeat__rules b{color:#fff}

/* ================================================================
   14 - kontakt
   ================================================================ */
.aw-list{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}
.aw-list li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;font-size:.92rem;line-height:1.5;color:rgba(232,234,246,.86)}
.aw-list i{margin-top:5px;font-size:.66rem;color:var(--cz-cyan)}
.cz-field label small{font-weight:400;opacity:.6}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.aw-howto ol{grid-template-columns:repeat(2,minmax(0,1fr))}
	.aw-next{grid-template-columns:repeat(2,minmax(0,1fr))}
	.aw-report{grid-template-columns:1fr}
	.aw-incl ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.aw-hero .cz-hero__grid{grid-template-columns:1fr}
	.aw-stage{justify-self:center;max-width:620px;padding:30px 0 104px}
	.aw-win{transform:none;width:100%}
	.aw-areas,.aw-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
	.aw-vitals{grid-template-columns:1fr}
	.aw-cl{grid-template-columns:1fr}
	.aw-cl__panel{position:relative;top:auto}
	.aw-sec,.aw-a11y,.aw-eeat{grid-template-columns:1fr}
	.aw-limits{grid-template-columns:1fr}
}
@media (max-width:760px){
	.aw-stage{padding:24px 0 0}
	.aw-win{border-radius:14px}
	.aw-win__bar{gap:8px;height:32px;padding:0 10px}
	.aw-win__dots{display:none}
	.aw-pin{gap:1.8cqw;max-width:56cqw;padding:1.6cqw 2.6cqw 1.6cqw 2cqw}
	.aw-pin>i{font-size:3.6cqw}
	.aw-pin small{font-size:2.3cqw}
	.aw-pin b{font-size:3cqw}
	.aw-pin--2{left:12cqw}
	.aw-rep{position:relative;left:auto;bottom:auto;width:auto;margin:-22px 12px 0}
	.aw-cwv{display:none}
	.aw-areas,.aw-hub,.aw-next,.aw-when,.aw-incl ul,.aw-howto ol{grid-template-columns:1fr}
	.aw-area,.aw-vital{padding:20px;border-radius:22px}
	.aw-vital__scale li{padding:9px 8px}
	.aw-vital__scale b{font-size:.8rem}
	.aw-limits{padding:20px}
	.aw-cl__panel{padding:20px}
	.aw-cl__g{padding:6px 16px 8px;border-radius:20px}
	.aw-law>div{grid-template-columns:1fr;gap:4px}
	/* tabele jako karty */
	.aw-paper__tbl thead,.aw-tbl thead{display:none}
	.aw-paper__tbl,.aw-paper__tbl tbody,.aw-paper__tbl tr,.aw-paper__tbl td,.aw-tbl,.aw-tbl tbody,.aw-tbl tr,.aw-tbl th,.aw-tbl td{display:block;width:100%}
	.aw-paper__tbl tr{padding:14px 0;border-bottom:1px solid var(--cz-line-l)}
	.aw-paper__tbl tr:last-child{border-bottom:0}
	.aw-paper__tbl td,.aw-paper__tbl td:last-child{padding:4px 0;border:0;white-space:normal}
	.aw-paper__tbl td:nth-child(1){display:flex;align-items:center;gap:10px}
	.aw-paper__tbl td:nth-child(1) small{margin:0}
	.aw-paper__tbl td:nth-child(3)::before,.aw-paper__tbl td:nth-child(4)::before{content:attr(data-label) ": ";font:500 .62rem/1.4 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted-l)}
	.aw-tbl tr{padding:12px 0;border-bottom:1px solid var(--cz-line-l)}
	.aw-tbl tbody tr:last-child{border-bottom:0}
	.aw-tbl tbody th,.aw-tbl td{width:100%;padding:3px 0;border:0}
	.aw-hub__item{grid-template-columns:42px minmax(0,1fr) 14px;gap:14px;padding:18px}
	.aw-hub__ic{width:42px;height:42px}
	.aw-eeat{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .aw-stage{opacity:1;transform:none}
	.aw-scan{display:none}
	.aw-pin,.aw-rep__bar i,.aw-rep__mini i,.aw-cl__bar i{transition:none}
}