/* ================================================================
   AUDYT SEO - design "Orbita"
   (templates/landing-audyt-seo.php)

   Warstwa na home-cosmos.css + audit-tool.css (wspólne: cz-aeo, cz-facts,
   cz-compare, cz-when, cz-ps, cz-guides, cz-plans, formularz skanu au-).
   Tu: hero z makietą wyniku Google i panelem błędów (przykład), obszary
   skanu, zakres pełnego audytu, interaktywna checklista audytu SEO,
   instrukcja "zrób to sam", sklep i AI, kiedy ma sens, hub audytów.
   Prefiks as-.
   ================================================================ */

.as-hero .cz-hero__title{font-size:clamp(2.1rem,3.7vw,3.25rem)!important}
.as-hero .cz-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.as-hero .au-form{margin-top:26px}
.as-hero .cz-proof{margin:22px 0 14px}
.as-hero__links{gap:10px 24px}
.as-hero__links .cz-textlink{font-size:.86rem}
.cz-aeo__more a,.cz-head__aside a,.cz-plans__note a,.as-who a{color:var(--cz-indigo-deep);font-weight:600}
.cz-dark .cz-head__aside a,.cz-plans__note a{color:var(--cz-cyan)}

/* ================================================================
   HERO - wynik Google + panel błędów (przykład)
   ================================================================ */
.as-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:600px;container-type:inline-size}
.as-stage__in{position:relative;padding:8cqw 0 47cqw;perspective:1600px}
.as-stage{--as-ok:#10B981;--as-warn:#F59E0B;--as-fail:#F43F5E}
.as-ex{position:absolute;left:0;top:0;z-index:7;display:inline-flex;align-items:center;gap:1.4cqw;padding:1.4cqw 2.4cqw;border-radius:999px;background:rgba(5,6,15,.6);border:1px solid rgba(165,180,252,.28);color:var(--cz-lav);font:600 max(10px,1.9cqw)/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* okno wyników Google */
.as-serp{position:relative;width:86cqw;margin-left:auto;border-radius:3cqw;overflow:hidden;background:#fff;color:#202124;font-family:Arial,var(--cz-body),sans-serif;
	box-shadow:0 0 0 1px rgba(165,180,252,.28),0 0 0 1.4cqw rgba(255,255,255,.04),0 60px 100px -50px rgba(0,0,0,.95),0 0 140px -40px rgba(99,102,241,.6);
	transform:rotateY(-6deg) rotateX(2deg);transform-origin:80% 50%}
.as-serp__bar{display:flex;align-items:center;gap:2.6cqw;padding:2.8cqw 3.4cqw;border-bottom:1px solid #ECEDF1}
.as-serp__logo{flex:none;font:700 4cqw/1 Arial,sans-serif;letter-spacing:-.04em}
.as-serp__logo span:nth-child(1),.as-serp__logo span:nth-child(4){color:#4285F4}
.as-serp__logo span:nth-child(2),.as-serp__logo span:nth-child(6){color:#EA4335}
.as-serp__logo span:nth-child(3){color:#FBBC05}
.as-serp__logo span:nth-child(5){color:#34A853}
.as-serp__q{flex:1;display:flex;align-items:center;gap:1.6cqw;min-width:0;height:6.4cqw;padding:0 2.6cqw;border-radius:999px;border:1px solid #DFE1E5;box-shadow:0 1px 6px rgba(32,33,36,.14);font-size:2.5cqw;white-space:nowrap;overflow:hidden}
.as-serp__q i{font-size:2.2cqw;color:#9AA0A6}
.as-serp__body{display:grid;gap:2.2cqw;padding:2.6cqw 3.4cqw 3.4cqw}
.as-ghost{display:grid;gap:1.2cqw;padding:0 1.8cqw}
.as-ghost i{width:28%;height:1.6cqw;border-radius:1cqw;background:#ECEEF3}
.as-ghost b{width:64%;height:2.2cqw;border-radius:1cqw;background:#DCE3F7}
.as-ghost em{width:90%;height:1.5cqw;border-radius:1cqw;background:#F0F1F5}
.as-ghost:first-child{display:none}

.as-res{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1.2cqw 1.4cqw;padding:2.4cqw 2.6cqw 2.6cqw;border-radius:2.2cqw;overflow:hidden;background:#FFF8F8;border:1px solid #FBD5DA;transition:background .7s,border-color .7s}
.as-stage.is-good .as-res{background:#F2FBF7;border-color:#BDEBD6}
.as-res>.as-res__site,.as-res>.as-res__t,.as-res>.as-res__d{flex:0 0 100%;min-width:0}
.as-res__site{display:flex;align-items:center;gap:1.8cqw;font-size:2.3cqw;line-height:1.3;color:#4D5156}
.as-res__site>span:last-child{display:grid;min-width:0}
.as-res__site b{font-weight:400;color:#202124}
.as-res__fav{display:grid;place-items:center;flex:none;width:5cqw;height:5cqw;border-radius:50%;background:#EEF0FF;color:#4F46E5;font-size:2.4cqw}
.as-res__t{font-size:3.9cqw;line-height:1.3;color:#1A0DAB}
.as-res__d{font-size:2.6cqw;line-height:1.5;color:#4D5156}
.as-res__t>span,.as-res__d>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.as-mark{display:inline-flex;align-items:center;gap:1cqw;margin-top:.6cqw;padding:1cqw 1.8cqw;border-radius:999px;background:#fff;border:1px solid #F4C7CE;font:500 1.95cqw/1 var(--cz-mono);color:#7A2E3B;transition:background .6s,border-color .6s,color .6s}
.as-mark b{display:inline-grid;font-weight:700}
.as-mark .as-swap__a{color:#E11D48}
.as-mark .as-swap__b{color:#047857}
.as-mark.is-fixed,.as-stage.is-good .as-mark{border-color:#A7E3C8;color:#245C47}

/* podmiana treści: stan "przed" i "po" w jednej komórce siatki */
.as-swap{display:grid}
.as-swap>span{grid-area:1/1;min-width:0;transition:opacity .5s var(--cz-ease),transform .6s var(--cz-ease)}
.as-swap__b{opacity:0;transform:translate3d(0,40%,0)}
.as-swap.is-fixed .as-swap__a{opacity:0;transform:translate3d(0,-40%,0)}
.as-swap.is-fixed .as-swap__b{opacity:1;transform:none}

/* linia skanu */
.as-scan{position:absolute;left:0;right:0;top:0;z-index:2;height:42%;pointer-events:none;opacity:0;transform:translate3d(0,-100%,0);
	background:linear-gradient(180deg,rgba(34,211,238,0),rgba(34,211,238,.16));border-bottom:2px solid rgba(8,145,178,.75)}
.as-stage.is-scan .as-scan{opacity:1;transform:translate3d(0,240%,0);transition:transform 1.9s cubic-bezier(.45,0,.4,1),opacity .3s}
.as-stage.is-scanned .as-scan{opacity:0;transform:translate3d(0,240%,0);transition:opacity .5s}

/* panel raportu */
.as-panel{position:absolute;left:0;bottom:0;z-index:5;width:59cqw;padding:3cqw 3.2cqw 2.4cqw;border-radius:3.6cqw;background:rgba(10,14,32,.95);border:1px solid rgba(165,180,252,.22);box-shadow:0 40px 70px -30px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);color:var(--cz-text)}
.as-panel__head{display:flex;align-items:center;gap:2.4cqw;padding-bottom:2.2cqw;margin-bottom:1.6cqw;border-bottom:1px solid rgba(165,180,252,.14)}
.as-panel__txt{display:grid;gap:.9cqw;min-width:0}
.as-panel__txt small{font:500 max(9px,1.75cqw)/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-muted)}
.as-panel__txt b{font:600 max(11px,2.6cqw)/1.2 var(--cz-display);letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-ring{position:relative;display:grid;place-items:center;flex:none;width:11cqw;height:11cqw;--s:0}
.as-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.as-ring circle{fill:none;stroke-width:4}
.as-ring__bg{stroke:rgba(165,180,252,.16)}
.as-ring__fg{stroke:var(--as-fail);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--s));transition:stroke-dashoffset .5s var(--cz-ease),stroke .6s}
.as-ring.is-mid .as-ring__fg{stroke:var(--as-warn)}
.as-ring.is-ok .as-ring__fg{stroke:var(--as-ok)}
.as-ring b{position:relative;font:600 max(11px,3.1cqw)/1 var(--cz-display);color:#fff;font-variant-numeric:tabular-nums}
.as-issues{display:grid;gap:.9cqw;margin:0;padding:0;list-style:none}
.as-issue{display:grid;grid-template-columns:4.6cqw minmax(0,1fr);gap:1.8cqw;align-items:center;min-height:5.6cqw;font-size:max(10px,2.45cqw);line-height:1.3;color:rgba(232,234,246,.9);opacity:0;transform:translate3d(-3cqw,0,0);transition:opacity .45s var(--cz-ease),transform .6s var(--cz-ease)}
.as-issue.is-shown{opacity:1;transform:none}
.as-issue__ic{position:relative;display:grid;place-items:center;width:4.6cqw;height:4.6cqw;border-radius:1.4cqw;font-size:2.1cqw;color:#fff;transition:background .5s}
.as-issue__ic i{grid-area:1/1;opacity:0;transform:scale(.4);transition:opacity .35s,transform .45s var(--cz-ease)}
.as-issue.is-fail .as-issue__ic{background:rgba(244,63,94,.85)}
.as-issue.is-warn .as-issue__ic{background:rgba(245,158,11,.85)}
.as-issue.is-fail .fa-xmark,.as-issue.is-warn .fa-exclamation{opacity:1;transform:none}
.as-issue.is-ok .as-issue__ic{background:var(--as-ok)}
.as-issue.is-ok .as-issue__ic i{opacity:0;transform:scale(.4)}
.as-issue.is-ok .as-issue__ic .fa-check{opacity:1;transform:none}
.as-issue__t{display:grid}
.as-issue__t>span{grid-area:1/1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .45s var(--cz-ease),transform .55s var(--cz-ease)}
.as-issue__b{opacity:0;transform:translate3d(0,50%,0);color:#A7F3D0}
.as-issue.is-ok .as-issue__a{opacity:0;transform:translate3d(0,-50%,0)}
.as-issue.is-ok .as-issue__b{opacity:1;transform:none}

.cz-js .as-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 .as-stage{opacity:1;transform:none;transition-delay:.6s}

/* ================================================================
   02 - co sprawdza skan (ciemna)
   ================================================================ */
.as-scan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.as-area{position:relative;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}
.as-area:hover{border-color:rgba(165,180,252,.32)}
.as-area__n{position:absolute;right:22px;top:24px;font:500 .7rem/1 var(--cz-mono);letter-spacing:.1em;color:rgba(165,180,252,.5)}
.as-area__ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;border-radius:14px;background:rgba(34,211,238,.1);color:var(--cz-cyan);font-size:1rem}
.cz-page .as-area h3{font-size:1.18rem!important;line-height:1.25!important;color:#fff}
.as-area p{font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.as-area ul{display:grid;gap:7px;margin:4px 0 0;padding:12px 0 0;border-top:1px solid rgba(165,180,252,.12);list-style:none}
.as-area li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.84rem;line-height:1.45;color:rgba(232,234,246,.84)}
.as-area li i{margin-top:4px;font-size:.62rem;color:var(--cz-cyan)}
.as-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)}
.as-area--cta .cz-btn{margin-top:8px}
.as-blind{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:24px 40px;margin-top:22px;padding:28px;border-radius:26px;border:1px dashed rgba(251,191,36,.34);background:rgba(251,191,36,.03)}
.cz-page .as-blind h3{display:flex;align-items:center;gap:10px;font-size:1.15rem!important;line-height:1.3!important;color:#fff}
.as-blind h3 i{color:#FBBF24;font-size:.95rem}
.as-blind__head p{margin-top:10px!important;font-size:.9rem;line-height:1.65;color:var(--cz-muted)}
.as-blind__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin:0;padding:0;list-style:none}
.as-blind__list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.as-blind__list li>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(251,191,36,.1);color:#FCD34D;font-size:.8rem}
.as-blind__list span{font-size:.86rem;line-height:1.55;color:var(--cz-muted)}
.as-blind__list b{display:block;margin-bottom:2px;font-size:.92rem;color:#fff}

/* ================================================================
   03 - zakres pełnego audytu (jasna)
   ================================================================ */
.as-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.as-scope__item{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -60px rgba(49,46,129,.5)}
.as-scope__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.as-scope__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.92rem}
.as-scope__n{font:500 .7rem/1 var(--cz-mono);letter-spacing:.1em;color:#9AA1B8}
.cz-page .as-scope__item h3{font-size:1.04rem!important;line-height:1.3!important;letter-spacing:-.015em;color:var(--cz-ink-text)}
.as-scope__item p{font-size:.86rem;line-height:1.6;color:var(--cz-muted-l)}
.as-scope__out{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--cz-line-l);font:500 .7rem/1.45 var(--cz-mono);letter-spacing:.03em;color:var(--cz-indigo-deep)}
.as-scope__out i{margin-top:2px;font-size:.62rem}
.as-deliver{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,2fr);gap:20px 32px;align-items:center;margin-top:22px;padding:24px 28px;border-radius:26px;background:var(--cz-deep);color:var(--cz-text)}
.cz-page .as-deliver__h{font-size:1.1rem!important;line-height:1.3!important;color:#fff}
.as-deliver ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.as-deliver li{display:grid;gap:4px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(165,180,252,.12)}
.as-deliver li i{margin-bottom:6px;color:var(--cz-cyan)}
.as-deliver li b{font-size:.9rem;color:#fff}
.as-deliver li span{font-size:.78rem;line-height:1.4;color:var(--cz-muted)}
.as-who{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;margin-top:18px;padding:20px 24px;border-radius:22px;border:1px solid rgba(11,16,32,.08);background:rgba(255,255,255,.6)}
.as-who__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#D1FAE5;color:#047857}
.as-who p{font-size:.92rem;line-height:1.65;color:#3A4459}
.as-who b{color:var(--cz-ink-text)}

/* ================================================================
   04 - cena, porównanie (ciemna)
   ================================================================ */
.as-plan__step{align-self:flex-start;margin-bottom:16px;padding:7px 11px;border-radius:999px;border:1px solid rgba(165,180,252,.24);color:var(--cz-lav);font:600 .58rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}
.cz-page .as-sub{margin:clamp(56px,7vw,84px) 0 20px!important;font-size:clamp(1.25rem,2vw,1.6rem)!important;line-height:1.25!important;letter-spacing:-.02em;color:#fff}
.as-compare tbody th{width:18%}
.as-compare td{width:27%}

/* ================================================================
   05 - checklista audytu SEO (jasna)
   ================================================================ */
.as-cl{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start}
.as-cl__side{position:sticky;top:96px;display:grid;gap:14px}
.as-cl__sum{padding:22px;border-radius:24px;background:var(--cz-deep);color:var(--cz-text)}
.as-cl__sum small{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.as-cl__big{display:flex;align-items:baseline;gap:8px;margin:10px 0 14px!important}
.as-cl__big b{font:600 2.6rem/1 var(--cz-display);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.as-cl__big span{font-size:.95rem;color:var(--cz-muted)}
.as-cl__bar{display:block;height:8px;border-radius:99px;background:rgba(165,180,252,.14);overflow:hidden}
.as-cl__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366F1,#22D3EE);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--cz-ease)}
.as-cl__msg{margin-top:12px!important;font-size:.84rem;line-height:1.55;color:rgba(232,234,246,.8)}
.as-cl__groups{display:grid;gap:2px;margin:0;padding:10px;border-radius:22px;background:#fff;border:1px solid rgba(11,16,32,.08);list-style:none}
.as-cl__groups a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;font-size:.84rem;font-weight:500;line-height:1.3;color:var(--cz-ink-text);text-decoration:none;transition:background .25s}
.as-cl__groups a:hover{background:#F3F4FA}
.as-cl__groups a>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.7rem}
.as-cl__groups em{font:600 .7rem/1 var(--cz-mono);font-style:normal;color:#9AA1B8;font-variant-numeric:tabular-nums}
.as-cl__groups em.is-full{color:#047857}
.as-cl__tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.as-cl__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:14px;border:1px solid rgba(11,16,32,.14);background:#fff;color:var(--cz-ink-text);font:600 .84rem/1 var(--cz-body);cursor:pointer;transition:border-color .25s,background .25s}
.as-cl__btn:hover{border-color:var(--cz-indigo-deep);background:#F5F6FF}
.as-cl__btn:focus-visible,.as-cl__reset:focus-visible{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.as-cl__btn.is-done{border-color:#10B981;color:#047857}
.as-cl__toggle{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:10px;padding:6px 2px;font-size:.84rem;color:#3A4459;cursor:pointer}
.as-cl__toggle input{position:absolute;opacity:0}
.as-cl__toggle span::before{content:"";display:inline-block;vertical-align:middle;width:34px;height:20px;margin-right:10px;border-radius:99px;background:#D8DBE8;box-shadow:inset 0 0 0 1px rgba(11,16,32,.06);transition:background .25s}
.as-cl__toggle span::after{content:"";position:absolute;left:5px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s var(--cz-ease)}
.as-cl__toggle input:checked+span::before{background:var(--cz-indigo-deep)}
.as-cl__toggle input:checked+span::after{transform:translateX(14px)}
.as-cl__toggle input:focus-visible+span::before{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.as-cl__reset{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 2px;border:0;background:none;color:var(--cz-muted-l);font:500 .8rem/1 var(--cz-body);cursor:pointer}
.as-cl__reset:hover{color:#BE123C}
.as-cl__list{display:grid;gap:14px}
.as-cl__g{margin:0;padding:8px 8px 10px;border-radius:24px;border:1px solid rgba(11,16,32,.08);background:#fff;box-shadow:0 40px 70px -62px rgba(49,46,129,.5);min-width:0;scroll-margin-top:110px}
.as-cl__g legend{float:left;display:grid;grid-template-columns:34px minmax(0,1fr) 90px;gap:12px;align-items:center;width:100%;padding:12px 14px 12px;font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.as-cl__g legend+*{clear:both}
.as-cl__gi{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.8rem}
.as-cl__gbar{display:block;height:6px;border-radius:99px;background:#ECEEF6;overflow:hidden}
.as-cl__gbar i{display:block;height:100%;border-radius:inherit;background:#10B981;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--cz-ease)}
.as-cl__it{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border-radius:16px;cursor:pointer;transition:background .25s}
.as-cl__it:hover{background:#F5F6FB}
.as-cl__it input{position:absolute;opacity:0;width:1px;height:1px}
.as-cl__box{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:8px;border:1.5px solid rgba(11,16,32,.24);background:#fff;color:#fff;font-size:.66rem;transition:background .25s,border-color .25s}
.as-cl__box i{opacity:0;transform:scale(.5);transition:opacity .2s,transform .3s var(--cz-ease)}
.as-cl__it input:checked+.as-cl__box{background:#10B981;border-color:#10B981}
.as-cl__it input:checked+.as-cl__box i{opacity:1;transform:none}
.as-cl__it input:focus-visible+.as-cl__box{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.as-cl__txt{display:grid;gap:4px}
.as-cl__txt b{font-size:.94rem;font-weight:600;line-height:1.4;color:var(--cz-ink-text);transition:color .25s}
.as-cl__no{margin-right:10px;font:500 .7rem/1 var(--cz-mono);color:#9AA1B8}
.as-cl__txt small{font-size:.84rem;line-height:1.55;color:var(--cz-muted-l)}
.as-cl__it.is-on .as-cl__txt b{color:#5A6377;text-decoration:line-through;text-decoration-color:rgba(16,185,129,.6);text-decoration-thickness:1.5px}
.as-cl.is-hide .as-cl__it.is-on{display:none}
.as-note{margin-top:4px!important;font-size:.78rem;line-height:1.6;color:var(--cz-muted-l)}

/* ================================================================
   06 - jak zrobić audyt samemu (ciemna)
   ================================================================ */
.as-how{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.as-how__step{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:start;padding:22px 24px;border-radius:24px;border:1px solid rgba(165,180,252,.14);background:linear-gradient(90deg,rgba(17,22,46,.82),rgba(8,11,26,.6))}
.as-how__n{font:600 2rem/1 var(--cz-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(165,180,252,.55)}
.cz-page .as-how__body h3{display:flex;align-items:center;gap:10px;font-size:1.1rem!important;line-height:1.3!important;color:#fff}
.as-how__body h3 i{color:var(--cz-cyan);font-size:.86rem}
.as-how__body p{margin-top:8px!important;font-size:.9rem;line-height:1.65;color:var(--cz-muted);max-width:76ch}
.as-how__tools{display:flex;flex-wrap:wrap;gap:8px}
.as-how__tools a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(165,180,252,.18);color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s}
.as-how__tools a:hover{background:rgba(99,102,241,.3);border-color:rgba(165,180,252,.4)}
.as-how__tools a i{font-size:.6rem;color:var(--cz-lav)}
.as-how__time{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(34,211,238,.08);color:var(--cz-cyan);font:500 .7rem/1 var(--cz-mono);white-space:nowrap}

/* ================================================================
   08 - sklep i AI (ciemna)
   ================================================================ */
.as-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.as-duo__card{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:28px;border:1px solid rgba(165,180,252,.16);background:linear-gradient(180deg,rgba(17,22,46,.82),rgba(8,11,26,.9))}
.as-duo__card--ai{background:linear-gradient(160deg,rgba(99,102,241,.22),rgba(8,11,26,.9) 60%)}
.as-duo__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(34,211,238,.1);color:var(--cz-cyan);font-size:1.1rem}
.cz-page .as-duo__card h3{font-size:1.3rem!important;line-height:1.25!important;color:#fff}
.as-duo__card>p{font-size:.92rem;line-height:1.7;color:var(--cz-muted)}
.as-duo__card ul{display:grid;gap:8px;margin:4px 0 6px;padding:0;list-style:none}
.as-duo__card li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.88rem;line-height:1.45;color:rgba(232,234,246,.86)}
.as-duo__card li i{margin-top:4px;font-size:.62rem;color:var(--cz-cyan)}
.as-duo__foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:auto;padding-top:8px}

/* ================================================================
   09 - kiedy ma sens (jasna)
   ================================================================ */
.as-when{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.as-when__col{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:26px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -62px rgba(49,46,129,.5)}
.as-when__col--no{background:#FBFBFD;border-style:dashed}
.cz-page .as-when__col h3{display:flex;align-items:center;gap:10px;font-size:1.15rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.as-when__col--yes h3 i{color:#059669}
.as-when__col--no h3 i{color:#B45309}
.as-when__col ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.as-when__col li{position:relative;padding-left:20px;font-size:.92rem;line-height:1.6;color:#3A4459}
.as-when__col li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:3px;background:#10B981}
.as-when__col--no li::before{background:#F59E0B}
.as-when__col li b{color:var(--cz-ink-text)}
.as-when__col .cz-textlink{align-self:flex-start;margin-top:auto;font-size:.86rem;color:var(--cz-indigo-deep);border-bottom-color:rgba(79,70,229,.3)}

/* ================================================================
   10 - hub audytów (ciemna), 12 - kontakt
   ================================================================ */
.as-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.as-hub__item{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:24px;border:1px solid rgba(165,180,252,.14);background:rgba(10,14,32,.6);color:var(--cz-text);text-decoration:none;transition:border-color .35s,background .35s}
.as-hub__item:hover{border-color:rgba(165,180,252,.38);background:rgba(17,22,46,.85)}
.as-hub__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.as-hub__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.06);color:var(--cz-lav)}
.as-hub__top em{padding:6px 10px;border-radius:999px;background:rgba(34,211,238,.1);color:var(--cz-cyan);font:600 .64rem/1 var(--cz-mono);font-style:normal;letter-spacing:.04em}
.cz-page .as-hub__item h3{font-size:1.06rem!important;line-height:1.3!important;color:#fff}
.as-hub__item p{font-size:.86rem;line-height:1.55;color:var(--cz-muted)}
.as-hub__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:.82rem;font-weight:600;color:#fff}
.as-hub__go i{font-size:.66rem;transition:transform .4s var(--cz-ease)}
.as-hub__item:hover .as-hub__go i{transform:translateX(3px)}
.as-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.as-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.9rem;line-height:1.5;color:rgba(232,234,246,.86)}
.as-list i{margin-top:5px;font-size:.7rem;color:var(--cz-cyan)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.as-scope{grid-template-columns:repeat(2,minmax(0,1fr))}
	.as-deliver{grid-template-columns:1fr}
}
@media (max-width:1024px){
	.as-hero .cz-hero__grid{grid-template-columns:1fr}
	.as-stage{justify-self:center;max-width:560px;margin-top:28px}
	.as-scan-grid,.as-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
	.as-blind{grid-template-columns:1fr}
	.as-cl{grid-template-columns:1fr}
	.as-cl__side{position:static}
	.as-cl__groups{display:none}
	.as-deliver ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
	.as-hero .cz-hero__title{font-size:clamp(1.85rem,8.4vw,2.4rem)!important}
	.as-hero .cz-proof dd{font-size:1.2rem}
	.as-stage__in{padding:9cqw 0 66cqw}
	.as-serp{width:100%;transform:none}
	.as-panel{width:84cqw;left:8cqw;padding:3.6cqw 4cqw 3cqw}
	.as-issue{grid-template-columns:5.8cqw minmax(0,1fr);gap:2.4cqw;min-height:7cqw;font-size:3.3cqw}
	.as-issue__ic{width:5.8cqw;height:5.8cqw;font-size:2.6cqw}
	.as-ring{width:13cqw;height:13cqw}
	.as-scan-grid,.as-hub,.as-scope,.as-duo,.as-when,.as-blind__list{grid-template-columns:1fr}
	.as-deliver{padding:20px}
	.as-deliver ul{grid-template-columns:1fr 1fr}
	.as-how__step{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px}
	.as-how__n{font-size:1.5rem}
	.as-how__time{grid-column:2;justify-self:start}
	.as-duo__card,.as-when__col{padding:22px}
	.as-blind{padding:22px}
	.as-cl__g legend{grid-template-columns:34px minmax(0,1fr) 54px;padding:10px}
	.as-cl__it{padding:12px 10px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
	.as-swap>span,.as-issue,.as-issue__t>span,.as-issue__ic i,.as-ring__fg,.as-res,.as-cl__bar i,.as-cl__gbar i{transition:none!important}
	.as-scan{display:none}
}

/* ================================================================
   DRUK - tylko checklista (po kliknięciu "Drukuj")
   ================================================================ */
@media print{
	html.as-printing body>*:not(#czPage),html.as-printing #czPage>*:not(#checklista),html.as-printing #checklista .cz-chart,html.as-printing .as-cl__groups,html.as-printing .as-cl__tools{display:none!important}
	html.as-printing,html.as-printing body,html.as-printing #checklista{background:#fff!important}
	html.as-printing #checklista{padding:0!important}
	html.as-printing [data-cz]{opacity:1!important;transform:none!important}
	html.as-printing .as-cl{grid-template-columns:1fr}
	html.as-printing .as-cl__side{position:static}
	html.as-printing .as-cl__sum{background:#fff;color:#000;border:1px solid #ccc}
	html.as-printing .as-cl__big b{color:#000}
	html.as-printing .as-cl__g{box-shadow:none;break-inside:avoid}
	html.as-printing .as-cl__box{-webkit-print-color-adjust:exact;print-color-adjust:exact}
	html.as-printing .as-cl.is-hide .as-cl__it.is-on{display:grid}
}