/* Případová studie Welcome Center Plzeňského kraje */
.cs{--wc-b:#005bbb;--wc-y:#d8af0b;--wc-g:#008300;--wc-n:#6b7280;--wc-ink:#0c1526}
.cs-hero{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:120px 0 clamp(96px,14vw,190px);overflow:hidden;background:var(--wc-ink);color:#fff;isolation:isolate}
@supports (height:100svh){.cs-hero{min-height:100svh}}
.cs-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,15,28,.5) 0,rgba(9,15,28,.1) 26%,rgba(9,15,28,.46) 58%,rgba(9,15,28,.86) 100%)}
.cs-hero-i{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 50%;animation:csZoom 9s var(--ease) both}
@keyframes csZoom{from{transform:scale(1.09)}to{transform:none}}
.cs-hero-w{position:relative;width:100%}
.cs-kick{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:500 12.5px/1 var(--f-mono);letter-spacing:.02em;color:rgba(255,255,255,.86);animation:svFade .4s var(--ease) backwards}
.sv-page .cs-h1{margin:0;font-family:var(--f-display);font-stretch:125%;font-size:clamp(2.1rem,.9rem + 5vw,5.6rem);font-weight:600;line-height:1.02;letter-spacing:-.032em;color:#fff;text-transform:none}
.cs-h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.cs-h1 .ln>span{display:block;animation:svUp .55s var(--ease) backwards}
.cs-h1 .ln:nth-child(2)>span{animation-delay:.07s}
.cs-sub{max-width:34em;margin:18px 0 0;font:400 clamp(17px,1rem + .5vw,22px)/1.4 var(--f-body);color:rgba(255,255,255,.88);animation:svFade .4s var(--ease) .14s backwards}
.cs-fa{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:12px clamp(24px,4vw,64px);margin:clamp(24px,3vw,40px) 0 0;animation:svFade .4s var(--ease) .2s backwards}
.cs-fa dt{margin-bottom:5px;font:500 11.5px/1 var(--f-mono);color:rgba(255,255,255,.62)}
.cs-fa dd{margin:0;max-width:17em;font:500 15px/1.32 var(--f-body);color:#fff}
.cs-fa a{display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.cs-fa svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cs-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;display:block;width:100%;height:clamp(60px,11.8vw,170px)}
.cs-wave .f{fill:var(--bg)}
.cs-wave .s{fill:none;stroke-width:7;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:csDraw 1.3s var(--ease-io) .1s forwards}
.cs-wave .y{stroke:#f8c400}
.cs-wave .g{stroke:#009240;animation-delay:.2s}
.cs-wave .b{stroke:#005198;animation-delay:.3s}
@keyframes csDraw{to{stroke-dashoffset:0}}

.cs [data-in]:not(.sv-h2):not(.sv-endc){opacity:1}
.sv-page.sv-js.cs [data-in]:not(.sv-h2):not(.sv-endc){opacity:0;transform:translateY(18px);transition:opacity .43s ease,transform .62s var(--ease)}
.sv-page.sv-js.cs [data-in].is-in:not(.sv-h2):not(.sv-endc){opacity:1;transform:none}
.cs-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(16px,4vw,72px)}

/* ── Výzva ── */
.cs-in{padding-top:clamp(40px,6vw,88px)}
.sv-page .cs-big{max-width:17em;margin:0;font-family:var(--f-display);font-stretch:125%;font-size:clamp(1.8rem,.95rem + 3.1vw,3.9rem);font-weight:600;line-height:1.08;letter-spacing:-.03em}
.cs-big em{font-style:normal;background:linear-gradient(90deg,#005198,#009240 52%,#d8af0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.cs-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,72px);margin-top:clamp(24px,3.4vw,44px)}
.cs-2 .sv-tx{margin:0}
.cs-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin:clamp(30px,4vw,60px) 0 0;padding:0;list-style:none}
.cs-st li{padding:18px 20px 20px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-s)}
.cs-st b{display:block;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.9rem);font-weight:800;line-height:1;letter-spacing:-.03em}
.cs-st span{display:block;margin-top:8px;font-size:15px;line-height:1.3;color:var(--ink-2)}

/* ── Pavouk ── */
.cs-sp{position:relative;margin:0 clamp(8px,1vw,16px);padding:clamp(44px,6vw,96px) 0;overflow:hidden;border-radius:clamp(22px,3vw,36px);background:radial-gradient(70% 90% at 76% 50%,#172a4a,var(--wc-ink) 70%);color:#fff}
.cs-sp-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(18px,3vw,56px)}
.cs-sp .sv-h2{color:#fff;font-size:clamp(1.85rem,1.05rem + 2vw,2.85rem)}
.cs-sp .sv-h2 .n{display:inline-block;min-width:2.12em;color:#f8c400;font-variant-numeric:tabular-nums}
.cs-sp .sv-tx{margin-top:14px;color:rgba(255,255,255,.76)}
.cs-lg{display:grid;gap:4px;margin:20px 0 22px;padding:0;list-style:none}
.cs-lg button{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px 0 8px;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.86);font:500 15px/1 var(--f-body);cursor:pointer;transition:background .16s}
.cs-lg button:hover,.cs-lg button[aria-pressed="true"]{background:rgba(255,255,255,.1)}
.cs-lg i{width:12px;height:12px;border-radius:50%;background:var(--c)}
.cs-lg [data-b="b"]{--c:#5aa2ff}
.cs-lg [data-b="y"]{--c:#f8c400}
.cs-lg [data-b="g"]{--c:#3ad07f}
.cs-lg [data-b="n"]{--c:#a9b2c2}
.sv-page .cs-sp .sv-link,.sv-page .cs-sp .sv-link:hover{color:#fff}
.cs-sp-v{position:relative;aspect-ratio:1}
.sp-s{display:block;width:100%;height:100%;overflow:visible}
.sp-g{clip-path:circle(0 at 50% 50%);transition:clip-path 1.5s var(--ease-io),opacity .2s}
.cs-sp-v.is-in .sp-g{clip-path:circle(75% at 50% 50%)}
.sp-l{fill:none;stroke:var(--c);stroke-width:1.1;stroke-opacity:.5}
.sp-g circle{fill:var(--c);transition:r .14s}
.sp-g.b,.sp-p.b,.sp-cap.b{--c:#5aa2ff}
.sp-g.y,.sp-p.y,.sp-cap.y{--c:#f8c400}
.sp-g.g,.sp-p.g,.sp-cap.g{--c:#3ad07f}
.sp-g.n,.sp-p.n,.sp-cap.n{--c:#a9b2c2}
.cs-sp-v[data-on] .sp-g{opacity:.14}
.cs-sp-v[data-on="b"] .sp-g.b,.cs-sp-v[data-on="y"] .sp-g.y,.cs-sp-v[data-on="g"] .sp-g.g,.cs-sp-v[data-on="n"] .sp-g.n{opacity:1}
.sp-c{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:13.4%;aspect-ratio:1;margin:-6.7% 0 0 -6.7%;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.1),0 14px 30px -10px rgba(0,0,0,.6);transform:scale(0);transition:transform .5s var(--ease)}
.cs-sp-v.is-in .sp-c{transform:none}
.sp-c svg{display:block;width:72%;height:auto}
.sp-tip{position:absolute;left:0;top:0;z-index:2;padding:6px 9px;border-radius:8px;background:#fff;color:var(--wc-ink);font:600 12px/1.15 var(--f-body);font-style:normal;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}
.sp-tip.on{opacity:1}
.sp-tip b,.sp-tip span{display:block}
.sp-tip b{font-weight:600}
.sp-tip span{margin-top:3px;font-size:11px;font-weight:400;opacity:.62}
.sp-tip span:empty{display:none}
.sp-ps{pointer-events:none}
.sp-p{transition:opacity .26s}
.sp-p line{stroke:var(--c);stroke-opacity:.55}
.sp-p text{fill:rgba(255,255,255,.88);font:500 16px/1 var(--f-body)}
.sp-d{fill:none;stroke:var(--c);stroke-width:1.6;transform-box:fill-box;transform-origin:center}
.sp-p.cur .sp-d{animation:spPuls .9s ease-out}
.cs-sp-v:not(.is-in) .sp-p{opacity:0}
.cs-sp-v.is-in .sp-p{animation:spIn .42s ease calc(.75s + var(--i)*45ms) backwards}
.cs-sp-v[data-on] .sp-p{opacity:.14}
.cs-sp-v[data-on="b"] .sp-p.b,.cs-sp-v[data-on="y"] .sp-p.y,.cs-sp-v[data-on="g"] .sp-p.g,.cs-sp-v[data-on="n"] .sp-p.n{opacity:1}
.cs-sp-v.is-in .sp-p.out{opacity:0}
.sp-cap{display:none}
@keyframes spIn{from{opacity:0}}
@keyframes spPuls{35%{transform:scale(2)}}

/* ── Rozdělovník ── */
.cs-rz-g{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(24px,5vw,88px)}
.cs-rz-t .sv-tx{margin-top:14px}
.rz-n{display:flex;align-items:baseline;gap:12px;margin:clamp(18px,2.4vw,30px) 0 0}
.rz-n b{font-size:clamp(3rem,1.6rem + 3.4vw,5.4rem);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.rz-n span{font:500 15px/1.25 var(--f-body);color:var(--ink-2)}
.rz{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--win-ring),var(--win-shadow)}
.rz-bar{display:flex;align-items:center;height:36px;padding:0 14px;background:var(--a-bar);border-bottom:1px solid var(--a-line)}
.rz-bar .dots{display:flex;gap:6px}
.rz-bar .dots i,.sc-b .dots i{display:block;width:10px;height:10px;border-radius:50%;background:#ff605c}
.rz-bar .dots i:nth-child(2),.sc-b .dots i:nth-child(2){background:#ffbd44}
.rz-bar .dots i:nth-child(3),.sc-b .dots i:nth-child(3){background:#00ca4e}
.rz-url{margin:0 auto;padding-right:48px;font:500 11.5px/1 var(--f-mono);color:var(--a-mute)}
.rz-in{min-height:clamp(380px,32vw,430px);padding:clamp(18px,2.4vw,28px)}
.rz-cr{display:flex;flex-wrap:wrap;gap:4px 8px;min-height:18px;margin:0 0 6px;font:500 12.5px/1.3 var(--f-body);color:var(--a-mute)}
.rz-cr b{font-weight:600;color:var(--c,var(--a-ink))}
.sv-page .rz-q{margin:0 0 16px;font-family:var(--f-display);font-stretch:125%;font-size:clamp(20px,1rem + .9vw,27px);font-weight:600;letter-spacing:-.02em;text-transform:none}
.rz-o{display:grid;gap:10px}
.rz-o.t{grid-template-columns:repeat(3,minmax(0,1fr))}
.rz-o.d{grid-template-columns:repeat(2,minmax(0,1fr))}
.rz-c{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:clamp(150px,13vw,186px);padding:16px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--c),var(--c2));color:#fff;font:500 clamp(15px,.9rem + .3vw,18px)/1.22 var(--f-body);text-align:left;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s;animation:rzIn .3s var(--ease) backwards;animation-delay:calc(var(--i,0)*45ms)}
.rz-c:hover,.rz-c.on{transform:translateY(-3px);box-shadow:0 14px 24px -14px var(--c)}
.rz-c svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rz-c.y{color:#2a2103}
.rz-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;list-style:none}
.rz-l li{display:flex;align-items:center;gap:9px;min-height:36px;font:500 14.5px/1.2 var(--f-body);animation:rzIn .26s var(--ease) backwards;animation-delay:calc(var(--i,0)*30ms)}
.rz-l i{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:var(--c);color:#fff}
.rz-l i.y{color:#2a2103}
.rz-l svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.rz-r{display:inline-flex;align-items:center;height:36px;margin-top:14px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:none;color:var(--ink);font:600 13px/1 var(--f-body);cursor:pointer}
.rz-cur{position:absolute;left:0;top:0;z-index:5;width:24px;height:24px;fill:var(--ink);stroke:#fff;stroke-width:1.3;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(14,32,24,.35));transition:transform .5s var(--ease-io),opacity .2s}
@keyframes rzIn{from{opacity:0;transform:translateY(8px)}}

/* ── Logo ── */
.cs-lo{padding-bottom:clamp(36px,5vw,72px)}
.lo-sk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:clamp(24px,3vw,44px)}
.lo-c{position:relative;margin:0;padding:clamp(14px,2vw,24px);border-radius:18px;background:#fbf9f3 radial-gradient(rgba(70,60,30,.1) .9px,transparent 1.2px) 0 0/16px 16px;box-shadow:0 0 0 1px rgba(70,60,30,.09)}
.lo-c svg{display:block;width:min(100%,220px);height:auto;margin:0 auto;overflow:visible}
.lo-c path{fill:none;stroke:#3c3a33;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s var(--ease-io) calc(var(--p,0)*.16s + var(--k,0)*.22s)}
.lo-sk.is-in path{stroke-dashoffset:0}
.lo-c figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font:500 13.5px/1.2 var(--f-body);color:#5b574a}
.lo-c em{padding:4px 8px;border-radius:999px;background:var(--mint);color:var(--a-on-accent);font-size:11.5px;font-style:normal;font-weight:700;opacity:0;transform:scale(.8);transition:opacity .2s 1s,transform .3s var(--ease) 1s}
.lo-sk.is-in em{opacity:1;transform:none}
.lo-c.on{box-shadow:0 0 0 1.5px var(--mint),0 18px 30px -22px color-mix(in srgb,var(--mint) 80%,transparent)}
.lo-st{position:relative;display:grid;place-items:center;margin-top:clamp(10px,1.4vw,18px);padding:clamp(30px,5vw,72px) clamp(16px,3vw,40px) clamp(52px,6vw,84px);overflow:hidden;border-radius:18px;background:#fff radial-gradient(var(--dot) .9px,transparent 1.2px) 0 0/15px 15px;box-shadow:0 0 0 1px var(--line)}
.lo-g{display:block;width:min(100%,720px);height:auto;overflow:visible}
.lo-gr path,.lo-gr circle{fill:none;stroke:#005bbb;stroke-width:.22;stroke-opacity:.42}
.lo-gr{opacity:0;transition:opacity .4s .1s}
.lo-st.is-in .lo-gr{opacity:1;animation:loVen 3.4s ease forwards}
@keyframes loVen{0%,62%{opacity:1}100%{opacity:0}}
.lo-pr{fill-opacity:0;stroke:#3c3a33;stroke-width:.35;stroke-dasharray:1;stroke-dashoffset:1}
.lo-st.is-in .lo-pr{animation:loKr 1.1s var(--ease-io) forwards,loBa .7s ease 1.7s forwards;animation-delay:calc(var(--k,0)*.14s),1.7s}
.lo-pr.y{fill:#f8c400}
.lo-pr.g{fill:#009240}
.lo-pr.b{fill:#005198}
@keyframes loKr{to{stroke-dashoffset:0}}
@keyframes loBa{to{fill-opacity:1;stroke-opacity:0}}
.lo-tx{opacity:0}
.lo-st.is-in .lo-tx{opacity:1;transition:opacity .5s ease 2.1s}
.lo-kr{position:absolute;left:0;right:0;bottom:clamp(14px,2vw,24px);display:flex;justify-content:center;gap:clamp(14px,3vw,36px);margin:0;padding:0;list-style:none;counter-reset:k;font:500 12px/1 var(--f-mono);color:var(--a-dim)}
.lo-kr li{animation:loSt .4s ease forwards}
.lo-st:not(.is-in) .lo-kr li{animation:none}
.lo-kr li:nth-child(1){animation-delay:.1s}
.lo-kr li:nth-child(2){animation-delay:.9s}
.lo-kr li:nth-child(3){animation-delay:1.8s}
@keyframes loSt{to{color:var(--mint-ink)}}
.lo-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:clamp(10px,1.4vw,18px) 0 0;padding:0;list-style:none}
.lo-f li{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:clamp(140px,14vw,190px);padding:clamp(16px,2vw,26px);border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.lo-f img{display:block;width:auto;max-width:86%;height:clamp(42px,5vw,70px);margin:auto 0;object-fit:contain;object-position:left center}
.lo-f span{font:500 13.5px/1.2 var(--f-body);color:var(--ink-2)}

/* ── Barvy ── */
.cs-plt{padding-top:clamp(36px,5vw,72px)}
.plt{display:flex;gap:6px;height:clamp(300px,34vw,440px);margin:clamp(22px,3vw,40px) clamp(8px,1vw,16px) 0;overflow:hidden;border-radius:clamp(22px,3vw,36px)}
.plt-c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 0;min-width:0;padding:clamp(14px,2vw,26px);background:var(--c);color:#fff;transform:translateY(102%);transition:transform .7s var(--ease) calc(var(--i)*70ms),flex-grow .4s var(--ease)}
.sv-page.cs:not(.sv-js) .plt-c,.plt.is-in .plt-c{transform:none}
.plt-c:hover{flex-grow:1.5}
.plt-c.y{color:#2a2103}
.plt-i{position:absolute;left:clamp(14px,2vw,26px);top:clamp(14px,2vw,26px);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2)}
.plt-i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.plt-c b{font-size:clamp(20px,1rem + 1vw,30px);font-weight:700;letter-spacing:-.02em}
.plt-c small{margin-top:4px;font-size:14px;line-height:1.25;opacity:.88}
.plt-c code{margin-top:10px;font:500 12px/1 var(--f-mono);color:inherit;opacity:.8}

/* ── Web v akci ── */
.sc{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:clamp(26px,3.4vw,48px)}
.sc-d{grid-column:span 5;margin:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--win-ring),var(--shadow)}
.sc-d.b{grid-column:span 3}
.sc-b{display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;background:var(--a-bar);border-bottom:1px solid var(--a-line)}
.sc-b .dots{display:flex;flex:none;gap:5px}
.sc-b .dots i{width:8px;height:8px}
.sc-u{overflow:hidden;font:500 10.5px/1 var(--f-mono);color:var(--a-mute);text-overflow:ellipsis;white-space:nowrap}
.sc-v{position:relative;height:clamp(320px,36vw,500px);overflow:hidden}
.sc-v img{display:block;width:100%;height:auto;will-change:transform;animation:scJ 15s ease-in-out 1s infinite alternate;animation-play-state:paused}
.sc.is-in .sc-v img{animation-play-state:running}
.sc.is-off .sc-v img{animation-play-state:paused}
@keyframes scJ{0%,6%{transform:none}94%,100%{transform:translateY(var(--dy,0))}}
.sc-p{grid-column:span 2;margin:0;padding:6px;border-radius:26px;background:#14171a;box-shadow:var(--shadow)}
.sc-p .sc-v{height:100%;min-height:clamp(320px,36vw,530px);border-radius:21px}

/* ── Fotky ── */
.cs-ft{overflow:hidden;padding-top:clamp(36px,5vw,72px)}
.ft-w{margin-top:clamp(22px,3vw,40px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.ft-w::-webkit-scrollbar{display:none}
.ft{display:flex;gap:clamp(8px,1vw,14px);width:max-content;padding:0 clamp(8px,1vw,16px);will-change:transform}
.ft img{display:block;flex:none;width:clamp(260px,34vw,520px);height:clamp(190px,23vw,350px);border-radius:18px;object-fit:cover;scroll-snap-align:center}
.ft img:nth-child(even){margin-top:clamp(14px,2.4vw,36px)}
.ft-c{margin-top:12px;font:400 13px/1.3 var(--f-body);color:var(--ink-3)}
.ft-c a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.ft-c a:hover{color:var(--ink)}

/* ── Co vzniklo ── */
.cs-do-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,5vw,88px)}
.cs-do .sv-ol{margin:0}
.sv-ol{display:grid;gap:clamp(13px,1.3vw,18px);margin:0;padding:0;list-style:none}
.sv-ol li{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:13px}
.sv-ol .ok{display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--mint);color:var(--a-on-accent)}
.sv-ol .ok svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sv-ol span{font:400 clamp(15px,.9rem + .2vw,17px)/1.45 var(--f-body);color:var(--ink-2)}
.sv-ol b{display:block;font-weight:600;font-size:clamp(16px,.95rem + .3vw,19px);line-height:1.3;color:var(--ink)}
.sv-endh{min-height:0}
.sv-page.sv-js .sv-endc.is-static[data-in]{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .74s var(--ease)}
.sv-page.sv-js .sv-endc.is-static[data-in].is-in{opacity:1;transform:none}

/* ── Telefony a tablety ── */
@media (max-width:1399.98px){.cs-sp .sv-h2{font-size:clamp(1.85rem,1.05rem + 2vw,2.5rem)}
.sp-p text{font-size:18.5px}}
@media (max-width:1199.98px){.cs-sp-g{grid-template-columns:minmax(0,1fr)}
.cs-lg{display:flex;flex-wrap:wrap}
.cs-sp-v{justify-self:center;width:100%;max-width:760px}
.sp-p text{font-size:16px}}
@media (max-width:991.98px){.cs-rz-g,.cs-do-g{grid-template-columns:minmax(0,1fr)}
.cs-sp-v{max-width:640px}
.sp-p text{font-size:19px}
.cs-hd{grid-template-columns:minmax(0,1fr);gap:10px}
.cs-st{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-d{grid-column:span 8}
.sc-d.b{grid-column:span 4}
.sc-p{grid-column:span 6}
.sc-p .sc-v{min-height:0;height:clamp(340px,70vw,520px)}}
@media (max-width:767.98px){.cs-fa{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-lg button{padding-right:0;font-size:14px}
.cs-sp-v{justify-self:stretch;width:auto;max-width:none;margin:-3% -6%}
.sp-p text,.sp-p line{display:none}
.sp-p:not(.cur) .sp-d{opacity:0}
.sp-d{stroke-width:5}
.sp-cap{display:block;min-height:46px;margin:12px 0 0;text-align:center;transition:opacity .26s}
.sp-cap.out{opacity:0}
.sp-cap b{display:block;font:600 16px/1.25 var(--f-body);color:#fff}
.sp-cap b::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--c)}
.sp-cap span{display:block;margin-top:4px;font:400 12px/1.3 var(--f-body);color:rgba(255,255,255,.62)}
.cs-2{grid-template-columns:minmax(0,1fr)}
.lo-sk,.lo-f{grid-template-columns:minmax(0,1fr)}
.lo-sk{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lo-c{padding:9px}
.lo-c figcaption{flex-direction:column;align-items:flex-start;font-size:12px}
.lo-f li{min-height:120px}
.rz-o.t{grid-template-columns:minmax(0,1fr)}
.rz-c{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:66px}
.rz-o.d .rz-c{flex-direction:column;align-items:flex-start;min-height:124px}
.rz-l{grid-template-columns:minmax(0,1fr)}
.rz-in{min-height:400px}
.plt{flex-direction:column;height:auto}
.plt-c{flex:none;height:118px;justify-content:center;padding-left:82px;transform:translateX(-102%)}
.plt-c:hover{flex-grow:0}
.plt-i{top:50%;margin-top:-24px}
.sc{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-d,.sc-d.b{grid-column:1/-1}
.sc-d.b{display:none}
.sc-p{grid-column:span 1}
.sc-v{height:300px}
.cs-hero{padding-top:90px}}
@media (prefers-reduced-motion:reduce){.cs-hero-i,.cs-wave .s,.sc-v img{animation:none}
.cs-wave .s{stroke-dashoffset:0}
.sp-g{clip-path:none;transition:none}
.sp-p{opacity:1!important;animation:none!important}
.sp-c{transform:none}
.lo-c path{stroke-dashoffset:0;transition:none}
.lo-pr{fill-opacity:1;stroke-dashoffset:0;stroke-opacity:0;animation:none!important}
.lo-tx{opacity:1}
.plt-c{transform:none}}
