:root{
  --brand-blue:#2563eb;
  --brand-blue-2:#60a5fa;
  --brand-cyan:#38bdf8;
  --brand-dark:#050811;
  --brand-ink:#07111f;
  --panel:#0f172a;
  --soft:#f4f7fb;
  --text:#172033;
  --muted:#64748b;
  --white:#fff;
  --line:rgba(148,163,184,.24);
  --shadow:0 24px 80px rgba(15,23,42,.18);
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:min(100% - 48px,var(--max));margin:0 auto}.narrow{--max:840px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.07em;margin-bottom:24px}h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.055em;margin-bottom:18px}h3{font-size:24px;letter-spacing:-.035em}.lead{font-size:20px;line-height:1.65;color:rgba(255,255,255,.74);max-width:650px}.section-dark{background:var(--brand-dark);color:#fff;position:relative}.section-light{background:#fff}.section-soft{background:linear-gradient(180deg,#f7f9fc,#eef3f9)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:12px;color:var(--brand-blue-2);margin-bottom:16px}.eyebrow.dark{color:var(--brand-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:999px;font-weight:900;letter-spacing:-.02em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;box-shadow:0 20px 54px rgba(37,99,235,.34)}.btn-secondary{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(14px)}.center{justify-content:center}.cursor-glow{position:fixed;z-index:0;left:0;top:0;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);pointer-events:none;opacity:.52;mix-blend-mode:screen;transform:translate3d(-50vw,-50vh,0);transition:opacity .3s ease}.side-nav{position:fixed;z-index:80;left:22px;top:22px;bottom:22px;width:86px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(5,8,17,.62);box-shadow:0 24px 90px rgba(0,0,0,.3);backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;padding:16px 12px;transition:width .35s ease}.side-nav:hover{width:268px;align-items:stretch}.side-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 18px;min-height:66px;width:100%;overflow:visible}.side-brand__icon{width:36px;flex:none}.side-brand__logo{width:154px;max-width:154px;height:auto;object-fit:contain;opacity:0;transform:translateX(-10px);transition:.25s ease;flex:none}.side-nav:hover .side-brand__logo{opacity:1;transform:none}.side-links{display:grid;gap:7px;width:100%;margin-top:8px}.side-links a{height:48px;border-radius:16px;color:rgba(255,255,255,.64);display:flex;align-items:center;gap:12px;padding:0 14px;font-weight:850;transition:.24s ease}.side-links a:hover,.side-links a.is-active{background:rgba(96,165,250,.14);color:#fff}.nav-ico{width:28px;text-align:center;color:var(--brand-blue-2);font-weight:900}.nav-label,.side-cta span{white-space:nowrap;opacity:0;transform:translateX(-9px);transition:.25s ease}.side-nav:hover .nav-label,.side-nav:hover .side-cta span{opacity:1;transform:none}.side-cta{margin-top:auto;width:100%;min-height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;font-weight:900;box-shadow:0 18px 42px rgba(37,99,235,.28)}.mobile-nav-toggle,.mobile-menu{display:none}.hero{min-height:100svh;overflow:hidden;display:flex;align-items:center}.blueprint-bg{position:absolute;inset:0;overflow:hidden;opacity:.8}.blueprint-bg:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(96,165,250,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.075) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 62% 42%,#000 0,transparent 62%);animation:gridMove 18s linear infinite}.blueprint-bg i{position:absolute;border:1px solid rgba(96,165,250,.2);border-radius:40px;transform:rotate(-12deg)}.blueprint-bg i:nth-child(1){width:460px;height:180px;right:10%;top:16%}.blueprint-bg i:nth-child(2){width:640px;height:310px;right:-5%;bottom:14%}.blueprint-bg i:nth-child(3){width:260px;height:92px;left:16%;bottom:18%}.blueprint-bg i:nth-child(4){width:320px;height:320px;left:52%;top:34%;border-radius:50%}.hero-orbs span{position:absolute;border-radius:999px;filter:blur(115px);opacity:.20;animation:orb 10s ease-in-out infinite;mix-blend-mode:screen}.hero-orbs span:nth-child(1){width:520px;height:520px;background:#1d4ed8;right:-7%;top:0%}.hero-orbs span:nth-child(2){width:480px;height:360px;background:#38bdf8;right:26%;bottom:2%;animation-delay:-2s;opacity:.13}.hero-orbs span:nth-child(3){width:440px;height:360px;background:#0ea5e9;left:-10%;bottom:-5%;animation-delay:-4s;opacity:.12}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:42px;padding:110px 0 90px}.hero-logo{width:178px;margin-bottom:34px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero__visual{min-height:640px;position:relative;perspective:1200px}.hero-ring{position:absolute;inset:12% 8% 8% 10%;border-radius:42px;background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(14,165,233,.05));border:1px solid rgba(96,165,250,.16);transform:rotateX(58deg) rotateZ(-18deg);filter:blur(.2px)}.app-frame{position:relative;border:1px solid rgba(148,163,184,.28);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.app-frame--dark{background:#08111f;border-color:rgba(255,255,255,.12);box-shadow:0 28px 110px rgba(0,0,0,.42)}.app-frame--light{background:#fff}.window-dots{position:absolute;z-index:2;left:18px;top:14px;display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#fb7185}.window-dots i:nth-child(2){background:#fbbf24}.window-dots i:nth-child(3){background:#22c55e}.hero-screen{position:absolute;right:0;top:110px;width:min(760px,92%);transform:rotateX(6deg) rotateY(-14deg) rotateZ(1deg);transform-style:preserve-3d;animation:floatScreen 7s ease-in-out infinite}.hero-phone{position:absolute;z-index:4;width:170px;left:0;bottom:60px;border-radius:32px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.46);animation:floatPhone 6.5s ease-in-out infinite}.floating-card{position:absolute;z-index:5;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,17,31,.75);box-shadow:0 20px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px);font-weight:900;font-size:14px}.card-a{right:4%;top:54px}.card-b{left:8%;top:120px}.card-c{right:12%;bottom:82px}.scroll-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.56);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.cinematic-product{height:520vh;position:relative}.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.cinema-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(37,99,235,.2),transparent 34%),linear-gradient(145deg,#050811 0%,#08111f 52%,#020617 100%)}.beam{position:absolute;height:2px;width:80vw;background:linear-gradient(90deg,transparent,rgba(96,165,250,.58),transparent);filter:blur(.2px);transform-origin:left center}.beam-a{left:12%;top:31%;transform:rotate(-18deg)}.beam-b{right:-10%;bottom:24%;transform:rotate(16deg)}.blueprint-plane{position:absolute;border:1px solid rgba(96,165,250,.14);background-image:linear-gradient(rgba(96,165,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.05) 1px,transparent 1px);background-size:32px 32px;border-radius:34px;box-shadow:inset 0 0 42px rgba(96,165,250,.04)}.plane-a{width:520px;height:300px;right:8%;top:12%;transform:perspective(900px) rotateX(64deg) rotateZ(-18deg)}.plane-b{width:430px;height:230px;left:12%;bottom:12%;transform:perspective(900px) rotateX(66deg) rotateZ(12deg)}.particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--brand-blue-2);box-shadow:0 0 22px rgba(96,165,250,.8)}.p1{left:18%;top:22%}.p2{right:16%;top:38%}.p3{left:30%;bottom:20%}.p4{right:34%;bottom:14%}.cinema-stage{position:relative;z-index:2;height:100%;width:min(100vw - 48px,1240px);margin:0 auto;perspective:1400px}.cinema-copy{position:absolute;left:6%;top:17%;width:min(470px,42vw);z-index:7;transition:none}.cinema-copy h2{font-size:clamp(34px,4.4vw,68px)}.cinema-copy p:not(.eyebrow){font-size:18px;line-height:1.72;color:rgba(255,255,255,.72)}.cinema-logo{position:absolute;left:50%;top:50%;width:176px;height:176px;margin:-88px 0 0 -88px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:46px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:0 0 100px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(20px);transform-style:preserve-3d}.cinema-logo:before{content:"";position:absolute;inset:-28px;border:1px solid rgba(96,165,250,.16);border-radius:58px}.cinema-logo img{width:96px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.35))}.cinema-sidebar{position:absolute;left:7%;top:50%;width:244px;padding:18px;border-radius:34px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(3,7,18,.78));box-shadow:0 34px 120px rgba(0,0,0,.45);backdrop-filter:blur(26px);transform-style:preserve-3d}.sidebar-head{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950;margin-bottom:20px}.sidebar-head img{width:34px}.sidebar-profile{display:flex;align-items:center;gap:11px;padding:12px;border-radius:19px;background:rgba(255,255,255,.06);margin-bottom:16px}.sidebar-profile>span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb)}.sidebar-profile b{display:block;font-size:13px;color:#fff}.sidebar-profile small{font-size:11px;color:rgba(255,255,255,.48)}.sidebar-link{height:44px;border-radius:15px;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.62);font-weight:850;padding:0 12px;margin:4px 0}.sidebar-link i{font-style:normal;color:var(--brand-blue-2);width:22px;text-align:center}.sidebar-link.is-on{background:rgba(96,165,250,.16);color:#fff}.cinema-sidebar button{width:100%;height:48px;border:0;border-radius:16px;margin-top:16px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:white;font-weight:950}.cinema-app{position:absolute;right:5%;top:50%;width:min(780px,62vw);transform-style:preserve-3d}.screen-shadow{position:absolute;inset:12% 6% -8%;background:rgba(37,99,235,.26);filter:blur(52px);border-radius:44px}.cinema-frame{transform-style:preserve-3d;transition:none}.cinema-frame img{transition:opacity .16s ease}.cinema-phone{position:absolute;right:8%;bottom:10%;width:154px;border-radius:31px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.13);transform-style:preserve-3d}.cinema-card{position:absolute;z-index:9;width:210px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(8,17,31,.74);box-shadow:0 24px 80px rgba(0,0,0,.38);backdrop-filter:blur(20px);color:#fff}.cinema-card small{display:block;color:rgba(255,255,255,.55);font-weight:800;margin-bottom:6px}.cinema-card b{display:block;font-size:20px;letter-spacing:-.04em}.cinema-card span{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:13px}.card-metric{right:9%;top:15%}.card-event{left:34%;bottom:14%}.card-pdf{right:27%;bottom:11%}.cinema-progress{position:absolute;left:6%;right:6%;bottom:30px;height:2px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.cinema-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan))}.cinema-step{position:absolute;right:6%;bottom:44px;color:rgba(255,255,255,.56);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.problem,.solution,.workflow,.audience,.security,.faq,.devices,.cta{padding:118px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.split p{font-size:18px;line-height:1.72;color:var(--muted)}.problem-grid{display:grid;gap:18px}.problem-grid article,.steps article,.audience-grid article{padding:28px;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.06)}.problem-grid span,.steps span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#eff6ff;color:var(--brand-blue);font-weight:950;margin-bottom:18px}.problem-grid p,.steps p,.audience-grid p,.section-heading p{color:var(--muted);line-height:1.7}.section-heading{text-align:center;max-width:850px;margin:0 auto 46px}.feature-showcase{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:stretch}.feature-tabs{display:grid;gap:12px}.feature-tab{text-align:left;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;padding:18px 20px;font-weight:950;color:#334155;cursor:pointer;transition:.22s ease}.feature-tab:hover,.feature-tab.is-active{transform:translateX(4px);border-color:rgba(37,99,235,.28);box-shadow:0 18px 42px rgba(37,99,235,.11);color:var(--brand-blue)}.feature-screen{display:grid;grid-template-columns:.34fr .66fr;gap:28px;align-items:center;background:#fff;border-radius:34px;padding:26px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow)}.feature-screen h3{font-size:34px}.feature-screen p{color:var(--muted);line-height:1.7}.feature-screen img{transition:opacity .18s ease}.steps,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.devices{overflow:hidden}.devices__inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.devices__copy p:not(.eyebrow){color:rgba(255,255,255,.7);font-size:18px;line-height:1.72}.device-stack{position:relative;min-height:560px}.desktop-card{position:absolute;right:0;top:48px;width:88%}.phone-card{position:absolute;left:4%;bottom:20px;width:175px;border-radius:32px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.44)}.security-stack{display:grid;gap:14px}.security-stack div{display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:22px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.05);font-weight:900}.security-stack span{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));box-shadow:0 0 0 7px rgba(37,99,235,.1)}details{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:22px;margin:12px 0;padding:0 22px;box-shadow:0 12px 34px rgba(15,23,42,.05)}summary{cursor:pointer;padding:22px 0;font-weight:950}details p{color:var(--muted);line-height:1.7;padding-bottom:20px}.cta{text-align:center;overflow:hidden}.cta-logo{width:180px;margin:0 auto 28px}.cta p{font-size:18px;line-height:1.72;color:rgba(255,255,255,.7)}.footer{background:#050811;color:rgba(255,255,255,.6);padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:14px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.14s}
@keyframes gridMove{to{background-position:58px 58px}}@keyframes orb{50%{transform:translate3d(36px,-24px,0) scale(1.18)}}@keyframes floatScreen{50%{transform:rotateX(7deg) rotateY(-12deg) rotateZ(1deg) translateY(-18px)}}@keyframes floatPhone{50%{transform:translateY(-16px) rotate(-2deg)}}
@media (max-width:1200px){.side-nav{display:none}.mobile-nav-toggle{display:block;position:fixed;right:18px;top:18px;z-index:90;width:52px;height:52px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(5,8,17,.78);backdrop-filter:blur(18px);padding:13px}.mobile-nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:99px}.mobile-menu{position:fixed;z-index:89;right:18px;top:80px;width:min(280px,calc(100vw - 36px));padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(5,8,17,.92);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.32);display:none}.mobile-menu.is-open{display:grid}.mobile-menu a{color:#fff;padding:13px 14px;border-radius:14px;font-weight:850}.mobile-menu a:hover{background:rgba(255,255,255,.08)}}
@media (max-width:960px){.cursor-glow{display:none}.hero{min-height:auto;padding:94px 0 74px}.hero__inner,.split,.devices__inner,.feature-showcase,.feature-screen{grid-template-columns:1fr}.hero__visual{min-height:420px}.hero-screen{position:relative;top:20px;width:100%;transform:none}.hero-phone{width:125px;left:auto;right:6%;bottom:0}.floating-card{display:none}.cinematic-product{height:auto;padding:90px 0}.cinema-sticky{position:relative;height:auto;overflow:visible}.cinema-stage{height:auto;display:grid;gap:20px}.cinema-copy,.cinema-logo,.cinema-sidebar,.cinema-app,.cinema-phone,.cinema-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin:0;opacity:1!important;transform:none!important;filter:none!important}.cinema-copy{width:100%}.cinema-logo{width:130px;height:130px;margin:0 auto}.cinema-logo img{width:72px}.cinema-sidebar{max-width:340px;margin:0 auto}.cinema-app{width:100%}.cinema-phone,.cinema-card,.cinema-progress,.cinema-step{display:none}.screen-shadow{display:none}.steps,.audience-grid{grid-template-columns:1fr}.device-stack{min-height:440px}.desktop-card{width:100%;position:relative;top:0}.phone-card{width:150px;right:10px;left:auto;bottom:-20px}.feature-tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.container,.narrow{width:min(100% - 24px,var(--max))}h1{font-size:42px}.lead{font-size:17px}.hero__actions{flex-direction:column}.btn{width:100%}.problem,.solution,.workflow,.audience,.security,.faq,.devices,.cta{padding:76px 0}.feature-tabs{grid-template-columns:1fr}.feature-screen{padding:16px;border-radius:22px}.app-frame{border-radius:18px}.device-stack{min-height:350px}.phone-card{width:118px}.footer-inner{flex-direction:column}.section-heading{text-align:left}.cta{text-align:left}.cta-logo{margin-left:0}.center{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.btn,.feature-tab,.side-nav,.side-brand__logo,.nav-label{transition:none!important}.hero-screen,.hero-phone,.blueprint-bg:before,.hero-orbs span{animation:none!important}.cinematic-product{height:auto}.cinema-sticky{position:relative;height:auto}.cinema-logo,.cinema-sidebar,.cinema-app,.cinema-phone,.cinema-card,.cinema-copy{transform:none!important;opacity:1!important;filter:none!important}}

/* v5 — sekcje sprzedażowe i dopracowanie treści */
.benefits{padding:118px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-card{position:relative;overflow:hidden;min-height:230px;padding:28px;border:1px solid rgba(15,23,42,.08);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.06)}.benefit-card:before{content:"";position:absolute;inset:auto 24px 24px auto;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%);filter:blur(3px)}.benefit-card b{display:block;font-size:24px;line-height:1.05;letter-spacing:-.04em;margin-bottom:16px}.benefit-card p{position:relative;color:var(--muted);line-height:1.72}.steps--four{grid-template-columns:repeat(4,1fr)}.dark-list{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:12px}.dark-list li{position:relative;padding-left:26px;color:rgba(255,255,255,.72);line-height:1.55}.dark-list li:before{content:"";position:absolute;left:0;top:.56em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));box-shadow:0 0 0 7px rgba(96,165,250,.10)}.audience-grid--detailed article{min-height:360px}.audience-grid--detailed ul{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.audience-grid--detailed li{padding:9px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:900}.cta{position:relative}.cta-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.18),transparent 58%),radial-gradient(ellipse at 20% 80%,rgba(56,189,248,.10),transparent 48%);filter:blur(8px)}
@media (max-width:1100px){.benefit-grid,.steps--four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.benefits{padding:76px 0}.benefit-grid,.steps--four{grid-template-columns:1fr}.benefit-card,.audience-grid--detailed article{min-height:auto}.audience-grid--detailed li{font-size:12px}}

/* v6 — warstwy produktu, efekt liczb i przygotowanie sekcji kontaktowej */
.product-layers{padding:118px 0;overflow:hidden}.product-layers__inner{position:relative}.layers-stage{position:relative;min-height:680px;display:grid;place-items:center;perspective:1400px}.layers-stage:before{content:"";position:absolute;inset:8% 7%;border-radius:42px;background:radial-gradient(ellipse at 50% 45%,rgba(37,99,235,.12),transparent 62%);filter:blur(18px);pointer-events:none}.layers-screen{width:min(820px,86%);transform:rotateX(56deg) rotateZ(-16deg) translateY(36px);box-shadow:0 44px 110px rgba(15,23,42,.18);transition:transform .2s ease}.layer-card{position:absolute;z-index:4;width:245px;min-height:148px;padding:20px;border:1px solid rgba(15,23,42,.08);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 26px 80px rgba(15,23,42,.12);backdrop-filter:blur(18px);transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}.layer-card:hover{box-shadow:0 36px 100px rgba(37,99,235,.18);border-color:rgba(37,99,235,.20)}.layer-card span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;font-weight:950}.layer-card b{display:block;font-size:22px;letter-spacing:-.04em}.layer-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.45}.layer-card--one{left:4%;top:18%;transform:translateZ(95px) rotateY(12deg)}.layer-card--two{right:3%;top:17%;transform:translateZ(130px) rotateY(-10deg)}.layer-card--three{left:10%;bottom:16%;transform:translateZ(115px) rotateY(10deg)}.layer-card--four{right:10%;bottom:13%;transform:translateZ(155px) rotateY(-12deg)}.layer-orbit{position:absolute;z-index:1;width:min(760px,78vw);height:min(760px,78vw);border-radius:50%;border:1px solid rgba(37,99,235,.14);transform:rotateX(68deg) rotateZ(-18deg);animation:orbitPulse 7s ease-in-out infinite}.layer-orbit:before,.layer-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(56,189,248,.12)}.layer-orbit:before{inset:12%}.layer-orbit:after{inset:25%}@keyframes orbitPulse{50%{transform:rotateX(68deg) rotateZ(-12deg) scale(1.035)}}
.numbers{position:relative;padding:118px 0;overflow:hidden}.numbers-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.18),transparent 58%),radial-gradient(ellipse at 12% 86%,rgba(56,189,248,.10),transparent 45%);filter:blur(8px)}.numbers .container{position:relative;z-index:2}.numbers .section-heading p:not(.eyebrow){color:rgba(255,255,255,.68)}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.number-card{min-height:245px;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.06);box-shadow:0 24px 80px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.number-card b{display:block;font-size:clamp(48px,6vw,82px);line-height:.9;letter-spacing:-.08em;background:linear-gradient(135deg,#fff,var(--brand-blue-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}.number-card p{color:rgba(255,255,255,.68);line-height:1.62;margin:0}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px auto 0;max-width:760px;text-align:left}.contact-panel div{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}.contact-panel small{display:block;color:rgba(255,255,255,.52);font-weight:850;text-transform:uppercase;letter-spacing:.13em;font-size:11px;margin-bottom:10px}.contact-panel b{display:block;font-size:22px;letter-spacing:-.04em}.contact-panel span{display:block;margin-top:8px;color:rgba(255,255,255,.62);line-height:1.5}
@media (max-width:1100px){.number-grid{grid-template-columns:repeat(2,1fr)}.layers-stage{min-height:620px}.layer-card{width:220px}.layer-card--one{left:0}.layer-card--two{right:0}.layer-card--three{left:2%}.layer-card--four{right:2%}}
@media (max-width:760px){.product-layers{padding:76px 0}.layers-stage{min-height:auto;display:grid;gap:14px;place-items:stretch}.layers-screen{width:100%;transform:none;order:1}.layer-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;transform:none!important;order:2}.layer-orbit{display:none}.number-grid,.contact-panel{grid-template-columns:1fr}.numbers{padding:76px 0}.number-card{min-height:auto}.contact-panel{text-align:left}.side-links a[href="#korzysci"] .nav-ico{color:var(--brand-cyan)}}

/* Sekcje sprzedażowe i formularz kontaktowy */
.btn-dark{background:#07111f;color:#fff;border:1px solid rgba(7,17,31,.12);box-shadow:0 18px 44px rgba(15,23,42,.18)}
.demo-section{padding:118px 0;overflow:hidden}.demo-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center}.demo-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.75}.demo-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.demo-panel{position:relative;min-height:650px;perspective:1200px}.demo-panel:before{content:"";position:absolute;inset:8% 4% 4% 10%;border-radius:46px;background:radial-gradient(ellipse at 48% 50%,rgba(37,99,235,.16),transparent 60%);filter:blur(18px)}.demo-screen{position:absolute;left:0;top:34px;width:min(760px,90%);transform:rotateX(5deg) rotateY(-13deg) rotateZ(1deg);box-shadow:0 36px 100px rgba(15,23,42,.18);z-index:2}.demo-timeline{position:absolute;right:0;bottom:34px;z-index:4;width:min(360px,52%);margin:0;padding:14px;list-style:none;border:1px solid rgba(15,23,42,.08);border-radius:30px;background:rgba(255,255,255,.84);box-shadow:0 28px 90px rgba(15,23,42,.16);backdrop-filter:blur(22px);display:grid;gap:10px}.demo-timeline li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:8px 12px;padding:14px;border-radius:20px;color:var(--muted);transition:.25s ease}.demo-timeline li:before{content:"";position:absolute;left:39px;top:54px;bottom:-13px;width:1px;background:rgba(37,99,235,.14)}.demo-timeline li:last-child:before{display:none}.demo-timeline span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#eff6ff;color:#1d4ed8;font-weight:950}.demo-timeline b{color:#0f172a;letter-spacing:-.03em}.demo-timeline small{line-height:1.4}.demo-timeline li.is-active{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(37,99,235,.24)}.demo-timeline li.is-active b{color:#fff}.demo-timeline li.is-active span{background:rgba(255,255,255,.14);color:#fff}.pricing{padding:118px 0}.billing-toggle{width:max-content;margin:0 auto 34px;padding:6px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 40px rgba(15,23,42,.06);display:flex;gap:4px}.billing-toggle button{border:0;background:transparent;border-radius:999px;padding:12px 18px;font-weight:950;color:var(--muted);cursor:pointer;transition:.25s ease}.billing-toggle button.is-active{background:#07111f;color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.18)}.billing-toggle span{color:var(--brand-cyan)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{position:relative;overflow:hidden;padding:30px;border-radius:32px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 18px 52px rgba(15,23,42,.07);display:flex;flex-direction:column;min-height:530px}.price-card:before{content:"";position:absolute;right:-40px;top:-44px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%)}.price-card--featured{background:linear-gradient(180deg,#07111f,#0f172a);color:#fff;border-color:rgba(96,165,250,.22);box-shadow:0 30px 90px rgba(15,23,42,.28);transform:translateY(-14px)}.popular-badge{position:absolute;right:22px;top:22px;padding:8px 12px;border-radius:999px;background:rgba(96,165,250,.16);color:#bfdbfe;font-size:12px;font-weight:950}.plan-label{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;color:var(--brand-blue);margin-bottom:16px}.price-card--featured .plan-label{color:#93c5fd}.price-card h3{font-size:28px;line-height:1.05;margin-bottom:22px}.price{font-size:56px;line-height:1;font-weight:950;letter-spacing:-.07em;margin:4px 0 24px;color:#07111f}.price span{display:inline-block;min-width:74px}.price small{font-size:15px;letter-spacing:0;color:var(--muted);font-weight:850}.price-custom{font-size:48px}.price-card--featured .price{color:#fff}.price-card--featured .price small{color:rgba(255,255,255,.58)}.price-card ul{position:relative;margin:0 0 28px;padding:0;list-style:none;display:grid;gap:13px}.price-card li{position:relative;padding-left:25px;color:var(--muted);line-height:1.45}.price-card li:before{content:"";position:absolute;left:0;top:.48em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));box-shadow:0 0 0 6px rgba(37,99,235,.09)}.price-card--featured li{color:rgba(255,255,255,.7)}.price-card .btn{margin-top:auto}.btn-plan{background:#eff6ff;color:#1d4ed8;border:1px solid rgba(37,99,235,.12)}.pricing-note{max-width:780px;margin:24px auto 0;color:var(--muted);text-align:center;line-height:1.7}.contact-form{margin:34px auto 22px;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.contact-form label{display:grid;gap:8px}.contact-form label:nth-child(3),.contact-form button{grid-column:1/-1}.contact-form span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:rgba(255,255,255,.58)}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;padding:16px 18px;font:inherit;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.36)}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(96,165,250,.68);background:rgba(255,255,255,.10);box-shadow:0 0 0 5px rgba(37,99,235,.14)}.contact-form button{justify-self:center;min-width:260px}.footer a{color:rgba(255,255,255,.76)}
@media (max-width:1180px){.side-nav{width:74px}.side-nav:hover{width:218px}.side-links a{height:43px}.nav-ico{width:24px}.side-cta{min-height:44px}.side-brand{padding-bottom:10px}.side-brand__icon{width:32px}}
@media (max-width:960px){.demo-section,.pricing{padding:86px 0}.demo-grid{grid-template-columns:1fr}.demo-panel{min-height:auto;display:grid;gap:16px}.demo-panel:before{display:none}.demo-screen,.demo-timeline{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none}.demo-timeline{max-width:none}.pricing-grid{grid-template-columns:1fr}.price-card,.price-card--featured{min-height:auto;transform:none}.popular-badge{position:static;width:max-content;margin-bottom:14px}.contact-form{grid-template-columns:1fr}.contact-form button{justify-self:stretch;width:100%}}
@media (max-width:640px){.demo-section,.pricing{padding:76px 0}.demo-actions{flex-direction:column}.billing-toggle{width:100%;justify-content:stretch}.billing-toggle button{flex:1;padding-inline:10px}.price-card{padding:24px;border-radius:26px}.price{font-size:48px}.demo-timeline li{grid-template-columns:46px 1fr}.demo-timeline span{width:38px;height:38px}.demo-timeline li:before{left:33px}.contact-form{margin-top:28px}}


/* v8 — czyszczenie marketingowe i dopracowanie animacji */
.hero-logo,.cta-logo{width:min(260px,72vw)}
.side-brand__logo{width:138px}.side-brand__icon{width:42px}.cinema-logo img{width:104px}.sidebar-head img{width:38px}
.hero__copy h1{max-width:780px}.hero__copy .lead{max-width:710px}
.hero-screen:after,.cinema-frame:after,.layers-screen:after,.desktop-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,255,255,.22) 48%,transparent 58%,transparent 100%);transform:translateX(-130%);animation:screenSheen 8.5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.cinema-frame:after{animation-delay:1.4s}.layers-screen:after{animation-delay:2.6s}.desktop-card:after{animation-delay:3.8s}@keyframes screenSheen{0%,62%{transform:translateX(-130%)}76%,100%{transform:translateX(130%)}}
.problem-grid article,.benefit-card,.audience-grid article,.security-stack div,.number-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.problem-grid article:hover,.benefit-card:hover,.audience-grid article:hover,.security-stack div:hover,.number-card:hover{transform:translateY(-6px);box-shadow:0 28px 80px rgba(15,23,42,.12);border-color:rgba(37,99,235,.22)}
.section-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at calc(15% + var(--page-scroll,0)*70%) 18%,rgba(96,165,250,.08),transparent 26%);pointer-events:none}.hero .container,.cinematic-product .cinema-sticky,.numbers .container,.devices .container,.cta .container{position:relative;z-index:2}
.reveal{will-change:opacity,transform}.reveal.is-visible{animation:softRise .75s cubic-bezier(.2,.8,.2,1) both}@keyframes softRise{from{opacity:0;transform:translateY(38px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.feature-tab.is-active{background:linear-gradient(135deg,#fff,#eff6ff)}.feature-screen{position:relative;overflow:hidden}.feature-screen:before{content:"";position:absolute;inset:auto 7% -95px 45%;height:190px;border-radius:50%;background:rgba(37,99,235,.12);filter:blur(40px)}
.contact-form button{cursor:pointer}.footer a{color:rgba(255,255,255,.76)}
@media (max-width:960px){.hero-logo,.cta-logo{width:min(230px,76vw)}.side-brand__icon{width:36px}.hero-screen:after,.cinema-frame:after,.layers-screen:after,.desktop-card:after{display:none}}


/* v9 — korekta typografii i menu bocznego */
body, button, input, textarea, select{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,.btn,.eyebrow{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.side-nav{overflow:hidden;width:86px;padding:16px 12px;align-items:center}
.side-nav:hover{width:244px;align-items:stretch}
.side-brand{width:100%;justify-content:center;gap:0;padding:6px 0 18px;overflow:hidden}
.side-nav:hover .side-brand{justify-content:flex-start;gap:0;padding:6px 10px 18px}
.side-brand__icon{width:44px;min-width:44px;opacity:1;transform:scale(1);transition:width .24s ease,min-width .24s ease,opacity .2s ease,transform .24s ease}
.side-brand__logo{width:0;max-width:150px;opacity:0;transform:translateX(-12px);transition:width .28s ease,opacity .24s ease,transform .24s ease}
.side-nav:hover .side-brand__icon{width:0;min-width:0;opacity:0;transform:scale(.72)}
.side-nav:hover .side-brand__logo{width:150px;opacity:1;transform:none}
.side-links{justify-items:center}
.side-links a{height:52px;width:58px;min-width:58px;justify-content:center;gap:0;padding:0;border-radius:18px;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.15;overflow:hidden}
.side-nav:hover .side-links{justify-items:stretch}
.side-nav:hover .side-links a{width:100%;min-width:0;justify-content:flex-start;gap:14px;padding:0 16px;border-radius:17px}
.side-links a.is-active{background:rgba(96,165,250,.16);box-shadow:inset 0 0 0 1px rgba(96,165,250,.10)}
.nav-ico{width:34px;min-width:34px;font-size:22px;line-height:1;text-align:center;font-weight:600;display:grid;place-items:center;color:var(--brand-blue-2)}
.nav-label{font-weight:500;letter-spacing:-.015em;color:rgba(255,255,255,.74)}
.side-links a:hover .nav-label,.side-links a.is-active .nav-label{color:#fff}
.nav-label,.side-cta span{pointer-events:none}
.side-cta{width:58px;min-height:52px;border-radius:18px;margin-left:auto;margin-right:auto;font-weight:600;overflow:hidden;position:relative}
.side-cta:before{content:"→";position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:600;transition:opacity .2s ease}
.side-nav:hover .side-cta{width:100%;min-height:52px;border-radius:17px;margin-left:0;margin-right:0}
.side-nav:hover .side-cta:before{opacity:0}
.side-nav:hover .side-cta span{pointer-events:auto;font-weight:600}
@media (max-width:1180px){.side-nav{width:78px}.side-nav:hover{width:228px}.side-brand__icon{width:40px;min-width:40px}.side-links a{height:48px;width:54px;min-width:54px}.nav-ico{font-size:21px;width:32px;min-width:32px}.side-cta{width:54px;min-height:48px}.side-nav:hover .side-brand__logo{width:140px}}
@media (max-width:960px){.side-nav{display:none}.mobile-menu a{font-weight:500}.mobile-nav-toggle span{height:2px}}

/* v10 — korekta wielkości tytułów i zwiniętego menu */
.section-heading h2,
.problem h2,
.layers-copy h2,
.process h2,
.benefits h2,
.numbers h2,
.devices h2,
.audience h2,
.security h2,
.faq h2,
.cta h2{
  font-size:clamp(28px,3.1vw,46px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.cinema-copy h2{font-size:clamp(30px,3.35vw,52px);line-height:1.05;letter-spacing:-.05em}
.section-heading{max-width:860px}
.section-heading p:not(.eyebrow){font-size:17px;line-height:1.72}
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700}

.side-nav{width:92px;padding:16px 13px}
.side-nav:hover{width:248px}
.side-links{gap:8px;justify-items:center}
.side-links a{position:relative;height:58px;width:64px;min-width:64px;padding:0;display:flex;align-items:center;justify-content:center;gap:0;border-radius:20px;overflow:hidden}
.side-nav:not(:hover) .side-links a{width:64px;min-width:64px;max-width:64px}
.side-nav:not(:hover) .nav-label{display:none;width:0;max-width:0;opacity:0;transform:none}
.side-nav:hover .side-links a{height:52px;width:100%;min-width:0;max-width:none;justify-content:flex-start;gap:14px;padding:0 16px;border-radius:17px}
.side-nav:hover .nav-label{display:inline;opacity:1;width:auto;max-width:none;transform:none;font-size:14px;font-weight:500;line-height:1.2;color:rgba(255,255,255,.76)}
.side-links a.is-active{background:rgba(96,165,250,.17);box-shadow:inset 0 0 0 1px rgba(96,165,250,.13)}
.side-links a.is-active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--brand-blue-2),var(--brand-cyan));opacity:.95}
.side-nav:not(:hover) .side-links a.is-active:before{left:auto;right:5px;top:18px;bottom:18px;width:3px}
.nav-ico{width:42px;min-width:42px;height:42px;display:grid;place-items:center;color:#93c5fd;line-height:1}
.nav-ico svg{width:30px;height:30px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-ico svg path:not([fill]){fill:none}
.side-links a[href="#funkcje"] .nav-ico svg path,
.side-links a[href="#top"] .nav-ico svg path,
.side-links a[href="#korzysci"] .nav-ico svg path{fill:none;stroke:currentColor}
.side-links a:hover .nav-ico,.side-links a.is-active .nav-ico{color:#fff}
.side-cta{width:64px;min-height:58px;border-radius:20px}
.side-cta:before{font-size:28px}
.side-nav:hover .side-cta{width:100%;min-height:52px;border-radius:17px}

@media (max-width:1180px){
  .side-nav{width:86px}.side-nav:hover{width:232px}
  .side-links a,.side-nav:not(:hover) .side-links a{width:60px;min-width:60px;max-width:60px;height:54px}
  .nav-ico{width:40px;min-width:40px;height:40px}.nav-ico svg{width:28px;height:28px}
  .side-cta{width:60px;min-height:54px}
  .side-nav:hover .side-links a,.side-nav:hover .side-cta{height:50px;min-height:50px;width:100%;max-width:none}
}

/* v11 — korekty hero, menu, przycisków i prezentacji screenów */
.hero__copy h1{
  max-width:720px;
  font-size:clamp(34px,4.35vw,64px);
  line-height:1.04;
  letter-spacing:-.052em;
}
.hero__copy .lead{font-size:18px;line-height:1.68;max-width:660px}
.hero-logo{margin-bottom:28px}
.hero__actions{margin-top:30px}

.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  font-weight:700;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,border-color .28s ease,color .28s ease;
}
.btn:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px;
  background:linear-gradient(115deg,transparent 0%,transparent 34%,rgba(255,255,255,.36) 47%,transparent 60%,transparent 100%);
  transform:translateX(-120%);
  transition:transform .62s cubic-bezier(.2,.8,.2,1);
}
.btn:hover{transform:translateY(-4px) scale(1.018)}
.btn:hover:before{transform:translateX(120%)}
.btn-primary:hover{box-shadow:0 26px 72px rgba(37,99,235,.46),0 0 0 1px rgba(255,255,255,.10) inset}
.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(147,197,253,.46);box-shadow:0 22px 54px rgba(15,23,42,.28),0 0 0 1px rgba(147,197,253,.10) inset}
.btn:active{transform:translateY(-1px) scale(.995)}

.app-frame{border-radius:14px}
.hero-screen,.cinema-frame,.layers-screen,.desktop-card{border-radius:16px}
.feature-screen .app-frame,.product-layers .app-frame{border-radius:14px}
.hero-phone{border-radius:22px}
.hero-phone img{border-radius:22px}
.window-dots{top:12px;left:16px}

.floating-card.hero-action-badge{
  min-width:188px;
  text-align:center;
  border-radius:14px;
  padding:12px 15px;
  font-size:13px;
  font-weight:700;
  color:#eaf4ff;
  background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(15,23,42,.54));
  border-color:rgba(147,197,253,.24);
  box-shadow:0 18px 52px rgba(0,0,0,.32),0 0 0 1px rgba(96,165,250,.08) inset;
  transition:left .7s cubic-bezier(.2,.8,.2,1),right .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),bottom .7s cubic-bezier(.2,.8,.2,1),opacity .32s ease,transform .7s cubic-bezier(.2,.8,.2,1);
  animation:heroBadgeFloat 5.6s ease-in-out infinite;
}
.floating-card.hero-action-badge:before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:#60a5fa;
  box-shadow:0 0 18px rgba(96,165,250,.95);
  vertical-align:1px;
}
.floating-card.hero-action-badge span{display:inline-block;transition:opacity .22s ease,transform .22s ease}
.floating-card.hero-action-badge.is-changing span{opacity:0;transform:translateY(6px)}
.hero-action-pos-1{right:3%;top:58px;left:auto;bottom:auto}
.hero-action-pos-2{left:6%;top:126px;right:auto;bottom:auto}
.hero-action-pos-3{right:8%;bottom:78px;left:auto;top:auto}
.hero-action-pos-4{left:18%;bottom:118px;right:auto;top:auto}
.hero-action-badge:nth-of-type(2){animation-delay:-2.1s}
@keyframes heroBadgeFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}

.side-links a{transition:background .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease}
.side-nav:not(:hover) .nav-label{
  display:block;
  width:0;
  max-width:0;
  min-width:0;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  transform:none;
}
.side-nav:hover .nav-label{
  display:block;
  visibility:visible;
  max-width:150px;
  overflow:hidden;
  transition:opacity .18s ease .08s,max-width .24s ease;
}
.side-nav:hover .side-links a{gap:12px}
.nav-ico{transition:color .2s ease,transform .2s ease}
.side-links a:hover .nav-ico{transform:scale(1.04)}
.side-nav:hover .side-links a:hover .nav-ico{transform:none}

@media (max-width:960px){
  .hero__copy h1{font-size:clamp(32px,8vw,48px)}
  .floating-card.hero-action-badge{display:none}
  .app-frame,.hero-screen,.cinema-frame,.layers-screen,.desktop-card{border-radius:12px}
}


/* v12 — płynniejsze menu, spokojniejsze komunikaty hero i mniejsze promienie narożników */
.side-nav{
  transition:width .46s cubic-bezier(.22,1,.36,1),border-color .28s ease,background .28s ease,box-shadow .28s ease;
  will-change:width;
}
.side-nav:hover{width:248px}
.side-links a,
.side-nav:hover .side-links a,
.side-nav:not(:hover) .side-links a{
  height:58px;
  min-height:58px;
  transition:width .46s cubic-bezier(.22,1,.36,1),max-width .46s cubic-bezier(.22,1,.36,1),background .24s ease,color .24s ease,box-shadow .24s ease,border-radius .28s ease,padding .46s cubic-bezier(.22,1,.36,1);
}
.side-nav:hover .side-links a{
  height:58px;
  min-height:58px;
  gap:12px;
  padding:0 16px;
}
.nav-ico,
.side-nav:hover .nav-ico,
.side-nav:not(:hover) .nav-ico{
  width:42px;
  min-width:42px;
  height:42px;
  transform:none;
  transition:color .22s ease;
}
.side-links a:hover .nav-ico,
.side-nav:hover .side-links a:hover .nav-ico{transform:none}
.side-nav .nav-label,
.side-nav:not(:hover) .nav-label,
.side-nav:hover .nav-label{
  display:block;
  width:auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  line-height:1.2;
  font-size:14px;
  font-weight:500;
}
.side-nav:not(:hover) .nav-label{
  max-width:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(-4px);
  transition:opacity .16s ease,visibility 0s linear .22s,max-width .36s cubic-bezier(.22,1,.36,1),transform .28s ease;
}
.side-nav:hover .nav-label{
  max-width:160px;
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  transition:opacity .24s ease .14s,visibility 0s linear 0s,max-width .44s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1) .08s;
}
.side-cta,
.side-nav:hover .side-cta{
  min-height:58px;
  height:58px;
  transition:width .46s cubic-bezier(.22,1,.36,1),border-radius .28s ease,box-shadow .24s ease;
}
.side-nav:hover .side-cta{width:100%}
.side-cta span{transition:opacity .24s ease .14s,transform .34s cubic-bezier(.22,1,.36,1) .08s}
.side-brand{transition:gap .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1)}
.side-brand__icon,.side-brand__logo{transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),min-width .42s cubic-bezier(.22,1,.36,1)}

.app-frame{border-radius:9px}
.hero-screen,.cinema-frame,.layers-screen,.desktop-card{border-radius:10px}
.feature-screen .app-frame,.product-layers .app-frame{border-radius:9px}
.hero-phone,.hero-phone img{border-radius:16px}
.window-dots{top:10px;left:14px}
.floating-card.hero-action-badge{
  min-width:176px;
  border-radius:8px;
  padding:10px 13px;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,12px,0) scale(.96);
  transition:left 1.15s cubic-bezier(.22,1,.36,1),right 1.15s cubic-bezier(.22,1,.36,1),top 1.15s cubic-bezier(.22,1,.36,1),bottom 1.15s cubic-bezier(.22,1,.36,1),opacity .72s ease,transform 1.15s cubic-bezier(.22,1,.36,1);
  animation:none;
}
.floating-card.hero-action-badge.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  animation:heroBadgeFloat 7.4s ease-in-out infinite;
}
.floating-card.hero-action-badge.is-changing{
  opacity:0;
  transform:translate3d(0,14px,0) scale(.96);
}
.floating-card.hero-action-badge span{transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.floating-card.hero-action-badge.is-changing span{opacity:0;transform:translateY(8px)}
.hero-action-pos-1{right:4%;top:70px;left:auto;bottom:auto}
.hero-action-pos-2{left:4%;top:158px;right:auto;bottom:auto}
.hero-action-pos-3{right:7%;bottom:94px;left:auto;top:auto}
.hero-action-pos-4{left:16%;bottom:136px;right:auto;top:auto}
.hero-action-pos-5{left:38%;top:34px;right:auto;bottom:auto}
.hero-action-pos-6{right:24%;bottom:34px;left:auto;top:auto}
@keyframes heroBadgeFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:1180px){
  .side-nav:hover{width:232px}
  .side-links a,.side-nav:hover .side-links a,.side-nav:not(:hover) .side-links a{height:54px;min-height:54px}
  .nav-ico,.side-nav:hover .nav-ico,.side-nav:not(:hover) .nav-ico{width:40px;min-width:40px;height:40px}
  .side-cta,.side-nav:hover .side-cta{height:54px;min-height:54px}
}
@media (max-width:960px){
  .app-frame,.hero-screen,.cinema-frame,.layers-screen,.desktop-card{border-radius:8px}
}

/* v13 — stabilizacja menu i narracja po akceptacji oferty */
.side-nav{
  width:92px;
  padding:16px 13px;
  overflow:hidden;
  transition:width .42s cubic-bezier(.25,.8,.25,1),background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.side-nav:hover{width:248px}
.side-links{justify-items:center;gap:8px}
.side-nav:hover .side-links{justify-items:stretch}
.side-links a,
.side-nav:hover .side-links a,
.side-nav:not(:hover) .side-links a{
  position:relative;
  display:block;
  height:58px;
  min-height:58px;
  width:64px;
  min-width:64px;
  max-width:64px;
  padding:0;
  border-radius:18px;
  overflow:hidden;
  transition:width .42s cubic-bezier(.25,.8,.25,1),max-width .42s cubic-bezier(.25,.8,.25,1),background .22s ease,color .22s ease,box-shadow .22s ease,border-radius .22s ease;
}
.side-nav:hover .side-links a{
  width:100%;
  min-width:0;
  max-width:100%;
  padding:0;
  border-radius:17px;
}
.nav-ico,
.side-nav:hover .nav-ico,
.side-nav:not(:hover) .nav-ico{
  position:absolute;
  left:11px;
  top:50%;
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  transition:color .22s ease;
}
.side-links a:hover .nav-ico,
.side-nav:hover .side-links a:hover .nav-ico{
  transform:translateY(-50%);
}
.nav-ico svg{width:30px;height:30px}
.side-nav .nav-label,
.side-nav:not(:hover) .nav-label,
.side-nav:hover .nav-label{
  position:absolute;
  left:66px;
  right:12px;
  top:50%;
  display:block;
  width:auto;
  max-width:none;
  overflow:hidden;
  white-space:nowrap;
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  color:rgba(255,255,255,.76);
  transform:translateY(-50%);
  transition:opacity .22s ease,visibility 0s linear .22s;
}
.side-nav:not(:hover) .nav-label{
  opacity:0;
  visibility:hidden;
}
.side-nav:hover .nav-label{
  opacity:1;
  visibility:visible;
  transition:opacity .26s ease .08s,visibility 0s linear 0s;
}
.side-links a:hover .nav-label,
.side-links a.is-active .nav-label{color:#fff}
.side-links a.is-active:before{left:0;top:15px;bottom:15px;width:3px}
.side-nav:not(:hover) .side-links a.is-active:before{right:5px;left:auto;top:19px;bottom:19px;width:3px}
.side-cta,
.side-nav:hover .side-cta{
  position:relative;
  width:64px;
  min-height:58px;
  height:58px;
  border-radius:18px;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  transition:width .42s cubic-bezier(.25,.8,.25,1),border-radius .22s ease,box-shadow .22s ease,transform .22s ease;
}
.side-nav:hover .side-cta{width:100%;border-radius:17px;margin-left:0;margin-right:0}
.side-cta span{
  position:absolute;
  left:18px;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  white-space:nowrap;
  transition:opacity .24s ease .08s,visibility 0s linear .22s;
}
.side-nav:hover .side-cta span{opacity:1;visibility:visible;transform:translateY(-50%)}
.side-brand__icon,.side-brand__logo{transition:opacity .24s ease,width .36s cubic-bezier(.25,.8,.25,1),min-width .36s cubic-bezier(.25,.8,.25,1)}

.hero .lead{max-width:690px}
.cinema-card,.floating-card,.problem-grid article,.steps article,.audience-grid article,.security-stack div,details{border-radius:14px}
.feature-tab{border-radius:14px}
.feature-screen{border-radius:16px}
.cinema-sidebar{border-radius:20px}
.sidebar-profile{border-radius:14px}
.sidebar-link{border-radius:12px}
.cinema-logo{border-radius:24px}
.cinema-logo:before{border-radius:32px}

/* v14 — przebudowane menu bez podskoku oraz doprecyzowanie narracji */
.side-nav,
.side-nav:hover{
  width:92px;
  padding:16px 13px;
  align-items:center;
  overflow:hidden;
  transition:width .44s cubic-bezier(.22,1,.36,1),background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.side-nav:hover{width:248px}
.side-brand,
.side-nav:hover .side-brand{
  position:relative;
  display:block;
  width:100%;
  height:64px;
  min-height:64px;
  padding:0;
  margin:0 0 10px;
  overflow:hidden;
  flex:none;
}
.side-brand__icon,
.side-nav:hover .side-brand__icon{
  position:absolute;
  left:10px;
  top:8px;
  width:44px;
  min-width:44px;
  height:auto;
  opacity:1;
  transform:none;
  transition:opacity .22s ease;
}
.side-nav:hover .side-brand__icon{opacity:0}
.side-brand__logo,
.side-nav:hover .side-brand__logo{
  position:absolute;
  left:4px;
  top:13px;
  width:154px;
  min-width:154px;
  max-width:154px;
  opacity:0;
  transform:none;
  transition:opacity .24s ease .08s;
}
.side-nav:hover .side-brand__logo{opacity:1}
.side-links,
.side-nav:hover .side-links{
  display:grid;
  justify-items:start;
  align-items:start;
  gap:8px;
  width:100%;
  margin-top:0;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  position:relative;
  display:block;
  height:58px;
  min-height:58px;
  width:64px;
  min-width:64px;
  max-width:none;
  padding:0;
  border-radius:18px;
  overflow:hidden;
  color:rgba(255,255,255,.64);
  transition:width .44s cubic-bezier(.22,1,.36,1),background .22s ease,color .22s ease,box-shadow .22s ease,border-radius .22s ease;
}
.side-nav:hover .side-links a{width:100%;border-radius:17px}
.nav-ico,
.side-nav:not(:hover) .nav-ico,
.side-nav:hover .nav-ico{
  position:absolute;
  left:11px;
  top:8px;
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  transform:none !important;
  color:#93c5fd;
  line-height:1;
  transition:color .2s ease;
}
.nav-ico svg,
.side-nav:hover .nav-ico svg,
.side-nav:not(:hover) .nav-ico svg{width:30px;height:30px;display:block}
.nav-label,
.side-nav:not(:hover) .nav-label,
.side-nav:hover .nav-label{
  position:absolute;
  left:66px;
  top:50%;
  right:12px;
  display:block;
  width:auto;
  max-width:none;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.76);
  transform:translateY(-50%);
  pointer-events:none;
  transition:opacity .22s ease,visibility 0s linear .22s;
}
.side-nav:not(:hover) .nav-label{opacity:0;visibility:hidden}
.side-nav:hover .nav-label{opacity:1;visibility:visible;transition:opacity .24s ease .12s,visibility 0s linear 0s}
.side-links a:hover,
.side-links a.is-active{background:rgba(96,165,250,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(96,165,250,.12)}
.side-links a:hover .nav-ico,
.side-links a.is-active .nav-ico{color:#fff}
.side-links a:hover .nav-label,
.side-links a.is-active .nav-label{color:#fff}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  content:"";
  position:absolute;
  right:5px;
  left:auto;
  top:19px;
  bottom:19px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--brand-blue-2),var(--brand-cyan));
  opacity:.95;
}
.side-nav:hover .side-links a.is-active:before{left:0;right:auto;top:15px;bottom:15px;width:3px}
.side-cta,
.side-nav:not(:hover) .side-cta,
.side-nav:hover .side-cta{
  position:relative;
  display:block;
  width:64px;
  min-height:58px;
  height:58px;
  border-radius:18px;
  margin:12px 0 0;
  overflow:hidden;
  flex:none;
  transition:width .44s cubic-bezier(.22,1,.36,1),border-radius .22s ease,box-shadow .22s ease,transform .22s ease;
}
.side-nav:hover .side-cta{width:100%;border-radius:17px}
.side-cta:before,
.side-nav:hover .side-cta:before{
  content:"→";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:28px;
  font-weight:600;
  opacity:1;
  transition:opacity .18s ease;
}
.side-nav:hover .side-cta:before{opacity:0}
.side-cta span,
.side-nav:not(:hover) .side-cta span,
.side-nav:hover .side-cta span{
  position:absolute;
  left:18px;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  visibility:hidden;
  white-space:nowrap;
  font-weight:600;
  pointer-events:none;
  transition:opacity .24s ease .12s,visibility 0s linear .24s;
}
.side-nav:hover .side-cta span{opacity:1;visibility:visible;transition:opacity .24s ease .12s,visibility 0s linear 0s}

@media (max-width:1180px){
  .side-nav,.side-nav:hover{width:86px;padding:15px 13px}
  .side-nav:hover{width:232px}
  .side-links a,.side-nav:not(:hover) .side-links a,.side-nav:hover .side-links a{height:54px;min-height:54px;width:60px}
  .side-nav:hover .side-links a{width:100%}
  .nav-ico,.side-nav:not(:hover) .nav-ico,.side-nav:hover .nav-ico{left:10px;top:7px;width:40px;min-width:40px;height:40px}
  .nav-ico svg,.side-nav:hover .nav-ico svg,.side-nav:not(:hover) .nav-ico svg{width:28px;height:28px}
  .nav-label{left:62px}
  .side-cta,.side-nav:not(:hover) .side-cta,.side-nav:hover .side-cta{width:60px;height:54px;min-height:54px}
  .side-nav:hover .side-cta{width:100%}
  .side-brand__icon{left:8px;width:40px;min-width:40px}
}

/* v16 — poprawka logo w rozwiniętym menu: pełna widoczność bez ucinania */
.side-brand,
.side-nav:hover .side-brand{
  height:82px;
  min-height:82px;
  margin:0 0 8px;
  overflow:hidden;
}
.side-brand__icon,
.side-nav:not(:hover) .side-brand__icon{
  left:10px;
  top:10px;
  width:44px;
  min-width:44px;
}
.side-nav:hover .side-brand__icon{
  opacity:0;
  width:44px;
  min-width:44px;
}
.side-brand__logo,
.side-nav:hover .side-brand__logo{
  left:2px;
  top:8px;
  width:158px;
  min-width:158px;
  max-width:158px;
  height:auto;
  object-fit:contain;
}
.side-nav:not(:hover) .side-brand__logo{
  opacity:0;
  visibility:hidden;
}
.side-nav:hover .side-brand__logo{
  opacity:1;
  visibility:visible;
}
@media (max-width:1180px){
  .side-brand,
  .side-nav:hover .side-brand{height:78px;min-height:78px;margin-bottom:8px}
  .side-nav:hover .side-brand__logo{width:148px;min-width:148px;max-width:148px;top:8px;left:1px}
}

/* v17 — dopracowanie logo w rozwiniętym menu i stabilizacja prezentacji */
.side-nav:hover .side-brand__logo{
  width:136px;
  min-width:136px;
  max-width:136px;
  top:12px;
  left:4px;
}
.side-brand,
.side-nav:hover .side-brand{
  height:76px;
  min-height:76px;
  overflow:hidden;
}
.cinematic-product{
  height:620vh;
}
.cinema-copy h2{
  max-width:760px;
}
@media (max-width:1180px){
  .side-nav:hover .side-brand__logo{
    width:128px;
    min-width:128px;
    max-width:128px;
    top:12px;
    left:3px;
  }
}

/* v18 — stabilna, przypięta prezentacja produktu */
.side-nav:hover .side-brand__logo{
  width:126px;
  min-width:126px;
  max-width:126px;
}
.cinematic-product{
  height:900vh;
}
.cinema-sticky{
  top:0;
  height:100svh;
  overflow:hidden;
}
.cinema-app{
  top:52%;
  right:4%;
  width:min(820px,64vw);
  will-change:transform,opacity,filter;
}
.cinema-logo,
.cinema-sidebar,
.cinema-phone,
.cinema-card,
.cinema-copy{
  will-change:transform,opacity;
}
.cinema-copy h2{
  font-size:clamp(32px,3.9vw,58px);
  line-height:1.03;
}
.cinema-copy p:not(.eyebrow){
  max-width:560px;
}
.cinema-step{
  bottom:54px;
}
.cinema-progress{
  bottom:38px;
}
@media (max-width:960px){
  .cinematic-product{height:auto;}
  .cinema-app{width:100%;}
}

/* v19 — prezentacja przebudowana na stabilną sekcję krokową bez uciekającej animacji */
.side-nav:hover .side-brand__logo{
  width:114px;
  min-width:114px;
  max-width:114px;
}
.product-presentation{
  position:relative;
  overflow:visible;
  padding:118px 0 132px;
  background:radial-gradient(circle at 74% 18%,rgba(37,99,235,.20),transparent 34%),linear-gradient(145deg,#050811 0%,#08111f 52%,#020617 100%);
}
.presentation-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.85;
}
.presentation-bg:before{
  content:"";
  position:absolute;
  inset:-12%;
  background-image:linear-gradient(rgba(96,165,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.06) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at 62% 36%,#000 0,transparent 68%);
}
.presentation-bg span{
  position:absolute;
  border:1px solid rgba(96,165,250,.14);
  border-radius:28px;
  transform:rotate(-12deg);
}
.presentation-bg span:nth-child(1){width:480px;height:190px;right:8%;top:10%}
.presentation-bg span:nth-child(2){width:620px;height:300px;right:-8%;bottom:18%}
.presentation-bg span:nth-child(3){width:310px;height:130px;left:14%;bottom:22%}
.presentation-shell{
  position:relative;
  z-index:2;
}
.presentation-heading{
  max-width:940px;
  margin:0 0 72px;
}
.presentation-heading h2{
  max-width:860px;
  font-size:clamp(32px,3.6vw,54px);
  line-height:1.05;
}
.presentation-heading p:not(.eyebrow){
  max-width:760px;
  color:rgba(255,255,255,.72);
  font-size:18px;
  line-height:1.72;
}
.presentation-grid{
  display:grid;
  grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr);
  gap:58px;
  align-items:start;
}
.presentation-steps{
  display:grid;
  gap:22px;
  padding-bottom:22px;
}
.presentation-step{
  min-height:54vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px 30px 30px 34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(8,17,31,.52);
  color:#fff;
  box-shadow:0 22px 76px rgba(0,0,0,.22);
  opacity:.48;
  transform:scale(.985);
  transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.presentation-step.is-active{
  opacity:1;
  transform:scale(1);
  border-color:rgba(96,165,250,.36);
  background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(8,17,31,.72));
  box-shadow:0 28px 90px rgba(37,99,235,.18);
}
.presentation-step>span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:22px;
  border-radius:12px;
  background:rgba(96,165,250,.12);
  color:var(--brand-blue-2);
  font-weight:950;
}
.presentation-step h3{
  font-size:clamp(25px,2.3vw,36px);
  line-height:1.12;
  margin-bottom:14px;
}
.presentation-step p{
  color:rgba(255,255,255,.68);
  line-height:1.72;
  font-size:17px;
  margin-bottom:0;
}
.presentation-visual-wrap{
  position:sticky;
  top:calc(50vh - 255px);
  min-height:510px;
}
.presentation-visual{
  position:relative;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 36px 120px rgba(0,0,0,.38),0 0 90px rgba(37,99,235,.18);
  backdrop-filter:blur(18px);
}
.presentation-visual__top{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 4px 16px;
}
.presentation-visual__top img{
  width:38px;
  height:38px;
  object-fit:contain;
}
.presentation-visual__top strong{
  display:block;
  color:#fff;
  font-size:15px;
  letter-spacing:-.02em;
}
.presentation-visual__top small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.52);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.presentation-frame{
  border-radius:12px;
  min-height:350px;
}
.presentation-frame img{
  width:100%;
  min-height:350px;
  object-fit:cover;
  object-position:top left;
  transition:opacity .28s ease,filter .28s ease,transform .28s ease;
}
.presentation-frame.is-changing img{
  opacity:.18;
  filter:blur(3px);
  transform:scale(.992);
}
.presentation-progress{
  height:3px;
  margin-top:16px;
  border-radius:99px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
}
.presentation-progress span{
  display:block;
  height:100%;
  width:20%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan));
  transition:width .35s ease;
}
@media (max-width:960px){
  .product-presentation{padding:92px 0;overflow:hidden}
  .presentation-heading{margin-bottom:34px}
  .presentation-grid{grid-template-columns:1fr;gap:28px}
  .presentation-visual-wrap{position:relative;top:auto;min-height:auto;order:-1}
  .presentation-step{min-height:auto;padding:24px;border-radius:16px}
  .presentation-frame{min-height:auto}
  .presentation-frame img{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  .presentation-step,.presentation-frame img,.presentation-progress span{transition:none!important}
}

/* v20 — spokojniejsza, bardziej premium animacja tła w sekcji Prezentacja */
.product-presentation{
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.18), transparent 34%),
    radial-gradient(circle at 76% 58%, rgba(14,165,233,.14), transparent 36%),
    linear-gradient(145deg,#050811 0%,#08111f 52%,#020617 100%);
}
.presentation-bg:after{
  content:"";
  position:absolute;
  inset:-22%;
  background:
    radial-gradient(ellipse at 20% 28%, rgba(96,165,250,.20), transparent 34%),
    radial-gradient(ellipse at 76% 38%, rgba(37,99,235,.17), transparent 32%),
    radial-gradient(ellipse at 52% 84%, rgba(125,211,252,.12), transparent 38%);
  filter:blur(24px);
  opacity:.72;
  animation:presentationGradientDrift 18s ease-in-out infinite alternate;
  z-index:-1;
}
.presentation-bg span{
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(96,165,250,.035));
  box-shadow:0 0 70px rgba(37,99,235,.08);
  animation:presentationShapeFloat 14s ease-in-out infinite alternate;
}
.presentation-bg span:nth-child(2){animation-duration:20s;animation-delay:-4s;}
.presentation-bg span:nth-child(3){animation-duration:16s;animation-delay:-8s;}
.presentation-heading h2{
  max-width:980px;
}
.presentation-heading p:not(.eyebrow){
  max-width:850px;
}
.presentation-step h3{
  max-width:620px;
}
.presentation-step p{
  max-width:650px;
}
@keyframes presentationGradientDrift{
  0%{transform:translate3d(-1.5%,1%,0) scale(1) rotate(0deg);}
  50%{transform:translate3d(2%,-1.5%,0) scale(1.035) rotate(3deg);}
  100%{transform:translate3d(1%,2%,0) scale(1.06) rotate(-2deg);}
}
@keyframes presentationShapeFloat{
  0%{transform:translate3d(0,0,0) rotate(-12deg);opacity:.72;}
  100%{transform:translate3d(22px,-18px,0) rotate(-8deg);opacity:.92;}
}
@media (prefers-reduced-motion:reduce){
  .presentation-bg:after,.presentation-bg span{animation:none!important;}
}

/* v21 — prezentacja: jasne screeny i responsywny podgląd po kliknięciu */
.presentation-frame{
  cursor:zoom-in;
  border-radius:10px;
  background:#fff;
}
.presentation-frame img{
  object-fit:contain;
  background:#fff;
}
.presentation-visual{
  border-radius:16px;
}
.presentation-step{
  border-radius:14px;
}
.presentation-step>span{
  border-radius:9px;
}
body.modal-open{
  overflow:hidden;
}
.screen-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,48px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.screen-modal.is-open{
  opacity:1;
  pointer-events:auto;
}
.screen-modal__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(2,6,23,.74);
  backdrop-filter:blur(14px);
  cursor:zoom-out;
}
.screen-modal__dialog{
  position:relative;
  z-index:1;
  width:min(1120px,92vw);
  max-height:82vh;
  margin:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 34px 130px rgba(0,0,0,.48);
  transform:translateY(10px) scale(.985);
  transition:transform .24s ease;
}
.screen-modal.is-open .screen-modal__dialog{
  transform:none;
}
.screen-modal__dialog img{
  display:block;
  width:100%;
  height:auto;
  max-height:calc(82vh - 24px);
  object-fit:contain;
  border-radius:8px;
}
.screen-modal__close{
  position:fixed;
  z-index:2;
  top:clamp(14px,3vw,28px);
  right:clamp(14px,3vw,28px);
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(12px);
  transition:transform .2s ease,background .2s ease;
}
.screen-modal__close:hover{
  transform:scale(1.06);
  background:rgba(37,99,235,.86);
}
@media (max-width:640px){
  .screen-modal{padding:16px;}
  .screen-modal__dialog{width:94vw;max-height:78vh;padding:8px;border-radius:12px;}
  .screen-modal__dialog img{max-height:calc(78vh - 16px);border-radius:7px;}
}


/* v22 — drobniejsze menu boczne i korekta tekstu prezentacji */
.side-links,
.side-nav:hover .side-links{
  gap:5px;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  height:52px;
  min-height:52px;
  border-radius:15px;
}
.side-nav:hover .side-links a{
  border-radius:15px;
}
.nav-ico,
.side-nav:not(:hover) .nav-ico,
.side-nav:hover .nav-ico{
  top:5px;
}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  top:16px;
  bottom:16px;
}
.side-nav:hover .side-links a.is-active:before{
  top:13px;
  bottom:13px;
}
.side-cta,
.side-nav:not(:hover) .side-cta,
.side-nav:hover .side-cta{
  height:52px;
  min-height:52px;
  border-radius:15px;
  margin-top:9px;
}
.side-nav:hover .side-cta{
  border-radius:15px;
}
@media (max-width:1180px){
  .side-links,
  .side-nav:hover .side-links{gap:4px;}
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{height:50px;min-height:50px;}
  .nav-ico,
  .side-nav:not(:hover) .nav-ico,
  .side-nav:hover .nav-ico{top:5px;}
  .side-cta,
  .side-nav:not(:hover) .side-cta,
  .side-nav:hover .side-cta{height:50px;min-height:50px;margin-top:8px;}
}

/* v23 — ciaśniejsze menu, usunięcie sekcji problemu i spokojniejsze funkcje */
.side-links,
.side-nav:hover .side-links{
  gap:3px;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  height:46px;
  min-height:46px;
  border-radius:13px;
}
.side-nav:hover .side-links a{
  border-radius:13px;
}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  top:14px;
  bottom:14px;
}
.side-nav:hover .side-links a.is-active:before{
  top:12px;
  bottom:12px;
}
.side-cta,
.side-nav:not(:hover) .side-cta,
.side-nav:hover .side-cta{
  height:48px;
  min-height:48px;
  border-radius:14px;
  margin-top:7px;
}
.solution{
  padding-top:118px;
}
.feature-showcase{
  align-items:stretch;
}
.feature-tab{
  min-height:56px;
  padding:14px 16px;
  font-weight:600;
}
.feature-screen{
  transition:opacity .34s ease, transform .34s ease, box-shadow .34s ease;
}
.feature-screen .feature-copy,
.feature-screen .app-frame{
  transition:opacity .34s ease, transform .34s ease, filter .34s ease;
}
.feature-screen.is-changing .feature-copy,
.feature-screen.is-changing .app-frame{
  opacity:.18;
  transform:translateY(8px);
  filter:blur(2px);
}
.feature-screen img[data-feature-img]{
  transition:opacity .34s ease, transform .34s ease;
}
.feature-screen.is-changing img[data-feature-img]{
  opacity:.15;
  transform:scale(.985);
}
@media (max-width:1180px){
  .side-links,
  .side-nav:hover .side-links{gap:3px;}
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{height:45px;min-height:45px;}
  .side-cta,
  .side-nav:not(:hover) .side-cta,
  .side-nav:hover .side-cta{height:46px;min-height:46px;}
}
@media (max-width:640px){
  .solution{padding-top:76px;}
}

/* v24 — ciaśniejsze menu i uproszczenie układu po sekcji funkcji */
.side-links,
.side-nav:hover .side-links{
  gap:2px;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  height:42px;
  min-height:42px;
  border-radius:12px;
}
.side-nav:hover .side-links a{
  padding-left:14px;
  padding-right:14px;
  border-radius:12px;
}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  top:12px;
  bottom:12px;
}
.side-nav:hover .side-links a.is-active:before{
  top:10px;
  bottom:10px;
}
.side-cta,
.side-nav:not(:hover) .side-cta,
.side-nav:hover .side-cta{
  height:44px;
  min-height:44px;
  border-radius:13px;
  margin-top:6px;
}
.feature-tabs{
  gap:10px;
}
.feature-tab{
  min-height:52px;
  padding:12px 15px;
}
@media (max-width:1180px){
  .side-links,
  .side-nav:hover .side-links{gap:2px;}
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{height:42px;min-height:42px;}
  .side-cta,
  .side-nav:not(:hover) .side-cta,
  .side-nav:hover .side-cta{height:44px;min-height:44px;}
}

/* v25 — ciaśniejsze menu i podgląd zrzutów w sekcji Funkcje */
.side-links,
.side-nav:hover .side-links{
  gap:3px;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  height:46px;
  min-height:46px;
}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  top:16px;
  bottom:16px;
}
.side-nav:hover .side-links a.is-active:before{
  top:13px;
  bottom:13px;
}
.feature-frame{
  cursor:zoom-in;
  position:relative;
}
.feature-frame:after{
  content:"Kliknij, aby powiększyć";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:4;
  padding:7px 10px;
  border-radius:999px;
  color:#fff;
  background:rgba(15,23,42,.72);
  font-size:11px;
  font-weight:600;
  letter-spacing:-.01em;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.feature-frame:hover:after{
  opacity:1;
  transform:translateY(0);
}
@media (max-width:1180px){
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{height:46px;min-height:46px;}
}
@media (max-width:960px){
  .feature-frame:after{display:none;}
}


/* v26 — dopracowanie korzyści, usunięcie liczników i sekcja komputer/telefon */
.side-links,
.side-nav:hover .side-links{
  gap:1px;
}
.side-links a,
.side-nav:not(:hover) .side-links a,
.side-nav:hover .side-links a{
  height:42px;
  min-height:42px;
  border-radius:12px;
}
.side-nav:hover .side-links a{
  padding-left:13px;
  padding-right:13px;
}
.side-links a.is-active:before,
.side-nav:not(:hover) .side-links a.is-active:before{
  top:13px;
  bottom:13px;
}
.side-nav:hover .side-links a.is-active:before{
  top:10px;
  bottom:10px;
}
.benefits{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.benefits:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%,rgba(37,99,235,.10),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(14,165,233,.11),transparent 34%);
}
.benefits .container{
  position:relative;
  z-index:2;
}
.benefit-card{
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.70)),
    radial-gradient(circle at 82% 18%,rgba(37,99,235,.13),transparent 34%);
}
.benefit-card:before{
  inset:auto -30px -34px auto;
  width:170px;
  height:170px;
  border-radius:46px;
  transform:rotate(18deg);
  filter:blur(0);
  opacity:.92;
  background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(14,165,233,.06));
}
.benefit-card:after{
  content:"";
  position:absolute;
  right:24px;
  top:24px;
  width:84px;
  height:84px;
  border-radius:28px;
  border:1px solid rgba(37,99,235,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(96,165,250,.10));
  transform:rotate(-10deg);
}
.benefit-card--cyan:before{background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(34,211,238,.06));}
.benefit-card--navy:before{background:linear-gradient(135deg,rgba(15,23,42,.14),rgba(37,99,235,.08));}
.benefit-card--steel:before{background:linear-gradient(135deg,rgba(71,85,105,.13),rgba(14,165,233,.08));}
.benefit-card b,
.benefit-card p{
  position:relative;
  z-index:2;
}
.devices{
  overflow:hidden;
}
.devices:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 26%,rgba(96,165,250,.13),transparent 32%),
    linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.035) 58% 59%,transparent 59% 100%);
}
.devices .container{
  position:relative;
  z-index:2;
}
.phone-card{
  border-radius:24px;
}
.phone-card img{
  border-radius:18px;
}
.desktop-card{
  border-radius:22px;
}
@media (max-width:1180px){
  .side-links,
  .side-nav:hover .side-links{gap:1px;}
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{height:41px;min-height:41px;}
}
@media (max-width:640px){
  .benefit-card{border-radius:20px;}
  .phone-card{border-radius:22px;}
  .phone-card img{border-radius:16px;}
}

/* v28: spokojniejsza, żywsza sekcja Komputer i telefon */
.devices{
  position:relative;
  isolation:isolate;
}
.devices:before{
  content:"";
  position:absolute;
  inset:-18% -10%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 18% 34%,rgba(37,99,235,.24),transparent 28%),
    radial-gradient(circle at 78% 24%,rgba(14,165,233,.18),transparent 30%),
    radial-gradient(circle at 58% 82%,rgba(96,165,250,.12),transparent 34%);
  filter:blur(34px);
  opacity:.72;
  animation:devicesGradientDrift 16s ease-in-out infinite alternate;
}
.devices:after{
  z-index:0;
  background:
    linear-gradient(115deg,transparent 0 56%,rgba(255,255,255,.035) 56% 57%,transparent 57% 100%),
    linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px),
    linear-gradient(rgba(96,165,250,.035) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  opacity:.75;
  animation:devicesGridMove 24s linear infinite;
}
.device-stack:before,
.device-stack:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(96,165,250,.14);
  background:linear-gradient(135deg,rgba(96,165,250,.09),rgba(255,255,255,.025));
  z-index:-1;
}
.device-stack:before{
  width:230px;
  height:86px;
  right:8%;
  top:4%;
  border-radius:22px;
  transform:rotate(-12deg);
  animation:devicesShapeFloat 9s ease-in-out infinite;
}
.device-stack:after{
  width:160px;
  height:160px;
  left:0;
  bottom:8%;
  border-radius:38px;
  transform:rotate(18deg);
  animation:devicesShapeFloat 11s ease-in-out infinite reverse;
}
@keyframes devicesGradientDrift{
  0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.58;}
  50%{transform:translate3d(1.5%,-1%,0) scale(1.04);opacity:.78;}
  100%{transform:translate3d(0,1.5%,0) scale(1.02);opacity:.66;}
}
@keyframes devicesGridMove{
  from{background-position:0 0,0 0,0 0;}
  to{background-position:0 0,72px 0,0 72px;}
}
@keyframes devicesShapeFloat{
  0%,100%{translate:0 0;}
  50%{translate:0 -16px;}
}
@media (prefers-reduced-motion:reduce){
  .devices:before,
  .devices:after,
  .device-stack:before,
  .device-stack:after{animation:none!important;}
}

/* v29: doprecyzowanie sekcji Komputer/Telefon oraz przebudowa sekcji Dla kogo */
.devices__copy p + p{
  margin-top:-6px;
}
.audience{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(37,99,235,.08),transparent 30%),
    radial-gradient(circle at 86% 76%,rgba(14,165,233,.10),transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.audience:before{
  content:"";
  position:absolute;
  inset:-10% -5%;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(rgba(37,99,235,.028) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 42%,#000 0,transparent 70%);
}
.audience .container{
  position:relative;
  z-index:2;
}
.audience .section-heading p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.audience-grid--upgrade article{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:30px;
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.78)),
    radial-gradient(circle at 88% 18%,rgba(37,99,235,.12),transparent 36%);
}
.audience-grid--upgrade article:before{
  content:"";
  position:absolute;
  right:-56px;
  bottom:-62px;
  width:190px;
  height:190px;
  border-radius:46px;
  transform:rotate(18deg);
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.05));
}
.audience-grid--upgrade article:after{
  content:"";
  position:absolute;
  right:24px;
  top:24px;
  width:78px;
  height:78px;
  border-radius:24px;
  border:1px solid rgba(37,99,235,.10);
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(96,165,250,.10));
  transform:rotate(-9deg);
}
.audience-grid--upgrade article > *{
  position:relative;
  z-index:2;
}
.audience-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:20px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 14px 36px rgba(37,99,235,.22);
}
.audience-grid--upgrade h3{
  font-size:25px;
  line-height:1.1;
  margin-bottom:16px;
}
.audience-grid--upgrade p{
  font-size:15.5px;
}
.audience-grid--upgrade li{
  background:#eef6ff;
}
@media (max-width:960px){
  .audience-grid--upgrade article{min-height:auto;}
}

/* v30 — Bezpieczeństwo i FAQ */
.security .split > .reveal p:not(.eyebrow){max-width:620px;}
.security-stack div{position:relative;overflow:hidden;}
.security-stack div::after{content:"";position:absolute;inset:-40% auto auto -18%;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);pointer-events:none;}
.faq-list{display:grid;gap:12px;}
.faq-item{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(15,23,42,.05);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.faq-item:hover{border-color:rgba(37,99,235,.18);box-shadow:0 18px 46px rgba(15,23,42,.08);}
.faq-item.is-open{border-color:rgba(37,99,235,.24);box-shadow:0 22px 58px rgba(37,99,235,.10);}
.faq-question{width:100%;min-height:62px;padding:0 58px 0 22px;border:0;background:transparent;color:#0f172a;text-align:left;font-weight:850;letter-spacing:-.025em;cursor:pointer;position:relative;}
.faq-question::before,.faq-question::after{content:"";position:absolute;right:24px;top:50%;width:14px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan));transition:transform .28s ease,opacity .28s ease;}
.faq-question::after{transform:rotate(90deg);}
.faq-item.is-open .faq-question::after{transform:rotate(0deg);opacity:0;}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease;}
.faq-answer-inner{overflow:hidden;}
.faq-answer p{color:var(--muted);line-height:1.7;padding:0 22px 20px;margin:0;}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1;}

/* v31 — kontakt, logowanie i pełnoekranowe sekcje na desktopie oraz tabletach */
@media (min-width:768px){
  main > section:not(.product-presentation){
    min-height:100svh;
    display:flex;
    align-items:center;
    padding-top:clamp(72px,7vh,118px);
    padding-bottom:clamp(72px,7vh,118px);
  }
  main > section:not(.product-presentation) > .container{
    width:min(100% - 48px,var(--max));
  }
  .hero{min-height:100svh;}
  .hero__inner{min-height:calc(100svh - 160px);}
  .cta .container.narrow{max-width:900px;}
  .cta h2{max-width:820px;margin-left:auto;margin-right:auto;}
  .cta p{max-width:820px;margin-left:auto;margin-right:auto;}
}
@media (min-width:768px) and (max-width:960px){
  .side-nav{display:flex;left:14px;top:14px;bottom:14px;}
  .mobile-nav-toggle,.mobile-menu{display:none!important;}
  .container,.narrow{width:min(100% - 120px,var(--max));}
  .hero{padding:0;}
  .hero__inner{grid-template-columns:.92fr 1.08fr;gap:28px;padding:86px 0 76px;}
  .hero__copy h1{font-size:clamp(34px,5.2vw,52px);}
  .hero__copy .lead{font-size:16px;line-height:1.62;}
  .hero__visual{min-height:500px;}
  .hero-screen{position:absolute;right:0;top:96px;width:min(620px,92%);transform:rotateX(6deg) rotateY(-14deg) rotateZ(1deg);}
  .hero-phone{position:absolute;width:136px;left:0;right:auto;bottom:44px;}
  .floating-card.hero-action-badge{display:block;}
  .feature-showcase{grid-template-columns:230px 1fr;gap:20px;}
  .feature-screen{grid-template-columns:.36fr .64fr;gap:20px;padding:20px;}
  .feature-screen h3{font-size:26px;}
  .feature-screen p{font-size:14.5px;}
  .benefit-grid{grid-template-columns:repeat(2,1fr);}
  .split{grid-template-columns:.9fr 1.1fr;gap:40px;}
  .devices__inner{grid-template-columns:.86fr 1.14fr;gap:36px;}
  .device-stack{min-height:500px;}
  .desktop-card{position:absolute;right:0;top:48px;width:88%;}
  .phone-card{position:absolute;left:4%;right:auto;bottom:20px;width:150px;}
  .audience-grid{grid-template-columns:repeat(3,1fr);gap:16px;}
  .audience-grid--upgrade article{padding:22px;min-height:360px;}
  .audience-grid--upgrade h3{font-size:21px;}
  .audience-grid--upgrade p{font-size:14px;}
  .security-stack div{padding:16px 18px;font-size:14px;}
}
@media (max-width:767px){
  .side-nav{display:none;}
}

/* v32 — tabletowe skalowanie i odstęp od menu bocznego */
@media (min-width:768px) and (max-width:1180px){
  .side-nav{
    display:flex;
    left:12px;
    top:12px;
    bottom:12px;
    width:76px;
    padding:14px 10px;
  }
  .side-nav:hover{width:224px;}
  .mobile-nav-toggle,
  .mobile-menu{display:none!important;}
  main > section > .container,
  main > section .container{
    width:calc(100% - 152px);
    margin-left:126px;
    margin-right:26px;
  }
  .narrow{max-width:820px;}
  h1{font-size:clamp(38px,5.4vw,64px);}
  h2{font-size:clamp(30px,4.4vw,48px);}
  h3{font-size:clamp(19px,2.6vw,24px);}
  .lead{font-size:clamp(15px,1.9vw,18px);line-height:1.58;}
  .hero__inner{grid-template-columns:.9fr 1.1fr;gap:clamp(22px,3vw,42px);}
  .hero-logo{width:min(260px,34vw);}
  .hero__visual{min-width:0;transform:scale(.94);transform-origin:center right;}
  .feature-showcase{grid-template-columns:minmax(180px,260px) 1fr;gap:clamp(18px,2.5vw,34px);}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .devices__inner{grid-template-columns:.86fr 1.14fr;gap:clamp(26px,4vw,48px);}
  .device-stack{min-width:0;transform:scale(.94);transform-origin:center right;}
  .audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .security .split{grid-template-columns:.92fr 1.08fr;gap:34px;}
}
@media (min-width:768px) and (max-width:900px){
  main > section > .container,
  main > section .container{
    width:calc(100% - 138px);
    margin-left:116px;
    margin-right:22px;
  }
  .side-nav{width:70px;left:10px;}
  .side-nav:hover{width:214px;}
  .hero__inner,
  .devices__inner,
  .security .split{
    grid-template-columns:1fr;
  }
  .hero__visual,
  .device-stack{transform:none;}
  .hero__visual{min-height:390px;}
  .feature-showcase{grid-template-columns:1fr;}
  .feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .audience-grid{grid-template-columns:1fr;}
}
@media (max-width:767px){
  main > section > .container,
  main > section .container{
    width:min(100% - 32px,var(--max));
    margin-left:auto;
    margin-right:auto;
  }
}

/* v33 — stabilizacja tablet/mobile: menu, prezentacja i drobne elementy */
.side-cta{
  transition:transform .24s ease, box-shadow .24s ease, filter .24s ease, background-position .45s ease;
  background-size:180% 180%;
}
.side-cta::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 72%);
  transform:translateX(-120%);
  opacity:.0;
  pointer-events:none;
  transition:transform .58s ease, opacity .24s ease;
}
.side-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 56px rgba(37,99,235,.42);
  filter:saturate(1.08);
}
.side-cta:hover::after{
  opacity:.9;
  transform:translateX(120%);
}

.security-stack span,
.dark-list li::before{
  flex:0 0 auto;
  min-width:10px;
  min-height:10px;
  aspect-ratio:1 / 1;
}
.security-stack span{
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
}
.security-stack div{
  align-items:flex-start;
  line-height:1.42;
}
.security-stack div span{
  margin-top:.18em;
}

@media (min-width:768px) and (max-width:1180px){
  .side-nav,
  .side-nav:hover{
    left:10px;
    top:10px;
    bottom:10px;
    width:72px;
    max-width:72px;
    padding:12px 8px;
    align-items:center;
    overflow:hidden;
  }
  .side-nav:hover .side-brand{
    justify-content:center;
    gap:0;
    padding:6px 0 12px;
  }
  .side-brand,
  .side-nav:hover .side-brand{
    min-height:58px;
    padding:6px 0 12px;
  }
  .side-brand__icon,
  .side-nav:hover .side-brand__icon{
    display:block;
    opacity:1;
    transform:none;
    width:38px;
    min-width:38px;
    max-width:38px;
  }
  .side-brand__logo,
  .side-nav:hover .side-brand__logo{
    display:none;
    opacity:0;
    width:0;
    min-width:0;
    max-width:0;
  }
  .side-links,
  .side-nav:hover .side-links{
    justify-items:center;
    gap:6px;
  }
  .side-links a,
  .side-nav:hover .side-links a,
  .side-nav:not(:hover) .side-links a{
    width:54px;
    min-width:54px;
    max-width:54px;
    height:50px;
    min-height:50px;
    padding:0;
    justify-content:center;
    gap:0;
    border-radius:16px;
  }
  .side-nav .nav-label,
  .side-nav:hover .nav-label,
  .side-nav:not(:hover) .nav-label{
    display:none;
    opacity:0;
    width:0;
    max-width:0;
    visibility:hidden;
    transform:none;
  }
  .nav-ico,
  .side-nav:hover .nav-ico,
  .side-nav:not(:hover) .nav-ico{
    width:36px;
    min-width:36px;
    max-width:36px;
    height:36px;
  }
  .nav-ico svg{
    width:26px;
    height:26px;
  }
  .side-links a.is-active:before,
  .side-nav:not(:hover) .side-links a.is-active:before{
    right:4px;
    left:auto;
    top:16px;
    bottom:16px;
    width:3px;
  }
  .side-cta,
  .side-nav:hover .side-cta{
    width:54px;
    min-width:54px;
    max-width:54px;
    height:50px;
    min-height:50px;
    border-radius:16px;
    margin-left:auto;
    margin-right:auto;
  }
  .side-cta span,
  .side-nav:hover .side-cta span{
    opacity:0;
    visibility:hidden;
    width:0;
    max-width:0;
    transform:none;
  }
  .side-cta:before,
  .side-nav:hover .side-cta:before{
    opacity:1;
    font-size:25px;
  }
  main > section > .container,
  main > section .container{
    width:calc(100% - 112px);
    margin-left:94px;
    margin-right:18px;
  }
}

@media (min-width:768px) and (max-width:1180px){
  .product-presentation{
    padding:84px 0 92px;
  }
  .presentation-heading{
    margin-bottom:28px;
  }
  .presentation-grid{
    display:block;
  }
  .presentation-visual-wrap{
    display:none;
  }
  .presentation-steps{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
  }
  .presentation-step{
    min-height:auto;
    padding:22px;
    opacity:1;
    transform:none;
  }
  .presentation-step-screen{
    display:block;
    margin-top:18px;
    border:1px solid rgba(148,163,184,.32);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 52px rgba(0,0,0,.24);
    cursor:zoom-in;
  }
  .presentation-step-screen img{
    width:100%;
    max-height:42vh;
    object-fit:contain;
    object-position:top left;
    background:#fff;
  }
}

@media (max-width:767px){
  .product-presentation{
    padding:78px 0;
    overflow:hidden;
  }
  .presentation-heading{
    margin-bottom:24px;
  }
  .presentation-heading h2{
    font-size:clamp(28px,9vw,38px);
  }
  .presentation-heading p:not(.eyebrow){
    font-size:15px;
    line-height:1.65;
  }
  .presentation-grid{
    display:block;
  }
  .presentation-visual-wrap{
    display:none;
  }
  .presentation-steps{
    gap:16px;
  }
  .presentation-step{
    min-height:auto;
    padding:20px;
    opacity:1;
    transform:none;
    border-radius:14px;
  }
  .presentation-step h3{
    font-size:22px;
  }
  .presentation-step p{
    font-size:14.5px;
    line-height:1.62;
  }
  .presentation-step-screen{
    display:block;
    margin-top:16px;
    border:1px solid rgba(148,163,184,.32);
    border-radius:9px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 16px 44px rgba(0,0,0,.26);
    cursor:zoom-in;
  }
  .presentation-step-screen img{
    width:100%;
    max-height:56vh;
    object-fit:contain;
    object-position:top left;
    background:#fff;
  }
  .security-stack div{
    gap:12px;
    padding:16px;
    font-size:14px;
  }
  .security-stack span{
    width:12px;
    height:12px;
    min-width:12px;
    min-height:12px;
    box-shadow:0 0 0 6px rgba(37,99,235,.10);
  }
}

/* v34 — przebudowa prezentacji oraz bezpieczny odstęp od menu na tabletach */
.product-presentation{
  overflow:hidden;
  padding:clamp(86px,9vh,118px) 0 clamp(92px,10vh,132px);
}
.presentation-shell--rework{
  position:relative;
  z-index:2;
}
.presentation-shell--rework .presentation-heading{
  margin-bottom:clamp(34px,5vw,58px);
  max-width:980px;
}
.presentation-shell--rework .presentation-heading h2{
  max-width:920px;
  font-size:clamp(31px,3.45vw,52px);
}
.presentation-shell--rework .presentation-heading p:not(.eyebrow){
  max-width:840px;
}
.presentation-grid--rework{
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(520px,1.14fr);
  gap:clamp(34px,5vw,64px);
  align-items:start;
}
.presentation-steps--compact{
  gap:12px;
  padding-bottom:0;
}
.presentation-steps--compact .presentation-step{
  min-height:auto;
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:start;
  column-gap:16px;
  padding:18px 18px 18px 20px;
  border-radius:14px;
  cursor:pointer;
  opacity:.72;
  transform:none;
  background:rgba(8,17,31,.44);
}
.presentation-steps--compact .presentation-step:hover{
  opacity:.94;
  border-color:rgba(96,165,250,.25);
  background:rgba(15,23,42,.64);
}
.presentation-steps--compact .presentation-step.is-active{
  opacity:1;
  background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(8,17,31,.70));
}
.presentation-steps--compact .presentation-step > span{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  margin:1px 0 0;
  border-radius:10px;
}
.presentation-steps--compact .presentation-step h3{
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.14;
  margin:0 0 8px;
}
.presentation-steps--compact .presentation-step p{
  font-size:14.5px;
  line-height:1.6;
  margin:0;
  max-width:none;
}
.presentation-visual-wrap--rework{
  position:sticky;
  top:calc(50vh - 270px);
  min-height:auto;
}
.presentation-visual-wrap--rework .presentation-visual{
  border-radius:16px;
  padding:16px;
}
.presentation-visual-wrap--rework .presentation-frame{
  border-radius:10px;
  min-height:0;
  aspect-ratio:16 / 10;
}
.presentation-visual-wrap--rework .presentation-frame img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:top left;
}
.presentation-visual-wrap--rework .presentation-frame:after{
  content:"Kliknij, aby powiększyć";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:5;
  padding:7px 10px;
  border-radius:999px;
  color:#fff;
  background:rgba(15,23,42,.72);
  font-size:11px;
  font-weight:600;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.presentation-visual-wrap--rework .presentation-frame:hover:after{
  opacity:1;
  transform:translateY(0);
}
.presentation-step-screen{display:none;}

@media (min-width:961px) and (max-width:1180px){
  .side-nav,
  .side-nav:hover{
    left:8px;
    top:10px;
    bottom:10px;
    width:68px;
    max-width:68px;
    padding:12px 7px;
    overflow:visible;
  }
  .side-links,
  .side-nav:hover .side-links{gap:5px;}
  .side-links a,
  .side-nav:hover .side-links a,
  .side-nav:not(:hover) .side-links a{
    width:52px;
    min-width:52px;
    max-width:52px;
    height:48px;
    min-height:48px;
    border-radius:15px;
  }
  .nav-ico,
  .side-nav:hover .nav-ico,
  .side-nav:not(:hover) .nav-ico{
    width:34px;
    min-width:34px;
    height:34px;
    left:9px;
    top:7px;
  }
  .nav-ico svg,
  .side-nav:hover .nav-ico svg,
  .side-nav:not(:hover) .nav-ico svg{width:25px;height:25px;}
  .side-cta,
  .side-nav:hover .side-cta{
    width:52px;
    min-width:52px;
    max-width:52px;
    height:48px;
    min-height:48px;
    border-radius:15px;
  }
  main > section > .container,
  main > section .container,
  footer .container{
    width:calc(100% - 148px);
    margin-left:122px;
    margin-right:26px;
  }
  .hero__inner{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:28px;}
  .hero__visual{transform:scale(.86);transform-origin:center right;}
  .presentation-grid--rework{grid-template-columns:1fr;gap:24px;}
  .presentation-visual-wrap--rework{display:none;}
  .presentation-steps--compact{gap:18px;}
  .presentation-steps--compact .presentation-step{
    display:block;
    padding:22px;
    opacity:1;
  }
  .presentation-steps--compact .presentation-step > span{margin-bottom:16px;}
  .presentation-step-screen{
    display:block;
    width:100%;
    margin-top:18px;
    padding:0;
    border:1px solid rgba(148,163,184,.32);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 52px rgba(0,0,0,.24);
    cursor:zoom-in;
  }
  .presentation-step-screen img{
    width:100%;
    max-height:46vh;
    object-fit:contain;
    object-position:top left;
    background:#fff;
  }
}

@media (min-width:768px) and (max-width:960px){
  .side-nav,
  .side-nav:hover{
    left:8px;
    top:10px;
    bottom:10px;
    width:66px;
    max-width:66px;
    padding:12px 7px;
    overflow:visible;
  }
  main > section > .container,
  main > section .container,
  footer .container{
    width:calc(100% - 132px);
    margin-left:108px;
    margin-right:24px;
  }
  .hero__inner,
  .devices__inner,
  .security .split{grid-template-columns:1fr;}
  .hero__visual,
  .device-stack{transform:none;}
  .presentation-grid--rework{display:block;}
  .presentation-visual-wrap--rework{display:none;}
  .presentation-steps--compact{gap:18px;}
  .presentation-steps--compact .presentation-step{
    display:block;
    padding:22px;
    opacity:1;
    transform:none;
  }
  .presentation-steps--compact .presentation-step > span{margin-bottom:16px;}
  .presentation-step-screen{
    display:block;
    width:100%;
    margin-top:18px;
    padding:0;
    border:1px solid rgba(148,163,184,.32);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 52px rgba(0,0,0,.24);
    cursor:zoom-in;
  }
  .presentation-step-screen img{
    width:100%;
    max-height:42vh;
    object-fit:contain;
    object-position:top left;
    background:#fff;
  }
}

@media (max-width:767px){
  .presentation-grid--rework{display:block;}
  .presentation-visual-wrap--rework{display:none;}
  .presentation-steps--compact{gap:16px;}
  .presentation-steps--compact .presentation-step{
    display:block;
    padding:20px;
    opacity:1;
    transform:none;
  }
  .presentation-steps--compact .presentation-step > span{
    width:38px;
    height:38px;
    margin-bottom:14px;
  }
  .presentation-steps--compact .presentation-step h3{font-size:21px;}
  .presentation-steps--compact .presentation-step p{font-size:14.5px;line-height:1.62;}
  .presentation-step-screen{
    display:block;
    width:100%;
    margin-top:16px;
    padding:0;
    border:1px solid rgba(148,163,184,.32);
    border-radius:9px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 16px 44px rgba(0,0,0,.26);
    cursor:zoom-in;
  }
  .presentation-step-screen img{
    width:100%;
    max-height:56vh;
    object-fit:contain;
    object-position:top left;
    background:#fff;
  }
}

/* v35 — prezentacja jako stabilny slider oraz poprawione skalowanie tabletów */
.presentation-slider-section{
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(82px,8vh,118px) 0;
  overflow:hidden;
}
.presentation-slider-bg:before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at 24% 28%, rgba(96,165,250,.20), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(56,189,248,.14), transparent 30%),
    linear-gradient(120deg, rgba(37,99,235,.05), transparent 48%, rgba(56,189,248,.05));
  filter:blur(2px);
  animation:presentationV35Bg 16s ease-in-out infinite alternate;
}
@keyframes presentationV35Bg{
  0%{transform:translate3d(-2%, -1%, 0) scale(1);}
  100%{transform:translate3d(2%, 2%, 0) scale(1.04);}
}
.presentation-slider-shell{position:relative;z-index:2;}
.presentation-slider-head{max-width:940px;margin-bottom:clamp(26px,4vw,44px);}
.presentation-slider-head h2{font-size:clamp(31px,3.65vw,56px);max-width:900px;}
.presentation-slider-head p:not(.eyebrow){max-width:850px;color:rgba(255,255,255,.72);font-size:clamp(16px,1.25vw,19px);line-height:1.72;}
.presentation-slider-card{
  position:relative;
  border:1px solid rgba(148,163,184,.20);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(5,8,17,.78));
  box-shadow:0 34px 110px rgba(0,0,0,.32);
  overflow:hidden;
  backdrop-filter:blur(22px);
}
.presentation-slider-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 18% 24%,rgba(96,165,250,.16),transparent 34%),
    radial-gradient(circle at 78% 70%,rgba(56,189,248,.10),transparent 38%);
  pointer-events:none;
}
.presentation-slider-viewport{position:relative;overflow:hidden;z-index:1;}
.presentation-slider-track{display:flex;transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform;}
.presentation-slide{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(420px,1.12fr);
  gap:clamp(24px,4vw,52px);
  align-items:center;
  min-height:min(560px,62vh);
  padding:clamp(24px,4vw,54px);
}
.presentation-slide-copy{max-width:560px;}
.presentation-slide-number{display:inline-flex;margin-bottom:16px;color:var(--brand-blue-2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.presentation-slide h3{font-size:clamp(27px,3vw,44px);line-height:1.04;letter-spacing:-.055em;margin-bottom:16px;color:#fff;}
.presentation-slide p{color:rgba(255,255,255,.74);font-size:clamp(15px,1.18vw,18px);line-height:1.7;margin-bottom:20px;}
.presentation-slide ul{display:grid;gap:9px;padding:0;margin:0;list-style:none;}
.presentation-slide li{position:relative;padding-left:22px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.55;}
.presentation-slide li:before{content:"";position:absolute;left:0;top:.56em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));box-shadow:0 0 0 5px rgba(96,165,250,.10);}
.presentation-slide-image{
  border:1px solid rgba(148,163,184,.32);
  border-radius:11px;
  padding:0;
  margin:0;
  overflow:hidden;
  cursor:zoom-in;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.33);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.presentation-slide-image:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.48);box-shadow:0 30px 90px rgba(37,99,235,.22),0 24px 70px rgba(0,0,0,.36);}
.presentation-slide-image img{width:100%;height:auto;max-height:430px;object-fit:contain;object-position:top left;background:#fff;}
.presentation-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#fff;
  background:rgba(8,17,31,.72);
  backdrop-filter:blur(14px);
  display:grid;
  place-items:center;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.presentation-arrow:hover{background:rgba(37,99,235,.35);border-color:rgba(96,165,250,.42);box-shadow:0 18px 42px rgba(37,99,235,.25);}
.presentation-arrow--prev{left:16px;}
.presentation-arrow--next{right:16px;}
.presentation-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;}
.presentation-dots{display:flex;align-items:center;gap:9px;}
.presentation-dots button{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0;cursor:pointer;transition:width .24s ease,background .24s ease,transform .24s ease;}
.presentation-dots button.is-active{width:32px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));}
.presentation-dots button:hover{transform:translateY(-1px);background:rgba(96,165,250,.70);}
.presentation-slider-controls p{margin:0;color:rgba(255,255,255,.62);font-size:13px;font-weight:600;}

/* Tablet: menu nie może zasłaniać treści. Na tabletach używamy menu mobilnego, ale układy pozostają szerokie i przeskalowane. */
@media (min-width:768px) and (max-width:1180px){
  .side-nav{display:none!important;}
  .mobile-nav-toggle{display:block!important;position:fixed;right:18px;top:18px;z-index:90;width:52px;height:52px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(5,8,17,.78);backdrop-filter:blur(18px);padding:13px;}
  .mobile-nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:99px;}
  .mobile-menu{position:fixed;z-index:89;right:18px;top:80px;width:min(300px,calc(100vw - 36px));padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(5,8,17,.92);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.32);display:none;}
  .mobile-menu.is-open{display:grid;}
  .mobile-menu a{color:#fff;padding:12px 14px;border-radius:14px;font-weight:500;}
  .mobile-menu a:hover{background:rgba(255,255,255,.08);}
  main > section > .container,
  main > section .container,
  footer .container{width:min(100% - 56px,var(--max));margin-left:auto!important;margin-right:auto!important;}
  .hero__inner{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(20px,3vw,34px);}
  .hero__copy h1{font-size:clamp(44px,6.1vw,68px);}
  .hero__visual{min-height:clamp(430px,54vw,560px);transform:none!important;}
  .hero-screen{width:min(620px,92%);top:clamp(72px,10vw,105px);}
  .hero-phone{width:clamp(118px,15vw,150px);bottom:clamp(30px,5vw,56px);}
  .feature-showcase,.devices__inner,.security .split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,44px);}
  .device-stack{min-height:clamp(430px,54vw,540px);}
  .desktop-card{width:88%;}
  .phone-card{width:clamp(125px,16vw,165px);}
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
  .hero__inner,.feature-showcase,.devices__inner,.security .split{grid-template-columns:1fr;}
  .hero__visual{min-height:450px;}
}

@media (max-width:1180px){
  .presentation-slider-section{min-height:auto;padding:88px 0;}
  .presentation-slide{grid-template-columns:1fr;min-height:auto;padding:clamp(22px,5vw,42px);gap:24px;}
  .presentation-slide-copy{max-width:820px;}
  .presentation-slide-image img{max-height:52vh;}
  .presentation-arrow{top:auto;bottom:18px;transform:none;width:44px;height:44px;font-size:30px;}
  .presentation-arrow:hover{transform:translateY(-2px);}
  .presentation-arrow--prev{left:22px;}
  .presentation-arrow--next{right:22px;}
  .presentation-slider-controls{padding:0 72px;}
}
@media (max-width:767px){
  .presentation-slider-section{padding:76px 0;}
  .presentation-slider-head h2{font-size:34px;}
  .presentation-slider-card{border-radius:16px;}
  .presentation-slide{padding:22px 18px 82px;}
  .presentation-slide h3{font-size:28px;}
  .presentation-slide p{font-size:15px;}
  .presentation-slide li{font-size:13.5px;}
  .presentation-slide-image{border-radius:9px;}
  .presentation-slide-image img{max-height:48vh;}
  .presentation-slider-controls{padding:0 64px;align-items:center;}
}

/* v36 — korekty prezentacji i menu na szerokich tabletach */
@media (min-width:1181px) and (max-width:1500px){
  main > section > .container,
  main > section .container,
  .footer .container{
    width:min(calc(100% - 190px), var(--max));
    margin-left:150px!important;
    margin-right:40px!important;
  }
  .hero__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;}
  .hero__copy h1{font-size:clamp(44px,5.2vw,66px);}
  .hero__copy .lead{font-size:clamp(15.5px,1.35vw,18px);max-width:560px;}
  .hero-logo{width:150px;margin-bottom:28px;}
  .hero__visual{min-height:clamp(500px,50vw,620px);}
  .hero-screen{width:min(680px,86%);right:0;}
  .hero-phone{width:clamp(126px,12vw,158px);}
}

@media (min-width:1181px){
  .side-nav{width:90px;padding:16px 12px;}
  .side-nav:hover{width:248px;}
  .side-links{gap:6px;justify-items:center;}
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{
    position:relative;
    height:46px;
    min-height:46px;
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    align-content:center;
    padding:0 13px;
    gap:12px;
    border-radius:14px;
  }
  .side-nav:not(:hover) .side-links a{
    grid-template-columns:42px;
    width:58px;
    min-width:58px;
    max-width:58px;
    justify-content:center;
    padding:0 8px;
  }
  .nav-ico,
  .side-nav:hover .nav-ico,
  .side-nav:not(:hover) .nav-ico{
    width:42px;
    min-width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    line-height:0;
  }
  .nav-ico svg{width:28px;height:28px;display:block;}
  .nav-label{align-self:center;line-height:1.15;}
  .side-links a:hover,
  .side-links a.is-active{
    background:linear-gradient(135deg,rgba(96,165,250,.16),rgba(59,130,246,.08));
    box-shadow:inset 0 0 0 1px rgba(147,197,253,.10);
  }
  .side-nav:not(:hover) .side-links a.is-active:before{
    right:4px;
    top:14px;
    bottom:14px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue));
  }
  .side-nav:hover .side-links a.is-active:before{
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue));
  }
  .side-cta,
  .side-nav:not(:hover) .side-cta,
  .side-nav:hover .side-cta{
    min-height:48px;
    height:48px;
    border-radius:15px;
  }
}

.presentation-slider-card{overflow:visible;}
.presentation-slider-viewport{overflow:hidden;border-radius:20px;}
@media (min-width:1181px){
  .presentation-slide{
    grid-template-columns:minmax(300px,.96fr) minmax(360px,1.04fr);
    gap:clamp(22px,3vw,44px);
    padding:clamp(30px,4vw,54px) clamp(78px,6.2vw,96px);
    min-height:min(540px,60vh);
  }
  .presentation-slide-image{
    width:min(100%,620px);
    justify-self:center;
  }
  .presentation-slide-image img{max-height:360px;}
  .presentation-arrow--prev{left:18px;}
  .presentation-arrow--next{right:18px;}
}
@media (max-width:1180px){
  .presentation-slider-card{overflow:hidden;}
  .presentation-slide{padding-left:clamp(22px,5vw,42px);padding-right:clamp(22px,5vw,42px);}
  .presentation-slide-image{width:min(100%,760px);justify-self:center;}
}

/* v37 — większy oddech menu, nowa dynamika tła i menu hamburger po lewej z ikonami */
@media (min-width:1181px){
  .side-links,
  .side-nav:hover .side-links{
    gap:8px;
  }
  .side-links a,
  .side-nav:not(:hover) .side-links a,
  .side-nav:hover .side-links a{
    height:48px;
    min-height:48px;
    border-radius:15px;
  }
  .side-links a:hover,
  .side-links a.is-active{
    background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(59,130,246,.10));
    box-shadow:inset 0 0 0 1px rgba(147,197,253,.14),0 10px 26px rgba(15,23,42,.12);
  }
}

.mobile-menu a{
  display:flex;
  align-items:center;
  gap:12px;
}
.mobile-menu__ico{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:var(--brand-blue-2);
  background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(59,130,246,.08));
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.10);
}
.mobile-menu__ico svg{
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mobile-menu__ico svg path:not([fill]){fill:none;}
.mobile-menu a[href="#funkcje"] .mobile-menu__ico svg path,
.mobile-menu a[href="#top"] .mobile-menu__ico svg path,
.mobile-menu a[href="#korzysci"] .mobile-menu__ico svg path{
  fill:none;
  stroke:currentColor;
}
.mobile-menu a[href="https://www.budvero.pl/grb/"]{
  margin-top:6px;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(56,189,248,.12));
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.12);
}

@media (min-width:768px) and (max-width:1180px){
  .mobile-nav-toggle{
    left:18px!important;
    right:auto!important;
  }
  .mobile-menu{
    left:18px!important;
    right:auto!important;
    width:min(320px,calc(100vw - 36px))!important;
    padding:14px!important;
    gap:8px;
  }
  .mobile-menu a{
    min-height:50px;
    padding:10px 12px!important;
    border-radius:16px!important;
  }
}

@media (max-width:767px){
  .mobile-nav-toggle{
    left:16px!important;
    right:auto!important;
  }
  .mobile-menu{
    left:16px!important;
    right:16px!important;
    width:auto!important;
    padding:12px!important;
    gap:8px;
  }
  .mobile-menu a{
    min-height:48px;
    padding:10px 12px!important;
    border-radius:15px!important;
  }
}

.draft-network{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.draft-network__room,
.draft-network__line,
.draft-network__node{
  position:absolute;
}
.draft-network__room{
  border:1px solid rgba(96,165,250,.16);
  background:linear-gradient(135deg,rgba(96,165,250,.05),rgba(14,165,233,.02));
  box-shadow:inset 0 0 38px rgba(96,165,250,.04),0 0 0 1px rgba(96,165,250,.02);
}
.draft-network__room--a{
  width:360px;
  height:210px;
  right:8%;
  top:18%;
  border-radius:34px;
  transform:rotate(-9deg);
  animation:draftFloatA 14s ease-in-out infinite;
}
.draft-network__room--b{
  width:280px;
  height:150px;
  left:12%;
  bottom:14%;
  border-radius:26px;
  transform:rotate(12deg);
  animation:draftFloatB 16s ease-in-out infinite;
}
.draft-network__line{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.68) 14%,rgba(56,189,248,.9) 50%,rgba(96,165,250,.68) 86%,transparent);
  box-shadow:0 0 16px rgba(56,189,248,.18);
  opacity:.62;
}
.draft-network__line--a{left:16%;top:28%;width:180px;transform:rotate(-18deg);animation:draftPulse 5.6s ease-in-out infinite;}
.draft-network__line--b{left:28%;top:62%;width:230px;transform:rotate(16deg);animation:draftPulse 6.8s ease-in-out infinite .8s;}
.draft-network__line--c{right:20%;top:34%;width:210px;transform:rotate(12deg);animation:draftPulse 6.2s ease-in-out infinite 1.3s;}
.draft-network__line--d{right:14%;bottom:20%;width:250px;transform:rotate(-10deg);animation:draftPulse 7.4s ease-in-out infinite .4s;}
.draft-network__node{
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-blue-2),#fff);
  box-shadow:0 0 0 6px rgba(96,165,250,.10),0 0 24px rgba(56,189,248,.34);
  animation:draftNode 4.8s ease-in-out infinite;
}
.draft-network__node--1{left:18%;top:26%;animation-delay:.2s;}
.draft-network__node--2{left:29%;top:60%;animation-delay:1s;}
.draft-network__node--3{right:24%;top:32%;animation-delay:1.7s;}
.draft-network__node--4{right:17%;bottom:18%;animation-delay:2.4s;}
.draft-network__node--5{left:24%;bottom:20%;animation-delay:3s;}
.draft-network__node--6{right:32%;top:58%;animation-delay:3.6s;}
.draft-network--hero{opacity:.88;}
.draft-network--presentation{opacity:.56;}
.draft-network--presentation .draft-network__room--a{
  width:300px;
  height:176px;
  right:12%;
  top:16%;
}
.draft-network--presentation .draft-network__room--b{
  width:238px;
  height:132px;
  left:10%;
  bottom:12%;
}
@keyframes draftFloatA{
  0%,100%{transform:rotate(-9deg) translate3d(0,0,0);opacity:.52;}
  50%{transform:rotate(-7deg) translate3d(8px,-10px,0);opacity:.84;}
}
@keyframes draftFloatB{
  0%,100%{transform:rotate(12deg) translate3d(0,0,0);opacity:.42;}
  50%{transform:rotate(14deg) translate3d(-10px,10px,0);opacity:.68;}
}
@keyframes draftPulse{
  0%,100%{opacity:.32;filter:brightness(.92);}
  50%{opacity:.88;filter:brightness(1.16);}
}
@keyframes draftNode{
  0%,100%{transform:scale(1);opacity:.64;}
  50%{transform:scale(1.28);opacity:1;}
}

.hero .container,
.product-presentation .container,
.cta .container{
  position:relative;
  z-index:2;
}

@media (prefers-reduced-motion:reduce){
  .draft-network__room,
  .draft-network__line,
  .draft-network__node{animation:none!important;}
}

@media (min-width:1181px){
  .presentation-slide{
    padding:clamp(28px,3.7vw,48px) clamp(84px,6.8vw,104px);
    gap:clamp(22px,3.2vw,40px);
  }
  .presentation-slide-image{
    width:min(100%,540px);
  }
  .presentation-slide-image img{
    max-height:318px;
  }
  .presentation-arrow--prev{left:14px;}
  .presentation-arrow--next{right:14px;}
}
@media (max-width:1180px){
  .presentation-slide-image{
    width:min(100%,700px);
  }
  .presentation-slide-image img{
    max-height:46vh;
  }
}

/* v38 — favicony, ciaśniejsze menu hamburger i spokojniejsze animacje reveal */
.mobile-menu{
  gap:5px;
}
.mobile-menu a{
  min-height:42px!important;
  padding:7px 10px!important;
  gap:9px!important;
  border-radius:13px!important;
  font-size:14px;
}
.mobile-menu__ico{
  width:31px;
  height:31px;
  border-radius:10px;
}
.mobile-menu__ico svg{
  width:18px;
  height:18px;
}
@media (min-width:768px) and (max-width:1180px){
  .mobile-menu{
    padding:10px!important;
    gap:5px!important;
  }
  .mobile-menu a{
    min-height:42px!important;
    padding:7px 10px!important;
  }
}
@media (max-width:767px){
  .mobile-menu{
    padding:10px!important;
    gap:5px!important;
    max-height:calc(100svh - 84px);
    overflow:auto;
  }
  .mobile-menu a{
    min-height:40px!important;
    padding:7px 10px!important;
  }
}

.reveal{
  opacity:0;
  transform:translateY(42px) scale(.988);
  filter:blur(7px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1), filter .9s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform,filter;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  animation:none!important;
}
.reveal:not(.is-visible){
  animation:none!important;
}
.reveal-delay{transition-delay:.08s;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
}

/* v39 — cena, modal zamówienia, cookie, aktywne menu mobilne i spokojniejsze animacje */
.mobile-menu{
  gap:4px!important;
}
.mobile-menu a{
  min-height:42px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  font-size:14px;
  line-height:1.2;
}
.mobile-menu__ico{
  width:30px;
  height:30px;
  border-radius:10px;
}
.mobile-menu__ico svg{
  width:18px;
  height:18px;
}
.mobile-menu a.is-active{
  background:linear-gradient(135deg,rgba(96,165,250,.22),rgba(59,130,246,.12));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.16);
}
.mobile-menu a.is-active .mobile-menu__ico{
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
  color:#fff;
  box-shadow:0 10px 24px rgba(37,99,235,.24);
}

.reveal{
  opacity:0;
  transform:translateY(44px) scale(.985);
  filter:blur(7px);
  transition:opacity .95s cubic-bezier(.2,.8,.2,1), transform .95s cubic-bezier(.2,.8,.2,1), filter .95s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  animation:none!important;
}
.reveal:not(.is-visible){
  opacity:0;
  transform:translateY(44px) scale(.985);
  filter:blur(7px);
}
.reveal-delay{transition-delay:.08s;}

.pricing{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.pricing:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%,rgba(37,99,235,.10),transparent 32%),
    radial-gradient(circle at 82% 72%,rgba(14,165,233,.10),transparent 34%);
}
.pricing .container{position:relative;z-index:2;}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  max-width:920px;
  margin:0 auto;
}
.price-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.78));
  box-shadow:0 20px 60px rgba(15,23,42,.07);
}
.price-card:before{
  content:"";
  position:absolute;
  right:-48px;
  bottom:-58px;
  width:190px;
  height:190px;
  border-radius:52px;
  transform:rotate(18deg);
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.06));
}
.price-card--highlight{
  border-color:rgba(37,99,235,.22);
  box-shadow:0 26px 76px rgba(37,99,235,.13);
}
.price-card > *{position:relative;z-index:2;}
.price-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#eff6ff;
  color:var(--brand-blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.price-card h3{
  font-size:clamp(34px,4vw,52px);
  line-height:1;
  margin-bottom:14px;
  color:#0f172a;
}
.price-card h3 small{
  font-size:17px;
  color:var(--muted);
  letter-spacing:-.02em;
}
.price-card p{
  color:var(--muted);
  line-height:1.68;
}
.price-card ul{
  list-style:none;
  padding:0;
  margin:22px 0 26px;
  display:grid;
  gap:10px;
}
.price-card li{
  position:relative;
  padding-left:22px;
  color:#334155;
  font-size:14.5px;
  line-height:1.55;
}
.price-card li:before{
  content:"";
  position:absolute;
  left:0;
  top:.56em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
  box-shadow:0 0 0 5px rgba(37,99,235,.09);
}
.pricing-note{
  max-width:820px;
  margin:22px auto 0;
  text-align:center;
  color:var(--muted);
  line-height:1.7;
}

.order-modal,
.cookie-banner{
  font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.order-modal{
  position:fixed;
  inset:0;
  z-index:150;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, visibility .24s ease;
}
.order-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.order-modal__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,7,18,.72);
  backdrop-filter:blur(14px);
}
.order-modal__dialog{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  max-height:86vh;
  overflow:auto;
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:clamp(22px,4vw,34px);
  box-shadow:0 36px 130px rgba(0,0,0,.42);
  transform:translateY(12px) scale(.985);
  transition:transform .24s ease;
}
.order-modal.is-open .order-modal__dialog{transform:none;}
.order-modal__dialog h2{
  color:#0f172a;
  font-size:clamp(28px,4vw,42px);
  margin-bottom:12px;
}
.order-modal__dialog p:not(.eyebrow){
  color:var(--muted);
  line-height:1.65;
}
.order-modal__close{
  position:absolute;
  right:16px;
  top:16px;
  width:40px;
  height:40px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  cursor:pointer;
  font-size:28px;
  line-height:1;
}
.order-form{display:grid;gap:14px;margin-top:22px;}
.order-form label{display:grid;gap:7px;text-align:left;}
.order-form label span{font-size:13px;font-weight:700;color:#334155;}
.order-form input,
.order-form textarea{
  width:100%;
  border:1px solid rgba(15,23,42,.12);
  border-radius:13px;
  padding:13px 14px;
  font:inherit;
  color:#0f172a;
  background:#fff;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.order-form input:focus,
.order-form textarea:focus{
  border-color:rgba(37,99,235,.42);
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.check-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px;}
.check-row input{width:18px;height:18px;margin-top:3px;flex:0 0 auto;}
.form-info{font-size:13px!important;margin:0;color:#64748b!important;}
body.modal-open{overflow:hidden;}

.cookie-banner{
  position:fixed;
  z-index:120;
  left:22px;
  right:22px;
  bottom:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  max-width:1060px;
  margin:0 auto;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(5,8,17,.88);
  color:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
}
.cookie-banner.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.cookie-banner p{margin:4px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.5;}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto;}
.cookie-actions .btn{min-height:42px;padding:0 15px;font-size:13px;}

@media (max-width:767px){
  .pricing-grid{grid-template-columns:1fr;}
  .price-card{padding:24px;border-radius:20px;}
  .form-grid{grid-template-columns:1fr;}
  .cookie-banner{left:12px;right:12px;bottom:12px;display:grid;}
  .cookie-actions{flex-wrap:wrap;}
}

/* v39 — podstrony prawne */
.legal-page{
  min-height:100svh;
  padding:clamp(34px,6vw,80px) 0;
  background:
    radial-gradient(circle at 18% 18%,rgba(37,99,235,.10),transparent 32%),
    linear-gradient(180deg,#f8fbff,#eef4fb);
}
.legal-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 80px rgba(15,23,42,.08);
  padding:clamp(24px,5vw,44px);
}
.legal-card h1{
  font-size:clamp(34px,5vw,58px);
  color:#0f172a;
  margin-bottom:16px;
}
.legal-card h2{
  font-size:clamp(22px,3vw,30px);
  color:#0f172a;
  margin-top:30px;
  margin-bottom:10px;
}
.legal-card p,
.legal-card li{
  color:#475569;
  line-height:1.75;
}
.legal-lead{
  font-size:18px;
}
.legal-back{
  display:inline-flex;
  margin-bottom:26px;
  color:var(--brand-blue);
  font-weight:700;
}
.legal-note{
  margin-top:30px;
  padding:14px 16px;
  border-radius:14px;
  background:#eff6ff;
  color:#1e3a8a!important;
}

/* v41 — Cennik, komunikat zamówienia w modalu i odświeżony wygląd przycisków */
.btn{
  position:relative;
  isolation:isolate;
  min-height:50px;
  padding:0 22px;
  border-radius:14px;
  font-weight:700;
  letter-spacing:-.015em;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.btn:before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:12px;
  opacity:.0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 76%);
  transform:translateX(-120%);
  transition:transform .58s ease, opacity .24s ease;
}
.btn:hover{
  transform:translateY(-2px);
}
.btn:hover:before{
  opacity:1;
  transform:translateX(120%);
}
.btn-primary{
  border:1px solid rgba(96,165,250,.34);
  background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);
  color:#fff;
  box-shadow:0 16px 42px rgba(37,99,235,.25), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-primary:hover{
  box-shadow:0 22px 56px rgba(37,99,235,.33), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn-secondary{
  border:1px solid rgba(148,163,184,.26);
  color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
}
.btn-secondary:hover{
  border-color:rgba(96,165,250,.46);
  background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(255,255,255,.06));
  box-shadow:0 18px 44px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
.btn[disabled]{
  opacity:.62;
  cursor:wait;
  transform:none!important;
  box-shadow:none!important;
}
.cookie-actions .btn{
  min-height:40px;
  border-radius:12px;
}
.order-form .btn{
  width:100%;
  margin-top:2px;
}
.order-status{
  display:grid;
  gap:5px;
  padding:14px 15px;
  border-radius:14px;
  font-size:14px;
  line-height:1.55;
  border:1px solid rgba(15,23,42,.08);
}
.order-status[hidden]{display:none!important;}
.order-status b{font-size:15px;color:#0f172a;}
.order-status span{color:#475569;}
.order-status--success{
  background:linear-gradient(135deg,#ecfdf5,#f0fdfa);
  border-color:rgba(16,185,129,.22);
}
.order-status--success b{color:#047857;}
.order-status--error{
  background:linear-gradient(135deg,#fff1f2,#fff7ed);
  border-color:rgba(244,63,94,.22);
}
.order-status--error b{color:#be123c;}
.mobile-menu a[href="#cena"] span:last-child,
.side-links a[href="#cena"] .nav-label{
  text-transform:none;
}

/* v43 — formularz zamówienia: ukryte pole antyspamowe i licznik znaków */
.order-hp{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.field-counter{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  font-weight:500;
  text-align:right;
}
.order-form input:invalid,
.order-form textarea:invalid{
  box-shadow:none;
}
.order-form input:focus:invalid,
.order-form textarea:focus:invalid{
  border-color:rgba(239,68,68,.45);
}

/* v46 — stabilniejsze animacje elementów przy przewijaniu */
.reveal{
  opacity:0;
  transform:translate3d(0,32px,0) scale(.992);
  filter:none!important;
  transition:opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1)!important;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  will-change:opacity,transform;
}
.reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none!important;
  animation:none!important;
}
.reveal:not(.is-visible){
  opacity:0;
  transform:translate3d(0,32px,0) scale(.992);
  filter:none!important;
  animation:none!important;
}
.reveal-delay{transition-delay:.06s;}

/* v47 — oferta testowa HotPay i trzy pozycje cennika */
.pricing-grid.pricing-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1180px;
}
.price-card--test{
  border-style:dashed;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,249,255,.80)),
    radial-gradient(circle at 82% 18%,rgba(14,165,233,.14),transparent 34%);
}
.price-card--test .price-badge{
  color:#0369a1;
  background:#e0f2fe;
}
@media (max-width:980px){
  .pricing-grid.pricing-grid--three{grid-template-columns:1fr;max-width:720px;}
}

/* v52 — darmowy test 7 dni i wyraźniejsze wyróżnienie planu rocznego */
.price-card--test{
  border-style:solid;
  border-color:rgba(14,165,233,.22);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,253,245,.82)),
    radial-gradient(circle at 82% 18%,rgba(34,197,94,.13),transparent 36%);
}
.price-card--test:before{
  background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(14,165,233,.06));
}
.price-card--test .price-badge{
  color:#047857;
  background:#d1fae5;
}
.price-card--popular{
  color:#fff;
  border-color:rgba(96,165,250,.38);
  background:
    radial-gradient(circle at 82% 12%,rgba(96,165,250,.30),transparent 34%),
    linear-gradient(145deg,#07111f 0%,#102448 55%,#0f172a 100%);
  box-shadow:0 34px 95px rgba(15,23,42,.24),0 20px 70px rgba(37,99,235,.18);
}
.price-card--popular:before{
  background:linear-gradient(135deg,rgba(96,165,250,.24),rgba(14,165,233,.10));
  opacity:.9;
}
.price-card--popular h3,
.price-card--popular li{
  color:#fff;
}
.price-card--popular p,
.price-card--popular h3 small{
  color:rgba(255,255,255,.72);
}
.price-card--popular .price-badge{
  color:#bfdbfe;
  background:rgba(96,165,250,.16);
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.16);
}
.price-card--popular .btn-primary{
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  border-color:rgba(191,219,254,.36);
}
.popular-badge--price{
  position:relative;
  right:auto;
  top:auto;
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  color:#fff;
  box-shadow:0 16px 36px rgba(37,99,235,.28);
}


/* v55 — stabilne menu hamburger na tabletach dotykowych */
@media (hover:none) and (pointer:coarse) and (min-width:768px){
  .side-nav,
  .side-nav:hover{
    display:none!important;
  }
  .mobile-nav-toggle{
    display:block!important;
    position:fixed!important;
    left:18px!important;
    right:auto!important;
    top:18px!important;
    z-index:999!important;
    width:52px!important;
    height:52px!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .mobile-menu{
    position:fixed!important;
    left:18px!important;
    right:auto!important;
    top:80px!important;
    z-index:998!important;
    width:min(320px,calc(100vw - 36px))!important;
    max-height:calc(100svh - 104px);
    overflow:auto;
    pointer-events:auto!important;
  }
  .mobile-menu.is-open{
    display:grid!important;
  }
  main > section > .container,
  main > section .container,
  footer .container{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .container,
  main > section > .container,
  main > section .container,
  footer .container{
    width:min(100% - 56px,var(--max))!important;
  }
  .hero__inner,
  .feature-showcase,
  .devices__inner,
  .security .split{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:clamp(24px,4vw,44px);
  }
  .hero__copy h1{
    font-size:clamp(44px,5.8vw,68px);
  }
  .hero__visual{
    min-height:clamp(440px,52vw,580px);
    transform:none!important;
  }
}

/* v56 — stały pływający przycisk logowania do aplikacji */
.floating-login{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:95;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 18px 0 14px;
  border-radius:18px;
  color:#fff;
  font-weight:850;
  letter-spacing:-.02em;
  background:linear-gradient(135deg,rgba(37,99,235,.96),rgba(14,165,233,.92));
  border:1px solid rgba(191,219,254,.30);
  box-shadow:0 24px 60px rgba(15,23,42,.28),0 16px 42px rgba(37,99,235,.22);
  backdrop-filter:blur(18px);
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .24s ease, box-shadow .24s ease, filter .24s ease;
}
.floating-login:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 46%,transparent 72%);
  transform:translateX(-130%);
  opacity:0;
  transition:transform .62s ease, opacity .22s ease;
  pointer-events:none;
}
.floating-login:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 70px rgba(15,23,42,.32),0 20px 54px rgba(37,99,235,.30);
  filter:saturate(1.08);
}
.floating-login:hover:before{
  opacity:.92;
  transform:translateX(130%);
}
.floating-login__icon{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.floating-login__icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.floating-login__text{
  position:relative;
  z-index:1;
  line-height:1;
}
@media (max-width:767px){
  .floating-login{
    right:14px;
    bottom:14px;
    min-height:44px;
    padding:0 13px 0 10px;
    border-radius:15px;
    gap:8px;
    font-size:13px;
    box-shadow:0 18px 44px rgba(15,23,42,.25),0 12px 32px rgba(37,99,235,.22);
  }
  .floating-login__icon{
    width:29px;
    height:29px;
    border-radius:10px;
  }
  .floating-login__icon svg{
    width:17px;
    height:17px;
  }
}
@media (max-width:420px){
  .floating-login{
    min-height:42px;
    padding:0 11px;
  }
  .floating-login__text{
    display:none;
  }
  .floating-login__icon{
    width:30px;
    height:30px;
  }
}
@media (min-width:768px) and (max-width:1200px){
  .floating-login{
    right:18px;
    bottom:18px;
    min-height:48px;
    border-radius:16px;
    font-size:14px;
    padding:0 15px 0 12px;
  }
  .floating-login__icon{
    width:31px;
    height:31px;
  }
}

/* v58 — po zgłoszeniu darmowego testu modal pokazuje tylko komunikat dla klienta */
.order-modal.is-complete .order-modal__dialog > .eyebrow,
.order-modal.is-complete .order-modal__dialog > h2,
.order-modal.is-complete .order-modal__dialog > p{
  display:none;
}
.order-form.is-complete{
  display:block;
  margin-top:0;
}
.order-form.is-complete > :not(.order-status){
  display:none!important;
}
.order-form.is-complete .order-status{
  display:grid;
  gap:10px;
  margin:0;
  padding:clamp(24px,4vw,36px);
  border-radius:20px;
  text-align:center;
}
.order-form.is-complete .order-status b{
  font-size:clamp(22px,3vw,32px);
  line-height:1.1;
}
.order-form.is-complete .order-status span{
  max-width:620px;
  margin:0 auto;
  line-height:1.7;
}

/* v59 — zabezpieczony formularz kontaktowy */
.form-hp{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.form-counter{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  line-height:1.3;
}
.form-status{
  display:none;
  padding:15px 16px;
  border-radius:16px;
  font-size:14px;
  line-height:1.55;
}
.form-status.is-visible{
  display:block;
}
.form-status strong{
  display:block;
  margin-bottom:4px;
  color:#fff;
}
.form-status p{
  margin:0;
  color:rgba(255,255,255,.78);
}
.form-status ul{
  margin:10px 0 0;
  padding-left:18px;
  color:rgba(255,255,255,.78);
}
.form-status.is-success{
  border:1px solid rgba(34,197,94,.28);
  background:rgba(34,197,94,.12);
}
.form-status.is-error{
  border:1px solid rgba(248,113,113,.28);
  background:rgba(248,113,113,.12);
}
.contact-form button[disabled]{
  opacity:.72;
  cursor:not-allowed;
  transform:none!important;
}