/* WL Studio 3.1 — interaktywna prezentacja, izolowany system stylistyczny */
.wl31-experience,.wl31-contact-hub{box-sizing:border-box;position:relative;max-width:100%;color:#edf4ff;font-family:inherit}
.wl31-experience *,.wl31-contact-hub *{box-sizing:border-box}
.wl31-experience{--wl31-blue:#5e98ff;--wl31-line:rgba(190,211,250,.16);margin:clamp(52px,7vw,118px) auto;padding:0;isolation:isolate}
.wl31-eyebrow{display:flex;gap:12px;align-items:center;font-size:11px!important;letter-spacing:.16em;color:#96a9c9!important;font-weight:750;text-transform:uppercase}
.wl31-led{width:8px;height:8px;display:inline-block;flex:none;border-radius:100%;background:#6cacff;box-shadow:0 0 0 5px rgba(59,130,246,.12),0 0 20px rgba(40,130,255,.6)}
.wl31-eyebrow-index{margin-left:auto;color:#637b9c}
.wl31-exp-heading{margin:20px 0 28px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);align-items:end;gap:32px}
.wl31-exp-heading h2,.wl31-contact-hub h2{margin:0!important;color:#fff!important;font-size:clamp(30px,4.5vw,72px)!important;letter-spacing:-.055em!important;line-height:1.07!important;font-weight:790!important;max-width:1010px}
.wl31-exp-heading em,.wl31-contact-hub em{font-style:normal;color:#70a7ff}
.wl31-exp-heading p{margin:0 0 5px!important;color:#aabbcf!important;font-size:clamp(14px,1.22vw,17px)!important;line-height:1.75!important;max-width:470px}
.wl31-workspace{display:grid;grid-template-columns:minmax(255px,.31fr) minmax(0,.69fr);gap:1px;min-height:clamp(530px,44vw,680px);background:#263550;border:1px solid rgba(158,187,239,.22);border-radius:28px;overflow:hidden;box-shadow:0 35px 85px rgba(0,0,0,.27)}
.wl31-config-panel{min-width:0;background:#111c30;padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:0}
.wl31-panel-top{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:10px;color:#90a5c4;letter-spacing:.1em;font-weight:750}
.wl31-mini-status{color:#9bbafb;font-size:9px;white-space:nowrap}
.wl31-type-list{display:grid;gap:10px;margin:22px 0 0}
.wl31-type-list button{font:inherit;display:flex;gap:12px;align-items:center;width:100%;min-height:76px;padding:12px;text-align:left;border:1px solid rgba(184,205,245,.10);background:#18253b;color:#eaf1ff;border-radius:15px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.wl31-type-list button:hover{background:#1c3151;transform:translateY(-2px)}
.wl31-type-list button[aria-pressed="true"]{background:linear-gradient(125deg,#1a3864,#132b4b);border-color:#4b86ea;box-shadow:inset 0 0 0 1px rgba(83,144,255,.13)}
.wl31-type-symbol{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#273a5c;color:#91b9ff;font-size:22px}
.wl31-type-list button>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}
.wl31-type-list strong{color:#f7faff;font-size:13px;font-weight:750;line-height:1.25}
.wl31-type-list small{color:#9cacc8;font-size:11px;line-height:1.3}
.wl31-type-list b{font-size:14px;color:#95bfff}
.wl31-config-divider{margin:25px 0;border-top:1px solid #31415a}
.wl31-config-label{font-size:10px;letter-spacing:.1em;color:#94a9ca;font-weight:750;margin-bottom:12px}
.wl31-switch{display:flex;gap:6px;margin-bottom:20px;padding:5px;border:1px solid #31405b;background:#0c1729;border-radius:12px}
.wl31-switch button{flex:1;cursor:pointer;border:0;border-radius:8px;padding:10px 4px;background:transparent;color:#9dabc2;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.wl31-switch button[aria-pressed="true"]{background:#315b9b;color:#fff;box-shadow:0 3px 11px rgba(4,17,36,.3)}
.wl31-panel-cta{margin-top:auto;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;text-decoration:none!important;background:#3478f6;color:#fff!important;font-weight:750;font-size:13px;transition:background .2s,transform .2s}
.wl31-panel-cta:hover{background:#5894ff;transform:translateY(-2px)}
.wl31-stage{min-width:0;position:relative;background:radial-gradient(ellipse at 65% 37%,#24417a 0%,transparent 65%),#0b1324;display:flex;flex-direction:column;padding:20px 22px;overflow:hidden}
.wl31-stage-ambient{pointer-events:none;position:absolute;inset:auto -15% -55% 0;height:75%;border-radius:50%;background:radial-gradient(ellipse,rgba(58,106,244,.22),transparent 69%);filter:blur(20px)}
.wl31-stage-header,.wl31-stage-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#9eb0cb;font-size:10px;letter-spacing:.095em;font-weight:650}
.wl31-stage-header{padding:7px 3px 18px;border-bottom:1px solid rgba(184,205,244,.15)}
.wl31-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:100%;background:#69debb}
.wl31-dot--blue{background:#79adff;box-shadow:0 0 15px rgba(71,138,255,.9)}
.wl31-browser-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:390px;padding:18px 0;perspective:1000px}
.wl31-browser{width:min(100%,820px);height:min(420px,42vw);min-height:315px;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 20px 55px rgba(0,0,0,.6);transition:width .4s,height .4s,background .35s;border:1px solid rgba(255,255,255,.24)}
.wl31-browser-bar{height:36px;background:#e9edf3;color:#78849a;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-size:11px;line-height:1.2;}
.wl31-window-dots{display:flex;gap:5px}.wl31-window-dots i{display:block;width:7px;height:7px;border-radius:100%;background:#c8d0db}.wl31-window-dots i:first-child{background:#f29494}.wl31-window-dots i:nth-child(2){background:#f5ce7d}.wl31-window-dots i:last-child{background:#88d6a2}
.wl31-browser-address{background:rgba(255,255,255,.75);padding:5px 12px;border-radius:5px;color:#8190a3;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl31-demo-page{height:calc(100% - 36px);background:#f7f5f0;color:#212329;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .35s,color .35s}
.wl31-demo-nav{height:57px;flex:none;display:flex;gap:15px;justify-content:space-between;align-items:center;padding:0 clamp(15px,3vw,38px);font-size:10px;color:#353945;border-bottom:1px solid rgba(50,54,65,.06)}
.wl31-demo-nav strong{font-size:19px;letter-spacing:-.04em;white-space:nowrap}.wl31-demo-nav strong span{color:#356de0}.wl31-demo-nav>b{display:none}
.wl31-demo-hero{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:4px;padding:18px clamp(15px,3vw,38px);flex:1;min-height:0}
.wl31-demo-text{position:relative;z-index:2;min-width:0}.wl31-demo-text small{display:block;font-size:9px;line-height:1.4;color:#6f7686;letter-spacing:.08em;font-weight:750}
.wl31-demo-text h3{margin:14px 0!important;color:inherit!important;font-size:clamp(23px,3.1vw,44px)!important;line-height:1.05!important;letter-spacing:-.06em;font-weight:800;max-width:none!important}
.wl31-demo-text h3 em{font-style:normal;color:#3c75e5}.wl31-demo-text p{margin:0 0 15px!important;font-size:clamp(10px,1.1vw,13px)!important;color:#747b87!important;line-height:1.5!important;max-width:380px}
.wl31-demo-action{display:inline-flex;gap:14px;align-items:center;border-radius:5px;background:#263849;color:#fff;padding:10px 13px;font-size:10px;font-weight:700;max-width:100%}
.wl31-demo-art{height:100%;min-height:175px;position:relative;display:flex;justify-content:center;align-items:center;overflow:visible}
.wl31-demo-circle{position:absolute;width:75%;aspect-ratio:1;border-radius:100%;background:linear-gradient(125deg,#c8d6ee,#7d9cda,#203b79);box-shadow:25px 15px 50px rgba(18,36,68,.2);transform:rotate(-30deg)}
.wl31-demo-shape{position:relative;width:42%;aspect-ratio:.83;border-radius:50% 50% 15% 15%;background:linear-gradient(145deg,#ddc6b0,#e0ae7d 48%,#764f46);transform:rotate(23deg);box-shadow:18px 15px 25px rgba(42,45,64,.25)}
.wl31-demo-float{position:absolute;top:12%;right:13%;font-size:28px;color:#397af2;animation:wl31-float 4s ease-in-out infinite}
.wl31-demo-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:8px clamp(15px,3vw,38px);font-size:9px;color:#9397a0;letter-spacing:.07em;border-top:1px solid rgba(80,85,93,.12)}
.wl31-stage[data-type="shop"] .wl31-demo-page{background:#f1ede8}.wl31-stage[data-type="shop"] .wl31-demo-text h3 em{color:#c8754d}.wl31-stage[data-type="shop"] .wl31-demo-circle{background:linear-gradient(135deg,#e4cdad,#ca9374,#784b44)}.wl31-stage[data-type="shop"] .wl31-demo-shape{border-radius:19% 45% 25% 12%;transform:rotate(-24deg);background:linear-gradient(120deg,#744a3f,#e8ae7d,#e4d6c6)}
.wl31-stage[data-type="custom"] .wl31-demo-page{background:#eaf1fa}.wl31-stage[data-type="custom"] .wl31-demo-circle{border-radius:22%;background:linear-gradient(125deg,#7aa0f2,#3a65b4,#172a54);transform:rotate(20deg)}.wl31-stage[data-type="custom"] .wl31-demo-shape{border-radius:13%;background:linear-gradient(125deg,#d4eaff,#63a7ed,#1b58a2);transform:rotate(-21deg)}
.wl31-stage[data-tone="dark"] .wl31-demo-page{background:#111a2d;color:#f2f5ff}.wl31-stage[data-tone="dark"] .wl31-demo-text small,.wl31-stage[data-tone="dark"] .wl31-demo-text p{color:#b4c0d5!important}.wl31-stage[data-tone="dark"] .wl31-demo-nav{color:#f2f5ff}.wl31-stage[data-tone="dark"] .wl31-browser-bar{background:#202d43;color:#9db1c8}.wl31-stage[data-tone="dark"] .wl31-browser-address{background:#131d2e;color:#b9c8d8}.wl31-stage[data-tone="dark"] .wl31-demo-action{background:#386ee0}
.wl31-stage[data-device="mobile"] .wl31-browser{width:265px;max-width:90%;height:415px;min-height:0;border-radius:27px}.wl31-stage[data-device="mobile"] .wl31-browser-bar{height:26px}.wl31-stage[data-device="mobile"] .wl31-demo-page{height:calc(100% - 26px)}.wl31-stage[data-device="mobile"] .wl31-demo-nav{height:47px;padding:0 18px}.wl31-stage[data-device="mobile"] .wl31-demo-nav span{display:none}.wl31-stage[data-device="mobile"] .wl31-demo-nav>b{display:block}.wl31-stage[data-device="mobile"] .wl31-demo-hero{display:flex;flex-direction:column-reverse;justify-content:center;align-items:stretch;padding:10px 19px;gap:9px}.wl31-stage[data-device="mobile"] .wl31-demo-text small{font-size:7px}.wl31-stage[data-device="mobile"] .wl31-demo-text h3{font-size:22px!important;margin:8px 0!important}.wl31-stage[data-device="mobile"] .wl31-demo-text p{font-size:10px!important;margin-bottom:9px!important}.wl31-stage[data-device="mobile"] .wl31-demo-art{min-height:110px;height:120px}.wl31-stage[data-device="mobile"] .wl31-demo-circle{width:35%}.wl31-stage[data-device="mobile"] .wl31-demo-shape{width:21%}.wl31-stage[data-device="mobile"] .wl31-demo-float{font-size:18px}.wl31-stage[data-device="mobile"] .wl31-demo-bottom{font-size:7px;padding:7px 14px}
.wl31-stage-footer{padding:16px 4px 2px;border-top:1px solid rgba(184,205,244,.15);font-size:10px;letter-spacing:0}.wl31-proofrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#273c56;border:1px solid rgba(162,195,245,.16);border-radius:17px;overflow:hidden;margin-top:15px}.wl31-proofrow>div{background:#101d31;padding:22px 18px;display:grid;gap:4px;min-width:0}.wl31-proofrow span{color:#7198d3;font-size:11px;letter-spacing:.1em}.wl31-proofrow strong{font-size:14px;color:#f5f8ff;overflow-wrap:anywhere}.wl31-proofrow small{font-size:12px;color:#a2b2cd;line-height:1.4}
.wl31-contact-hub{margin:clamp(48px,8vw,120px) auto!important;padding:clamp(22px,4.5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.74fr);align-items:center;gap:clamp(25px,5vw,80px);border:1px solid #39588b;border-radius:26px;background:radial-gradient(ellipse at 85% 15%,rgba(47,104,201,.23),transparent 45%),linear-gradient(130deg,#091329,#0f203d 75%);overflow:hidden;min-width:0}
.wl31-contact-hub__copy{position:relative;z-index:1}.wl31-contact-hub h2{font-size:clamp(31px,4vw,60px)!important;margin:17px 0 20px!important}.wl31-contact-hub__copy>p{max-width:530px;color:#a9bfdf!important;line-height:1.7!important;font-size:15px!important}.wl31-contact-hub__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}.wl31-hub-button{border:0;border-radius:12px;background:#3d7ef4;color:white!important;display:inline-flex;align-items:center;gap:25px;justify-content:space-between;padding:15px 22px;font-size:14px;font-weight:750;line-height:1.2;;text-decoration:none!important;cursor:pointer}.wl31-hub-link{text-decoration:none!important;font-size:13px;color:#d5e5ff!important;font-weight:700}
.wl31-contact-hub__card{position:relative;z-index:1;border:1px solid rgba(190,215,255,.22);border-radius:22px;padding:21px;background:linear-gradient(130deg,#142843,#0d1b34);box-shadow:0 18px 50px rgba(1,10,30,.37);display:grid;gap:12px;min-width:0}.wl31-hub-card-top{display:flex;align-items:center;gap:11px;margin-bottom:9px;padding-bottom:14px;border-bottom:1px solid rgba(200,216,247,.13)}.wl31-hub-card-top>span:nth-child(2){display:grid;gap:4px;flex:1}.wl31-hub-card-top strong{font-size:14px;color:white}.wl31-hub-card-top small{font-size:11px;color:#8da8d0}.wl31-hub-card-top i{width:9px;height:9px;border-radius:100%;background:#65cc9f}.wl31-hub-avatar{width:39px;height:39px;display:grid;place-items:center;background:#347af3;color:#fff;border-radius:12px;font-size:15px;font-weight:800}.wl31-hub-chat-bubble{border-radius:16px 16px 16px 4px;background:#253b5d;border:1px solid #34517c;color:#e6f0ff;padding:12px 14px;font-size:13px;line-height:1.5;max-width:84%}.wl31-hub-chat-bubble--right{margin-left:auto;border-radius:16px 16px 4px 16px;background:#3269c5;color:#fff}.wl31-hub-card-bottom{margin-top:4px;padding-top:11px;border-top:1px solid rgba(180,208,248,.13);font-size:10px;color:#899fbe;letter-spacing:.02em}
@keyframes wl31-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1100px){.wl31-exp-heading{grid-template-columns:1fr}.wl31-workspace{grid-template-columns:minmax(235px,.35fr) minmax(0,.65fr)}.wl31-browser{min-height:275px}.wl31-stage{padding:16px}.wl31-demo-hero{gap:0}}
@media(max-width:800px){.wl31-workspace{grid-template-columns:1fr}.wl31-config-panel{padding:20px}.wl31-type-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.wl31-type-list button{min-height:95px;flex-direction:column;align-items:flex-start;gap:7px;padding:10px}.wl31-type-list button>span:nth-child(2){gap:2px}.wl31-type-list button>b{display:none}.wl31-type-symbol{width:30px;height:30px;flex:0 0 30px;font-size:17px}.wl31-type-list strong{font-size:11px}.wl31-type-list small{font-size:9px}.wl31-config-divider{margin:16px 0}.wl31-config-label{margin:6px 0}.wl31-switch{display:inline-flex;margin:0 16px 15px 0;vertical-align:middle}.wl31-switch button{flex:0 0 auto;padding:9px 12px}.wl31-panel-cta{margin-top:0}.wl31-browser{height:380px}.wl31-contact-hub{grid-template-columns:1fr}.wl31-contact-hub__card{max-width:500px;width:100%}.wl31-proofrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.wl31-experience{margin:54px auto}.wl31-exp-heading{gap:12px}.wl31-exp-heading h2{font-size:clamp(29px,8vw,43px)!important}.wl31-exp-heading p{font-size:14px!important}.wl31-workspace{border-radius:19px}.wl31-stage{padding:12px}.wl31-stage-header,.wl31-stage-footer{font-size:9px}.wl31-stage-header span:last-child{white-space:nowrap}.wl31-browser-wrap{min-height:305px;padding:14px 0}.wl31-browser{min-height:0;height:285px;border-radius:11px}.wl31-demo-nav{height:42px}.wl31-demo-nav strong{font-size:14px}.wl31-demo-nav span{font-size:8px}.wl31-demo-text small{font-size:7px}.wl31-demo-text h3{font-size:clamp(20px,6vw,31px)!important;margin:9px 0!important}.wl31-demo-text p{font-size:9px!important}.wl31-demo-action{padding:7px;font-size:9px}.wl31-demo-art{min-height:95px}.wl31-stage[data-device="mobile"] .wl31-browser{height:370px}.wl31-proofrow>div{padding:16px 12px}.wl31-proofrow strong{font-size:12px}.wl31-proofrow small{font-size:10px}.wl31-contact-hub{padding:23px 17px;border-radius:18px}.wl31-contact-hub h2{font-size:clamp(31px,8vw,45px)!important}.wl31-contact-hub__card{padding:15px}.wl31-hub-chat-bubble{font-size:12px;max-width:93%}}
@media(prefers-reduced-motion:reduce){.wl31-demo-float{animation:none}.wl31-browser,.wl31-type-list button,.wl31-panel-cta{transition:none}}