/* Style specyficzne: uslugi */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
.hero{position:relative;overflow-x:clip;padding:96px 0 64px}
.services-container{position:relative;padding-bottom:112px;overflow:hidden;}
.bg-orbs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.bg-orbs i{position:absolute;display:block;border-radius:50%;filter:blur(100px);opacity:0.4;}
.bg-orbs .b1{left:-10%;top:10%;width:600px;height:600px;background:var(--navy);}
.bg-orbs .b2{right:-5%;top:30%;width:500px;height:500px;background:var(--teal);}
.bg-orbs .b3{left:-5%;top:55%;width:700px;height:700px;background:var(--purple);}
.bg-orbs .b4{right:-10%;top:75%;width:500px;height:500px;background:var(--green);}
.service-section{position:relative;z-index:2;padding:100px 0;border-top:1px solid rgba(255,255,255,0.05);}
.service-section:first-child{border-top:none;padding-top:40px;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.split.flip .copy{order:2;}
.copy h2{font-size:clamp(28px,3.6vw,46px);margin-bottom:24px;line-height:1.15;}
.copy p{color:#cfd2da;margin-top:16px;max-width:56ch;font-size:16px;line-height:1.7;}
.copy ul{list-style:none;margin-top:24px;display:grid;gap:12px;}
.copy li{display:flex;align-items:flex-start;gap:12px;color:#eceef2;font-size:15px;line-height:1.5;}
.copy li::before{content:"✓";color:var(--green);font-weight:800;font-size:18px;}
.stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px;}
.stage::before{content:"";position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;filter:blur(44px);pointer-events:none; background:radial-gradient(circle at 40% 35%,rgba(58,141,159,.4),rgba(28,63,114,.3) 55%,rgba(155,41,174,.2) 75%,transparent 80%);}
.stage.alt::before{background:radial-gradient(circle at 60% 40%,rgba(155,41,174,.4),rgba(28,63,114,.35) 55%,rgba(89,190,152,.25) 75%,transparent 80%);}
.glass-card{position:relative;z-index:2;width:min(100%,400px);aspect-ratio:1;border-radius:36px;display:flex;align-items:center;justify-content:center; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.2); -webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%); box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 30px 60px -24px rgba(0,0,0,.9); animation:floaty 7s ease-in-out infinite alternate;}
.glass-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:36px; background:radial-gradient(120% 120% at 20% 0%,rgba(255,255,255,.15),transparent 60%);}
.glass-card img{max-width:55%;max-height:55%;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.5));}
.glass-card.dual{display:flex;flex-direction:row;gap:24px;padding:32px;}
.glass-card.dual img{max-width:40%;max-height:40%;}
.browser{position:relative;z-index:2;width:min(100%,480px);border-radius:16px;background:#0d0e12;border:1px solid rgba(255,255,255,0.15);overflow:hidden; box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:floaty 8s ease-in-out infinite alternate;}
.browser-head{height:32px;background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;padding:0 12px;gap:6px;}
.browser-head i{width:10px;height:10px;border-radius:50%;background:#444;}
.browser-head i:nth-child(1){background:#ff5f56;}
.browser-head i:nth-child(2){background:#ffbd2e;}
.browser-head i:nth-child(3){background:#27c93f;}
.browser-body{padding:24px;display:flex;flex-direction:column;gap:12px;}
.b-line{height:12px;border-radius:6px;background:rgba(255,255,255,0.1);}
.b-line.h{width:60%;height:24px;margin-bottom:12px;background:var(--g-bright);}
.b-line.s{width:80%;}
.b-line.m{width:40%;}
.b-img{height:120px;border-radius:12px;background:linear-gradient(135deg,rgba(58,141,159,.3),rgba(155,41,174,.3));margin-top:12px;}
.chat-wrap{position:relative;z-index:2;width:min(100%,420px);display:flex;flex-direction:column;gap:16px;animation:floaty 7s ease-in-out infinite alternate-reverse;}
.msg{max-width:85%;padding:14px 20px;border-radius:20px;font-size:14px;line-height:1.45;box-shadow:0 12px 30px -10px rgba(0,0,0,0.5);}
.msg.you{align-self:flex-end;background:rgba(255,255,255,.12);border-bottom-right-radius:4px;color:#f1f2f5;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);}
.msg.we{align-self:flex-start;background:linear-gradient(135deg,#1c3f72,#3a8d9f);border-bottom-left-radius:4px;color:#fff;}
.msg b{color:#9df2cf;}
.fchip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;color:#f1f2f5; background:rgba(14,15,19,.78);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -16px rgba(0,0,0,.7);animation:floatyChip 5s ease-in-out infinite alternate;}
.fchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g-bright);}
.fchip.c1{left:-5%;top:20%;animation-delay:-1s;}
.fchip.c2{right:-10%;bottom:30%;animation-delay:-3s;}
.fchip.c3{left:10%;bottom:10%;animation-delay:-2s;}
@keyframes floaty{to{transform:translateY(-16px)}}
@keyframes floatyChip{to{transform:translateY(12px)}}
.reveal .stage, .reveal .copy{opacity:0;transition:opacity .9s,translate .9s cubic-bezier(.2,.7,.2,1);translate:0 40px}
.reveal.in .stage, .reveal.in .copy{opacity:1;translate:0 0}
.reveal .copy{transition-delay:0.1s;}
@media (max-width:900px){section{padding:80px 0} .split{grid-template-columns:1fr;gap:48px} .split.flip .copy{order:0} .stage{min-height:380px} .fchip{font-size:12px;padding:8px 12px} .cta .panel{min-height:500px;padding:72px 22px 120px;border-radius:26px} .cta-row::before{display:none} .cta-row{justify-content:center} .cta-orb{width:300px!important;height:300px!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} .hero .rise{animation:none} .btn{transition:none} .glass-card, .browser, .chat-wrap, .fchip{animation:none; transform:none} .reveal .stage, .reveal .copy{opacity:1;translate:0 0;transition:none} .cta-ball{animation:none}}