/* ================================================================
   ADMINISTRACJA STRON WWW - design "Orbita" (templates/landing-admin-neural.php)

   Warstwa na home-cosmos.css (wspólne: cz-aeo, cz-facts, cz-stats,
   cz-compare, cz-when, cz-guides, cz-plans). Tu: hero z panelem opieki
   (uptime, kafle, dziennik zdarzeń) + raport, ryzyka, usługi, szybki
   test strony, dobór pakietu, interwencje, rynek i lokalizacje.
   Prefiks wa-.
   ================================================================ */

.wa-hero .cz-hero__title{font-size:clamp(2.1rem,3.6vw,3.2rem)!important}
.wa-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}

/* ================================================================
   HERO - panel opieki
   ================================================================ */
.wa-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:620px;padding:40px 0 110px;perspective:1600px}
.wa-win{position:relative;width:90%;margin-left:auto;aspect-ratio:480/350;border-radius:18px;overflow:hidden;background:#F6F7FB;
	box-shadow:0 0 0 1px rgba(165,180,252,.3),0 0 0 7px rgba(255,255,255,.04),0 60px 100px -50px rgba(0,0,0,.95),0 0 140px -40px rgba(52,211,153,.35);
	transform:rotateY(-7deg) rotateX(3deg);transform-origin:70% 50%}
.wa-ui{position:absolute;left:0;top:0;width:480px;height:350px;overflow:hidden;transform:scale(var(--k,.9));transform-origin:0 0;background:#F6F7FB;color:#1E2640;font-family:var(--cz-body)}
.wa-ui__bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;background:#fff;border-bottom:1px solid #E7E9F2;font-size:10.5px;color:#6B7490}
.wa-ui__bar b{color:#1E2640;font-weight:700}
.wa-ui__dots{display:flex;gap:5px}
.wa-ui__dots i{width:8px;height:8px;border-radius:50%;background:#F87171}
.wa-ui__dots i:nth-child(2){background:#FBBF24}
.wa-ui__dots i:nth-child(3){background:#34D399}
.wa-ui__bar em{margin-left:auto;padding:3px 8px;border-radius:999px;background:#D1FAE5;color:#047857;font:700 8.5px/1 var(--cz-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,color .3s}
.wa-ui__bar em.is-down{background:#FFE4E6;color:#BE123C}
.wa-up{margin:12px 14px 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E7E9F2}
.wa-up__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font:600 8.5px/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:#6B7490}
.wa-up__head b{font:700 13px/1 var(--cz-display);letter-spacing:-.02em;color:#047857;text-transform:none}
.wa-up__bars{display:grid;grid-template-columns:repeat(60,1fr);gap:2px;height:22px}
.wa-up__bars i{border-radius:2px;background:#34D399;transition:background .3s}
.wa-up__bars i.is-warn{background:#FBBF24}
.wa-up__bars i.is-down{background:#F43F5E}
.wa-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 14px 0}
.wa-tile{display:grid;gap:3px;padding:9px 10px;border-radius:11px;background:#fff;border:1px solid #E7E9F2;transition:border-color .4s,background .4s}
.wa-tile i{font-size:11px;color:#4F46E5}
.wa-tile span{font:600 7.5px/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:#6B7490}
.wa-tile b{font-size:10px;font-weight:700;color:#1E2640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-tile.is-flash{border-color:#6EE7B7;background:#ECFDF5}
.wa-feed{display:grid;align-content:start;gap:5px;height:152px;margin:10px 14px 0;padding:0;list-style:none;overflow:hidden}
.wa-feed li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;height:32px;padding:0 10px;border-radius:10px;background:#fff;border:1px solid #E7E9F2;font-size:10.5px;animation:waIn .5s var(--cz-ease) both}
.wa-feed li i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:10px}
.wa-feed li[data-tone="ok"] i{background:#D1FAE5;color:#047857}
.wa-feed li[data-tone="info"] i{background:#E0E7FF;color:#4338CA}
.wa-feed li[data-tone="warn"] i{background:#FFE4E6;color:#BE123C}
.wa-feed li[data-tone="warn"]{border-color:#FECDD3}
.wa-feed li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1E2640}
.wa-feed li time{font:500 8.5px/1 var(--cz-mono);color:#8A93B0}
@keyframes waIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.wa-report{position:absolute;left:0;bottom:0;z-index:5;width:228px;padding:14px 16px;border-radius:18px;background:#0E1430;color:#fff;border:1px solid rgba(165,180,252,.2);box-shadow:0 30px 60px -28px rgba(0,0,0,.9)}
.wa-report__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font:500 .6rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted)}
.wa-report__head i{margin-right:6px;color:var(--cz-cyan)}
.wa-report__head em{font-style:normal;letter-spacing:.04em;text-transform:none}
.wa-report dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.wa-report dl>div{padding:8px;border-radius:10px;background:rgba(255,255,255,.05)}
.wa-report dt{font:500 .5rem/1.2 var(--cz-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--cz-muted)}
.wa-report dd{margin:4px 0 0;font:600 1rem/1 var(--cz-display);color:#fff;font-variant-numeric:tabular-nums;transition:color .4s}
.wa-report dd.is-bump{color:#6EE7B7}
.cz-js .wa-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 .wa-stage{opacity:1;transform:none;transition-delay:.7s}

/* ================================================================
   01-03 - definicja, ryzyka, usługi
   ================================================================ */
.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)}
.wa-risks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wa-risk{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:24px;border:1px solid rgba(165,180,252,.12);background:linear-gradient(180deg,rgba(17,22,46,.7),rgba(8,11,26,.8))}
.wa-risk__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.wa-risk__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(244,63,94,.12);color:#FDA4AF}
.wa-risk__lvl{padding:5px 9px;border-radius:999px;background:rgba(244,63,94,.1);color:#FDA4AF;font:600 .58rem/1 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase}
.cz-page .wa-risk h3{font-size:1.05rem!important;line-height:1.3!important;color:#fff}
.wa-risk p{font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.wa-risk__cost{margin-top:auto;padding-top:12px;border-top:1px solid rgba(165,180,252,.12);font:500 .7rem/1.5 var(--cz-mono);color:#FCD34D}
.wa-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wa-svc{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -60px rgba(49,46,129,.5)}
.wa-svc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.wa-svc__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#EEF0FF;color:var(--cz-indigo-deep)}
.wa-svc__freq{padding:5px 10px;border-radius:999px;background:#ECFDF5;color:#047857;font:600 .6rem/1 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase}
.cz-page .wa-svc h3{font-size:1.05rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.wa-svc p{font-size:.88rem;line-height:1.6;color:var(--cz-muted-l)}
.wa-svc ul{display:grid;gap:6px;margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--cz-line-l);list-style:none}
.wa-svc li{font-size:.84rem;color:#3A4459}
.wa-svc li i{margin-right:7px;font-size:.66rem;color:#10B981}

/* ================================================================
   04 - porównanie
   ================================================================ */
.wa-compare tbody th{width:16%}
.wa-compare td{width:28%}

/* ================================================================
   05 - test strony + dobór pakietu
   ================================================================ */
.wa-tools{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.wa-check,.wa-pick{padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.cz-page .wa-tools h3{display:flex;align-items:center;gap:10px;margin-bottom:18px!important;font-size:1.08rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.wa-tools h3 i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.8rem}
.wa-check__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.wa-check__form input{width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(11,16,32,.14);background:#F7F8FC;font:500 16px/1 var(--cz-mono);color:var(--cz-ink-text)}
.wa-check__form input:focus{outline:2px solid var(--cz-indigo-deep);outline-offset:1px;background:#fff}
.wa-check__form .cz-btn{height:48px}
.wa-check__out{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.wa-check__out li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:13px 14px;border-radius:16px;background:#F3F4FA}
.wa-check__out li>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;font-size:.8rem;color:var(--cz-muted-l)}
.wa-check__out li.is-ok>i{background:#D1FAE5;color:#047857}
.wa-check__out li.is-warn>i{background:#FEF3C7;color:#B45309}
.wa-check__out li.is-bad>i{background:#FFE4E6;color:#BE123C}
.wa-check__out li.is-info>i{background:#E0E7FF;color:#4338CA}
.wa-check__out li.is-load>i{color:var(--cz-indigo-deep)}
.wa-check__out b{display:block;font-size:.9rem;line-height:1.35;color:var(--cz-ink-text)}
.wa-check__out span{display:block;margin-top:3px;font-size:.82rem;line-height:1.5;color:var(--cz-muted-l)}
.wa-check__cta{margin-top:14px}
.wa-check__cta[hidden]{display:none}
.wa-check .cz-btn--ghost{border-color:rgba(11,16,32,.16);color:var(--cz-ink-text)}
.wa-note{margin-top:14px!important;font-size:.76rem;line-height:1.55;color:var(--cz-muted-l)}
.wa-pick__q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:0;border:0}
.wa-pick__q:has(label:nth-of-type(2):last-of-type){grid-template-columns:1fr 1fr}
.wa-pick__q legend{margin-bottom:8px;padding:0;font-size:.8rem;font-weight:600;color:#3A4459}
.wa-pick__q label{position:relative;cursor:pointer}
.wa-pick__q input{position:absolute;opacity:0}
.wa-pick__q span{display:grid;place-items:center;min-height:42px;padding:6px 10px;border-radius:12px;border:1px solid rgba(11,16,32,.14);font-size:.8rem;font-weight:600;line-height:1.25;text-align:center;color:#3A4459;transition:background .25s,border-color .25s,color .25s}
.wa-pick__q input:checked+span{border-color:var(--cz-indigo-deep);background:#EEF0FF;color:var(--cz-indigo-deep)}
.wa-pick__q input:focus-visible+span{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.wa-pick__range{display:grid;gap:8px;margin-bottom:14px}
.wa-pick__range>span{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:#3A4459}
.wa-pick__range output{font:600 .8rem/1 var(--cz-mono);color:var(--cz-indigo-deep)}
.wa-pick__range input{width:100%;accent-color:#4F46E5}
.wa-pick__out{display:grid;gap:8px;padding:18px;border-radius:20px;background:var(--cz-deep);color:var(--cz-text)}
.wa-pick__out small{font:500 .62rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-cyan)}
.wa-pick__out>b{font:600 1.6rem/1 var(--cz-display);letter-spacing:-.03em;color:#fff}
.wa-pick__out p{font-size:.86rem;line-height:1.55;color:rgba(232,234,246,.84)}
.wa-pick__out dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 6px}
.wa-pick__out dl>div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05)}
.wa-pick__out dt{font:500 .6rem/1 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cz-muted)}
.wa-pick__out dd{margin:5px 0 0;font:600 1.15rem/1 var(--cz-display);color:#fff;font-variant-numeric:tabular-nums}

/* ================================================================
   06 - interwencje, 08 - rynek i lokalizacje
   ================================================================ */
.wa-oneoff{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:14px 32px;align-items:start;margin-top:28px;padding:24px 26px;border-radius:24px;border:1px dashed rgba(165,180,252,.3);background:rgba(255,255,255,.02)}
.cz-page .wa-oneoff h3{display:flex;align-items:center;gap:10px;font-size:1.1rem!important;line-height:1.3!important;color:#fff}
.wa-oneoff h3 i{color:var(--cz-cyan)}
.wa-oneoff ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;padding:0;list-style:none}
.wa-oneoff li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(165,180,252,.1);font-size:.9rem;color:rgba(232,234,246,.84)}
.wa-oneoff li b{flex-shrink:0;font-weight:600;color:#fff}
.wa-oneoff .cz-textlink{grid-column:2;justify-self:start;font-size:.88rem}
.wa-market{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:start}
.wa-market__txt p{font-size:.98rem;line-height:1.75;color:var(--cz-muted)}
.wa-market__txt p+p{margin-top:14px}
.wa-market__txt strong{color:#fff}
.wa-cities{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.wa-cities li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 10px;padding:14px;border-radius:16px;border:1px solid rgba(165,180,252,.12);background:rgba(255,255,255,.02)}
.wa-cities i{grid-row:span 2;margin-top:3px;color:var(--cz-cyan);font-size:.8rem}
.wa-cities b{font-size:.92rem;color:#fff}
.wa-cities span{font-size:.78rem;color:var(--cz-muted)}
.wa-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.wa-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)}
.wa-list i{margin-top:5px;font-size:.7rem;color:var(--cz-cyan)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1100px){
	.wa-risks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.wa-hero .cz-hero__grid{grid-template-columns:1fr}
	.wa-stage{justify-self:center;max-width:560px;margin-top:24px}
	.wa-services{grid-template-columns:repeat(2,minmax(0,1fr))}
	.wa-tools,.wa-market{grid-template-columns:1fr}
	.wa-oneoff{grid-template-columns:1fr}
	.wa-oneoff .cz-textlink{grid-column:auto}
}
@media (max-width:760px){
	.wa-hero .cz-hero__title{font-size:clamp(1.8rem,8.6vw,2.4rem)!important}
	.wa-stage{padding:10px 0 110px}
	.wa-win{width:100%;transform:none}
	.wa-report{left:50%;width:min(270px,90%);transform:translateX(-50%)}
	.wa-risks,.wa-services{grid-template-columns:1fr}
	.wa-check,.wa-pick{padding:20px;border-radius:22px}
	.wa-check__form{grid-template-columns:1fr}
	.wa-oneoff{padding:20px}
	.wa-oneoff ul,.wa-cities{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	.wa-feed li{animation:none}
}