/* Podstrona usługi — wersja „experience” */
.svx-hero-meta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.svx-tech{display:flex;flex-wrap:wrap;gap:6px}.svx-tech span{font:500 13px var(--font-body);color:#DCE9F7;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.svx-hero-media{position:relative}
.svx-float{position:absolute;left:-28px;bottom:28px;display:flex;flex-direction:column;gap:2px;padding:16px 20px;background:#fff;border-radius:6px;box-shadow:0 24px 48px -20px rgba(0,0,0,.55);animation:svx-bob 5s ease-in-out infinite}
.svx-float b{font:700 18px/1.2 var(--font-display);color:#0B1A3A;margin-top:6px}.svx-float span{font:400 13px var(--font-body);color:#5B6578}
@keyframes svx-bob{50%{transform:translateY(-8px)}}

.svx-nav{position:sticky;top:96px;z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 #E3E8EF,0 12px 24px -20px rgba(11,18,40,.35)}
.svx-nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:60px}
.svx-nav nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.svx-nav nav::-webkit-scrollbar{display:none}
.svx-nav nav button{position:relative;flex-shrink:0;height:60px;padding:0 16px;border:0;background:none;cursor:pointer;font:600 15px var(--font-body);color:#5B6578;transition:color .2s}
.svx-nav nav button::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#0E89CF,#1C65AE);transform:scaleX(0);transition:transform .3s var(--ease-out)}
.svx-nav nav button:hover{color:#0B1A3A}.svx-nav nav button.on{color:#0B1A3A}.svx-nav nav button.on::after{transform:none}
.svx-nav-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border:0;border-radius:4px;cursor:pointer;background:linear-gradient(135deg,#0E89CF 0%,#1C65AE 55%,#2E3192 100%);color:#fff;font:600 14.5px var(--font-body);transition:filter .2s,transform .2s}
.svx-nav-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.svx-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#0E89CF,#7A2BD8);transform-origin:0 50%;pointer-events:none}

.svx-rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.svx-rv.in{opacity:1;transform:none}

.svx-ben{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.svx-ben-card{display:flex;flex-direction:column;gap:12px;padding:28px 24px;background:#fff;border-radius:6px;box-shadow:0 2px 12px rgba(11,18,40,.07);position:relative;overflow:hidden}
.svx-ben-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0E89CF,#7A2BD8);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease-out)}
.svx-ben-card.in:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(11,18,40,.35)}.svx-ben-card:hover::before{transform:none}
.svx-ben-top{display:flex;justify-content:space-between;align-items:flex-start}
.svx-idx{font:700 15px var(--font-display);color:#C9D2E0;letter-spacing:.04em}
.svx-ben-card h3{font:600 18px/1.3 var(--font-display);color:#0B1A3A;margin:0}.svx-ben-card p{font:400 15px/1.6 var(--font-body);color:#4A5568;margin:0}

.svx-scope{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:28px;align-items:start}
.svx-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svx-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;border:0;border-radius:6px;cursor:pointer;background:#fff;box-shadow:0 2px 10px rgba(11,18,40,.06),inset 0 0 0 1.5px transparent;font:500 15.5px/1.4 var(--font-body);color:#0B1A3A;transition:box-shadow .2s,background .2s,transform .2s,opacity .6s var(--ease-out)}
.svx-opt:hover{box-shadow:0 8px 20px -10px rgba(11,18,40,.25),inset 0 0 0 1.5px #B9D3EE}
.svx-opt.on{background:#F2F8FD;box-shadow:0 8px 20px -12px rgba(28,101,174,.45),inset 0 0 0 1.5px #1C65AE}
.svx-box{width:26px;height:26px;flex-shrink:0;border-radius:4px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px #C9D2E0;color:transparent;transition:all .2s}
.svx-opt.on .svx-box{background:linear-gradient(135deg,#0E89CF,#1C65AE);box-shadow:none;color:#fff}
.svx-sum{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border-radius:6px;box-shadow:0 24px 50px -28px rgba(11,18,40,.4)}
.svx-sum-n{font:700 24px/1.2 var(--font-display);color:#0B1A3A}
.svx-sum p{margin:0;font:400 14.5px/1.55 var(--font-body);color:#4A5568}
.svx-meter{height:6px;border-radius:6px;background:#EAF0F6;overflow:hidden}.svx-meter i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#0E89CF,#7A2BD8);transition:width .4s var(--ease-out)}
.svx-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow:auto}
.svx-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:4px;background:#EAF3FB;color:#154F8A;font:500 13px var(--font-body);cursor:pointer;text-align:left}.svx-chips button:hover{background:#D3E6F6}
.svx-link{align-self:center;border:0;background:none;cursor:pointer;font:600 14px var(--font-body);color:#1C65AE;padding:4px}.svx-link:hover{text-decoration:underline}

.svx-proc{display:flex;flex-direction:column;gap:28px}
.svx-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative}
.svx-track::before,.svx-track-fill{content:"";position:absolute;top:25px;left:calc(50% / var(--n));height:2px;background:#DDE3EC}
.svx-track::before{right:calc(50% / var(--n))}
.svx-track-fill{background:linear-gradient(90deg,#0E89CF,#1C65AE);max-width:calc(100% - 100% / var(--n));transition:width .5s var(--ease-out);z-index:0}
.svx-track li{display:flex;justify-content:center;position:relative;z-index:1}
.svx-track button{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:none;cursor:pointer;padding:0 8px;text-align:center}
.svx-dot{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5B6578;font:700 18px var(--font-display);box-shadow:0 0 0 2px #DDE3EC;transition:all .3s var(--ease-out)}
.svx-track button.done .svx-dot{color:#1C65AE;box-shadow:0 0 0 2px #1C65AE}
.svx-track button.on .svx-dot{background:linear-gradient(135deg,#0E89CF,#1C65AE);color:#fff;box-shadow:0 0 0 6px rgba(14,137,207,.16),0 12px 24px -10px rgba(28,101,174,.7);transform:scale(1.08)}
.svx-st{font:600 15px/1.35 var(--font-body);color:#5B6578;max-width:200px;transition:color .2s}.svx-track button.on .svx-st,.svx-track button:hover .svx-st{color:#0B1A3A}
.svx-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center;padding:36px 40px;border-radius:6px;background:linear-gradient(120deg,#0B1A3A 0%,#10285C 60%,#1C65AE 100%);color:#fff;animation:svx-in .45s var(--ease-out)}
@keyframes svx-in{from{opacity:0;transform:translateY(10px)}}
.svx-big{font:700 clamp(56px,6vw,88px)/1 var(--font-display);letter-spacing:-0.04em;background:linear-gradient(180deg,#fff,rgba(255,255,255,.25));-webkit-background-clip:text;background-clip:text;color:transparent}
.svx-panel-txt{display:flex;flex-direction:column;gap:8px}.svx-panel .sv-kicker.dark{color:#8FD0F5}
.svx-panel h3{font:700 clamp(22px,2.2vw,28px)/1.2 var(--font-display);margin:0;color:#fff}.svx-panel p{margin:0;font:400 17px/1.6 var(--font-body);color:#C9DDF2;max-width:640px}
.svx-panel-nav{display:flex;gap:8px}.svx-panel-nav button{width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;transition:background .2s}.svx-panel-nav button:hover:not(:disabled){background:rgba(255,255,255,.24)}.svx-panel-nav button:disabled{opacity:.35;cursor:default}

.svx-faq-side{display:flex;flex-direction:column;gap:28px;position:sticky;top:120px}
.svx-ask{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:6px;background:#F5F7FA}
.svx-ask b{font:600 17px/1.45 var(--font-display);color:#0B1A3A;margin-bottom:4px}
.svx-ask a{display:inline-flex;align-items:center;gap:10px;font:600 16px var(--font-body);color:#0B1A3A!important;text-decoration:none;align-self:flex-start}.svx-ask a svg{color:#1C65AE}.svx-ask a:hover{color:#1C65AE!important}

.svx-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.svx-rel-card{display:flex;flex-direction:column;gap:10px;padding:28px;background:#fff;border-radius:6px;box-shadow:0 2px 12px rgba(11,18,40,.07);text-decoration:none;color:inherit}
.svx-rel-card.in{transition:box-shadow .25s,transform .25s}.svx-rel-card.in:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(11,18,40,.35)}
.svx-rel-g{font:600 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#5B6578;margin-top:6px}
.svx-rel-card h3{font:600 20px/1.3 var(--font-display);color:#0B1A3A;margin:0}.svx-rel-card p{margin:0;font:400 15px/1.6 var(--font-body);color:#4A5568;flex:1}
.svx-rel-go{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--font-body);color:#1C65AE;margin-top:8px}.svx-rel-go svg{transition:transform .2s}.svx-rel-card:hover .svx-rel-go svg{transform:translateX(4px)}

@media (max-width:1023px){
.svx-nav{top:64px}.svx-nav-cta{display:none}
.svx-ben{grid-template-columns:repeat(2,minmax(0,1fr))}
.svx-scope{grid-template-columns:1fr}.svx-sum{position:static}
.svx-faq-side{position:static}
.svx-rel{grid-template-columns:1fr}
.svx-float{left:16px}
}
@media (max-width:767px){
.svx-ben,.svx-opts{grid-template-columns:1fr}
.svx-track{grid-template-columns:1fr;gap:4px}.svx-track::before,.svx-track-fill{display:none}
.svx-track li{justify-content:flex-start}.svx-track button{flex-direction:row;gap:14px;padding:6px 0;text-align:left}.svx-dot{width:40px;height:40px;font-size:15px}
.svx-panel{grid-template-columns:1fr;gap:16px;padding:28px 24px}.svx-big{font-size:52px}
}
@media (prefers-reduced-motion:reduce){.svx-rv{opacity:1;transform:none;transition:none}.svx-float{animation:none}.svx-panel{animation:none}}

/* === Tło i animacje podstron usług === */
.svx>section.sec{position:relative;overflow-x:clip;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cg fill='%231C65AE'%3E%3Ccircle cx='34' cy='48' r='1.4' opacity='.35'/%3E%3Ccircle cx='162' cy='22' r='1' opacity='.3'/%3E%3Ccircle cx='298' cy='86' r='1.6' opacity='.3'/%3E%3Ccircle cx='452' cy='40' r='1.1' opacity='.35'/%3E%3Ccircle cx='88' cy='190' r='1' opacity='.25'/%3E%3Ccircle cx='236' cy='238' r='1.3' opacity='.3'/%3E%3Ccircle cx='402' cy='182' r='1' opacity='.3'/%3E%3Ccircle cx='500' cy='300' r='1.5' opacity='.25'/%3E%3Ccircle cx='60' cy='352' r='1.2' opacity='.3'/%3E%3Ccircle cx='188' cy='420' r='1' opacity='.3'/%3E%3Ccircle cx='330' cy='380' r='1.4' opacity='.25'/%3E%3Ccircle cx='446' cy='470' r='1' opacity='.35'/%3E%3Ccircle cx='120' cy='498' r='1.3' opacity='.25'/%3E%3C/g%3E%3Cg fill='%237A2BD8' opacity='.28'%3E%3Cpath d='M360 286l1.6 5.4 5.4 1.6-5.4 1.6-1.6 5.4-1.6-5.4-5.4-1.6 5.4-1.6z'/%3E%3Cpath d='M120 96l1.2 4 4 1.2-4 1.2-1.2 4-1.2-4-4-1.2 4-1.2z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(38% 60% at 100% 0%,rgba(122,43,216,.07),rgba(122,43,216,0) 70%)!important;background-repeat:repeat,no-repeat!important;background-size:520px 520px,100% 100%!important}
.svx>section.sec:nth-of-type(odd){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cg fill='%231C65AE'%3E%3Ccircle cx='34' cy='48' r='1.4' opacity='.35'/%3E%3Ccircle cx='162' cy='22' r='1' opacity='.3'/%3E%3Ccircle cx='298' cy='86' r='1.6' opacity='.3'/%3E%3Ccircle cx='452' cy='40' r='1.1' opacity='.35'/%3E%3Ccircle cx='88' cy='190' r='1' opacity='.25'/%3E%3Ccircle cx='236' cy='238' r='1.3' opacity='.3'/%3E%3Ccircle cx='402' cy='182' r='1' opacity='.3'/%3E%3Ccircle cx='500' cy='300' r='1.5' opacity='.25'/%3E%3Ccircle cx='60' cy='352' r='1.2' opacity='.3'/%3E%3Ccircle cx='188' cy='420' r='1' opacity='.3'/%3E%3Ccircle cx='330' cy='380' r='1.4' opacity='.25'/%3E%3Ccircle cx='446' cy='470' r='1' opacity='.35'/%3E%3Ccircle cx='120' cy='498' r='1.3' opacity='.25'/%3E%3C/g%3E%3Cg fill='%237A2BD8' opacity='.28'%3E%3Cpath d='M360 286l1.6 5.4 5.4 1.6-5.4 1.6-1.6 5.4-1.6-5.4-5.4-1.6 5.4-1.6z'/%3E%3Cpath d='M120 96l1.2 4 4 1.2-4 1.2-1.2 4-1.2-4-4-1.2 4-1.2z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(40% 60% at 0% 100%,rgba(14,137,207,.08),rgba(14,137,207,0) 70%)!important;background-position:260px 140px,0 0!important}
.svx>section.sec::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-200px;border-radius:50%;border:1px dashed rgba(28,101,174,.16);box-shadow:0 0 0 70px rgba(28,101,174,.025),inset 0 0 0 70px rgba(122,43,216,.02);pointer-events:none;animation:svx-spin 90s linear infinite;z-index:0}
.svx>section.sec:nth-of-type(odd)::before{right:auto;left:-220px;top:auto;bottom:-240px;border-color:rgba(122,43,216,.14);animation-direction:reverse}
.svx>section.sec::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:calc(-180px + 260px);top:-200px;background:#0E89CF;box-shadow:0 0 12px 2px rgba(14,137,207,.5);transform-origin:-0px 460px;pointer-events:none;opacity:.6;animation:svx-orbit 30s linear infinite;z-index:0}
.svx>section.sec:nth-of-type(odd)::after{display:none}
.svx>section.sec>.wrap{position:relative;z-index:1}
@keyframes svx-spin{to{transform:rotate(360deg)}}
@keyframes svx-orbit{from{transform:rotate(0deg) translateX(0)}to{transform:rotate(360deg)}}

.svx-hero{position:relative;overflow:hidden;isolation:isolate}
.svx-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1}
.svx-orb.a{width:420px;height:420px;right:8%;top:-120px;background:rgba(214,60,242,.35);animation:svx-drift 14s ease-in-out infinite}
.svx-orb.b{width:360px;height:360px;left:-80px;bottom:-140px;background:rgba(14,137,207,.35);animation:svx-drift 18s ease-in-out infinite reverse}
@keyframes svx-drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}}
.svx-stars{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 28% 68%,#fff,transparent),radial-gradient(1.5px 1.5px at 44% 14%,#fff,transparent),radial-gradient(1px 1px at 58% 82%,#fff,transparent),radial-gradient(1.5px 1.5px at 72% 36%,#fff,transparent),radial-gradient(1px 1px at 86% 70%,#fff,transparent),radial-gradient(1px 1px at 94% 18%,#fff,transparent),radial-gradient(1px 1px at 6% 88%,#fff,transparent);opacity:.55;animation:svx-twinkle 4s ease-in-out infinite alternate}
@keyframes svx-twinkle{to{opacity:.2}}
.svx-hero .sv-hero-txt>*{animation:svx-up .8s var(--ease-out) both}
.svx-hero .sv-hero-txt>*:nth-child(2){animation-delay:.08s}.svx-hero .sv-hero-txt>*:nth-child(3){animation-delay:.16s}.svx-hero .sv-hero-txt>*:nth-child(4){animation-delay:.24s}.svx-hero .sv-hero-txt>*:nth-child(5){animation-delay:.32s}
@keyframes svx-up{from{opacity:0;transform:translateY(24px)}}
.svx-hero .sv-hero-img{animation:svx-reveal 1.1s var(--ease-out) .15s both}
@keyframes svx-reveal{from{clip-path:inset(0 0 0 100%);transform:scale(1.04)}to{clip-path:inset(0 0 0 0)}}
.svx-hero .svx-float{animation:svx-pop .6s var(--ease-out) .9s both,svx-bob 5s ease-in-out 1.5s infinite}
@keyframes svx-pop{from{opacity:0;transform:translateY(16px) scale(.92)}}

.sv-head.svx-rv .sv-kicker{position:relative;padding-bottom:10px}
.sv-head.svx-rv .sv-kicker::after{content:"";position:absolute;left:50%;bottom:0;width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,#0E89CF,#7A2BD8);transform:translateX(-50%) scaleX(0);transition:transform .7s var(--ease-out) .3s}
.sv-head.svx-rv.in .sv-kicker::after{transform:translateX(-50%) scaleX(1)}
.svx-faq-side .sv-head .sv-kicker::after{left:0;transform:scaleX(0);transform-origin:0 50%}.svx-faq-side.in .sv-head .sv-kicker::after{transform:scaleX(1)}

.svx-ben-card .sv-ic{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.svx-ben-card:hover .sv-ic{transform:rotate(-8deg) scale(1.12)}
.svx-ben-card .svx-idx{transition:color .3s}.svx-ben-card:hover .svx-idx{color:#1C65AE}

.svx-opts.in .svx-opt{animation:svx-up .5s var(--ease-out) both}
.svx-opts.in .svx-opt:nth-child(2){animation-delay:.05s}.svx-opts.in .svx-opt:nth-child(3){animation-delay:.1s}.svx-opts.in .svx-opt:nth-child(4){animation-delay:.15s}.svx-opts.in .svx-opt:nth-child(5){animation-delay:.2s}.svx-opts.in .svx-opt:nth-child(6){animation-delay:.25s}.svx-opts.in .svx-opt:nth-child(7){animation-delay:.3s}.svx-opts.in .svx-opt:nth-child(n+8){animation-delay:.35s}
.svx-opt.on .svx-box{animation:svx-tick .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes svx-tick{0%{transform:scale(.6)}100%{transform:scale(1)}}
.svx-sum{overflow:hidden}
.svx-sum::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0E89CF,#7A2BD8,#0E89CF);background-size:200% 100%;animation:svx-flow 4s linear infinite}
@keyframes svx-flow{to{background-position:200% 0}}
.svx-chips li{animation:svx-pop .3s var(--ease-out) both}

.svx-panel{position:relative;overflow:hidden}
.svx-panel::after{content:"";position:absolute;width:340px;height:340px;right:-80px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(214,60,242,.28),rgba(214,60,242,0) 70%);pointer-events:none}
.svx-panel>*{position:relative;z-index:1}
.svx-timer{position:absolute!important;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#8FD0F5,#fff);transform-origin:0 50%;animation:svx-timer 4.8s linear both;z-index:2}
@keyframes svx-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.svx-big{animation:svx-up .5s var(--ease-out) both}
.svx-track button.on .svx-dot{animation:svx-ping 2s ease-out infinite}
@keyframes svx-ping{0%{box-shadow:0 0 0 0 rgba(14,137,207,.35),0 12px 24px -10px rgba(28,101,174,.7)}100%{box-shadow:0 0 0 16px rgba(14,137,207,0),0 12px 24px -10px rgba(28,101,174,.7)}}

.svx-rel-card{position:relative}
.svx-rel-card::after{content:"";position:absolute;inset:0;border-radius:6px;padding:1.5px;background:linear-gradient(135deg,#0E89CF,#7A2BD8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.svx-rel-card:hover::after{opacity:1}
.svx-rel-card .sv-ic{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.svx-rel-card:hover .sv-ic{transform:scale(1.1) rotate(6deg)}

@media (prefers-reduced-motion:reduce){.svx>section.sec::before,.svx>section.sec::after,.svx-orb,.svx-stars,.svx-hero .sv-hero-txt>*,.svx-hero .sv-hero-img,.svx-hero .svx-float,.svx-opts.in .svx-opt,.svx-sum::before,.svx-timer,.svx-big,.svx-track button.on .svx-dot,.svx-chips li{animation:none!important}}