/* WL Web Design 2.1 — nowa kompozycja strony głównej, realne ilustracje interfejsu. */
.wlx-site .wl2-topline{max-width:var(--wl21-max,1880px);padding-inline:var(--wl21-gutter,3vw)}
.wlx-site .wl2-hero-layout{width:min(calc(100% - var(--wl21-gutter,3vw)*2),var(--wl21-max,1880px));max-width:none;min-height:min(770px,84vh);grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(30px,3vw,72px)}
.wlx-site .wl2-hero-heading{font-size:clamp(53px,5.4vw,112px);max-width:1050px;letter-spacing:-.078em}
.wlx-site .wl2-hero-lead{max-width:690px;font-size:clamp(15px,1.12vw,20px)}
.wl2-showcase-window{width:min(100%,700px)}.wl2-stage{min-height:580px}
.wlx-site .wl2-section{max-width:var(--wl21-max,1880px);width:min(calc(100% - 2 * var(--wl21-gutter,3vw)),var(--wl21-max,1880px));padding-block:clamp(78px,8vw,140px)}
.wlx-site .wl2-display-title{max-width:1200px;font-size:clamp(43px,4.55vw,91px)}
.wlx-site .wl2-section-lead{max-width:850px;font-size:clamp(15px,1.05vw,19px)}
.wlx-site .wl2-last-cta{width:min(calc(100% - 2 * var(--wl21-gutter,3vw)),var(--wl21-max,1880px))}
.wlx-site .wl2-signal-band{padding-inline:max(var(--wl21-gutter,3vw),calc((100vw - var(--wl21-max,1880px))/2))}
/* Bezszwowy ticker: każdy zestaw ma tę samą szerokość, JS rozszerza go do szerokości viewportu. */
.wlx-site .wl2-ticker-outer{width:100%;overflow:hidden}
.wl2-ticker{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.wl2-ticker-track{display:flex!important;width:max-content!important;flex-wrap:nowrap!important;gap:0!important;will-change:transform;animation:wl21-infinite-ticker 38s linear infinite!important}
.wl2-ticker-set{display:flex;align-items:center;flex:0 0 auto;gap:clamp(17px,2vw,37px);padding:17px 16px;white-space:nowrap}
.wl2-ticker-set>span{flex:none}
@keyframes wl21-infinite-ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.wl2-ticker:hover .wl2-ticker-track{animation-play-state:paused!important}
/* Karty korzyści: grafiki w górnej połowie zamiast pustych pól. */
.wl21-benefits{display:grid;grid-template-columns:1.34fr 1fr 1fr;gap:clamp(18px,1.7vw,32px)}
.wl21-benefits .wl2-benefit{justify-content:flex-start;min-height:0;padding:clamp(25px,2.5vw,48px);border-radius:28px;gap:0;background:radial-gradient(circle at 92% 8%,rgba(43,127,245,.14),transparent 42%),var(--wl2-surface)}
.wl21-benefits .wl2-benefit-big{background:radial-gradient(circle at 80% 20%,rgba(35,113,246,.2),transparent 47%),linear-gradient(140deg,#122851,#0a1629 90%);color:#fff}
.wl21-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:35px;margin-bottom:15px}.wl21-corner-arrow{font-size:26px;color:#9bcaff}
.wl21-mini-icon{font-size:26px;color:#68a8ff}.wl21-benefits .wl2-number{letter-spacing:.16em;font-size:11px;color:#80b8ff}
.wl21-benefits h3{font-size:clamp(28px,2.1vw,43px);line-height:1.13;letter-spacing:-.056em;margin:18px 0 13px;max-width:660px}
.wl21-benefits p{font-size:clamp(13px,.91vw,16px);line-height:1.8;color:var(--wl2-muted);margin:0}
.wl21-benefits .wl2-benefit-big p{color:#bcd0f0}
.wl21-inline-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.wl21-inline-facts span{font-size:10px;letter-spacing:.02em;border:1px solid rgba(123,175,255,.24);border-radius:100px;padding:7px 11px;color:var(--wl2-ink);background:rgba(80,151,251,.06)}
.wl21-benefits .wl2-benefit-big .wl21-inline-facts span{color:#dceaff}
.wl21-brand-art{height:225px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border-radius:17px;margin:0 0 8px}
.wl21-art-shell{width:78%;height:194px;position:relative;z-index:1;border:1px solid rgba(189,219,255,.25);background:#e3e8e5;color:#192031;border-radius:12px;box-shadow:0 28px 60px rgba(0,0,0,.22);transform:rotate(-5deg);overflow:hidden}
.wl21-art-toolbar{height:27px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#0e192b;color:#c4d3e6}
.wl21-art-toolbar i{height:5px;width:5px;border-radius:50%;background:#4e6b96}.wl21-art-toolbar b{font-size:9px;font-weight:650;margin-left:auto}
.wl21-art-splash{padding:16px 20px;position:relative;height:calc(100% - 27px);background:radial-gradient(circle at 83% 40%,#c3aa8f,transparent 39%),#edeae3}
.wl21-art-splash>span{font-size:7px;letter-spacing:.16em}.wl21-art-splash strong{display:block;font-size:clamp(26px,3.1vw,48px);line-height:.92;letter-spacing:-.06em;margin:14px 0 12px;font-weight:760}.wl21-art-splash em{font-style:normal;color:#816148}
.wl21-art-pill{font-size:8px;display:inline-block;border-radius:100px;background:#14243b;padding:8px 12px;color:#fff}.wl21-art-orb{position:absolute;z-index:0;right:0;top:15%;width:140px;aspect-ratio:1;border:1px solid rgba(127,184,255,.35);border-radius:50%;box-shadow:0 0 0 40px rgba(63,129,242,.04)}
.wl21-contact-demo{height:220px;position:relative;margin:0 0 8px;padding:24px;border-radius:16px;background:linear-gradient(140deg,#12264a,#0c1423);border:1px solid rgba(83,145,255,.19);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;overflow:hidden}
.wl21-contact-mini{font-size:13px;font-weight:800;color:#e9f3ff}.wl21-contact-line{display:block;width:72%;height:8px;background:#355079;border-radius:7px}.wl21-contact-line.short{width:50%}.wl21-contact-cta{background:#327bff;color:#fff;font-size:10px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 11px 24px rgba(0,0,0,.2)}.wl21-contact-cursor{position:absolute;color:#fff;right:18%;bottom:15%;font-size:32px;filter:drop-shadow(2px 2px #367cf8)}
.wl21-tech-demo{height:220px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:22px;border:1px solid rgba(73,151,255,.18);border-radius:16px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(113,181,255,.045) 36px),linear-gradient(155deg,#10213c,#0c1423);margin-bottom:8px;color:#fff;overflow:hidden}
.wl21-tech-main{font-size:clamp(52px,5vw,85px);font-weight:750;letter-spacing:-.08em;line-height:1}.wl21-tech-main span{font-size:16px;letter-spacing:0;color:#9ab8da}.wl21-tech-label{font-size:9px;color:#94afcc;letter-spacing:.05em;margin:8px 0 18px}.wl21-tech-track{height:5px;background:#203a5e;border-radius:8px}.wl21-tech-track i{display:block;height:100%;width:85%;background:linear-gradient(90deg,#367dff,#81c5ff);border-radius:inherit}.wl21-tech-dots{position:absolute;right:16px;top:18px;display:grid;grid-template-columns:repeat(4,4px);gap:7px}.wl21-tech-dots b{width:4px;height:4px;background:#66aeff;border-radius:50%}
/* Karty usług: więcej treści + prawdziwe miniaturowe ilustracje UI */
.wlx-site .wl2-services-grid{gap:clamp(20px,1.9vw,36px)}
.wlx-site .wl2-service{min-height:0;padding:clamp(28px,2.8vw,52px);border-radius:28px}
.wlx-site .wl2-service-title{font-size:clamp(31px,2.6vw,48px);margin-top:18px}
.wlx-site .wl2-service-copy{font-size:clamp(14px,.96vw,17px);max-width:690px;line-height:1.85;margin-bottom:22px}
.wl21-service-detail{height:140px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(115,168,249,.21);background:linear-gradient(130deg,rgba(26,89,181,.23),rgba(30,113,234,.04));border-radius:16px;margin:2px 0 15px}
.wl21-mini-browser{position:relative;width:65%;height:110px;border:1px solid rgba(169,207,255,.35);border-radius:11px 11px 0 0;background:#f3f5f8;color:#13213c;padding:13px;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.wl21-mini-browser i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#a9b5c6;margin-right:4px}.wl21-mini-browser strong{display:block;font-size:19px;letter-spacing:-.05em;margin:8px 0}.wl21-mini-browser>span:not(.wl21-mini-browser-button){display:block;width:66%;height:5px;background:#aebbd0;border-radius:5px}.wl21-mini-browser-button{display:inline-block;font-size:7px;background:#2b77ed;padding:5px 8px;color:#fff;margin-top:9px;border-radius:5px}
.wl21-shop-demo{width:76%;max-width:430px;padding:13px 18px;background:#e8eef7;border-radius:12px;color:#1b2946;box-shadow:0 15px 35px rgba(0,0,0,.16)}.wl21-shop-demo>span{font-size:9px;font-weight:800}.wl21-shop-demo>div{display:flex;gap:10px;margin:11px 0}.wl21-shop-demo b{display:grid;place-items:center;background:linear-gradient(150deg,#d7e7fa,#91afd7);border-radius:8px;height:49px;flex:1;color:#45618a}.wl21-shop-demo small{display:flex;justify-content:space-between;font-size:9px}
.wl21-workflow-demo{display:flex;align-items:center;justify-content:center;gap:12px;color:#bcd7ff;font-size:11px;font-weight:700}.wl21-workflow-demo span{border:1px solid rgba(143,195,255,.3);padding:15px 12px;border-radius:10px;background:#162e52}.wl21-workflow-demo b{color:#5ca8ff;font-size:19px}
.wl21-speed-demo{width:78%;max-width:440px}.wl21-speed-demo>span{font-size:9px;letter-spacing:.14em;color:#adc9f0;font-weight:800}.wl21-speed-demo>div{display:flex;gap:9px;align-items:end;margin:16px 0}.wl21-speed-demo i{display:block;width:20%;height:20px;border-radius:7px 7px 0 0;background:#3c85ec}.wl21-speed-demo i:nth-child(2){height:45px}.wl21-speed-demo i:nth-child(3){height:63px}.wl21-speed-demo i:nth-child(4){height:85px;background:#8bd0ff}.wl21-speed-demo i:nth-child(5){height:70px}.wl21-speed-demo strong{font-size:10px;color:#d9eaff}
.wl21-service-points{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.wl21-service-points span{font-size:10px;line-height:1.5;border:1px solid rgba(108,167,252,.26);background:rgba(36,107,219,.09);border-radius:100px;padding:8px 12px;color:var(--wl2-ink)}
.wl2-service-primary .wl21-service-points span{color:#d5e7ff}
.wlx-site .wl2-service-link{margin-top:auto}
/* Proces: mniejsze, wizualne karty o treści realnie rozłożonej. */
.wl21-process{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.2vw,24px)}
.wl21-process article{min-height:0;padding:clamp(17px,1.7vw,30px);border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 70% -15%,rgba(55,129,249,.18),transparent 56%),var(--wl2-surface)}
.wl21-process .wl21-process-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wl21-process .wl21-process-top>span{font-size:9px;letter-spacing:.11em}.wl21-process .wl21-process-top i{font-size:27px;font-style:normal;color:#73b7ff;margin:0}
.wl21-process .wl21-process-visual{height:120px;position:relative;overflow:hidden;margin:17px 0 18px;border-radius:12px;background:linear-gradient(132deg,#152e53,#0a172a);border:1px solid rgba(101,160,251,.17)}
.wl21-process h3{font-size:clamp(19px,1.38vw,27px);margin:0 0 11px}.wl21-process p{font-size:clamp(12px,.8vw,14px);line-height:1.75;flex:1}
.wl21-step-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8ebcfc;padding-top:13px;margin-top:22px;border-top:1px solid rgba(107,163,246,.17)}
.wl21-process-visual--chat{padding:18px}.wl21-process-visual--chat b{display:block;font-size:12px;color:#fff}.wl21-process-visual--chat small{display:block;color:#a9c0e2;margin-top:7px;font-size:10px}.wl21-process-visual--chat em{position:absolute;right:18px;bottom:12px;font-size:24px;font-style:normal;color:#7fb8ff}
.wl21-process-visual--plan{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px}.wl21-process-visual--plan b{background:#2a568e;border-radius:5px}.wl21-process-visual--plan b:nth-child(1){grid-row:span 2;background:#4298ff}.wl21-process-visual--plan b:nth-child(4){grid-column:span 2;background:#81baff}
.wl21-process-visual--design{display:flex;align-items:center;justify-content:center}.wl21-process-visual--design span{width:58px;height:75px;background:linear-gradient(135deg,#6ec1ff,#2654a8);border:1px solid #88c7ff;border-radius:10px;transform:rotate(-12deg);margin-left:-12px}.wl21-process-visual--design span:nth-child(2){height:96px;background:linear-gradient(145deg,#dfefff,#668fcd);transform:rotate(8deg)}.wl21-process-visual--design span:nth-child(3){height:66px;background:#193c79;transform:rotate(18deg)}
.wl21-process-visual--code{padding:19px 23px;display:flex;flex-direction:column;justify-content:center;gap:5px}.wl21-process-visual--code small{color:#8cb8f5;font:11px/1.4 monospace;white-space:nowrap}.wl21-process-visual--code small:nth-child(2){color:#8af2d4}
.wl21-process-visual--launch{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.wl21-launch-orbit{height:58px;width:58px;display:grid;place-items:center;background:linear-gradient(130deg,#377af3,#61b5fb);border-radius:50%;box-shadow:0 0 0 12px rgba(79,152,255,.13);font-size:30px;color:#fff}.wl21-process-visual--launch span{font-size:9px;color:#b4d0f9}
/* FAQ: na szerokość sekcji, centralnie, bez niezręcznej lewej pustki. */
.wlx-site .wl2-faq-grid{max-width:min(100%,1540px);margin:clamp(30px,4vw,65px) auto 35px;width:100%;gap:14px}
.wlx-site .wl2-faq-grid details{border-radius:20px;background:radial-gradient(circle at 97% 0%,rgba(45,120,239,.07),transparent 35%),var(--wl2-surface)}
.wlx-site .wl2-faq-grid summary{padding:26px clamp(22px,3vw,40px);font-size:clamp(16px,1.1vw,21px)}
.wlx-site .wl2-faq-grid details p{padding:0 clamp(22px,3vw,40px) 27px;max-width:1100px;font-size:clamp(13px,.98vw,16px)}
/* Nowa porównywarka strony: obie wersje w jednym płótnie, przesuwany separator. */
.wl21-compare{border-radius:28px;border:1px solid var(--wl2-line);padding:clamp(19px,2.5vw,36px);background:radial-gradient(circle at 85% 15%,rgba(44,124,245,.13),transparent 44%),var(--wl2-surface);margin-top:34px}
.wl21-comparison-labels{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;color:var(--wl2-muted);font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.wl21-comparison-stage{position:relative;height:clamp(320px,32vw,560px);overflow:hidden;border-radius:19px;border:1px solid rgba(131,185,253,.3);background:#dfe5e4;color:#0f1b29}
.wl21-compare-pane{position:absolute;inset:0;padding:clamp(20px,3vw,54px)}
.wl21-compare-before{background:#dadfdf;color:#354456}.wl21-compare-after{background:radial-gradient(circle at 88% 62%,#edb5a0 0%,#e4c5b9 22%,transparent 23%),linear-gradient(125deg,#132333,#1b3458 70%);color:#fff;clip-path:inset(0 0 0 var(--wl21-split));overflow:hidden}
.wl21-demo-nav{font-size:clamp(14px,1.55vw,24px);font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px}.wl21-demo-nav small{font-size:clamp(7px,.65vw,11px);font-weight:500}.wl21-compare-after .wl21-demo-nav span{color:#78beff}
.wl21-demo-content{margin-top:clamp(38px,5vw,105px);max-width:65%}.wl21-demo-content>small{font-size:clamp(9px,.7vw,13px);letter-spacing:.15em}.wl21-demo-content h3{font-size:clamp(27px,4.35vw,86px);letter-spacing:-.07em;line-height:1.02;margin:18px 0}.wl21-demo-content h3 em{font-style:normal;color:#87bcff}.wl21-demo-content p{font-size:clamp(10px,1vw,18px);line-height:1.65;max-width:450px}.wl21-demo-link{display:inline-block;border:1px solid rgba(255,255,255,.3);padding:11px 17px;border-radius:8px;font-size:clamp(9px,.72vw,13px)}
.wl21-compare-before .wl21-demo-content h3{font-weight:600;letter-spacing:-.02em}.wl21-compare-before .wl21-demo-link{background:#a8b0b8;color:#333;border:1px solid #9a9fa8}
.wl21-demo-decoration{position:absolute;right:7%;bottom:-23%;width:29%;aspect-ratio:1;border-radius:42%;transform:rotate(23deg);background:linear-gradient(155deg,#e4a88f,#ba6b6c);box-shadow:0 0 0 35px rgba(228,177,178,.08)}
.wl21-compare-divider{position:absolute;z-index:5;left:var(--wl21-split);inset-block:0;width:2px;background:#fff;box-shadow:0 0 16px rgba(17,46,88,.25);transform:translateX(-50%);pointer-events:none}.wl21-compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#267bff;color:#fff;font-size:21px;border:3px solid #fff}
.wl21-compare-slider-label{display:block;font-size:12px;font-weight:700;margin:22px 0 12px;color:var(--wl2-ink)}
.wl21-compare input[type=range]{display:block;width:100%;accent-color:#267bff;cursor:ew-resize;touch-action:pan-y;height:24px}.wl21-demo-caption{font-size:11px;color:var(--wl2-muted);margin:12px 0 0}
/* Duży desktop: żadnych szerokich pustych pól */
@media(max-width:1250px){.wl21-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.wl21-benefits .wl2-benefit-big{grid-column:span 2}.wl21-process{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.wlx-site .wl2-hero-layout{width:calc(100% - 46px);grid-template-columns:1fr;min-height:0;padding:70px 0}.wlx-site .wl2-hero-heading{font-size:clamp(53px,7.8vw,82px)}.wl2-stage{min-height:500px}.wl2-showcase-window{width:min(82%,670px)}.wlx-site .wl2-section{width:calc(100% - 46px)}.wl21-process{grid-template-columns:repeat(2,minmax(0,1fr))}.wl21-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wlx-site .wl2-hero-layout{width:calc(100% - 32px);padding:43px 0}.wlx-site .wl2-section{width:calc(100% - 32px);padding-block:65px}.wlx-site .wl2-hero-heading{font-size:clamp(44px,11.1vw,65px)}.wlx-site .wl2-display-title{font-size:clamp(38px,9vw,58px)}.wl21-benefits{grid-template-columns:1fr;gap:14px}.wl21-benefits .wl2-benefit-big{grid-column:auto}.wl21-benefits .wl2-benefit{padding:23px;min-height:0;border-radius:22px}.wl21-brand-art{height:168px}.wl21-art-shell{height:150px}.wl21-art-splash{padding:9px 14px}.wl21-art-splash strong{font-size:34px;margin:8px 0}.wl21-contact-demo,.wl21-tech-demo{height:158px}.wl21-benefits h3{font-size:27px;margin-top:11px}.wl21-benefits p{font-size:13px}.wlx-site .wl2-service{padding:25px;min-height:0;border-radius:22px}.wlx-site .wl2-service-title{font-size:31px}.wl21-service-detail{height:122px}.wl21-workflow-demo{gap:6px;font-size:9px}.wl21-workflow-demo span{padding:12px 7px}.wl21-process{grid-template-columns:1fr;gap:13px}.wl21-process article{padding:23px;min-height:0}.wl21-process .wl21-process-visual{height:105px}.wl21-process h3{font-size:24px}.wl21-process p{font-size:13px}.wlx-site .wl2-faq-grid{width:100%;margin:24px auto}.wlx-site .wl2-faq-grid summary{font-size:15px;padding:19px}.wlx-site .wl2-last-cta{width:calc(100% - 24px)}.wl21-compare{padding:14px;border-radius:20px}.wl21-comparison-stage{height:330px;border-radius:12px}.wl21-compare-pane{padding:17px}.wl21-demo-content{max-width:85%;margin-top:45px}.wl21-demo-content h3{font-size:34px}.wl21-demo-content p{font-size:11px}.wl21-demo-nav small{font-size:6px}.wl21-compare-divider span{width:38px;height:38px;font-size:17px}.wl21-comparison-labels{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wl2-ticker-track{animation:none!important;transform:none!important}.wl2-ticker{overflow:auto;mask-image:none}.wl2-ticker-set[aria-hidden=true]{display:none}.wl21-process article,.wl21-benefits .wl2-benefit{transition:none}}