/* ================================================================
   STRONY INTERNETOWE - design "Orbita" (templates/landing-strony-cosmos.php)

   Warstwa tematyczna na systemie home-cosmos.css (kolory, typografia,
   przyciski, sekcje, konstelacje, proces, formularz, stopka).
   Motyw przewodni: strona WWW "składa się" na oczach klienta -
   okno przeglądarki z makietą, która przebudowuje się pod typ strony
   (wizytówka / firmowa / landing / sklep / aplikacja / redesign).
   Wszystkie klasy tej warstwy z prefiksem sw-.
   ================================================================ */

.sw-h2{max-width:22ch;font-size:clamp(1.7rem,2.9vw,2.5rem)!important}

/* ================================================================
   HERO
   ================================================================ */
.sw-hero .cz-hero__title{font-size:clamp(1.9rem,3.2vw,2.85rem)!important}
.sw-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sw-build{max-width:520px}
.sw-build__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}
.sw-build__tabs .cz-mission__tab{flex-direction:column;justify-content:center;gap:6px;padding:9px 4px 10px;text-align:center;font-size:.76rem}
.sw-build__tabs .cz-mission__tab>i{width:28px;height:28px;font-size:.7rem}

/* Okno przeglądarki */
.sw-browser{position:relative;margin-top:12px;border-radius:16px;overflow:hidden;background:#0A0E22;border:1px solid rgba(165,180,252,.16);box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.sw-browser.is-hit{animation:swHit .9s var(--cz-ease)}
@keyframes swHit{0%{box-shadow:0 0 0 0 rgba(34,211,238,.5),0 30px 60px -36px rgba(0,0,0,.9)}100%{box-shadow:0 0 0 12px rgba(34,211,238,0),0 30px 60px -36px rgba(0,0,0,.9)}}
.sw-browser__bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(165,180,252,.1)}
.sw-browser__dots{display:flex;gap:5px;flex-shrink:0}
.sw-browser__dots i{width:7px;height:7px;border-radius:50%;background:rgba(248,113,113,.7)}
.sw-browser__dots i:nth-child(2){background:rgba(251,191,36,.7)}
.sw-browser__dots i:nth-child(3){background:rgba(52,211,153,.7)}
.sw-browser__url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.05);font:500 .64rem/1 var(--cz-mono);color:rgba(232,234,246,.55);white-space:nowrap;overflow:hidden}
.sw-browser__url i{font-size:.54rem;color:#34D399}
.sw-browser__url b{font-weight:500;color:#fff}
.sw-browser__score{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid rgba(52,211,153,.35);font:600 .62rem/1 var(--cz-mono);color:#6EE7B7;flex-shrink:0}
.sw-browser__score i{font-size:.56rem}

/* Makieta strony: 9 bloków, układ z CSS (zmienne --x --y --w --h), zmiana układu = płynne przejście */
.sw-view{position:relative;aspect-ratio:16/9.4;contain:layout paint;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.14),transparent 60%),#0B1026}
.sw-b{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);opacity:var(--o,1);border-radius:6px;
	transition:left .85s var(--cz-ease),top .85s var(--cz-ease),width .85s var(--cz-ease),height .85s var(--cz-ease),opacity .5s ease,transform .6s var(--cz-ease);
	transition-delay:calc(var(--i) * 35ms)}
.sw-b i{display:block;border-radius:3px}

.sw-b--nav{display:flex;align-items:center;gap:4%;padding:0 10px;background:rgba(255,255,255,.035)}
.sw-b--nav i{width:8%;height:22%;background:rgba(165,180,252,.28)}
.sw-b--nav i:first-child{width:14%;height:42%;margin-right:auto;background:linear-gradient(90deg,#818CF8,#22D3EE)}

.sw-b--text{display:flex;flex-direction:column;justify-content:center;gap:9%}
.sw-b--text i{width:100%;height:12%;background:rgba(165,180,252,.26)}
.sw-b--text i:first-child{width:88%;height:28%;background:linear-gradient(90deg,#E0E7FF,#A5B4FC)}
.sw-b--text i:last-child{width:66%}

.sw-b--media{overflow:hidden;background:linear-gradient(140deg,rgba(79,70,229,.85),rgba(34,211,238,.45))}
.sw-b--media::before{content:"";position:absolute;right:16%;top:18%;width:16%;aspect-ratio:1;border-radius:50%;background:rgba(236,254,255,.75)}
.sw-b--media::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-2%;height:58%;background:rgba(11,16,38,.55);clip-path:polygon(0 100%,0 62%,22% 22%,40% 58%,58% 8%,82% 52%,100% 30%,100% 100%)}

.sw-b--btn{border-radius:999px;background:#22D3EE;box-shadow:0 6px 18px -6px rgba(34,211,238,.6)}
.sw-b--card{display:flex;flex-direction:column;justify-content:flex-end;gap:9%;padding:8px 9px;border:1px solid rgba(165,180,252,.16);background:rgba(255,255,255,.03)}
.sw-b--card::before{content:"";position:absolute;left:7%;top:10%;height:26%;aspect-ratio:1;border-radius:4px;background:rgba(99,102,241,.6)}
.sw-b--card i{width:84%;height:9%;background:rgba(165,180,252,.34)}
.sw-b--card i:last-child{width:58%;background:rgba(165,180,252,.2)}
.sw-b--strip{display:flex;align-items:center;gap:5%;padding:0 12px;background:rgba(99,102,241,.14);border:1px dashed rgba(165,180,252,.24)}
.sw-b--strip i{height:22%;width:30%;background:rgba(165,180,252,.3)}
.sw-b--strip i:last-child{width:16%;height:38%;margin-left:auto;border-radius:999px;background:rgba(236,254,255,.8)}

/* Układy */
.sw-view[data-layout="wizytowka"] .sw-b1{--x:4%;--y:5%;--w:92%;--h:8%}
.sw-view[data-layout="wizytowka"] .sw-b2{--x:6%;--y:21%;--w:44%;--h:20%}
.sw-view[data-layout="wizytowka"] .sw-b4{--x:6%;--y:46%;--w:20%;--h:7%}
.sw-view[data-layout="wizytowka"] .sw-b3{--x:56%;--y:18%;--w:38%;--h:38%}
.sw-view[data-layout="wizytowka"] .sw-b5{--x:6%;--y:62%;--w:28%;--h:20%}
.sw-view[data-layout="wizytowka"] .sw-b6{--x:36%;--y:62%;--w:28%;--h:20%}
.sw-view[data-layout="wizytowka"] .sw-b7{--x:66%;--y:62%;--w:28%;--h:20%}
.sw-view[data-layout="wizytowka"] .sw-b8{--x:66%;--y:62%;--w:28%;--h:20%;--o:0}
.sw-view[data-layout="wizytowka"] .sw-b9{--x:6%;--y:86%;--w:88%;--h:9%}

.sw-view[data-layout="firmowa"] .sw-b1{--x:4%;--y:5%;--w:92%;--h:8%}
.sw-view[data-layout="firmowa"] .sw-b2{--x:6%;--y:19%;--w:52%;--h:20%}
.sw-view[data-layout="firmowa"] .sw-b4{--x:6%;--y:43%;--w:18%;--h:7%}
.sw-view[data-layout="firmowa"] .sw-b3{--x:63%;--y:17%;--w:31%;--h:34%}
.sw-view[data-layout="firmowa"] .sw-b5{--x:6%;--y:57%;--w:20.5%;--h:19%}
.sw-view[data-layout="firmowa"] .sw-b6{--x:28%;--y:57%;--w:20.5%;--h:19%}
.sw-view[data-layout="firmowa"] .sw-b7{--x:51%;--y:57%;--w:20.5%;--h:19%}
.sw-view[data-layout="firmowa"] .sw-b8{--x:73.5%;--y:57%;--w:20.5%;--h:19%}
.sw-view[data-layout="firmowa"] .sw-b9{--x:6%;--y:81%;--w:88%;--h:14%}

.sw-view[data-layout="landing"] .sw-b1{--x:26%;--y:5%;--w:48%;--h:8%}
.sw-view[data-layout="landing"] .sw-b2{--x:18%;--y:19%;--w:64%;--h:19%}
.sw-view[data-layout="landing"] .sw-b4{--x:37%;--y:42%;--w:26%;--h:8%}
.sw-view[data-layout="landing"] .sw-b3{--x:10%;--y:55%;--w:80%;--h:22%}
.sw-view[data-layout="landing"] .sw-b5{--x:10%;--y:81%;--w:25%;--h:14%}
.sw-view[data-layout="landing"] .sw-b6{--x:37.5%;--y:81%;--w:25%;--h:14%}
.sw-view[data-layout="landing"] .sw-b7{--x:65%;--y:81%;--w:25%;--h:14%}
.sw-view[data-layout="landing"] .sw-b8{--x:65%;--y:81%;--w:25%;--h:14%;--o:0}
.sw-view[data-layout="landing"] .sw-b9{--x:10%;--y:81%;--w:80%;--h:14%;--o:0}

.sw-view[data-layout="sklep"] .sw-b1{--x:4%;--y:5%;--w:92%;--h:8%}
.sw-view[data-layout="sklep"] .sw-b3{--x:6%;--y:17%;--w:88%;--h:17%}
.sw-view[data-layout="sklep"] .sw-b2{--x:6%;--y:39%;--w:19%;--h:30%}
.sw-view[data-layout="sklep"] .sw-b4{--x:6%;--y:74%;--w:19%;--h:7%}
.sw-view[data-layout="sklep"] .sw-b5{--x:29%;--y:39%;--w:20%;--h:26%}
.sw-view[data-layout="sklep"] .sw-b6{--x:51.5%;--y:39%;--w:20%;--h:26%}
.sw-view[data-layout="sklep"] .sw-b7{--x:74%;--y:39%;--w:20%;--h:26%}
.sw-view[data-layout="sklep"] .sw-b8{--x:29%;--y:69%;--w:20%;--h:26%}
.sw-view[data-layout="sklep"] .sw-b9{--x:51.5%;--y:69%;--w:42.5%;--h:26%}

.sw-view[data-layout="aplikacja"] .sw-b1{--x:4%;--y:5%;--w:16%;--h:90%}
.sw-view[data-layout="aplikacja"] .sw-b2{--x:24%;--y:5%;--w:40%;--h:11%}
.sw-view[data-layout="aplikacja"] .sw-b4{--x:78%;--y:7%;--w:18%;--h:7%}
.sw-view[data-layout="aplikacja"] .sw-b5{--x:24%;--y:21%;--w:16.5%;--h:17%}
.sw-view[data-layout="aplikacja"] .sw-b6{--x:42.5%;--y:21%;--w:16.5%;--h:17%}
.sw-view[data-layout="aplikacja"] .sw-b7{--x:61%;--y:21%;--w:16.5%;--h:17%}
.sw-view[data-layout="aplikacja"] .sw-b8{--x:79.5%;--y:21%;--w:16.5%;--h:17%}
.sw-view[data-layout="aplikacja"] .sw-b3{--x:24%;--y:43%;--w:48%;--h:52%}
.sw-view[data-layout="aplikacja"] .sw-b9{--x:75%;--y:43%;--w:21%;--h:52%}
.sw-view[data-layout="aplikacja"] .sw-b1{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6%;padding:14px 10px}
.sw-view[data-layout="aplikacja"] .sw-b1 i{width:78%;height:3.5%}
.sw-view[data-layout="aplikacja"] .sw-b1 i:first-child{width:56%;height:5%;margin:0 0 10%}
.sw-view[data-layout="aplikacja"] .sw-b9{flex-direction:column;align-items:stretch;justify-content:center;gap:8%;padding:10px}
.sw-view[data-layout="aplikacja"] .sw-b9 i,.sw-view[data-layout="aplikacja"] .sw-b9 i:last-child{width:100%;height:7%;margin:0;border-radius:3px;background:rgba(165,180,252,.3)}
.sw-view[data-layout="aplikacja"] .sw-b3::after{height:70%;background:rgba(11,16,38,.5);clip-path:polygon(0 100%,0 80%,12% 60%,26% 70%,40% 38%,54% 52%,68% 22%,84% 34%,100% 6%,100% 100%)}
.sw-view[data-layout="aplikacja"] .sw-b3::before{display:none}

.sw-view[data-layout="redesign"] .sw-b1{--x:4%;--y:5%;--w:92%;--h:8%}
.sw-view[data-layout="redesign"] .sw-b3{--x:6%;--y:18%;--w:40%;--h:40%}
.sw-view[data-layout="redesign"] .sw-b2{--x:51%;--y:21%;--w:43%;--h:20%}
.sw-view[data-layout="redesign"] .sw-b4{--x:51%;--y:46%;--w:18%;--h:7%}
.sw-view[data-layout="redesign"] .sw-b5{--x:6%;--y:63%;--w:43%;--h:14%}
.sw-view[data-layout="redesign"] .sw-b6{--x:51%;--y:63%;--w:43%;--h:14%}
.sw-view[data-layout="redesign"] .sw-b7{--x:6%;--y:81%;--w:43%;--h:14%}
.sw-view[data-layout="redesign"] .sw-b8{--x:51%;--y:81%;--w:43%;--h:14%}
.sw-view[data-layout="redesign"] .sw-b9{--x:6%;--y:81%;--w:88%;--h:14%;--o:0}

/* Powiadomienie o zapytaniu (ruch z Google -> strona -> lead) */
.sw-notif{position:absolute;right:4%;bottom:6%;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 9px;border-radius:999px;background:#EEF0FF;color:var(--cz-ink-text);font:600 .68rem/1 var(--cz-body);white-space:nowrap;box-shadow:0 14px 30px -10px rgba(0,0,0,.65);opacity:0;transform:translate3d(0,10px,0) scale(.96);transition:opacity .45s ease,transform .6s var(--cz-ease);pointer-events:none}
.sw-notif i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#D1FAE5;color:#059669;font-size:.62rem}
.sw-notif.is-on{opacity:1;transform:none}

.sw-build__stats{margin-top:12px}

/* ================================================================
   01 OFERTA - karty-okna
   ================================================================ */
.sw-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sw-offer{position:relative;display:flex;flex-direction:column;border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);overflow:hidden;transition:transform .6s var(--cz-ease),box-shadow .6s var(--cz-ease),border-color .4s}
.sw-offer:hover{transform:translateY(-6px);border-color:rgba(79,70,229,.24);box-shadow:0 40px 70px -46px rgba(49,46,129,.55)}
.sw-offer__win{margin:10px 10px 0;border-radius:19px;overflow:hidden;background:#0B1026;border:1px solid rgba(11,16,32,.12)}
.sw-offer__win .sw-browser__bar{padding:7px 9px}
.sw-offer__win .sw-browser__url{padding:4px 9px;font-size:.6rem}
.sw-view--mini{aspect-ratio:16/8.6}
.sw-view--mini .sw-b{border-radius:4px;transition:opacity .6s ease,transform .8s var(--cz-ease);transition-delay:calc(var(--i) * 60ms + .3s)}
.cz-js .sw-offer:not(.is-in) .sw-view--mini .sw-b{opacity:0;transform:translate3d(0,10px,0)}
.sw-view--mini .sw-b--nav i:first-child{height:36%}
.sw-view--mini .sw-b--nav{padding:0 7px}
.sw-view--mini .sw-b--card{padding:5px 6px}
.sw-view--mini .sw-b--strip{padding:0 8px}
.sw-offer:hover .sw-view--mini .sw-b--btn{transform:scale(1.08);transition-delay:0s}
.sw-offer:hover .sw-view--mini .sw-b--media{transform:translate3d(0,-3px,0);transition-delay:0s}

.sw-offer__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.sw-offer__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.sw-offer__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.9rem;transition:background .4s,color .4s,transform .6s var(--cz-ease)}
.sw-offer:hover .sw-offer__ic{background:var(--cz-indigo-deep);color:#fff;transform:rotate(-8deg)}
.sw-offer__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--cz-cyan);color:var(--cz-ink-text);font:600 .58rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}
.sw-offer h3{margin-bottom:8px!important;font-size:1.14rem!important;line-height:1.25!important;letter-spacing:-.02em;color:var(--cz-ink-text)}
.sw-offer p{font-size:.9rem;line-height:1.62;color:var(--cz-muted-l)}
.sw-offer__features{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:16px 0 0;padding:0}
.sw-offer__features li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(11,16,32,.1);font-size:.74rem;line-height:1.2;color:#3A4459}
.sw-offer__features i{font-size:.56rem;color:var(--cz-indigo-deep)}
.sw-offer__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}
.sw-offer__price{font-size:.82rem;color:var(--cz-muted-l)}
.sw-offer__price strong{margin-left:2px;font:600 1.3rem/1 var(--cz-display);letter-spacing:-.03em;color:var(--cz-ink-text)}
.sw-offer__go{display:inline-flex;align-items:center;gap:8px;padding:10px 14px 10px 16px;border-radius:999px;background:var(--cz-deep);color:#fff;font:600 .82rem/1 var(--cz-body);text-decoration:none;transition:background .35s,gap .4s var(--cz-ease)}
.sw-offer__go i{font-size:.66rem;transition:transform .45s var(--cz-ease)}
.sw-offer__go:hover{background:var(--cz-indigo-deep);gap:12px}
.sw-offer__go:hover i{transform:rotate(-45deg)}

/* Wyróżniona: strona firmowa */
.sw-offer.is-featured{background:var(--cz-deep);border-color:transparent;color:var(--cz-text);box-shadow:0 40px 80px -50px rgba(49,46,129,.8)}
.sw-offer.is-featured .sw-offer__win{border-color:rgba(165,180,252,.18)}
.sw-offer.is-featured h3,.sw-offer.is-featured .sw-offer__price strong{color:#fff}
.sw-offer.is-featured p,.sw-offer.is-featured .sw-offer__price{color:var(--cz-muted)}
.sw-offer.is-featured .sw-offer__ic{background:rgba(99,102,241,.22);color:var(--cz-lav)}
.sw-offer.is-featured .sw-offer__features li{border-color:rgba(165,180,252,.18);color:rgba(232,234,246,.82)}
.sw-offer.is-featured .sw-offer__features i{color:var(--cz-cyan)}
.sw-offer.is-featured .sw-offer__go{background:#EEF0FF;color:var(--cz-ink-text)}
.sw-offer.is-featured .sw-offer__go:hover{background:#fff}

/* ================================================================
   02 REALIZACJE - zrzuty w ramkach przeglądarki
   ================================================================ */
.sw-portfolio .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* ramka przeglądarki i przewijanie zrzutu - wspólne karty w home-cosmos.css */

/* ================================================================
   03 DLACZEGO - Core Web Vitals
   ================================================================ */
.sw-vitals{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px 24px;align-items:center;margin:30px 0 30px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 30px 60px -46px rgba(49,46,129,.45)}
.sw-vitals__ring{position:relative;width:118px;height:118px}
.sw-vitals__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sw-vitals__ring circle{fill:none;stroke-width:9}
.sw-vitals__bg{stroke:rgba(11,16,32,.07)}
.sw-vitals__fg{stroke:#10B981;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset 1.8s var(--cz-ease) .35s}
.is-in .sw-vitals__fg,.cz-page:not(.cz-js) .sw-vitals__fg{stroke-dashoffset:6.28}
.sw-vitals__ring>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.sw-vitals__ring b{font:600 1.7rem/1 var(--cz-display);letter-spacing:-.03em;color:var(--cz-ink-text)}
.sw-vitals__ring small{display:block;margin-top:5px;font:500 .54rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted-l)}
.sw-vitals__list{display:grid;gap:12px;margin:0}
.sw-vitals__list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"dt bar dd";align-items:center;gap:12px}
.sw-vitals__list dt{grid-area:dt;font:600 .68rem/1 var(--cz-mono);letter-spacing:.06em;color:var(--cz-ink-text)}
.sw-vitals__list dd{grid-area:dd;margin:0;font:600 .78rem/1 var(--cz-mono);color:#059669}
.sw-vitals__list i{grid-area:bar;position:relative;height:6px;border-radius:99px;background:rgba(11,16,32,.07);overflow:hidden}
.sw-vitals__list i::before{content:"";position:absolute;inset:0;width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg,#34D399,#10B981);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--cz-ease) .6s}
.is-in .sw-vitals__list i::before,.cz-page:not(.cz-js) .sw-vitals__list i::before{transform:scaleX(1)}
.sw-vitals__note{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--cz-line-l);font-size:.8rem;line-height:1.5;color:var(--cz-muted-l)}

/* ================================================================
   04 TECHNOLOGIE - trzy konstelacje (etykiety pod grupami)
   ================================================================ */
.sw-sky{aspect-ratio:1200/580}

/* ================================================================
   06 CENNIK
   ================================================================ */
.sw-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;padding-top:14px}
.sw-plan{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:30px;overflow:hidden;isolation:isolate;
	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,transform .6s var(--cz-ease)}
.sw-plan:hover{border-color:rgba(165,180,252,.32)}
.sw-plan.is-popular{background:#EEF0FF;border-color:transparent;color:var(--cz-ink-text);box-shadow:0 50px 100px -50px rgba(99,102,241,.7)}
.cz-js .sw-plan.is-popular.is-in,.cz-page:not(.cz-js) .sw-plan.is-popular{transform:translate3d(0,-14px,0)}
.sw-plan.is-popular .sw-plan__map{height:auto;min-height:74px;padding-top:36px}
.sw-plan__badge{position:absolute;left:30px;top:24px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:var(--cz-indigo-deep);color:#fff;font:600 .58rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase}

/* mapa podstron / produktów */
.sw-plan__map{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:6px 5px;height:74px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px dashed rgba(165,180,252,.2)}
.sw-plan.is-popular .sw-plan__map{border-bottom-color:rgba(11,16,32,.14)}
.sw-plan__root{width:22px;height:22px;margin-right:10px;border-radius:6px;background:var(--cz-cyan);box-shadow:0 0 0 4px rgba(34,211,238,.14)}
.sw-plan.is-popular .sw-plan__root{background:var(--cz-indigo-deep);box-shadow:0 0 0 4px rgba(79,70,229,.14)}
.sw-plan__node{width:12px;height:12px;border-radius:3px;border:1px solid rgba(165,180,252,.5);background:rgba(165,180,252,.18);transition:opacity .5s ease,transform .6s var(--cz-ease);transition-delay:calc(var(--n) * 45ms + .35s)}
.sw-plan.is-popular .sw-plan__node{border-color:rgba(79,70,229,.45);background:rgba(79,70,229,.14)}
.sw-plan__product{position:relative;width:26px;height:20px;border-radius:5px;border:1px solid rgba(165,180,252,.4);background:rgba(165,180,252,.1);transition:opacity .5s ease,transform .6s var(--cz-ease);transition-delay:calc(var(--n) * 55ms + .35s)}
.sw-plan__product::after{content:"";position:absolute;left:4px;right:12px;bottom:4px;height:3px;border-radius:2px;background:rgba(165,180,252,.5)}
.sw-plan__cart{display:grid;place-items:center;width:28px;height:28px;margin-left:4px;border-radius:50%;background:var(--cz-cyan);color:var(--cz-ink-text);font-size:.7rem}
.cz-js .sw-plan:not(.is-in) .sw-plan__node,.cz-js .sw-plan:not(.is-in) .sw-plan__product{opacity:0;transform:scale(.5)}

.sw-plan__name{font-size:1.3rem!important;line-height:1.2!important;letter-spacing:-.02em;color:#fff}
.sw-plan.is-popular .sw-plan__name{color:var(--cz-ink-text)}
.sw-plan__desc{margin-top:6px!important;font-size:.9rem;color:var(--cz-muted)}
.sw-plan.is-popular .sw-plan__desc{color:var(--cz-muted-l)}
.sw-plan__price{margin:20px 0 20px!important;font-size:.9rem;color:var(--cz-muted)}
.sw-plan__price strong{margin-left:4px;font:600 clamp(2rem,3vw,2.5rem)/1 var(--cz-display);letter-spacing:-.04em;color:#fff}
.sw-plan.is-popular .sw-plan__price{color:var(--cz-muted-l)}
.sw-plan.is-popular .sw-plan__price strong{color:var(--cz-ink-text)}
.sw-plan__features{display:grid;gap:10px;list-style:none;margin:0 0 26px;padding:18px 0 0;border-top:1px solid rgba(165,180,252,.14)}
.sw-plan.is-popular .sw-plan__features{border-top-color:rgba(11,16,32,.1)}
.sw-plan__features li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.9rem;line-height:1.45;color:rgba(232,234,246,.84)}
.sw-plan__features i{margin-top:4px;font-size:.66rem;color:var(--cz-cyan)}
.sw-plan.is-popular .sw-plan__features li{color:#3A4459}
.sw-plan.is-popular .sw-plan__features i{color:var(--cz-indigo-deep)}
.sw-plan .cz-btn{margin-top:auto}
.sw-plans__note{margin-top:30px!important;text-align:center;font-size:.92rem;color:var(--cz-muted)}
.sw-plans__note i{margin-right:6px;color:var(--cz-cyan)}
.sw-plans__note a{color:#fff;font-weight:600;text-underline-offset:4px;text-decoration-color:rgba(165,180,252,.5)}

/* FAQ: dłuższy nagłówek - mniejszy rozmiar */
#faq .cz-h2{font-size:clamp(1.5rem,2.3vw,2.1rem)!important}

/* ================================================================
   O FIRMIE - tekst lokalny
   ================================================================ */
.sw-local{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,90px);align-items:start}
.sw-local__text .cz-h2{margin-bottom:24px!important}
.sw-local__text p{font-size:.98rem;line-height:1.8;color:#3A4459;max-width:66ch}
.sw-local__text p+p{margin-top:14px!important}
.sw-local__text strong{color:var(--cz-ink-text)}
.sw-local__text a{color:var(--cz-ink-text);font-weight:600;text-decoration:none;background:linear-gradient(transparent 62%,rgba(99,102,241,.22) 62%);transition:background .35s var(--cz-ease)}
.sw-local__text a:hover{background:linear-gradient(transparent 0%,rgba(99,102,241,.22) 0%)}
.sw-local__media{position:sticky;top:110px}
.sw-local__frame{border-radius:22px;overflow:hidden;background:#0B1026;border:1px solid rgba(11,16,32,.12);box-shadow:0 40px 80px -44px rgba(49,46,129,.55)}
.sw-local__frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sw-local__badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.sw-local__badges>div{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(11,16,32,.08)}
.sw-local__badges i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#EEF0FF;color:var(--cz-indigo-deep);flex-shrink:0;font-size:.8rem}
.sw-local__badges span{font-size:.78rem;line-height:1.4;color:var(--cz-muted-l)}
.sw-local__badges strong{display:block;font-size:.86rem;color:var(--cz-ink-text)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1180px){
	.sw-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-plan{padding:26px}
}
@media (max-width:1024px){
	.sw-hero .cz-hero__grid{grid-template-columns:1fr}
	.sw-build{max-width:560px}
	.sw-plans{grid-template-columns:1fr;max-width:600px;margin:0 auto}
	.cz-js .sw-plan.is-popular.is-in,.cz-page:not(.cz-js) .sw-plan.is-popular{transform:none}
	.sw-portfolio .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sw-local{grid-template-columns:1fr}
	.sw-local__media{position:static;max-width:640px}
}
@media (max-width:760px){
	.sw-offers{grid-template-columns:1fr}
	.sw-portfolio .pf-grid{grid-template-columns:1fr}
	.sw-offer__foot{flex-wrap:wrap}
}
@media (max-width:520px){
	.sw-build__tabs{gap:5px}
	.sw-build__tabs .cz-mission__tab{padding:8px 2px 9px;font-size:.68rem;gap:5px}
	.sw-build__tabs .cz-mission__tab>i{width:24px;height:24px;font-size:.62rem}
	.sw-browser__score{display:none}
	.sw-build__stats{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
	.sw-build__stats>div{padding:9px 8px}
	.sw-build__stats dd{font-size:.8rem;white-space:nowrap}
	.sw-build__stats dt{font-size:.5rem}
	.sw-notif{font-size:.62rem;padding:6px 10px 6px 7px}
	.sw-notif i{width:17px;height:17px}
	.sw-vitals{grid-template-columns:1fr;justify-items:start}
	.sw-plan{padding:24px 20px}
	.sw-local__badges{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .sw-offer:not(.is-in) .sw-view--mini .sw-b,.cz-js .sw-plan:not(.is-in) .sw-plan__node,.cz-js .sw-plan:not(.is-in) .sw-plan__product{opacity:var(--o,1);transform:none}
}