/* ================================================================
   OPROGRAMOWANIE NA ZAMÓWIENIE - design "Orbita"
   (templates/landing-software-neural.php)

   Warstwa na home-cosmos.css (tam też wspólne komponenty SEO/AEO:
   cz-def, cz-facts, cz-stats, cz-compare, cz-when, cz-guides).
   Tu: hero z IDE (kod -> pipeline -> nowa wersja w panelu firmy),
   problemy jako błędy, rozwiązania, progi cenowe + konfigurator,
   realizacje (karty portfolio w wariancie ikon), architektura systemu.
   Klasy z prefiksem sw-.
   ================================================================ */

/* ================================================================
   HERO
   ================================================================ */
.sw-hero .cz-hero__title{font-size:clamp(2rem,3.5vw,3.05rem)!important}
.sw-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}

.sw-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:640px;padding:48px 0 84px;perspective:1600px}
.sw-ide{position:relative;aspect-ratio:560/330;border-radius:16px;overflow:hidden;background:#0B0F1F;
	box-shadow:0 0 0 1px rgba(165,180,252,.24),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,.6);
	transform:rotateY(-7deg) rotateX(3deg);transform-origin:70% 50%}
.sw-ide::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 30%)}

/* IDE projektowane w 560x330 (telefon: 420x300), skalowane do okna (--k z JS) */
.sw-ui{position:absolute;left:0;top:0;width:560px;height:330px;overflow:hidden;transform:scale(var(--k,.9));transform-origin:0 0;background:#0B0F1F;color:#C9D1E8;font-family:var(--cz-mono)}
.sw-ui__bar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:#0E1326;border-bottom:1px solid rgba(255,255,255,.06)}
.sw-ui__dots{display:flex;gap:5px}
.sw-ui__dots i{width:8px;height:8px;border-radius:50%;background:#F87171}
.sw-ui__dots i:nth-child(2){background:#FBBF24}
.sw-ui__dots i:nth-child(3){background:#34D399}
.sw-ui__tab{display:flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:6px 6px 0 0;background:#0B0F1F;font-size:8.5px;color:#fff;align-self:flex-end}
.sw-ui__tab i{color:#67E8F9;font-size:8px}
.sw-ui__tab b{font-weight:500}
.sw-ui__branch{display:flex;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;border-radius:999px;border:1px solid rgba(103,232,249,.25);font-size:7.5px;color:#67E8F9}
.sw-ui__branch b{font-weight:500}
.sw-ui__tree{position:absolute;left:0;top:30px;bottom:44px;display:flex;flex-direction:column;gap:5px;width:132px;padding:10px 8px;background:#0D1224;border-right:1px solid rgba(255,255,255,.05);font-size:8px;color:#7C87A6}
.sw-tree__h{margin-bottom:2px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#56607D}
.sw-tree__dir::before{content:"▾ ";color:#56607D}
.sw-tree__dir.is-closed::before{content:"▸ "}
.sw-tree__file{margin-left:10px;padding:3px 6px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s,color .3s}
.sw-tree__file.is-on{background:rgba(99,102,241,.2);color:#fff}
.sw-ui__code{position:absolute;left:132px;right:0;top:30px;bottom:44px;padding:12px 12px 0 0;overflow:hidden}
.sw-code{display:none;margin:0;padding:0;list-style:none;counter-reset:ln}
.sw-code.is-on{display:block}
.sw-code li{position:relative;padding-left:34px;overflow:hidden;font-size:9.5px;line-height:19px;white-space:pre;text-overflow:ellipsis;color:#C9D1E8;counter-increment:ln;transition:opacity .2s,clip-path .35s steps(12,end)}
.sw-code li::before{content:counter(ln);position:absolute;left:0;width:24px;text-align:right;color:#3E4766}
.sw-code.is-typing li{opacity:0;clip-path:inset(0 100% 0 0)}
.sw-code.is-typing li.is-shown{opacity:1;clip-path:inset(0 0 0 0)}
.sw-code li.is-cur::after{content:"";display:inline-block;width:6px;height:12px;margin-left:2px;vertical-align:-2px;background:#67E8F9}
.sw-code .t-c{color:#5C6A8C;font-style:italic}
.sw-code .t-k{color:#A5B4FC}
.sw-code .t-s{color:#6EE7B7}
.sw-code .t-f{color:#67E8F9}
.sw-code .t-t{color:#FBBF24}
.sw-code .t-v{color:#F9A8D4}
.sw-code .t-d{color:#F472B6}
.sw-code .t-n{color:#FDBA74}
.sw-ui__term{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:6px;height:44px;padding:0 12px;background:#080B18;border-top:1px solid rgba(255,255,255,.06)}
.sw-term__cmd{font-size:8px;color:#7C87A6;opacity:.35;transition:opacity .3s}
.sw-term__cmd.is-on{opacity:1}
.sw-term__cmd i{margin-right:4px;font-style:normal;color:#34D399}
.sw-term__cmd b{font-weight:500;color:#C9D1E8}
.sw-pipe{display:flex;gap:6px}
.sw-pipe__s{position:relative;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;overflow:hidden;border:1px solid rgba(165,180,252,.18);font-size:7.5px;color:#7C87A6;transition:color .3s,border-color .3s}
.sw-pipe__s b{font-weight:500}
.sw-pipe__s>i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(165,180,252,.35);transition:background .3s,border-color .3s}
.sw-pipe__s::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:#67E8F9}
.sw-pipe__s.is-run{color:#fff;border-color:rgba(103,232,249,.4)}
.sw-pipe__s.is-run::after{animation:swFill var(--t,600ms) linear forwards}
.sw-pipe__s.is-ok{color:#6EE7B7;border-color:rgba(52,211,153,.4)}
.sw-pipe__s.is-ok>i{background:#34D399;border-color:#34D399}
@keyframes swFill{to{width:100%}}

/* panel firmy - tu pojawia się nowa wersja modułu */
.sw-app{position:absolute;right:-14px;bottom:10px;z-index:5;width:252px;padding:12px;border-radius:16px;background:#F4F5FA;color:var(--cz-ink-text);box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.4)}
.sw-app__head{display:flex;align-items:center;gap:8px;padding:0 2px 9px;border-bottom:1px solid #E3E6EF;font-size:.78rem}
.sw-app__head i{color:var(--cz-indigo-deep)}
.sw-app__head em{margin-left:auto;padding:4px 8px;border-radius:999px;background:#D1FAE5;color:#047857;font:600 .56rem/1 var(--cz-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.sw-app ul{display:grid;gap:6px;list-style:none;margin:9px 0 0;padding:0}
.sw-app li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;border-radius:11px;background:#fff;border:1px solid transparent;transition:background .4s,border-color .4s}
.sw-app li>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.72rem}
.sw-app li span{overflow:hidden;font-size:.74rem;font-weight:600;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.sw-app li small{display:block;margin-top:2px;font:500 .6rem/1 var(--cz-mono);color:var(--cz-muted-l);transition:color .4s}
.sw-app li b{display:none;padding:4px 7px;border-radius:999px;background:#10B981;color:#fff;font:600 .54rem/1 var(--cz-mono);letter-spacing:.04em;text-transform:uppercase}
.sw-app li.is-new{background:#ECFDF5;border-color:#A7F3D0}
.sw-app li.is-new small{color:#047857}
.sw-app li.is-new b{display:inline-block;animation:swPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes swPop{from{opacity:0;transform:scale(.6)}}

.sw-toasts{position:absolute;right:-10px;top:0;z-index:6;display:grid;gap:8px;width:300px}
.sw-toast{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#EEF0FF;color:var(--cz-ink-text);box-shadow:0 20px 40px -18px rgba(0,0,0,.75);animation:swToastIn .55s var(--cz-ease);transition:opacity .4s,transform .4s var(--cz-ease)}
.sw-toast>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--cz-deep);color:var(--cz-cyan);font-size:.8rem}
.sw-toast strong{display:block;overflow:hidden;font-size:.76rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.sw-toast span{display:block;overflow:hidden;font-size:.64rem;line-height:1.3;color:var(--cz-muted-l);white-space:nowrap;text-overflow:ellipsis}
.sw-toast b{font:600 .76rem/1 var(--cz-mono);color:var(--cz-indigo-deep);white-space:nowrap}
.sw-toast.is-out{opacity:0;transform:translate3d(0,-6px,0)}
@keyframes swToastIn{from{opacity:0;transform:translate3d(0,-10px,0) scale(.97)}}

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

/* ================================================================
   02 PROBLEMY - jak błędy w konsoli
   ================================================================ */
.sw-probs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sw-prob{position:relative;padding:24px;border-radius:24px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(26,16,40,.82),rgba(10,10,24,.92));border:1px solid rgba(251,113,133,.16);transition:border-color .4s,transform .6s var(--cz-ease)}
.sw-prob::before{content:"";position:absolute;right:-60px;top:-60px;z-index:-1;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(244,63,94,.14),transparent 65%);pointer-events:none}
.sw-prob:hover{transform:translateY(-4px);border-color:rgba(251,113,133,.42)}
.sw-prob__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.sw-prob__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(244,63,94,.14);color:#FDA4AF}
.sw-prob__err{padding:5px 9px;border-radius:999px;border:1px solid rgba(251,113,133,.3);font:500 .6rem/1 var(--cz-mono);letter-spacing:.1em;color:rgba(253,164,175,.85)}
.sw-prob h3{margin-bottom:8px!important;font-size:1.06rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.sw-prob p{font-size:.9rem;line-height:1.64;color:var(--cz-muted)}
.sw-fix{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:22px;padding:18px 18px 18px 22px;border-radius:24px;border:1px solid rgba(52,211,153,.28);background:rgba(16,185,129,.06)}
.sw-fix__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(52,211,153,.16);color:#6EE7B7}
.sw-fix p{font-size:.98rem;line-height:1.55;color:rgba(232,234,246,.85)}
.sw-fix strong{color:#fff}

/* ================================================================
   03 ROZWIĄZANIA
   ================================================================ */
.sw-sols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sw-sol{display:flex;flex-direction:column;padding:26px;border-radius:26px;background:#fff;border:1px solid rgba(11,16,32,.08);transition:transform .6s var(--cz-ease),box-shadow .6s var(--cz-ease)}
.sw-sol:hover{transform:translateY(-6px);box-shadow:0 40px 70px -46px rgba(49,46,129,.5)}
.sw-sol__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sw-sol__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:1.05rem;transition:background .4s,color .4s,transform .6s var(--cz-ease)}
.sw-sol:hover .sw-sol__ic{background:var(--cz-indigo-deep);color:#fff;transform:rotate(-10deg)}
.sw-sol__tag{padding:5px 9px;border-radius:999px;border:1px solid rgba(11,16,32,.12);font:500 .6rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted-l)}
.sw-sol h3{margin-bottom:8px!important;font-size:1.14rem!important;line-height:1.25!important;letter-spacing:-.02em;color:var(--cz-ink-text)}
.sw-sol>p{font-size:.92rem;line-height:1.64;color:var(--cz-muted-l)}
.sw-sol ul{display:grid;gap:7px;list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--cz-line-l)}
.sw-sol li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;font-size:.86rem;line-height:1.45;color:#3A4459}
.sw-sol li i{margin-top:4px;font-size:.62rem;color:var(--cz-indigo-deep)}
.sw-sol__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--cz-indigo-deep);font:600 .86rem/1.3 var(--cz-body);text-decoration:none}
.sw-sol__link i{font-size:.66rem;transition:transform .4s var(--cz-ease)}
.sw-sol__link:hover i{transform:translateX(3px)}
.sw-branches{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:26px;padding:18px 22px;border-radius:22px;background:#fff;border:1px dashed rgba(79,70,229,.3)}
.cz-page .sw-branches h3{font:500 .66rem/1 var(--cz-mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--cz-indigo-deep)}
.sw-branches ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sw-branches li{padding:7px 12px;border-radius:999px;background:#F3F4FA;font-size:.84rem;color:#3A4459}
.sw-branches a{color:var(--cz-indigo-deep);font-weight:600;text-decoration:none}
.sw-branches a i{margin-left:4px;font-size:.62rem}

/* ================================================================
   04 WYCENA - progi + konfigurator
   ================================================================ */
.sw-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sw-tier{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:26px;background:linear-gradient(180deg,rgba(17,22,46,.8),rgba(8,11,26,.88));border:1px solid rgba(165,180,252,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .4s,box-shadow .5s,transform .6s var(--cz-ease)}
.sw-tier__n{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-lav)}
.sw-tier h3{margin:12px 0 0!important;font-size:1.2rem!important;line-height:1.2!important;letter-spacing:-.02em;color:#fff}
.sw-tier__price{margin-top:14px!important;font:600 clamp(1.6rem,2.4vw,2.05rem)/1 var(--cz-display);letter-spacing:-.035em;color:#fff}
.sw-tier__time{margin-top:10px!important;font:500 .68rem/1.3 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cz-cyan)}
.sw-tier__time i{margin-right:5px}
.sw-tier ul{display:grid;gap:7px;list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(165,180,252,.14)}
.sw-tier li{position:relative;padding-left:16px;font-size:.88rem;line-height:1.45;color:rgba(232,234,246,.8)}
.sw-tier li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--cz-indigo)}
.sw-tier.is-mid{background:linear-gradient(180deg,rgba(29,33,80,.9),rgba(12,14,40,.92));border-color:rgba(165,180,252,.3)}
.sw-tier.is-match{border-color:var(--cz-cyan);box-shadow:0 0 0 1px var(--cz-cyan),0 30px 60px -30px rgba(34,211,238,.45);transform:translateY(-6px)}
.sw-tier.is-match::after{content:"Twój projekt";position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:999px;background:var(--cz-cyan);color:var(--cz-ink-text);font:600 .56rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase}

.sw-cfg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:18px;align-items:start;margin-top:26px}
.sw-cfg__form{padding:clamp(22px,3vw,32px);border-radius:28px;background:rgba(255,255,255,.03);border:1px solid rgba(165,180,252,.16)}
.cz-page .sw-cfg__h{display:flex;align-items:center;gap:12px;margin-bottom:8px!important;font-size:clamp(1.05rem,1.5vw,1.25rem)!important;line-height:1.3!important;letter-spacing:-.02em;color:#fff}
.sw-cfg__h i{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:rgba(99,102,241,.22);color:var(--cz-lav);font-size:.85rem}
.sw-cfg__step{margin:0;padding:20px 0 0;border:0}
.sw-cfg__step+.sw-cfg__step{margin-top:6px;border-top:1px solid var(--cz-line)}
.sw-cfg__step legend{display:flex;align-items:center;gap:10px;float:left;width:100%;margin-bottom:12px;padding:0;font-size:.92rem;font-weight:600;color:#fff}
.sw-cfg__step legend b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cz-cyan);color:var(--cz-ink-text);font:600 .72rem/1 var(--cz-display)}
.sw-cfg__step legend+*{clear:both}
.sw-cfg__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sw-cfg__chips{display:flex;flex-wrap:wrap;gap:8px}
.sw-cfg__seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px}
.sw-opt{position:relative;cursor:pointer}
.sw-opt input{position:absolute;opacity:0;pointer-events:none}
.sw-opt>span{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:14px;border:1px solid rgba(165,180,252,.22);background:rgba(255,255,255,.02);font-size:.84rem;line-height:1.3;color:rgba(232,234,246,.82);transition:background .25s,border-color .25s,color .25s}
.sw-opt:hover>span{border-color:rgba(165,180,252,.45)}
.sw-opt input:checked+span{background:#EEF0FF;border-color:#EEF0FF;color:var(--cz-ink-text)}
.sw-opt input:focus-visible+span{outline:2px solid var(--cz-cyan);outline-offset:3px}
.sw-cfg__chips .sw-opt>span{min-height:36px;padding:8px 13px;border-radius:999px}
.sw-cfg__seg .sw-opt>span{justify-content:center}
.sw-opt--card>span{flex-direction:column;align-items:flex-start;gap:10px;min-height:92px;padding:14px;font-weight:600}
.sw-opt--card>span i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(99,102,241,.2);color:var(--cz-lav);font-size:.8rem;transition:background .25s,color .25s}
.sw-opt--card input:checked+span i{background:var(--cz-indigo-deep);color:#fff}

.sw-cfg__out{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:28px;background:#EEF0FF;color:var(--cz-ink-text);box-shadow:0 50px 90px -50px rgba(99,102,241,.7)}
.sw-cfg__out>small{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-muted-l)}
.sw-cfg__out>strong{margin-top:-6px;font:600 1.35rem/1.2 var(--cz-display);letter-spacing:-.025em;color:var(--cz-ink-text)}
.sw-cfg__meter{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:26px;padding-top:12px}
.sw-cfg__meter::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:99px;background:rgba(79,70,229,.14)}
.sw-cfg__meter i{position:absolute;left:0;top:0;height:6px;width:calc(var(--v) * 100%);border-radius:99px;background:linear-gradient(90deg,#6366F1,#22D3EE);transition:width .6s var(--cz-ease)}
.sw-cfg__meter span{font:500 .58rem/1 var(--cz-mono);letter-spacing:.08em;color:var(--cz-muted-l)}
.sw-cfg__meter span:nth-of-type(2){text-align:center}
.sw-cfg__meter span:nth-of-type(3){text-align:right}
.sw-cfg__out dl{margin:0;border-top:1px solid rgba(11,16,32,.1)}
.sw-cfg__out dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(11,16,32,.1)}
.sw-cfg__out dt{font-size:.82rem;color:var(--cz-muted-l)}
.sw-cfg__out dd{margin:0;font:600 1rem/1.2 var(--cz-display);letter-spacing:-.02em;color:var(--cz-ink-text);text-align:right}
.sw-cfg__scope{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.sw-cfg__scope li{padding:5px 9px;border-radius:999px;background:#fff;font-size:.72rem;color:#3A4459}
.sw-cfg__scope li.is-type{background:var(--cz-deep);color:#fff}
.sw-cfg__out .cz-btn{margin-top:4px}
.sw-cfg__note{font-size:.76rem;line-height:1.5;color:var(--cz-muted-l)}

/* ================================================================
   05 PROCES
   ================================================================ */
.sw-page .cz-step__n i{font-style:normal;opacity:.4}
.sw-proc-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:40px;padding:18px 18px 18px 22px;border-radius:22px;background:#fff;border:1px solid rgba(11,16,32,.08)}
.sw-proc-cta p{display:flex;align-items:flex-start;gap:10px;max-width:70ch;font-size:.92rem;line-height:1.55;color:#3A4459}
.sw-proc-cta p i{margin-top:3px;color:var(--cz-indigo-deep)}

/* ================================================================
   06 REALIZACJE (karty portfolio w wariancie z ikoną) + EFEKTY
   ================================================================ */
.sw-pf .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sw-eff{margin-top:26px;padding:24px 26px;border-radius:26px;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.18)}
.sw-eff__h{margin-bottom:16px!important;font:500 .64rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.sw-eff dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}
.sw-eff dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px}
.sw-eff dd{margin:0;font:600 clamp(1.8rem,3vw,2.5rem)/1 var(--cz-display);letter-spacing:-.035em;color:#fff}
.sw-eff dt{font-size:.86rem;line-height:1.4;color:var(--cz-muted)}

/* ================================================================
   07 TECHNOLOGIE - warstwy architektury
   ================================================================ */
.sw-arch{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:18px;align-items:start}
.sw-stack{position:relative;display:grid;gap:10px}
.sw-stack::before{content:"";position:absolute;left:31px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(79,70,229,.1),rgba(79,70,229,.45),rgba(34,211,238,.4))}
.sw-layer{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;padding:16px 18px 16px 62px;border-radius:20px;background:#fff;border:1px solid rgba(11,16,32,.08);transition:border-color .35s,box-shadow .5s,transform .5s var(--cz-ease)}
.sw-layer::before{content:"";position:absolute;left:24px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--cz-indigo-deep);box-shadow:0 0 0 5px rgba(99,102,241,.12)}
.sw-layer:hover{transform:translateX(4px);border-color:rgba(79,70,229,.3);box-shadow:0 26px 50px -36px rgba(49,46,129,.55)}
.sw-layer__name b{display:block;font:600 1rem/1.2 var(--cz-display);letter-spacing:-.02em;color:var(--cz-ink-text)}
.sw-layer__name small{display:block;margin-top:4px;font-size:.78rem;color:var(--cz-muted-l)}
.sw-layer__tech{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sw-layer__tech li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:#F3F4FA;font-size:.8rem;font-weight:500;color:#27304A}
.sw-layer__img{width:20px;height:20px}
.sw-layer__tech li.is-txt{padding:7px 12px;background:transparent;border:1px dashed rgba(11,16,32,.18);color:var(--cz-muted-l)}
.sw-quality{padding:24px;border-radius:26px;background:var(--cz-deep);color:var(--cz-text);box-shadow:0 40px 80px -50px rgba(49,46,129,.8)}
.cz-page .sw-quality h3{display:flex;align-items:center;gap:10px;margin-bottom:16px!important;font-size:1.02rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.sw-quality h3 i{color:var(--cz-cyan)}
.sw-quality ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.sw-quality li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.88rem;line-height:1.5;color:rgba(232,234,246,.84)}
.sw-quality li i{margin-top:4px;font-size:.66rem;color:#34D399}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.sw-probs{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-cfg{grid-template-columns:1fr}
	.sw-cfg__out{position:static}
	.sw-arch{grid-template-columns:1fr}
}
@media (max-width:1024px){
	.sw-hero .cz-hero__grid{grid-template-columns:1fr}
	.sw-stage{justify-self:center;max-width:640px;padding-top:30px}
	.sw-ide{transform:none}
	.sw-toasts{right:0}
	.sw-app{right:0}
	.sw-sols,.sw-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-pf .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-eff dl{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-cfg__types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
	/* hero: IDE bez drzewa plików, jedno powiadomienie, bez panelu firmy */
	.sw-stage{padding:44px 0 12px}
	.sw-ide{aspect-ratio:420/300;border-radius:14px}
	.sw-ui{width:420px;height:300px}
	.sw-ui__tree,.sw-app{display:none}
	.sw-ui__code{left:0}
	.sw-code li{font-size:10px}
	.sw-toasts{left:50%;right:auto;top:-8px;width:300px;margin-left:-150px}
	.sw-toast:nth-child(n+2){display:none}

	.sw-probs,.sw-sols,.sw-tiers{grid-template-columns:1fr;gap:12px}
	.sw-prob,.sw-sol,.sw-tier{padding:22px 20px;border-radius:22px}
	.sw-fix{grid-template-columns:1fr;gap:14px;padding:20px}
	.sw-fix .cz-btn{justify-self:stretch}
	.sw-branches{padding:18px}
	.sw-cfg__form{padding:20px 16px;border-radius:24px}
	.sw-cfg__types{grid-template-columns:1fr 1fr}
	.sw-opt--card>span{min-height:80px;padding:12px;font-size:.8rem}
	.sw-cfg__out{padding:20px 18px;border-radius:24px}
	.sw-tier.is-match{transform:none}
	.sw-pf .pf-grid{grid-template-columns:1fr}
	.sw-eff{padding:20px}
	.sw-eff dl{gap:16px}
	.sw-layer{grid-template-columns:1fr;gap:12px;padding:16px 16px 16px 52px}
	.sw-stack::before{left:25px}
	.sw-layer::before{left:18px;top:26px;margin-top:0}
	.sw-proc-cta{padding:18px}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .sw-stage{opacity:1;transform:none}
}