/* * ssc-glowna.css - arkusz strony glownej Studio Plywania. * * ZRODLO: zatwierdzone makiety `glowna-REV3-DESKTOP.html` + `glowna-REV3-TELEFON.html`. * Scalone w JEDEN responsywny arkusz wg planu (rozdz. 3): warianty telefonu z regul * `#bN .mob ...` oraz z roznic pliku TELEFON siedza w `@media (max-width:900px)` * na koncu pliku. Wszystko domkniete pod korzeniem `.ssc-glowna`; id sekcji * `#ssc-g-b1..b11`; zmienne z prefiksem `--ssc-g-*`, zeby nie zderzyc sie * z Elementorem ani z tokenami Padeliva. * * NIE EDYTOWAC RECZNIE bez odnotowania w raporcie - plik powstal z makiety. */ /* ── tla sekcji (w makiecie byly stylami inline na wrapperach) ── */ .ssc-glowna #ssc-g-b2{background:#FFFFFF} .ssc-glowna #ssc-g-b3{background:#D8E8F3} .ssc-glowna #ssc-g-b4{background:#FFFFFF} .ssc-glowna #ssc-g-b1{background:#0D1B33} .ssc-glowna #ssc-g-b5{background:#FFFFFF} .ssc-glowna #ssc-g-b6{background:#D8E8F3} .ssc-glowna #ssc-g-b7{background:#0B1424} .ssc-glowna #ssc-g-b8{background:#FFFFFF} .ssc-glowna #ssc-g-b9{background:#D8E8F3} .ssc-glowna #ssc-g-b10{background:#FFFFFF} .ssc-glowna #ssc-g-b11{background:#D8E8F3} /* ── baza (desktop) ── */ .ssc-glowna, .ssc-glowna *, .ssc-glowna *::before, .ssc-glowna *::after{box-sizing:border-box} .ssc-glowna{font-family:'Inter',sans-serif;color:#0E1626;background:#FFFFFF} .ssc-glowna{--ssc-g-blue:#1E40DD;--ssc-g-ink:#0E1626;--ssc-g-muted:#5A6678;--ssc-g-paper:#FFFFFF;--ssc-g-soft:#F5F8FC;--ssc-g-line:#E3E9F2;--ssc-g-tint:#EAF7FA;--ssc-g-serif:'Playfair Display',Georgia,serif} .ssc-glowna .ssc-g-blk{position:relative;background:#fff} .ssc-glowna .ssc-g-blk.ssc-g-inset::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:30; box-shadow:inset 0 20px 30px -24px rgba(14,22,38,.34), inset 0 -20px 30px -24px rgba(14,22,38,.34), inset 26px 0 30px -30px rgba(14,22,38,.20), inset -26px 0 30px -30px rgba(14,22,38,.20)} .ssc-glowna .ssc-g-blk.ssc-g-inset{border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0} @media print{ .ssc-glowna .ssc-g-blk.ssc-g-inset::after{display:none} } .ssc-glowna #ssc-g-b2 .ob{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-ink:#12161F;--ssc-g-mute:#475569;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:104px 0} .ssc-glowna #ssc-g-b2 .ob .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b2 .ob .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b2 .ob .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:16px 0 4px;transform-origin:left} .ssc-glowna #ssc-g-b2 .ob .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(30px,3.7vw,50px);line-height:1.1;margin:14px 0 18px;max-width:16ch} .ssc-glowna #ssc-g-b2 .ob .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b2 .ob .lead{font-size:18px;line-height:1.72;color:var(--ssc-g-mute);max-width:40em;margin:0} .ssc-glowna #ssc-g-b2 .ob.anim .rev{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b2 .ob.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b2 .ob.anim .rev.in.d1{transition-delay:.08s} .ssc-glowna #ssc-g-b2 .ob.anim .rev.in.d2{transition-delay:.16s} .ssc-glowna #ssc-g-b2 .ob.anim .accent{transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .12s} .ssc-glowna #ssc-g-b2 .ob.anim .accent.in{transform:scaleX(1)} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b2 .ob *{transition:none!important} } .ssc-glowna #ssc-g-b3 .sig{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-inset:#F8FAFC;--ssc-g-ink:#12161F;--ssc-g-mute:#475569;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:96px 0} .ssc-glowna #ssc-g-b3 .sig .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b3 .sig .grid{display:grid;grid-template-columns:1.25fr .85fr;gap:52px;align-items:center} .ssc-glowna #ssc-g-b3 .sig .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b3 .sig .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:15px 0 3px;transform-origin:left} .ssc-glowna #ssc-g-b3 .sig .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.3vw,44px);line-height:1.12;margin:12px 0 14px;max-width:15ch} .ssc-glowna #ssc-g-b3 .sig .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b3 .sig .lead{font-size:16.5px;line-height:1.66;color:var(--ssc-g-mute);max-width:42em;margin:0} .ssc-glowna #ssc-g-b3 .rec{margin:30px 0 0} .ssc-glowna #ssc-g-b3 .rec .row{display:flex;align-items:baseline;gap:10px} .ssc-glowna #ssc-g-b3 .rec .num{font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:clamp(46px,6.4vw,76px);line-height:.9;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b3 .rec .s{font-family:var(--ssc-g-serif);font-style:italic;font-size:26px;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b3 .rec .uline{height:3px;background:var(--ssc-g-blue);border-radius:2px;margin-top:8px;transform-origin:left;width:min(280px,70%)} .ssc-glowna #ssc-g-b3 .rec .lab{margin:12px 0 0;font:600 12.5px/1.5 'Inter';letter-spacing:.02em;color:var(--ssc-g-mute);text-transform:uppercase} .ssc-glowna #ssc-g-b3 .badges{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0} .ssc-glowna #ssc-g-b3 .badge{display:inline-flex;gap:8px;align-items:center;font:600 13px/1 'Inter';color:var(--ssc-g-ink);background:#fff;border:1px solid var(--ssc-g-border);border-radius:999px;padding:10px 15px} .ssc-glowna #ssc-g-b3 .badge .ic{width:17px;height:17px;color:var(--ssc-g-blue);flex:0 0 17px} .ssc-glowna #ssc-g-b3 .fig{background:linear-gradient(170deg,var(--ssc-g-tint),var(--ssc-g-inset));border:1px solid var(--ssc-g-border);border-radius:22px;position:relative;min-height:400px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden} .ssc-glowna #ssc-g-b3 .fig::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(30,64,221,.10),transparent 70%);top:14%} .ssc-glowna #ssc-g-b3 .fig img{position:relative;height:106%;max-height:470px;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(15,31,92,.18))} .ssc-glowna #ssc-g-b3 .sig.anim .rev{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b3 .sig.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b3 .sig.anim .rev.d1.in{transition-delay:.07s} .ssc-glowna #ssc-g-b3 .sig.anim .rev.d2.in{transition-delay:.14s} .ssc-glowna #ssc-g-b3 .sig.anim .rev.d3.in{transition-delay:.22s} .ssc-glowna #ssc-g-b3 .sig.anim .accent{transform:scaleX(0);transition:transform .75s cubic-bezier(.2,.7,.2,1) .1s} .ssc-glowna #ssc-g-b3 .sig.anim .accent.in{transform:scaleX(1)} .ssc-glowna #ssc-g-b3 .sig.anim .uline{transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .25s} .ssc-glowna #ssc-g-b3 .sig.anim .uline.in{transform:scaleX(1)} .ssc-glowna #ssc-g-b3 .sig.anim .badge{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b3 .sig.anim .badges.in .badge{opacity:1;transform:none} .ssc-glowna #ssc-g-b3 .sig.anim .badges.in .badge:nth-child(1){transition-delay:.05s} .ssc-glowna #ssc-g-b3 .sig.anim .badges.in .badge:nth-child(2){transition-delay:.13s} .ssc-glowna #ssc-g-b3 .sig.anim .badges.in .badge:nth-child(3){transition-delay:.21s} .ssc-glowna #ssc-g-b3 .sig.anim .fig{opacity:0;transform:translateY(24px) scale(.99);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1) .08s} .ssc-glowna #ssc-g-b3 .sig.anim .fig.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b3 .sig *{transition:none!important} } .ssc-glowna #ssc-g-b3 section{background-color:transparent!important} .ssc-glowna #ssc-g-b3 .frame{background-color:transparent!important} .ssc-glowna #ssc-g-b4 .vlabel{background:#EAF7FA;color:#1E40DD;text-align:center;font:700 10px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;padding:9px} .ssc-glowna #ssc-g-b4 .jp{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-ink:#12161F;--ssc-g-mute:#475569;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:92px 0} .ssc-glowna #ssc-g-b4 .jp .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b4 .jp .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b4 .jp .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:15px 0 3px;transform-origin:left} .ssc-glowna #ssc-g-b4 .jp .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.12;margin:12px 0 14px;max-width:18ch} .ssc-glowna #ssc-g-b4 .jp .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b4 .jp .lead{font-size:16.5px;line-height:1.7;color:var(--ssc-g-mute);max-width:44em;margin:0} .ssc-glowna #ssc-g-b4 .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;border-top:1px solid var(--ssc-g-border);padding-top:26px} .ssc-glowna #ssc-g-b4 .metric .val{display:flex;align-items:baseline;gap:2px} .ssc-glowna #ssc-g-b4 .metric .num{font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:clamp(30px,3vw,40px);line-height:1;color:var(--ssc-g-blue);font-variant-numeric:tabular-nums} .ssc-glowna #ssc-g-b4 .metric .suf{font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:clamp(22px,2.3vw,30px);color:var(--ssc-g-blue);opacity:0;transition:opacity .35s ease} .ssc-glowna #ssc-g-b4 .metric .suf.on{opacity:1} .ssc-glowna #ssc-g-b4 .metric .cap{margin-top:9px;font:600 13px/1.35 'Inter';color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b4 .metric .sub{margin-top:5px;font-size:12.5px;line-height:1.45;color:var(--ssc-g-mute)} .ssc-glowna #ssc-g-b4 .jp.anim .rev{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b4 .jp.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b4 .jp.anim .rev.d1.in{transition-delay:.07s} .ssc-glowna #ssc-g-b4 .jp.anim .rev.d2.in{transition-delay:.14s} .ssc-glowna #ssc-g-b4 .jp.anim .accent{transform:scaleX(0);transition:transform .75s cubic-bezier(.2,.7,.2,1) .1s} .ssc-glowna #ssc-g-b4 .jp.anim .accent.in{transform:scaleX(1)} .ssc-glowna #ssc-g-b4 .jp.anim .metric{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b4 .jp.anim .metrics.in .metric{opacity:1;transform:none} .ssc-glowna #ssc-g-b4 .jp.anim .metrics.in .metric:nth-child(1){transition-delay:.04s} .ssc-glowna #ssc-g-b4 .jp.anim .metrics.in .metric:nth-child(2){transition-delay:.12s} .ssc-glowna #ssc-g-b4 .jp.anim .metrics.in .metric:nth-child(3){transition-delay:.20s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b4 .jp *{transition:none!important} } .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-ink:#12161F;--ssc-g-mute:#475569;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:80px 0} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:15px 0 3px;transform-origin:left} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.2vw,42px);line-height:1.12;margin:10px 0 13px} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .lead{font-size:16.5px;line-height:1.65;color:var(--ssc-g-mute);max-width:44em;margin:0} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz.anim .rev{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz.anim .accent{transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.7,.2,1) .12s} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz.anim .accent.in{transform:scaleX(1)} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz *{transition:none!important} } .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk{display:flex;border:1px solid #0d1b33;border-radius:16px;overflow:hidden;height:452px;margin-top:36px;background:#0d1b33} .ssc-glowna #ssc-g-b1 .panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;text-decoration:none;color:#fff;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b1 .panel+.panel{box-shadow:-1px 0 0 rgba(255,255,255,.1)} .ssc-glowna #ssc-g-b1 .panel .ph{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform 7s ease} .ssc-glowna #ssc-g-b1 .panel .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,14,28,.5) 18%,rgba(7,14,28,.9));transition:background .5s} .ssc-glowna #ssc-g-b1 .panel .bd{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 22px;z-index:2} .ssc-glowna #ssc-g-b1 .tag{position:absolute;top:14px;left:14px;z-index:3;font:700 9.5px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;background:#fff;color:var(--ssc-g-blue);padding:6px 9px;border-radius:999px} .ssc-glowna #ssc-g-b1 .panel .nm{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:25px;line-height:1.08;margin:0;color:#fff;overflow-wrap:break-word;transform:scale(.76);transform-origin:left bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b1 .panel .dk{margin:9px 0 0;font-size:14px;line-height:1.5;color:#CBD8F5;opacity:0;max-height:0;overflow:hidden;transition:opacity .45s,max-height .45s} .ssc-glowna #ssc-g-b1 .panel .go{margin-top:13px;display:inline-flex;gap:8px;align-items:center;font:600 12.5px/1 'Inter';color:#fff;opacity:0;transform:translateY(6px);max-height:0;overflow:hidden;transition:opacity .4s,transform .4s;white-space:nowrap} .ssc-glowna #ssc-g-b1 .panel .arr{width:16px;height:16px} .ssc-glowna #ssc-g-b1 .panel .soon{margin-top:13px;font:700 10px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;color:#BFD0FF;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s,max-height .4s} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open{flex-grow:1.7} .ssc-glowna #ssc-g-b1 .panel:hover{flex-grow:1.7} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .ph{transform:scale(1)} .ssc-glowna #ssc-g-b1 .panel:hover .ph{transform:scale(1)} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .scrim{background:linear-gradient(180deg,rgba(7,14,28,.1) 8%,rgba(7,14,28,.72))} .ssc-glowna #ssc-g-b1 .panel:hover .scrim{background:linear-gradient(180deg,rgba(7,14,28,.1) 8%,rgba(7,14,28,.72))} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .nm{transform:scale(1)} .ssc-glowna #ssc-g-b1 .panel:hover .nm{transform:scale(1)} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .dk{opacity:1;max-height:120px} .ssc-glowna #ssc-g-b1 .panel:hover .dk{opacity:1;max-height:120px} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .go{opacity:1;transform:none;max-height:40px} .ssc-glowna #ssc-g-b1 .panel:hover .go{opacity:1;transform:none;max-height:40px} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel.open .soon{opacity:1;max-height:24px} .ssc-glowna #ssc-g-b1 .panel:hover .soon{opacity:1;max-height:24px} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk:not(:hover) .panel:not(.open){filter:saturate(.82)} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk .panel{opacity:0;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1),opacity .7s ease} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel{opacity:1} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(1){transition-delay:0s,.03s} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(2){transition-delay:0s,.10s} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(3){transition-delay:0s,.17s} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(4){transition-delay:0s,.24s} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(5){transition-delay:0s,.31s} .ssc-glowna #ssc-g-b1 .anim .ssc-g-acc-desk.in .panel:nth-child(6){transition-delay:0s,.38s} .ssc-glowna #ssc-g-b5 .jz{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-inset:#F8FAFC;--ssc-g-ink:#12161F;--ssc-g-mute:#475569;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:92px 0} .ssc-glowna #ssc-g-b5 .jz .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b5 .jz .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b5 .jz .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:15px 0 3px} .ssc-glowna #ssc-g-b5 .jz .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.4vw,44px);line-height:1.12;margin:12px 0 12px} .ssc-glowna #ssc-g-b5 .jz .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b5 .jz .lead{font-size:16.5px;line-height:1.65;color:var(--ssc-g-mute);max-width:44em;margin:0} .ssc-glowna #ssc-g-b5 .scope{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:700 11px/1 'Inter';letter-spacing:.04em;text-transform:uppercase;color:var(--ssc-g-blue);background:var(--ssc-g-tint);border-radius:999px;padding:9px 14px} .ssc-glowna #ssc-g-b5 .scope svg{width:15px;height:15px} .ssc-glowna #ssc-g-b5 .path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:54px} .ssc-glowna #ssc-g-b5 .track{position:absolute;top:25.5px;height:3px;background:var(--ssc-g-border);border-radius:3px;z-index:0} .ssc-glowna #ssc-g-b5 .fill{position:absolute;top:25.5px;width:0;height:3px;background:var(--ssc-g-blue);border-radius:3px;z-index:1;transition:width .7s cubic-bezier(.3,.7,.2,1)} .ssc-glowna #ssc-g-b5 .step{position:relative;z-index:2} .ssc-glowna #ssc-g-b5 .node{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--ssc-g-border);color:var(--ssc-g-mute);display:flex;align-items:center;justify-content:center;font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:23px;transition:background .35s,border-color .35s,color .35s,transform .35s,box-shadow .35s} .ssc-glowna #ssc-g-b5 .step h3{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:22px;line-height:1.1;margin:18px 0 0;color:var(--ssc-g-ink);transition:color .3s} .ssc-glowna #ssc-g-b5 .desc{font-size:15px;line-height:1.55;color:var(--ssc-g-mute);margin:0;max-width:30ch;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease,margin .4s;transition-delay:calc(var(--ssc-g-d,0)*90ms)} .ssc-glowna #ssc-g-b5 .step.on .node{background:var(--ssc-g-blue);border-color:var(--ssc-g-blue);color:#fff;transform:scale(1.06);box-shadow:0 10px 22px -8px rgba(30,64,221,.55)} .ssc-glowna #ssc-g-b5 .step.on h3{color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b5 .step.on .desc{max-height:130px;opacity:1;margin-top:9px} .ssc-glowna #ssc-g-b5 .jz.anim .rev{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b5 .jz.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b5 .jz.anim .rev.d1.in{transition-delay:.06s} .ssc-glowna #ssc-g-b5 .jz.anim .rev.d2.in{transition-delay:.13s} .ssc-glowna #ssc-g-b5 .jz.anim .rev.d3.in{transition-delay:.2s} .ssc-glowna #ssc-g-b5 .jz.anim .path .node{transition:background .35s,border-color .35s,color .35s,transform .5s cubic-bezier(.2,.9,.3,1.2),box-shadow .35s,opacity .4s} .ssc-glowna #ssc-g-b5 .jz.anim .path .step{opacity:0;transform:translateY(16px)} .ssc-glowna #ssc-g-b5 .jz.anim .path.seen .step{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b5 .jz.anim .path.seen .step:nth-child(3){transition-delay:.12s} .ssc-glowna #ssc-g-b5 .jz.anim .path.seen .step:nth-child(4){transition-delay:.22s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b5 .jz *{transition:none!important;animation:none!important} } .ssc-glowna #ssc-g-b6 .pn{--ssc-g-blue:#1E40DD;--ssc-g-tint:#EAF7FA;--ssc-g-border:#E2E8F0;--ssc-g-soft:#64748B;--ssc-g-mute:#475569;--ssc-g-ink:#12161F;--ssc-g-serif:'Playfair Display',Georgia,serif;color:var(--ssc-g-ink);padding:90px 0} .ssc-glowna #ssc-g-b6 .pn .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .ssc-glowna #ssc-g-b6 .pn .grid{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center} .ssc-glowna #ssc-g-b6 .pn .eyebrow{display:block;font:700 11px/1 'Inter';letter-spacing:.17em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0} .ssc-glowna #ssc-g-b6 .pn .accent{display:block;height:2px;width:46px;background:var(--ssc-g-blue);border-radius:2px;margin:15px 0 3px} .ssc-glowna #ssc-g-b6 .pn .h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.3vw,44px);line-height:1.12;margin:12px 0 12px;max-width:16ch} .ssc-glowna #ssc-g-b6 .pn .h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b6 .pn .lead{font-size:16.5px;line-height:1.66;color:var(--ssc-g-mute);max-width:40em;margin:0 0 8px} .ssc-glowna #ssc-g-b6 .feat{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--ssc-g-border)} .ssc-glowna #ssc-g-b6 .feat:last-child{border-bottom:0} .ssc-glowna #ssc-g-b6 .feat .ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--ssc-g-tint);color:var(--ssc-g-blue);display:flex;align-items:center;justify-content:center} .ssc-glowna #ssc-g-b6 .feat .ic svg{width:20px;height:20px} .ssc-glowna #ssc-g-b6 .feat h4{font:700 14.5px/1.2 'Inter';margin:2px 0 4px} .ssc-glowna #ssc-g-b6 .feat p{font-size:13.5px;line-height:1.5;color:var(--ssc-g-mute);margin:0;max-width:36ch} .ssc-glowna #ssc-g-b6 .screen{background:#fff;border:1px solid var(--ssc-g-border);border-radius:16px;padding:20px 20px 22px;box-shadow:0 34px 66px -34px rgba(15,31,92,.32)} .ssc-glowna #ssc-g-b6 .screen-top{text-align:center;border-bottom:1px solid var(--ssc-g-border);padding-bottom:12px;margin-bottom:14px} .ssc-glowna #ssc-g-b6 .screen-top span{display:block;font:700 9px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--ssc-g-soft)} .ssc-glowna #ssc-g-b6 .screen-top b{display:block;font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:16px;color:var(--ssc-g-ink);margin-top:6px} .ssc-glowna #ssc-g-b6 .screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ssc-glowna #ssc-g-b6 .sc-card{border:1px solid var(--ssc-g-border);border-radius:12px;padding:14px} .ssc-glowna #ssc-g-b6 .sc-card h4{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:14px;line-height:1.3;color:var(--ssc-g-mute);margin:0 0 11px} .ssc-glowna #ssc-g-b6 .sc-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;line-height:1.5;padding:6px 0;border-bottom:1px solid #F1F4F8} .ssc-glowna #ssc-g-b6 .sc-row:last-of-type{border-bottom:0} .ssc-glowna #ssc-g-b6 .sc-row i{font-style:normal;color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b6 .sc-row em{font-style:normal;font-weight:700;color:var(--ssc-g-blue);font-variant-numeric:tabular-nums} .ssc-glowna #ssc-g-b6 .sc-total{display:flex;justify-content:space-between;border-top:1.5px solid var(--ssc-g-ink);margin-top:9px;padding-top:9px;font-size:12.5px;font-weight:600;line-height:1.5} .ssc-glowna #ssc-g-b6 .sc-total em{font-style:normal;color:var(--ssc-g-blue);font-variant-numeric:tabular-nums} .ssc-glowna #ssc-g-b6 .radar{width:100%;height:auto;display:block} .ssc-glowna #ssc-g-b6 .tx-grid{fill:none;stroke:var(--ssc-g-border);stroke-width:1} .ssc-glowna #ssc-g-b6 .tx-axis{stroke:#EDF1F6;stroke-width:1} .ssc-glowna #ssc-g-b6 .tx-lbl{font-family:'Inter';font-size:8px;font-weight:600;fill:var(--ssc-g-soft)} .ssc-glowna #ssc-g-b6 .tx-fill{fill:rgba(30,64,221,.16);stroke:var(--ssc-g-blue);stroke-width:2;stroke-linejoin:round;transform-origin:50% 50%;transform:scale(.05);transition:transform 1.1s cubic-bezier(.2,.7,.3,1)} .ssc-glowna #ssc-g-b6 .screen.in .tx-fill{transform:scale(1)} .ssc-glowna #ssc-g-b6 .tx-pt{fill:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b6 .points{background:var(--ssc-g-tint);border:1px solid #CFE3F5;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:12px;margin-top:14px} .ssc-glowna #ssc-g-b6 .points .ico{width:22px;height:22px;color:var(--ssc-g-blue);flex:0 0 22px} .ssc-glowna #ssc-g-b6 .points b{font-family:var(--ssc-g-serif);font-style:italic;font-size:19px;color:var(--ssc-g-blue);font-variant-numeric:tabular-nums} .ssc-glowna #ssc-g-b6 .points span{font-size:12.5px;line-height:1.45;color:var(--ssc-g-mute)} .ssc-glowna #ssc-g-b6 .screen-cap{font:600 9px/1.5 'Inter';letter-spacing:.09em;text-transform:uppercase;color:var(--ssc-g-soft);text-align:center;margin:12px 0 0} .ssc-glowna #ssc-g-b6 .pn.anim .rev{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b6 .pn.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b6 .pn.anim .rev.d1.in{transition-delay:.06s} .ssc-glowna #ssc-g-b6 .pn.anim .rev.d2.in{transition-delay:.13s} .ssc-glowna #ssc-g-b6 .pn.anim .feat{opacity:0;transform:translateY(16px)} .ssc-glowna #ssc-g-b6 .pn.anim .feats.in .feat{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b6 .pn.anim .feats.in .feat:nth-child(2){transition-delay:.12s} .ssc-glowna #ssc-g-b6 .pn.anim .feats.in .feat:nth-child(3){transition-delay:.24s} .ssc-glowna #ssc-g-b6 .pn.anim .screen{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1) .1s} .ssc-glowna #ssc-g-b6 .pn.anim .screen.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b6 .pn *{transition:none!important} .ssc-glowna #ssc-g-b6 .pn .tx-fill{transform:scale(1)!important} } .ssc-glowna #ssc-g-b6 section{background-color:transparent!important} .ssc-glowna #ssc-g-b6 .frame{background-color:transparent!important} .ssc-glowna #ssc-g-b7 .vid{--ssc-g-blue:#1E40DD;--ssc-g-serif:'Playfair Display',Georgia,serif;position:relative;width:100%;height:min(78vh,660px);min-height:520px;overflow:hidden;background:#0B1424;display:flex;align-items:center;justify-content:center} .ssc-glowna #ssc-g-b7 .vid .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .ssc-glowna #ssc-g-b7 .vid .ov{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,16,31,.42) 0%,rgba(9,16,31,.34) 42%,rgba(9,16,31,.68) 100%)} .ssc-glowna #ssc-g-b7 .vid .inner{position:relative;z-index:2;max-width:840px;padding:0 40px;text-align:center;color:#fff} .ssc-glowna #ssc-g-b7 .vid .eyebrow{display:inline-block;font:700 11px/1 'Inter';letter-spacing:.19em;text-transform:uppercase;color:#BFD0FF;margin:0 0 18px} .ssc-glowna #ssc-g-b7 .vid h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(34px,5.4vw,64px);line-height:1.08;margin:0;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.28)} .ssc-glowna #ssc-g-b7 .vid h2 em{font-style:italic;color:#AFC4FF} .ssc-glowna #ssc-g-b7 .vid .sub{font-size:clamp(15px,1.7vw,18.5px);line-height:1.6;color:#E7EDF7;margin:20px auto 0;max-width:34em} .ssc-glowna #ssc-g-b7 .vid .cta{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:#fff;color:#0E1626;font:700 15px/1 'Inter';padding:16px 26px;border-radius:999px;text-decoration:none;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s} .ssc-glowna #ssc-g-b7 .vid .cta svg{width:18px;height:18px;color:var(--ssc-g-blue);transition:transform .25s} .ssc-glowna #ssc-g-b7 .vid .cta:hover{transform:translateY(-2px);box-shadow:0 24px 50px -18px rgba(0,0,0,.6)} .ssc-glowna #ssc-g-b7 .vid .cta:hover svg{transform:translateX(4px)} .ssc-glowna #ssc-g-b7 .vid.anim .rev{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b7 .vid.anim .rev.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b7 .vid.anim .rev.d1.in{transition-delay:.12s} .ssc-glowna #ssc-g-b7 .vid.anim .rev.d2.in{transition-delay:.24s} .ssc-glowna #ssc-g-b7 .vid.anim .rev.d3.in{transition-delay:.36s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b7 .vid *{transition:none!important} } .ssc-glowna #ssc-g-b8 .frame{max-width:1160px;margin:0 auto} .ssc-glowna #ssc-g-b8 .team{background:var(--ssc-g-paper);padding:84px 40px 68px} .ssc-glowna #ssc-g-b8 .team-inner{max-width:1200px;margin:0 auto} .ssc-glowna #ssc-g-b8 .team-head{text-align:center;max-width:720px;margin:0 auto 28px} .ssc-glowna #ssc-g-b8 .eyebrow{display:inline-block;font:700 11px/1 'Inter';letter-spacing:.19em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0 0 16px} .ssc-glowna #ssc-g-b8 .team-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(38px,4.4vw,56px);line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b8 .team-head h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b8 .team-head p{margin:20px auto 0;max-width:600px;font:400 17px/1.65 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b8 .rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b8 .rv.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b8 .rv2{transition-delay:.08s} .ssc-glowna #ssc-g-b8 .rv3{transition-delay:.16s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b8 .rv{opacity:1;transform:none;transition:none} } .ssc-glowna #ssc-g-b8 section.pk-team-mock4{background: var(--pk-white) !important;} .ssc-glowna #ssc-g-b8 section.pk-team-mock4{padding: 16px 24px 24px !important;} @media (max-width: 900px){ .ssc-glowna #ssc-g-b8 section.pk-team-mock4{padding: 12px 12px 20px !important;} } .ssc-glowna #ssc-g-b8 section.pk-team-mock4{padding: 0 !important;} @media (max-width: 900px){ .ssc-glowna #ssc-g-b8 section.pk-team-mock4{padding: 0 !important;} } .ssc-glowna #ssc-g-b8 .pk-team-mock4{--pk-blue:#1E40DD;--pk-blue-deep:#0A3AAB;--pk-blue-soft:#EEF3FF} .ssc-glowna #ssc-g-b9 .frame{max-width:1200px;margin:0 auto} .ssc-glowna #ssc-g-b9 .op{background:var(--ssc-g-paper);padding:84px 0 74px} .ssc-glowna #ssc-g-b9 .op-head{text-align:center;max-width:760px;margin:0 auto 44px;padding:0 40px} .ssc-glowna #ssc-g-b9 .eyebrow{display:inline-block;font:700 11px/1 'Inter';letter-spacing:.19em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0 0 16px} .ssc-glowna #ssc-g-b9 .op-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(36px,4.2vw,54px);line-height:1.09;letter-spacing:-.01em;margin:0;color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b9 .op-head h2 em{font-style:italic;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b9 .op-head p{margin:20px auto 0;max-width:600px;font:400 17px/1.65 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b9 .cz{position:relative;max-width:1200px;margin:0 auto} .ssc-glowna #ssc-g-b9 .cz-viewport{overflow:hidden;padding:8px 0} .ssc-glowna #ssc-g-b9 .cz-track{display:flex;align-items:stretch;will-change:transform;transition:transform .62s cubic-bezier(.22,.61,.24,1)} .ssc-glowna #ssc-g-b9 .cz-track.no-anim{transition:none} .ssc-glowna #ssc-g-b9 .cz-slide{flex:0 0 auto;padding:0 16px;opacity:.4;transform:scale(.93);transition:opacity .5s ease,transform .5s ease} .ssc-glowna #ssc-g-b9 .cz-slide.is-active{opacity:1;transform:none} .ssc-glowna #ssc-g-b9 .cz-slide.is-active .rev{box-shadow:0 2px 6px rgba(14,22,38,.06),0 18px 46px rgba(14,22,38,.10)} .ssc-glowna #ssc-g-b9 .rev{height:100%;display:flex;flex-direction:column;background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line);border-radius:var(--ssc-g-r);padding:34px 34px 26px;position:relative;box-shadow:0 1px 2px rgba(14,22,38,.04),0 10px 30px rgba(14,22,38,.05)} .ssc-glowna #ssc-g-b9 .rev-q{position:absolute;top:12px;left:24px;font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:68px;line-height:1;color:var(--ssc-g-blue);opacity:.15;pointer-events:none} .ssc-glowna #ssc-g-b9 .rev-text{position:relative;margin:16px 0 22px;font:400 16.5px/1.7 'Inter';color:#26313F} .ssc-glowna #ssc-g-b9 .rev-foot{margin-top:auto;border-top:1px solid var(--ssc-g-line);padding-top:14px;display:flex;flex-direction:column;gap:9px} .ssc-glowna #ssc-g-b9 .rev-stars{display:inline-flex;gap:2px;color:#F5A623} .ssc-glowna #ssc-g-b9 .rev-stars .star{display:block} .ssc-glowna #ssc-g-b9 .rev-meta{display:flex;flex-direction:column;gap:3px} .ssc-glowna #ssc-g-b9 .rev-name{font:600 15px/1.2 'Inter';color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b9 .rev-src{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 'Inter';color:#8A97AC} .ssc-glowna #ssc-g-b9 .rev-src .gmark{display:block;flex:0 0 auto} .ssc-glowna #ssc-g-b9 .cz-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border-radius:50%;background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line);color:var(--ssc-g-blue);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(14,22,38,.12);transition:background .2s,color .2s,transform .2s} .ssc-glowna #ssc-g-b9 .cz-btn:hover{background:var(--ssc-g-blue);color:#fff} .ssc-glowna #ssc-g-b9 .cz-btn:active{transform:translateY(-50%) scale(.94)} .ssc-glowna #ssc-g-b9 .cz-btn:focus-visible{outline:3px solid rgba(30,64,221,.35);outline-offset:2px} .ssc-glowna #ssc-g-b9 .cz-prev{left:10px} .ssc-glowna #ssc-g-b9 .cz-next{right:10px} .ssc-glowna #ssc-g-b9 .cz-dots{display:flex;justify-content:center;gap:7px;margin:26px auto 0;flex-wrap:wrap;max-width:420px} .ssc-glowna #ssc-g-b9 .cz-dot{width:8px;height:8px;border-radius:50%;background:#CBD5E1;border:none;padding:0;cursor:pointer;transition:background .25s,transform .25s} .ssc-glowna #ssc-g-b9 .cz-dot.is-active{background:var(--ssc-g-blue);transform:scale(1.35)} .ssc-glowna #ssc-g-b9 .cz-dot:focus-visible{outline:2px solid rgba(30,64,221,.45);outline-offset:2px} .ssc-glowna #ssc-g-b9 .rv-head{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b9 .rv-head.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b9 .rv-head.d2{transition-delay:.08s} .ssc-glowna #ssc-g-b9 .rv-head.d3{transition-delay:.16s} .ssc-glowna #ssc-g-b9 .rv-head.d4{transition-delay:.24s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b9 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b9 .cz-track{transition-duration:.28s} .ssc-glowna #ssc-g-b9 .cz-slide{transition-duration:.28s} } .ssc-glowna #ssc-g-b9 section{background-color:transparent!important} .ssc-glowna #ssc-g-b9 .frame{background-color:transparent!important} .ssc-glowna #ssc-g-b10 .leaflet-pane{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-tile{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-tile-container{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-pane > svg{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-pane > canvas{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-box{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-image-layer{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-layer{position: absolute; left: 0; top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container{overflow: hidden;} .ssc-glowna #ssc-g-b10 .leaflet-tile{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-tile::selection{background: transparent;} .ssc-glowna #ssc-g-b10 .leaflet-safari .leaflet-tile{image-rendering: -webkit-optimize-contrast;} .ssc-glowna #ssc-g-b10 .leaflet-safari .leaflet-tile-container{width: 1600px; height: 1600px; -webkit-transform-origin: 0 0;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{display: block;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{display: block;} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-overlay-pane svg{max-width: none !important; max-height: none !important;} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-marker-pane img{max-width: none !important; max-height: none !important; width: auto; padding: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-shadow-pane img{max-width: none !important; max-height: none !important; width: auto; padding: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-tile-pane img{max-width: none !important; max-height: none !important; width: auto; padding: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container img.leaflet-image-layer{max-width: none !important; max-height: none !important; width: auto; padding: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-tile{max-width: none !important; max-height: none !important; width: auto; padding: 0;} .ssc-glowna #ssc-g-b10 .leaflet-container img.leaflet-tile{mix-blend-mode: plus-lighter;} .ssc-glowna #ssc-g-b10 .leaflet-container.leaflet-touch-zoom{-ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y;} .ssc-glowna #ssc-g-b10 .leaflet-container.leaflet-touch-drag{-ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom;} .ssc-glowna #ssc-g-b10 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action: none; touch-action: none;} .ssc-glowna #ssc-g-b10 .leaflet-container{-webkit-tap-highlight-color: transparent;} .ssc-glowna #ssc-g-b10 .leaflet-container a{-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);} .ssc-glowna #ssc-g-b10 .leaflet-tile{filter: inherit; visibility: hidden;} .ssc-glowna #ssc-g-b10 .leaflet-tile-loaded{visibility: inherit;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-box{width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800;} .ssc-glowna #ssc-g-b10 .leaflet-overlay-pane svg{-moz-user-select: none;} .ssc-glowna #ssc-g-b10 .leaflet-pane{z-index: 400;} .ssc-glowna #ssc-g-b10 .leaflet-tile-pane{z-index: 200;} .ssc-glowna #ssc-g-b10 .leaflet-overlay-pane{z-index: 400;} .ssc-glowna #ssc-g-b10 .leaflet-shadow-pane{z-index: 500;} .ssc-glowna #ssc-g-b10 .leaflet-marker-pane{z-index: 600;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-pane{z-index: 650;} .ssc-glowna #ssc-g-b10 .leaflet-popup-pane{z-index: 700;} .ssc-glowna #ssc-g-b10 .leaflet-map-pane canvas{z-index: 100;} .ssc-glowna #ssc-g-b10 .leaflet-map-pane svg{z-index: 200;} .ssc-glowna #ssc-g-b10 .leaflet-vml-shape{width: 1px; height: 1px;} .ssc-glowna #ssc-g-b10 .lvml{behavior: url(#default#VML); display: inline-block; position: absolute;} .ssc-glowna #ssc-g-b10 .leaflet-control{position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto;} .ssc-glowna #ssc-g-b10 .leaflet-top{position: absolute; z-index: 1000; pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-bottom{position: absolute; z-index: 1000; pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-top{top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-right{right: 0;} .ssc-glowna #ssc-g-b10 .leaflet-bottom{bottom: 0;} .ssc-glowna #ssc-g-b10 .leaflet-left{left: 0;} .ssc-glowna #ssc-g-b10 .leaflet-control{float: left; clear: both;} .ssc-glowna #ssc-g-b10 .leaflet-right .leaflet-control{float: right;} .ssc-glowna #ssc-g-b10 .leaflet-top .leaflet-control{margin-top: 10px;} .ssc-glowna #ssc-g-b10 .leaflet-bottom .leaflet-control{margin-bottom: 10px;} .ssc-glowna #ssc-g-b10 .leaflet-left .leaflet-control{margin-left: 10px;} .ssc-glowna #ssc-g-b10 .leaflet-right .leaflet-control{margin-right: 10px;} .ssc-glowna #ssc-g-b10 .leaflet-fade-anim .leaflet-popup{opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .ssc-glowna #ssc-g-b10 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity: 1;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-animated{-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;} .ssc-glowna #ssc-g-b10 svg.leaflet-zoom-animated{will-change: transform;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1);} .ssc-glowna #ssc-g-b10 .leaflet-zoom-anim .leaflet-tile{-webkit-transition: none; -moz-transition: none; transition: none;} .ssc-glowna #ssc-g-b10 .leaflet-pan-anim .leaflet-tile{-webkit-transition: none; -moz-transition: none; transition: none;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-anim .leaflet-zoom-hide{visibility: hidden;} .ssc-glowna #ssc-g-b10 .leaflet-interactive{cursor: pointer;} .ssc-glowna #ssc-g-b10 .leaflet-grab{cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;} .ssc-glowna #ssc-g-b10 .leaflet-crosshair{cursor: crosshair;} .ssc-glowna #ssc-g-b10 .leaflet-crosshair .leaflet-interactive{cursor: crosshair;} .ssc-glowna #ssc-g-b10 .leaflet-popup-pane{cursor: auto;} .ssc-glowna #ssc-g-b10 .leaflet-control{cursor: auto;} .ssc-glowna #ssc-g-b10 .leaflet-dragging .leaflet-grab{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .ssc-glowna #ssc-g-b10 .leaflet-dragging .leaflet-grab .leaflet-interactive{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .ssc-glowna #ssc-g-b10 .leaflet-dragging .leaflet-marker-draggable{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-image-layer{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-pane > svg path{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-tile-container{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon.leaflet-interactive{pointer-events: visiblePainted; pointer-events: auto;} .ssc-glowna #ssc-g-b10 .leaflet-image-layer.leaflet-interactive{pointer-events: visiblePainted; pointer-events: auto;} .ssc-glowna #ssc-g-b10 .leaflet-pane > svg path.leaflet-interactive{pointer-events: visiblePainted; pointer-events: auto;} .ssc-glowna #ssc-g-b10 svg.leaflet-image-layer.leaflet-interactive path{pointer-events: visiblePainted; pointer-events: auto;} .ssc-glowna #ssc-g-b10 .leaflet-container{background: #ddd; outline-offset: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-container a{color: #0078A8;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-box{border: 2px dotted #38f; background: rgba(255,255,255,0.5);} .ssc-glowna #ssc-g-b10 .leaflet-container{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5;} .ssc-glowna #ssc-g-b10 .leaflet-bar{box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px;} .ssc-glowna #ssc-g-b10 .leaflet-bar a{background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black;} .ssc-glowna #ssc-g-b10 .leaflet-bar a{background-position: 50% 50%; background-repeat: no-repeat; display: block;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-toggle{background-position: 50% 50%; background-repeat: no-repeat; display: block;} .ssc-glowna #ssc-g-b10 .leaflet-bar a:hover{background-color: #f4f4f4;} .ssc-glowna #ssc-g-b10 .leaflet-bar a:focus{background-color: #f4f4f4;} .ssc-glowna #ssc-g-b10 .leaflet-bar a:first-child{border-top-left-radius: 4px; border-top-right-radius: 4px;} .ssc-glowna #ssc-g-b10 .leaflet-bar a:last-child{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none;} .ssc-glowna #ssc-g-b10 .leaflet-bar a.leaflet-disabled{cursor: default; background-color: #f4f4f4; color: #bbb;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar a{width: 30px; height: 30px; line-height: 30px;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar a:first-child{border-top-left-radius: 2px; border-top-right-radius: 2px;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;} .ssc-glowna #ssc-g-b10 .leaflet-control-zoom-in{font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-control-zoom-out{font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-zoom-in{font-size: 22px;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-zoom-out{font-size: 22px;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers{box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-toggle{background-image: url(images/layers.png); width: 36px; height: 36px;} .ssc-glowna #ssc-g-b10 .leaflet-retina .leaflet-control-layers-toggle{background-image: url(images/layers-2x.png); background-size: 26px 26px;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-layers-toggle{width: 44px; height: 44px;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers .leaflet-control-layers-list{display: none;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-expanded .leaflet-control-layers-toggle{display: none;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-expanded .leaflet-control-layers-list{display: block; position: relative;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-expanded{padding: 6px 10px 6px 6px; color: #333; background: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-scrollbar{overflow-y: scroll; overflow-x: hidden; padding-right: 5px;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-selector{margin-top: 2px; position: relative; top: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers label{display: block; font-size: 13px; font-size: 1.08333em;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-separator{height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px;} .ssc-glowna #ssc-g-b10 .leaflet-default-icon-path{background-image: url(images/marker-icon.png);} .ssc-glowna #ssc-g-b10 .leaflet-container .leaflet-control-attribution{background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0;} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution{padding: 0 5px; color: #333; line-height: 1.4;} .ssc-glowna #ssc-g-b10 .leaflet-control-scale-line{padding: 0 5px; color: #333; line-height: 1.4;} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution a{text-decoration: none;} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution a:hover{text-decoration: underline;} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution a:focus{text-decoration: underline;} .ssc-glowna #ssc-g-b10 .leaflet-attribution-flag{display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em;} .ssc-glowna #ssc-g-b10 .leaflet-left .leaflet-control-scale{margin-left: 5px;} .ssc-glowna #ssc-g-b10 .leaflet-bottom .leaflet-control-scale{margin-bottom: 5px;} .ssc-glowna #ssc-g-b10 .leaflet-control-scale-line{border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff;} .ssc-glowna #ssc-g-b10 .leaflet-control-scale-line:not(:first-child){border-top: 2px solid #777; border-bottom: none; margin-top: -2px;} .ssc-glowna #ssc-g-b10 .leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom: 2px solid #777;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-attribution{box-shadow: none;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-layers{box-shadow: none;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar{box-shadow: none;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-layers{border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar{border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box;} .ssc-glowna #ssc-g-b10 .leaflet-popup{position: absolute; text-align: center; margin-bottom: 20px;} .ssc-glowna #ssc-g-b10 .leaflet-popup-content-wrapper{padding: 1px; text-align: left; border-radius: 12px;} .ssc-glowna #ssc-g-b10 .leaflet-popup-content{margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-popup-content p{margin: 17px 0; margin: 1.3em 0;} .ssc-glowna #ssc-g-b10 .leaflet-popup-tip-container{width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-popup-tip{width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .ssc-glowna #ssc-g-b10 .leaflet-popup-content-wrapper{background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4);} .ssc-glowna #ssc-g-b10 .leaflet-popup-tip{background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4);} .ssc-glowna #ssc-g-b10 .leaflet-container a.leaflet-popup-close-button{position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent;} .ssc-glowna #ssc-g-b10 .leaflet-container a.leaflet-popup-close-button:hover{color: #585858;} .ssc-glowna #ssc-g-b10 .leaflet-container a.leaflet-popup-close-button:focus{color: #585858;} .ssc-glowna #ssc-g-b10 .leaflet-popup-scrolled{overflow: auto;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom: 1;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-tip{width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-control-zoom{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-control-layers{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-content-wrapper{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-tip{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-div-icon{background: #fff; border: 1px solid #666;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip{position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4);} .ssc-glowna #ssc-g-b10 .leaflet-tooltip.leaflet-interactive{cursor: pointer; pointer-events: auto;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top:before{position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "";} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom:before{position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "";} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left:before{position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "";} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right:before{position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "";} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom{margin-top: 6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top{margin-top: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom:before{left: 50%; margin-left: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top:before{left: 50%; margin-left: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top:before{bottom: 0; margin-bottom: -12px; border-top-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom:before{top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left{margin-left: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right{margin-left: 6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left:before{top: 50%; margin-top: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right:before{top: 50%; margin-top: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left:before{right: 0; margin-right: -12px; border-left-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right:before{left: 0; margin-left: -12px; border-right-color: #fff;} @media print{ .ssc-glowna #ssc-g-b10 .leaflet-control{-webkit-print-color-adjust: exact; print-color-adjust: exact;} } .ssc-glowna #ssc-g-b10 .frame{max-width:1200px;margin:0 auto} .ssc-glowna #ssc-g-b10 .loc-sec{background:var(--ssc-g-paper);padding:84px 40px 70px} .ssc-glowna #ssc-g-b10 .loc-head{text-align:center;max-width:720px;margin:0 auto 30px} .ssc-glowna #ssc-g-b10 .eyebrow{display:inline-block;font:700 11px/1 'Inter';letter-spacing:.19em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0 0 16px} .ssc-glowna #ssc-g-b10 .loc-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(34px,4vw,50px);line-height:1.08;margin:0} .ssc-glowna #ssc-g-b10 .loc-head h2 em{color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b10 .loc-head p{margin:14px auto 0;max-width:560px;font:400 17px/1.62 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b10 .map-card{position:relative;max-width:980px;margin:0 auto;height:auto;border-radius:18px;overflow:hidden;border:1px solid var(--ssc-g-line);box-shadow:0 2px 6px rgba(14,22,38,.05),0 20px 50px rgba(14,22,38,.10)} .ssc-glowna #ssc-g-b10 #ssc-g-map{position:absolute;inset:0;background:#E9EFF6} .ssc-glowna #ssc-g-b10 .leaflet-tile-pane{filter:saturate(.72) brightness(1.04) contrast(.96) hue-rotate(-6deg)} .ssc-glowna #ssc-g-b10 .map-card::after{display:none} .ssc-glowna #ssc-g-b10 .leaflet-container{font-family:'Inter',sans-serif;background:#E9EFF6} .ssc-glowna #ssc-g-b10 .ssc-pin{cursor:pointer;transition:transform .18s ease;transform-origin:50% 100%;filter:drop-shadow(0 4px 5px rgba(14,22,38,.32))} .ssc-glowna #ssc-g-b10 .ssc-pin:hover{transform:scale(1.18)} .ssc-glowna #ssc-g-b10 .ssc-pin.is-active{transform:scale(1.18)} .ssc-glowna #ssc-g-b10 .ssc-pin svg{display:block} .ssc-glowna #ssc-g-b10 .leaflet-popup.ssc-pop .leaflet-popup-content-wrapper{background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line);border-radius:12px;box-shadow:0 12px 34px rgba(14,22,38,.18);padding:2px} .ssc-glowna #ssc-g-b10 .leaflet-popup.ssc-pop .leaflet-popup-content{margin:12px 14px;font-family:'Inter',sans-serif} .ssc-glowna #ssc-g-b10 .leaflet-popup.ssc-pop .leaflet-popup-tip{background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line)} .ssc-glowna #ssc-g-b10 .ssc-pop-name{font:700 15px/1.2 'Inter';color:var(--ssc-g-ink);display:block} .ssc-glowna #ssc-g-b10 .ssc-pop-dz{font:600 11px/1 'Inter';letter-spacing:.06em;text-transform:uppercase;color:var(--ssc-g-blue);display:block;margin:4px 0 5px} .ssc-glowna #ssc-g-b10 .ssc-pop-addr{font:400 13px/1.4 'Inter';color:var(--ssc-g-muted);display:block} .ssc-glowna #ssc-g-b10 .leaflet-popup.ssc-pop a.leaflet-popup-close-button{color:#9AA6B8} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution{font:400 10px/1.3 'Inter';background:rgba(255,255,255,.82)!important} .ssc-glowna #ssc-g-b10 .leaflet-bar a{color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b10 .rv-head{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b10 .rv-head.in{opacity:1;transform:none} /* Karta mapy odslania sie SAMA przezroczystoscia - bez translateY, zeby nad panelem kafli nie bylo transformu przodka (iOS Safari gubi wtedy rastry). Naglowki sekcji (.eyebrow/h2/p .rv-head) zachowuja swoj ruch. */ .ssc-glowna #ssc-g-b10 .map-card.rv-head{transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b10 .map-card.rv-head.in{transform:none} .ssc-glowna #ssc-g-b10 .rv-head.d2{transition-delay:.08s} .ssc-glowna #ssc-g-b10 .rv-head.d3{transition-delay:.16s} .ssc-glowna #ssc-g-b10 .rv-head.d4{transition-delay:.24s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b10 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b10 .ssc-pin{transition:none} } .ssc-glowna #ssc-g-b11 .frame{max-width:1200px;margin:0 auto} .ssc-glowna #ssc-g-b11 .faq-sec{background:var(--ssc-g-paper);padding:84px 40px 78px} .ssc-glowna #ssc-g-b11 .faq-head{text-align:center;max-width:720px;margin:0 auto 40px} .ssc-glowna #ssc-g-b11 .eyebrow{display:inline-block;font:700 11px/1 'Inter';letter-spacing:.19em;text-transform:uppercase;color:var(--ssc-g-blue);margin:0 0 16px} .ssc-glowna #ssc-g-b11 .faq-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(34px,4vw,50px);line-height:1.09;margin:0} .ssc-glowna #ssc-g-b11 .faq-head h2 em{color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b11 .faq-head p{margin:14px auto 0;max-width:540px;font:400 17px/1.62 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b11 .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .ssc-glowna #ssc-g-b11 .faq-item{border:1px solid var(--ssc-g-line);border-radius:var(--ssc-g-r);background:var(--ssc-g-paper);overflow:hidden;transition:border-color .2s,box-shadow .2s} .ssc-glowna #ssc-g-b11 .faq-item.open{border-color:#C7D3F5;box-shadow:0 8px 24px rgba(14,22,38,.07)} .ssc-glowna #ssc-g-b11 .faq-q{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:none;border:none;cursor:pointer; padding:20px 24px;font:600 17px/1.35 'Inter';color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b11 .faq-qt{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;text-transform:none;letter-spacing:normal} .ssc-glowna #ssc-g-b11 .faq-ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--ssc-g-tint);color:var(--ssc-g-blue);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s} .ssc-glowna #ssc-g-b11 .faq-item.open .faq-ic{transform:rotate(180deg);background:var(--ssc-g-blue);color:#fff} .ssc-glowna #ssc-g-b11 .faq-q:focus-visible{outline:3px solid rgba(30,64,221,.32);outline-offset:-3px;border-radius:var(--ssc-g-r)} .ssc-glowna #ssc-g-b11 .faq-a{height:0;overflow:hidden;transition:height .34s cubic-bezier(.3,.7,.3,1)} .ssc-glowna #ssc-g-b11 .faq-a-in{overflow:hidden} .ssc-glowna #ssc-g-b11 .faq-a p{margin:0;padding:0 24px 22px;font:400 15.5px/1.66 'Inter';color:#33404F;max-width:64ch} .ssc-glowna #ssc-g-b11 .rv{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b11 .rv.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b11 .rv-head{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b11 .rv-head.in{opacity:1;transform:none} .ssc-glowna #ssc-g-b11 .rv-head.d2{transition-delay:.08s} .ssc-glowna #ssc-g-b11 .rv-head.d3{transition-delay:.16s} @media (prefers-reduced-motion:reduce){ .ssc-glowna #ssc-g-b11 .rv{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b11 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b11 .faq-a{transition:none} .ssc-glowna #ssc-g-b11 .faq-ic{transition:none} } .ssc-glowna #ssc-g-b11 section{background-color:transparent!important} .ssc-glowna #ssc-g-b11 .frame{background-color:transparent!important} /* ── przelaczniki wariantow ── */ .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .h2{color:#F4F7FD} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .lead{color:#B9C7E2} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .h2 em{color:#7C9BFF} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .eyebrow{color:#7C9BFF} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz .accent{background:#7C9BFF} .ssc-glowna #ssc-g-b9 .rev-src{color:#66748A} .ssc-glowna .ssc-g-baseny{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .ssc-glowna .ssc-g-baseny li{background:#fff;border:1px solid var(--ssc-g-line);border-radius:14px;padding:18px 20px} .ssc-glowna .ssc-g-basen-nazwa{display:block;font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:22px;line-height:1.15;color:var(--ssc-g-ink)} .ssc-glowna .ssc-g-basen-dz{display:block;margin-top:6px;font:700 10px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--ssc-g-blue)} .ssc-glowna .ssc-g-basen-adres{display:block;margin-top:8px;font:400 14.5px/1.5 'Inter';color:#475569} .ssc-glowna{position:relative;isolation:isolate} .ssc-glowna #ssc-g-b1 .ssc-g-acc-mob{display:none} .ssc-glowna .ssc-g-only-mob{display:none} .ssc-glowna .ssc-g-br-mob{display:none} /* ── telefon: 178 regul z makiety telefonu ── */ @media (max-width:900px){ .ssc-glowna #ssc-g-b2 .ob{padding:64px 0} .ssc-glowna #ssc-g-b2 .ob .wrap{padding:0 22px} .ssc-glowna #ssc-g-b3 .sig{padding:60px 0} .ssc-glowna #ssc-g-b3 .sig .wrap{padding:0 22px} .ssc-glowna #ssc-g-b3 .sig .grid{grid-template-columns:1fr;gap:26px} .ssc-glowna #ssc-g-b3 .fig{order:-1;min-height:320px} .ssc-glowna #ssc-g-b3 .fig img{max-height:330px} .ssc-glowna #ssc-g-b4 .jp{padding:56px 0} .ssc-glowna #ssc-g-b4 .jp .wrap{padding:0 22px} .ssc-glowna #ssc-g-b4 .metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;padding-top:22px} .ssc-glowna #ssc-g-b4 .metric{text-align:center} .ssc-glowna #ssc-g-b4 .metric .val{justify-content:center} .ssc-glowna #ssc-g-b4 .metric .num{font-size:26px} .ssc-glowna #ssc-g-b4 .metric .suf{font-size:20px} .ssc-glowna #ssc-g-b4 .metric .cap{margin-top:7px;font-size:11.5px;line-height:1.3} .ssc-glowna #ssc-g-b5 .jz{padding:58px 0} .ssc-glowna #ssc-g-b5 .jz .wrap{padding:0 22px} .ssc-glowna #ssc-g-b5 .path{grid-template-columns:1fr;gap:0;margin-top:40px} .ssc-glowna #ssc-g-b5 .step{display:grid;grid-template-columns:54px 1fr;column-gap:18px;padding-bottom:34px} .ssc-glowna #ssc-g-b5 .step:last-child{padding-bottom:0} .ssc-glowna #ssc-g-b5 .step h3{grid-column:2;align-self:center;margin:0} .ssc-glowna #ssc-g-b5 .desc{grid-column:2;max-width:none} .ssc-glowna #ssc-g-b5 .track{top:8px;bottom:46px;left:26px;width:3px;height:auto} .ssc-glowna #ssc-g-b5 .fill{top:8px;left:26px;width:3px!important;height:0;transition:height .6s cubic-bezier(.3,.7,.2,1)} .ssc-glowna #ssc-g-b6 .pn{padding:56px 0} .ssc-glowna #ssc-g-b6 .pn .wrap{padding:0 20px} .ssc-glowna #ssc-g-b6 .pn .grid{grid-template-columns:1fr;gap:26px} .ssc-glowna #ssc-g-b6 .screen-grid{grid-template-columns:1fr} .ssc-glowna #ssc-g-b7 .vid{height:min(84vh,640px);min-height:500px} .ssc-glowna #ssc-g-b7 .vid .inner{padding:0 24px} .ssc-glowna{--ssc-g-blue:#1E40DD;--ssc-g-ink:#0E1626;--ssc-g-muted:#5A6678;--ssc-g-paper:#FFFFFF;--ssc-g-soft:#F5F8FC;--ssc-g-line:#E3E9F2;--ssc-g-tint:#EAF7FA;--ssc-g-serif:'Playfair Display',Georgia,serif} .ssc-glowna .ssc-g-blk.ssc-g-inset::after{display:none} .ssc-glowna #ssc-g-b2 .ob *{transition:none!important} .ssc-glowna #ssc-g-b3 .sig *{transition:none!important} .ssc-glowna #ssc-g-b4 .jp *{transition:none!important} .ssc-glowna #ssc-g-b1 .ssc-g-rozdzielacz *{transition:none!important} .ssc-glowna #ssc-g-b1 .ssc-g-acc-mob{border:1px solid var(--ssc-g-border);border-radius:16px;overflow:hidden;margin-top:30px} .ssc-glowna #ssc-g-b1 .mrow{position:relative;overflow:hidden;color:#fff;border-bottom:1px solid var(--ssc-g-border)} .ssc-glowna #ssc-g-b1 .mrow:last-child{border-bottom:0} .ssc-glowna #ssc-g-b1 .mhead{position:relative;min-height:96px;display:flex;align-items:flex-end;gap:10px;padding:16px 18px;cursor:pointer;transition:min-height .5s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b1 .mrow.open .mhead{min-height:216px} .ssc-glowna #ssc-g-b1 .mhead .ph{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0} .ssc-glowna #ssc-g-b1 .mhead .scrim{position:absolute;inset:0;background:rgba(7,14,28,.58);z-index:1;transition:background .45s} .ssc-glowna #ssc-g-b1 .mrow.open .mhead .scrim{background:linear-gradient(180deg,rgba(7,14,28,.18),rgba(7,14,28,.68))} .ssc-glowna #ssc-g-b1 .mhead .nm{position:relative;z-index:2;font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:26px;line-height:1.05;margin:0;flex:1;color:#fff;transform:scale(.8);transform-origin:left center;transition:transform .35s cubic-bezier(.2,.7,.2,1)} .ssc-glowna #ssc-g-b1 .mrow.open .mhead .nm{transform:scale(1)} .ssc-glowna #ssc-g-b1 .mhead .chev{position:relative;z-index:2;width:20px;height:20px;flex:0 0 20px;color:#fff;transition:transform .35s} .ssc-glowna #ssc-g-b1 .mrow.open .chev{transform:rotate(180deg)} .ssc-glowna #ssc-g-b1 .mtag{position:relative;z-index:2;font:700 9px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;background:#fff;color:var(--ssc-g-blue);padding:5px 8px;border-radius:999px} .ssc-glowna #ssc-g-b1 .mbody{max-height:0;opacity:0;background:#fff;color:var(--ssc-g-ink);transition:max-height .5s cubic-bezier(.2,.7,.2,1),opacity .4s} .ssc-glowna #ssc-g-b1 .mrow.open .mbody{max-height:220px;opacity:1} .ssc-glowna #ssc-g-b1 .mbtxt{padding:16px 18px 18px} .ssc-glowna #ssc-g-b1 .mbtxt p{font-size:14.5px;line-height:1.55;margin:0 0 14px;color:var(--ssc-g-mute)} .ssc-glowna #ssc-g-b1 .mgo{display:inline-flex;gap:8px;align-items:center;font:600 13px/1 'Inter';color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b1 .mgo .arr{width:16px;height:16px} .ssc-glowna #ssc-g-b1 .msoon{font:700 10px/1 'Inter';letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-g-blue)} .ssc-glowna #ssc-g-b5 .jz *{transition:none!important;animation:none!important} .ssc-glowna #ssc-g-b6 .pn *{transition:none!important} .ssc-glowna #ssc-g-b6 .pn .tx-fill{transform:scale(1)!important} .ssc-glowna #ssc-g-b7 .vid *{transition:none!important} .ssc-glowna #ssc-g-b8 .frame{max-width:100%;margin:0 auto} .ssc-glowna #ssc-g-b8 .team{background:var(--ssc-g-paper);padding:56px 16px 40px} .ssc-glowna #ssc-g-b8 .team-head{text-align:center;max-width:720px;margin:0 auto 16px} .ssc-glowna #ssc-g-b8 .team-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(30px,8vw,40px);line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b8 .team-head p{margin:16px auto 0;max-width:600px;font:400 15px/1.6 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b8 .rv{opacity:1;transform:none;transition:none} .ssc-glowna #ssc-g-b8 .pk-team-mock4.has-active .pk-dot.is-active{background: var(--pk-blue) !important; background-color: var(--pk-blue) !important; transform: scale(1.4); box-shadow: 0 0 0 6px rgba(21, 82, 240, 0.15) !important;} .ssc-glowna #ssc-g-b8 section.pk-team-mock4{padding: 16px 24px 24px !important;} .ssc-glowna #ssc-g-b8 .pk-team-mock4 h2.pk-focus-name{font-size: 22px !important;} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-name{font-size: 22px !important;} .ssc-glowna #ssc-g-b8 .pk-stage{min-height: 300px;} .ssc-glowna #ssc-g-b8 .pk-slot{flex: 0 0 28%; margin-left: -8%;} .ssc-glowna #ssc-g-b8 .pk-focus-name{font-size: 26px;} .ssc-glowna #ssc-g-b8 .pk-team-mock4{--pk-blue:#1E40DD;--pk-blue-deep:#0A3AAB;--pk-blue-soft:#EEF3FF} .ssc-glowna #ssc-g-b8 .pk-team-mock4.has-active .pk-slot.is-active .pk-figure img{transform:scale(1.06)} .ssc-glowna #ssc-g-b8 .pk-team-mock4.has-active .pk-slot:not(.is-active){opacity:.55;filter:grayscale(15%)} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-line{left:20px;right:20px;top:15px} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-markers{left:20px;right:20px} .ssc-glowna #ssc-g-b8 .pk-team-mock4 button.pk-dot{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;border-width:1.5px!important} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-dot{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;border-width:1.5px!important} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-dot{margin-top:8px;position:relative} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-dot::after{content:'';position:absolute;inset:-12px} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-names{display:none!important} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-card{display:block!important} .ssc-glowna #ssc-g-b8 .pk-team-mock4{margin-left:-16px;margin-right:-16px} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-stage{padding:0!important;max-width:none} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-slot{flex:0 0 36%;max-width:none;margin-left:-20%} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-slot:first-child{margin-left:0} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-waterline{margin:12px auto 0!important;max-width:300px;height:32px;padding:0 20px} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-card{margin:6px auto 0!important;padding:0 14px!important;max-width:100%!important} .ssc-glowna #ssc-g-b8 .pk-team-mock4 h2.pk-focus-name{font-size:26px!important;line-height:1.14!important;overflow-wrap:break-word;word-break:normal;hyphens:none} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-name{font-size:26px!important;line-height:1.14!important;overflow-wrap:break-word;word-break:normal;hyphens:none} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-role{font-size:11px!important;letter-spacing:.1em!important;overflow-wrap:break-word} .ssc-glowna #ssc-g-b8 .pk-team-mock4 .pk-focus-num{margin:0 0 10px!important} .ssc-glowna #ssc-g-b9 .frame{max-width:100%;margin:0 auto} .ssc-glowna #ssc-g-b9 .op{background:var(--ssc-g-paper);padding:52px 0 46px} .ssc-glowna #ssc-g-b9 .op-head{text-align:center;max-width:760px;margin:0 auto 22px;padding:0 16px} .ssc-glowna #ssc-g-b9 .op-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(29px,7.6vw,38px);line-height:1.09;letter-spacing:-.01em;margin:0;color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b9 .op-head p{margin:14px auto 0;max-width:600px;font:400 15px/1.6 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b9 .cz-viewport{overflow:hidden;padding:6px 0} .ssc-glowna #ssc-g-b9 .cz-slide{flex:0 0 auto;padding:0 11px;opacity:.4;transform:scale(.93);transition:opacity .5s ease,transform .5s ease} .ssc-glowna #ssc-g-b9 .rev{height:100%;display:flex;flex-direction:column;background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line);border-radius:var(--ssc-g-r);padding:26px 22px 20px;position:relative;box-shadow:0 1px 2px rgba(14,22,38,.04),0 10px 30px rgba(14,22,38,.05)} .ssc-glowna #ssc-g-b9 .rev-q{position:absolute;top:8px;left:16px;font-family:var(--ssc-g-serif);font-style:italic;font-weight:600;font-size:56px;line-height:1;color:var(--ssc-g-blue);opacity:.15;pointer-events:none} .ssc-glowna #ssc-g-b9 .rev-text{position:relative;margin:12px 0 18px;font:400 15px/1.62 'Inter';color:#26313F} .ssc-glowna #ssc-g-b9 .rev-name{font:600 14px/1.2 'Inter';color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b9 .cz-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;background:var(--ssc-g-paper);border:1px solid var(--ssc-g-line);color:var(--ssc-g-blue);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(14,22,38,.12);transition:background .2s,color .2s,transform .2s} .ssc-glowna #ssc-g-b9 .cz-prev{left:6px} .ssc-glowna #ssc-g-b9 .cz-next{right:6px} .ssc-glowna #ssc-g-b9 .cz-dots{display:flex;justify-content:center;gap:7px;margin:20px auto 0;flex-wrap:wrap;max-width:420px} .ssc-glowna #ssc-g-b9 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b9 .cz-track{transition-duration:.28s} .ssc-glowna #ssc-g-b9 .cz-slide{transition-duration:.28s} .ssc-glowna #ssc-g-b9 .frame{background-color:transparent!important} .ssc-glowna #ssc-g-b10 .leaflet-tile{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{display: block;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{display: block;} .ssc-glowna #ssc-g-b10 .leaflet-container{-webkit-tap-highlight-color: transparent;} .ssc-glowna #ssc-g-b10 .leaflet-tile{filter: inherit; visibility: hidden;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-box{width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800;} .ssc-glowna #ssc-g-b10 .leaflet-pane{z-index: 400;} .ssc-glowna #ssc-g-b10 .leaflet-top{top: 0;} .ssc-glowna #ssc-g-b10 .leaflet-bottom{bottom: 0;} .ssc-glowna #ssc-g-b10 .leaflet-control{float: left; clear: both;} .ssc-glowna #ssc-g-b10 .leaflet-right .leaflet-control{margin-right: 10px;} .ssc-glowna #ssc-g-b10 .leaflet-popup-pane{cursor: auto;} .ssc-glowna #ssc-g-b10 .leaflet-control{cursor: auto;} .ssc-glowna #ssc-g-b10 .leaflet-marker-icon{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-marker-shadow{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-image-layer{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-tile-container{pointer-events: none;} .ssc-glowna #ssc-g-b10 .leaflet-container{background: #ddd; outline-offset: 1px;} .ssc-glowna #ssc-g-b10 .leaflet-container a{color: #0078A8;} .ssc-glowna #ssc-g-b10 .leaflet-zoom-box{border: 2px dotted #38f; background: rgba(255,255,255,0.5);} .ssc-glowna #ssc-g-b10 .leaflet-container{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5;} .ssc-glowna #ssc-g-b10 .leaflet-bar a{background-position: 50% 50%; background-repeat: no-repeat; display: block;} .ssc-glowna #ssc-g-b10 .leaflet-control-layers-toggle{background-image: url(images/layers.png); width: 36px; height: 36px;} .ssc-glowna #ssc-g-b10 .leaflet-control-scale-line{border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-control-layers{border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box;} .ssc-glowna #ssc-g-b10 .leaflet-touch .leaflet-bar{border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box;} .ssc-glowna #ssc-g-b10 .leaflet-popup-content-wrapper{background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4);} .ssc-glowna #ssc-g-b10 .leaflet-popup-tip{background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4);} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-content-wrapper{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-oldie .leaflet-popup-tip{border: 1px solid #999;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom:before{left: 50%; margin-left: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top:before{left: 50%; margin-left: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-top:before{bottom: 0; margin-bottom: -12px; border-top-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-bottom:before{top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left:before{top: 50%; margin-top: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right:before{top: 50%; margin-top: -6px;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-left:before{right: 0; margin-right: -12px; border-left-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-tooltip-right:before{left: 0; margin-left: -12px; border-right-color: #fff;} .ssc-glowna #ssc-g-b10 .leaflet-control{-webkit-print-color-adjust: exact; print-color-adjust: exact;} .ssc-glowna #ssc-g-b10 .frame{max-width:100%;margin:0 auto} .ssc-glowna #ssc-g-b10 .loc-sec{background:var(--ssc-g-paper);padding:48px 16px 44px} .ssc-glowna #ssc-g-b10 .loc-head{text-align:center;max-width:720px;margin:0 auto 22px} .ssc-glowna #ssc-g-b10 .loc-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,7.4vw,36px);line-height:1.08;margin:0} .ssc-glowna #ssc-g-b10 .loc-head p{margin:14px auto 0;max-width:560px;font:400 15px/1.6 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b10 .map-card{position:relative;max-width:100%;margin:0 auto;height:auto;border-radius:18px;overflow:hidden;border:1px solid var(--ssc-g-line);box-shadow:0 2px 6px rgba(14,22,38,.05),0 20px 50px rgba(14,22,38,.10)} .ssc-glowna #ssc-g-b10 .leaflet-tile-pane{filter:saturate(.72) brightness(1.04) contrast(.96) hue-rotate(-6deg)} .ssc-glowna #ssc-g-b10 .leaflet-container{font-family:'Inter',sans-serif;background:#E9EFF6} .ssc-glowna #ssc-g-b10 .leaflet-control-attribution{font:400 10px/1.3 'Inter';background:rgba(255,255,255,.82)!important} .ssc-glowna #ssc-g-b10 .leaflet-bar a{color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b10 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b10 .ssc-pin{transition:none} .ssc-glowna #ssc-g-b11 .frame{max-width:100%;margin:0 auto} .ssc-glowna #ssc-g-b11 .faq-sec{background:var(--ssc-g-paper);padding:48px 16px 46px} .ssc-glowna #ssc-g-b11 .faq-head{text-align:center;max-width:720px;margin:0 auto 24px} .ssc-glowna #ssc-g-b11 .faq-head h2{font-family:var(--ssc-g-serif);font-style:italic;font-weight:500;font-size:clamp(28px,7.4vw,36px);line-height:1.09;margin:0} .ssc-glowna #ssc-g-b11 .faq-head p{margin:14px auto 0;max-width:540px;font:400 15px/1.6 'Inter';color:var(--ssc-g-muted)} .ssc-glowna #ssc-g-b11 .faq-q{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:none;border:none;cursor:pointer; padding:16px 16px;font:600 15.5px/1.35 'Inter';color:var(--ssc-g-ink)} .ssc-glowna #ssc-g-b11 .faq-a p{margin:0;padding:0 16px 18px;font:400 14.5px/1.6 'Inter';color:#33404F;max-width:64ch} .ssc-glowna #ssc-g-b11 .rv{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b11 .rv-head{opacity:1!important;transform:none!important;transition:none!important} .ssc-glowna #ssc-g-b11 .faq-a{transition:none} .ssc-glowna #ssc-g-b11 .faq-ic{transition:none} .ssc-glowna #ssc-g-b11 .frame{background-color:transparent!important} .ssc-glowna .ssc-g-baseny{grid-template-columns:1fr;gap:10px} .ssc-glowna .ssc-g-baseny li{padding:14px 16px} .ssc-glowna #ssc-g-b1 .ssc-g-acc-desk{display:none} .ssc-glowna #ssc-g-b1 .ssc-g-acc-mob{display:block} .ssc-glowna .ssc-g-only-desk{display:none} .ssc-glowna .ssc-g-only-mob{display:inline} .ssc-glowna .ssc-g-br-mob{display:inline} } /* ========================================================================== SVG - odpornosc na globalne reguly motywu (02.08.2026) Ikony liniowe strony glownej maja w markupie atrybut `fill="none"`, ale atrybut zapisany w znaczniku przegrywa z KAZDA regula CSS. Globalny arkusz motywu ustawia `fill` na ksztaltach wewnatrz ``, przez co na zywej ikony renderuja sie jako plamy zamiast obrysow. Dlatego wymuszamy `fill` regulami o wysokiej specyficznosci (id bloku + klasa) z `!important`. Reguly sa CELOWO waskie - wyliczaja konkretne pojemniki ikon, zamiast lapac `.ssc-glowna svg path`. Elementy stylowane naszymi wlasnymi regulami (radar `.tx-fill` / `.tx-pt` / `.tx-grid` / `.tx-lbl`, warstwy `.leaflet-*`, pinezka `.ssc-pin`) i tak wygrywaja z motywem specyficznoscia, wiec nie sa tu wymieniane i nie zmieniaja wygladu. BLOK 1 - ikony KONTUROWE (maja zostac pustymi obrysami). Wypisane wszystkie typy ksztaltow, bo ikony uzywaja `path`, `circle` i `rect` (kalendarz w kaflu "Terminy"). ========================================================================== */ .ssc-glowna #ssc-g-b3 .badge svg.ic, .ssc-glowna #ssc-g-b3 .badge svg.ic path, .ssc-glowna #ssc-g-b3 .badge svg.ic circle, .ssc-glowna #ssc-g-b3 .badge svg.ic rect, .ssc-glowna #ssc-g-b3 .badge svg.ic ellipse, .ssc-glowna #ssc-g-b3 .badge svg.ic polygon, .ssc-glowna #ssc-g-b3 .badge svg.ic polyline, .ssc-glowna #ssc-g-b1 .go svg.arr, .ssc-glowna #ssc-g-b1 .go svg.arr path, .ssc-glowna #ssc-g-b1 .go svg.arr circle, .ssc-glowna #ssc-g-b1 .go svg.arr polyline, .ssc-glowna #ssc-g-b1 .mgo svg.arr, .ssc-glowna #ssc-g-b1 .mgo svg.arr path, .ssc-glowna #ssc-g-b1 .mgo svg.arr circle, .ssc-glowna #ssc-g-b1 .mgo svg.arr polyline, .ssc-glowna #ssc-g-b1 .mhead svg.chev, .ssc-glowna #ssc-g-b1 .mhead svg.chev path, .ssc-glowna #ssc-g-b1 .mhead svg.chev polyline, .ssc-glowna #ssc-g-b5 .scope svg, .ssc-glowna #ssc-g-b5 .scope svg path, .ssc-glowna #ssc-g-b5 .scope svg circle, .ssc-glowna #ssc-g-b5 .scope svg rect, .ssc-glowna #ssc-g-b6 .feat .ic svg, .ssc-glowna #ssc-g-b6 .feat .ic svg path, .ssc-glowna #ssc-g-b6 .feat .ic svg circle, .ssc-glowna #ssc-g-b6 .feat .ic svg rect, .ssc-glowna #ssc-g-b6 .feat .ic svg ellipse, .ssc-glowna #ssc-g-b6 .feat .ic svg polygon, .ssc-glowna #ssc-g-b6 .feat .ic svg polyline, .ssc-glowna #ssc-g-b7 .cta svg, .ssc-glowna #ssc-g-b7 .cta svg path, .ssc-glowna #ssc-g-b7 .cta svg circle, .ssc-glowna #ssc-g-b7 .cta svg polyline, .ssc-glowna #ssc-g-b9 .cz-btn svg path, .ssc-glowna #ssc-g-b9 .cz-btn svg polyline, .ssc-glowna #ssc-g-b11 .faq-ic svg, .ssc-glowna #ssc-g-b11 .faq-ic svg path, .ssc-glowna #ssc-g-b11 .faq-ic svg circle, .ssc-glowna #ssc-g-b11 .faq-ic svg polyline{fill:none!important} /* BLOK 2 - ikony celowo WYPELNIONE, ktorych kolor nie moze zalezec od motywu. Gwiazdka Swim Points i gwiazdki ocen biora kolor z `currentColor` (reguly `.points .ico` :243 oraz `.rev-stars` :326), wiec przypinamy je do niego. */ .ssc-glowna #ssc-g-b6 .points svg.ico, .ssc-glowna #ssc-g-b6 .points svg.ico path, .ssc-glowna #ssc-g-b9 .rev-stars svg path{fill:currentColor!important} /* BLOK 3 - znak Google przy opiniach ma cztery sciezki w czterech firmowych barwach (kolejnosc jak w szablonie: niebieska, zielona, zolta, czerwona). Bez tego regula motywu splaszcza go do jednej barwy. */ .ssc-glowna #ssc-g-b9 .rev-src svg.gmark path:nth-child(1){fill:#4285F4!important} .ssc-glowna #ssc-g-b9 .rev-src svg.gmark path:nth-child(2){fill:#34A853!important} .ssc-glowna #ssc-g-b9 .rev-src svg.gmark path:nth-child(3){fill:#FBBC05!important} .ssc-glowna #ssc-g-b9 .rev-src svg.gmark path:nth-child(4){fill:#EA4335!important} /* ===== Mapa statyczna (obraz Geoapify + pinezki HTML) ===== */ .ssc-glowna #ssc-g-b10 .map-card{max-width:660px;margin-left:auto;margin-right:auto;width:100%} .ssc-glowna #ssc-g-b10 .ssc-map-static{position:relative;width:100%;border-radius:18px;overflow:hidden} .ssc-glowna #ssc-g-b10 .ssc-map-img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none} .ssc-glowna #ssc-g-b10 .ssc-mpin{position:absolute;transform:translate(-50%,-100%);width:clamp(24px,3vw,38px);padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;z-index:2} .ssc-glowna #ssc-g-b10 .ssc-mpin-ico{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(20,30,60,.35))} .ssc-glowna #ssc-g-b10 .ssc-mpin-lab{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);white-space:nowrap;background:#fff;color:#1a2340;font-size:clamp(10px,1.35vw,13px);font-weight:600;line-height:1.15;padding:3px 8px;border-radius:7px;box-shadow:0 2px 7px -2px rgba(20,30,60,.4);pointer-events:none} .ssc-glowna #ssc-g-b10 .ssc-mpin-pop{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;background:#1a2340;color:#fff;font-size:clamp(10px,1.3vw,12.5px);font-weight:500;line-height:1.2;padding:5px 10px;border-radius:8px;box-shadow:0 6px 16px -6px rgba(20,30,60,.55);opacity:0;visibility:hidden;transition:opacity .14s ease;pointer-events:none;z-index:5} .ssc-glowna #ssc-g-b10 .ssc-mpin:hover .ssc-mpin-pop,.ssc-glowna #ssc-g-b10 .ssc-mpin:focus-visible .ssc-mpin-pop,.ssc-glowna #ssc-g-b10 .ssc-mpin.is-open .ssc-mpin-pop{opacity:1;visibility:visible} .ssc-glowna #ssc-g-b10 .ssc-mpin:hover,.ssc-glowna #ssc-g-b10 .ssc-mpin.is-open{z-index:6} /* ===== Mapa statyczna Geoapify: obraz + lista adresow pod spodem ===== */ .ssc-glowna #ssc-g-b10 .map-card{max-width:980px;margin-left:auto;margin-right:auto;width:100%} .ssc-glowna #ssc-g-b10 .map-card .ssc-map-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 40px -24px rgba(20,30,60,.35);user-select:none;-webkit-user-drag:none} .ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod{list-style:none;margin:18px auto 0;padding:0;max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px} .ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod li{display:flex;flex-direction:column;gap:1px;font-size:13.5px;line-height:1.25} .ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod .ssc-g-basen-nazwa{font-weight:600;color:#1a2340} .ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod .ssc-g-basen-adres{color:#5a6478} @media (max-width:640px){.ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod{grid-template-columns:repeat(2,1fr)}} @media (max-width:400px){.ssc-glowna #ssc-g-b10 .ssc-g-baseny-pod{grid-template-columns:1fr}} /* ===== Dymki z nazwami nad pinezkami (prostokat + strzalka w dol) ===== */ .ssc-glowna #ssc-g-b10 .ssc-map-static{position:relative;width:100%} .ssc-glowna #ssc-g-b10 .ssc-map-static .ssc-map-img{display:block;width:100%;height:auto;border-radius:18px} .ssc-glowna #ssc-g-b10 .ssc-mbub{position:absolute;transform:translate(-50%,calc(-100% - 9px));background:#fff;color:#16233f;font-weight:600;font-size:clamp(10.5px,1.35vw,13.5px);line-height:1.1;padding:5px 11px;border-radius:9px;white-space:nowrap;box-shadow:0 4px 12px -3px rgba(20,30,60,.5);z-index:3;pointer-events:none} .ssc-glowna #ssc-g-b10 .ssc-mbub::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff} /* Telefon: mniejsze dymki, zeby sie nie zlewaly na malej mapie */ @media (max-width:600px){ .ssc-glowna #ssc-g-b10 .ssc-mbub{font-size:9.5px;padding:2px 6px;border-radius:7px} .ssc-glowna #ssc-g-b10 .ssc-mbub::after{border-left-width:5px;border-right-width:5px;border-top-width:6px} } /* ===== Pulsujące kropki basenów + dymek (nazwa, adres) ===== */ .ssc-glowna #ssc-g-b10 .ssc-map-static{position:relative;width:100%} .ssc-glowna #ssc-g-b10 .ssc-map-static .ssc-map-img{display:block;width:100%;height:auto;border-radius:18px} .ssc-glowna #ssc-g-b10 .ssc-mdot{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;cursor:pointer;z-index:2} .ssc-glowna #ssc-g-b10 .ssc-mdot::before{content:'';position:absolute;left:50%;top:50%;width:22px;height:22px;border-radius:50%;border:2px solid rgba(36,71,235,.75);transform:translate(-50%,-50%);animation:ssc-pulse 2s ease-out infinite;z-index:1} @keyframes ssc-pulse{0%{transform:translate(-50%,-50%) scale(0.55);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.9);opacity:0}} .ssc-glowna #ssc-g-b10 .ssc-mdot-pop{position:absolute;bottom:calc(100% + 11px);left:50%;transform:translateX(-50%);background:#fff;border-radius:9px;padding:6px 12px;white-space:nowrap;box-shadow:0 6px 18px -4px rgba(20,30,60,.5);opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:5;text-align:center} .ssc-glowna #ssc-g-b10 .ssc-mdot-pop::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #fff} .ssc-glowna #ssc-g-b10 .ssc-mdot-name{display:block;font-weight:700;font-size:13px;color:#16233f;line-height:1.15} .ssc-glowna #ssc-g-b10 .ssc-mdot-addr{display:block;font-size:11.5px;color:#5a6478;line-height:1.15;margin-top:1px} .ssc-glowna #ssc-g-b10 .ssc-mdot:hover,.ssc-glowna #ssc-g-b10 .ssc-mdot:focus,.ssc-glowna #ssc-g-b10 .ssc-mdot.is-open{z-index:6;outline:none} .ssc-glowna #ssc-g-b10 .ssc-mdot:hover .ssc-mdot-pop,.ssc-glowna #ssc-g-b10 .ssc-mdot:focus .ssc-mdot-pop,.ssc-glowna #ssc-g-b10 .ssc-mdot.is-open .ssc-mdot-pop{opacity:1;visibility:visible} @media (prefers-reduced-motion:reduce){.ssc-glowna #ssc-g-b10 .ssc-mdot::before{animation:none}}