:root {
  --ink:#071426; --ink-2:#0c1d35; --surface:#111f37; --line:#1f3556;
  --text:#f8fbff; --muted:#a7b6d0; --dark-text:#07152d; --blue:#18bdf3;
  --royal:#3862f6; --violet:#8b42f5; --white:#fff; --shadow:0 30px 80px rgba(0,5,18,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
button,input{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-50px;background:white;color:#071426;padding:10px 16px;z-index:100;border-radius:8px}.skip-link:focus{top:16px}
.site-header{height:82px;background:rgba(6,18,34,.84);border-bottom:1px solid rgba(107,145,199,.14);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}
.nav{height:100%;display:flex;align-items:center;gap:52px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:white;font-size:1.48rem;font-weight:780;letter-spacing:-.04em}.brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(50,119,255,.28))}
.nav-links{display:flex;align-items:center;gap:35px;margin-left:auto}.nav-links a{color:#dbe5f5;text-decoration:none;font-size:.86rem}.nav-links a span{color:#8094af;margin-left:5px}.nav-links a:hover{color:white}
.nav-actions{display:flex;gap:14px}.button{min-height:42px;padding:0 24px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;font-size:.84rem;cursor:pointer;color:white;transition:.22s ease;background:none}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.primary{background:linear-gradient(110deg,#13c7f4 0%,#416eff 51%,#9529ef 100%);box-shadow:0 10px 30px rgba(75,79,255,.24)}.button.ghost{border-color:#637aa0;background:rgba(6,20,39,.62)}.button.large{min-height:50px;padding:0 31px;font-size:.95rem}.button.outline{border-color:#6d8ff5;color:#436cf3;background:white}.play{width:21px;height:21px;border-radius:50%;background:#d9e4ff;color:#182c4c;display:grid;place-items:center;font-size:9px}.menu-toggle{display:none}
.hero{position:relative;min-height:535px;padding:75px 0 48px;overflow:hidden;background:radial-gradient(circle at 68% 64%,rgba(31,96,255,.13),transparent 36%),linear-gradient(180deg,#061528,#091a30)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#263e60}.hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;position:relative;z-index:2}.hero-copy{padding-left:4px;position:relative;z-index:3}.eyebrow{margin:0 0 13px;color:#91aeeb;font-size:.71rem;font-weight:800;letter-spacing:.38em}.hero h1{font-size:clamp(3rem,4.4vw,4.55rem);line-height:.97;letter-spacing:-.052em;margin:0 0 24px;font-weight:820}.hero h1 span{background:linear-gradient(90deg,#20b7ff,#3c6eff 45%,#9e34ed);-webkit-background-clip:text;color:transparent}.lead{font-size:1.1rem;color:#d7e0ed;max-width:560px;margin:0 0 29px}.hero-actions{display:flex;gap:14px}.trust-list{list-style:none;padding:0;margin:25px 0 0;display:flex;gap:26px;color:#c8d4e4;font-size:.79rem}.trust-list li{display:flex;align-items:center;gap:8px}.trust-list i,.migration li i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#17365e;color:#61a1ff;display:inline-grid;place-items:center;font-size:.7rem}
.hero-glow{position:absolute;border-radius:50%;filter:blur(55px);opacity:.45}.glow-one{width:340px;height:340px;background:#165fff;right:11%;bottom:-210px}.glow-two{width:220px;height:220px;background:#7b23f5;right:-80px;top:160px}
.product-stage{height:410px;position:relative;perspective:1200px;margin-left:8px}.screen-aura{position:absolute;inset:20% 0 -18% 5%;background:linear-gradient(100deg,#00b9ff,#5c35ff 58%,#c326ff);filter:blur(36px);opacity:.37}
.dashboard-window{position:absolute;width:690px;height:420px;left:10px;top:0;background:#f5f8fd;color:#14213b;border-radius:16px;border:1px solid #8aaaff;overflow:hidden;display:grid;grid-template-columns:130px 1fr;box-shadow:0 24px 80px rgba(0,6,22,.68),0 0 22px rgba(89,89,255,.48);transform:rotate(-1.1deg)}
.dash-side{background:#0c1b32;color:#aebbd0;padding:20px 12px;font-size:.68rem}.dash-brand{display:flex;align-items:center;gap:6px;color:white;font-size:.9rem;margin-bottom:22px}.dash-brand img{width:24px;height:24px}.dash-side>div:not(.dash-brand){padding:8px 9px;margin:2px 0;border-radius:6px;display:flex;gap:8px;align-items:center}.dash-active{background:#304260;color:white}
.dash-main{padding:16px 17px;background:#f8faff}.dash-top{display:flex;justify-content:space-between;gap:15px}.search{height:29px;flex:1;background:#edf2fa;border-radius:5px;color:#7d8ba3;padding:7px 11px;font-size:.56rem}.profile{display:flex;align-items:center;gap:6px;font-size:.54rem}.profile span{width:25px;height:25px;border-radius:50%;background:#6d5cf5;color:white;display:grid;place-items:center}.dash-heading{display:flex;justify-content:space-between;align-items:start;margin:19px 0 14px}.dash-heading h2{font-size:1.1rem;letter-spacing:-.03em;margin:0}.dash-heading p{font-size:.58rem;color:#687790;margin:2px 0}.dash-heading button,.panel-title button{border:1px solid #dbe3f0;border-radius:5px;background:white;color:#42516a;padding:6px 9px;font-size:.54rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats article{background:white;border:1px solid #e0e6f0;border-radius:7px;padding:10px;box-shadow:0 3px 12px rgba(34,61,101,.05)}.stats small{display:block;color:#64738b;font-size:.5rem}.stats strong{display:block;font-size:.9rem;margin:3px 0}.stats em,.panel-title em{font-style:normal;color:#13a867;font-size:.48rem}.dash-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:9px;margin-top:10px}.dash-panels>article{height:174px;background:white;border:1px solid #e0e6f0;border-radius:8px;padding:10px}.panel-title{display:flex;justify-content:space-between;font-size:.58rem}.panel-title>div>small,.panel-title>div>strong{display:block}.panel-title>div>strong{font-size:.82rem}.panel-title a{color:#4569ea;text-decoration:none}.chart{width:100%;height:98px;margin-top:4px}.gridline{stroke:#e8edf5;stroke-width:1}.chart-line{fill:none;stroke:#6553ff;stroke-width:2.5}.months{display:flex;justify-content:space-between;color:#8692a4;font-size:.44rem}.top-products>div:not(.panel-title){display:grid;grid-template-columns:20px 1fr 30px 44px;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #eef1f6;font-size:.47rem}.top-products i{width:18px;height:18px;border-radius:4px;background:linear-gradient(150deg,#708199,#c9d2e0)}.top-products b{font-weight:500}.top-products strong{text-align:right}
.benefits{position:relative;background:linear-gradient(90deg,#122947,#263d63 50%,#132a49);border-bottom:1px solid #7b8da7;box-shadow:inset 0 18px 50px rgba(107,155,255,.08)}.benefit-grid{min-height:105px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:30px}.benefit-grid article{display:flex;align-items:center;gap:16px}.benefit-icon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:1.55rem;background:linear-gradient(140deg,#2277ff,#7138ed);box-shadow:0 0 24px rgba(75,94,255,.72)}.benefit-grid h3{font-size:.92rem;margin:0 0 3px}.benefit-grid p{font-size:.78rem;color:#becbde;margin:0}
.feature-section{background:#fff;color:var(--dark-text);padding:31px 0 28px}.section-heading h2{font-size:1.62rem;letter-spacing:-.035em;margin:0}.section-heading p{color:#5471a9;margin:2px 0 19px;font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-card{min-height:98px;border:1px solid #dbe3ef;border-radius:9px;padding:16px;display:grid;grid-template-columns:48px 1fr 16px;gap:13px;align-items:start;text-decoration:none;color:var(--dark-text);transition:.2s;background:white}.feature-card:hover{transform:translateY(-3px);border-color:#8baaf7;box-shadow:0 13px 30px rgba(35,71,126,.1)}.fi{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-size:1.45rem}.fi.blue{background:#e8f5ff;color:#167ffc}.fi.violet{background:#f4edff;color:#7339f1}.feature-card h3{font-size:.86rem;margin:1px 0 4px}.feature-card p{font-size:.7rem;line-height:1.45;color:#56709f;margin:0}.feature-card>b{color:#7090c4}
.migration{background:linear-gradient(100deg,#fff 0%,#f4f8ff 67%,#edf2ff);color:var(--dark-text);border-top:1px solid #e3e8f0;padding:25px 0}.migration-grid{display:grid;grid-template-columns:1.35fr 1.25fr auto 1.05fr;align-items:center;gap:30px}.migration h2{font-size:1.5rem;line-height:1.1;letter-spacing:-.025em;margin:0 0 9px}.migration p{font-size:.78rem;color:#5f7194;margin:0;max-width:440px}.migration ul{list-style:none;margin:0;padding:0;font-size:.69rem;color:#405579}.migration li{margin:8px 0;display:flex;align-items:center;gap:9px}.migration li i{background:#4d81f1;color:#fff;width:17px;height:17px}.migration-visual{display:flex;align-items:center;justify-content:flex-end}.migration-visual img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(51,89,205,.22))}.migration-visual>span{font-size:2rem;color:#6b5ff7;margin:0 10px}.source-logo{width:48px;height:54px;background:white;box-shadow:0 8px 18px rgba(27,59,112,.12);border-radius:6px;display:grid;place-items:center;font-weight:800;transform:rotate(8deg)}.source-logo.shopify{color:#62aa2f;font-size:1.7rem}.source-logo.woo{color:#8d42a9;font-size:.76rem;transform:rotate(-4deg);margin-left:-6px}
.final-cta{position:relative;overflow:hidden;border-top:1px solid #223d5e;background:#07172a}.cta-aura{position:absolute;width:420px;height:160px;left:12%;bottom:-110px;background:linear-gradient(90deg,#0de4ff,#5d43ff,#ac2cff);filter:blur(42px);opacity:.5}.cta-grid{min-height:112px;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;position:relative}.cta-grid>img{width:95px;height:95px;object-fit:contain}.cta-grid .eyebrow{margin:0 0 3px;font-size:.6rem}.cta-grid h2{font-size:1.65rem;margin:0;line-height:1.15}.cta-grid span{font-size:.8rem;color:#aabbd1}
.footer{background:#061424;border-top:1px solid #263b58;color:#aab8ca;padding:24px 0 10px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,.65fr) 1.45fr;gap:35px}.footer-brand .brand{font-size:1.5rem}.footer-brand .brand img{width:40px}.footer-brand p{font-size:.52rem;letter-spacing:.27em;color:#5281d2}.footer h3{font-size:.68rem;color:white;margin:3px 0 5px}.footer a{display:block;color:#aab8ca;text-decoration:none;font-size:.59rem;margin:2px 0}.footer a:hover{color:white}.newsletter p{font-size:.6rem;margin:0 0 9px}.newsletter-form{height:34px;display:flex;border:1px solid #304865;border-radius:6px;overflow:hidden}.newsletter-form input{min-width:0;flex:1;border:0;background:#13243a;color:white;padding:0 12px;outline:none;font-size:.7rem}.newsletter-form button{width:42px;border:0;color:white;background:linear-gradient(120deg,#356aff,#7446f5);cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;padding-top:17px;margin-top:16px;border-top:1px solid #172a41;font-size:.56rem}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{font-size:inherit}
.modal{width:min(470px,calc(100% - 32px));border:1px solid #4d6590;border-radius:18px;background:#0b1b31;color:white;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.65)}.modal::backdrop{background:rgba(1,7,16,.72);backdrop-filter:blur(8px)}.modal img{object-fit:contain}.modal .eyebrow{margin-top:12px}.modal h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 7px}.modal>p:not(.eyebrow){color:#b4c2d6}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#9cafc8;font-size:2rem;cursor:pointer}.modal-form{display:grid;gap:13px;margin-top:22px}.modal-form label{font-size:.78rem;font-weight:700}.modal-form input{width:100%;height:48px;margin-top:6px;border:1px solid #3b5274;border-radius:8px;background:#10243d;color:white;padding:0 13px;outline:none}.modal-form input:focus{border-color:#4f83ff;box-shadow:0 0 0 3px rgba(54,113,255,.15)}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;background:white;color:#0b1930;border-radius:10px;padding:14px 18px;box-shadow:var(--shadow);font-size:.86rem;font-weight:700;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}
@media (max-width:1100px){
  .nav{gap:22px}.nav-links{gap:18px}.hero-grid{grid-template-columns:48% 52%}.product-stage{transform:scale(.8);transform-origin:left center;width:125%}.benefit-grid{gap:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}.migration-grid{grid-template-columns:1.4fr 1fr auto}.migration-visual{display:none}
}
@media (max-width:820px){
  .wrap{width:min(100% - 32px,680px)}.site-header{height:70px}.menu-toggle{display:grid;margin-left:auto;width:42px;height:42px;border:0;background:none;padding:10px;gap:4px;align-content:center}.menu-toggle span:not(.sr-only){height:2px;background:white;border-radius:2px}.nav-links{position:absolute;left:16px;right:16px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#0c1c32;border:1px solid #2a4060;border-radius:12px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-actions{display:none}.hero{padding:55px 0 0}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions,.trust-list{justify-content:center}.product-stage{margin:35px auto -40px;transform:scale(.72);transform-origin:top left;width:138%;height:330px}.benefit-grid{grid-template-columns:repeat(2,1fr);padding:22px 0}.benefit-grid article{min-height:65px}.migration-grid{grid-template-columns:1fr 1fr}.migration-grid .outline{justify-self:start}.final-cta{padding:20px 0}.cta-grid{grid-template-columns:80px 1fr}.cta-grid>img{width:76px;height:76px}.cta-grid>.hero-actions{grid-column:1/-1}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}.newsletter{grid-column:1/-1}
}
@media (max-width:560px){
  .hero{padding-top:40px}.hero h1{font-size:2.85rem}.lead{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.trust-list{flex-direction:column;gap:8px;align-items:center}.product-stage{transform:scale(.5);width:200%;height:250px;margin-top:35px}.benefit-grid,.feature-grid{grid-template-columns:1fr}.benefit-grid article{justify-content:flex-start}.feature-section{padding-top:36px}.section-heading h2{font-size:1.5rem}.migration-grid{grid-template-columns:1fr}.migration .outline{width:100%}.cta-grid{grid-template-columns:1fr;text-align:center}.cta-grid>img{margin:auto}.cta-grid>.hero-actions{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.newsletter{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* ── Strona „wkrotce" i komunikaty zapisu (15.09.2026) ──────────────────
   ⭐ Dokładany blok, nie przepisany arkusz — reszta strony ma wyglądać
   dokładnie tak, jak wyglądała, a różnica w wyglądzie przy wdrożeniu
   publicznym byłaby zmianą, o której nikt nie decydował.
   ⚠️ Stany zapisu rozróżniamy KOLOREM I TREŚCIĄ, nie samym kolorem — sam
   kolor nie dochodzi do osoby nierozróżniającej barw ani do czytnika ekranu
   (stąd `role="status"` przy tych akapitach w HTML-u). */
.strona-wkrotce .site-header{position:static}
.strona-wkrotce main{min-height:calc(100vh - 82px - 60px);display:flex;align-items:center}
.wkrotce{position:relative;width:100%;overflow:hidden;padding:56px 0 64px;background:radial-gradient(circle at 60% 40%,rgba(31,96,255,.14),transparent 42%),linear-gradient(180deg,#061528,#091a30)}
.wkrotce-grid{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.wkrotce-znak{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(50,119,255,.32));margin-bottom:18px}
.wkrotce h1{font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;font-weight:820}
.wkrotce h1 span{background:linear-gradient(90deg,#20b7ff,#3c6eff 45%,#9e34ed);-webkit-background-clip:text;background-clip:text;color:transparent}
.wkrotce .lead{margin:0 auto 26px}
.wkrotce .cichy{font-size:.78rem;color:#93a6c2;max-width:52ch;margin:22px auto 0;line-height:1.6}
.wkrotce .cichy a{color:#7fb0ff}
.wkrotce-powrot{margin:26px 0 0;font-size:.82rem}
.wkrotce-powrot a{color:#9fb4d4;text-decoration:none}
.wkrotce-powrot a:hover{color:#fff}
.zapis-form{display:flex;gap:10px;width:min(520px,100%);margin-inline:auto}
.zapis-form input{flex:1;min-width:0;height:50px;border:1px solid #3b5274;border-radius:8px;background:#10243d;color:#fff;padding:0 15px;outline:none;font-size:.95rem}
.zapis-form input:focus{border-color:#4f83ff;box-shadow:0 0 0 3px rgba(54,113,255,.18)}
.zapis-form button[disabled]{opacity:.6;cursor:progress;transform:none}
.zapis-stan,.newsletter-stan{min-height:1.2em;margin:12px 0 0;font-size:.84rem;font-weight:600}
.newsletter-stan{margin:8px 0 0;font-size:.62rem}
.zapis-stan[data-rodzaj=ok],.newsletter-stan[data-rodzaj=ok]{color:#5fe3a1}
.zapis-stan[data-rodzaj=blad],.newsletter-stan[data-rodzaj=blad]{color:#ff9a9a}
.zapis-stan[data-rodzaj=w-toku],.newsletter-stan[data-rodzaj=w-toku]{color:#aebbd0}
@media (max-width:560px){
  .zapis-form{flex-direction:column}.zapis-form button{width:100%}
  .strona-wkrotce main{min-height:auto}.wkrotce{padding:40px 0 48px}
}

/* ── Przełącznik języka EN | PL (15.09.2026) ────────────────────────────
   ⭐ Wybrany język jest widoczny DWOMA sposobami naraz: mocniejszym
   kontrastem ORAZ atrybutem `aria-current` w HTML-u. Sam kolor nie dochodzi
   do czytnika ekranu ani do osoby nierozróżniającej barw — a „w którym
   jestem języku" to nie ozdoba, tylko treść.
   ⚠️ `white-space:nowrap` i stała szerokość: bez nich „EN | PL" łamie się
   na wąskim telefonie i wygląda jak dwa osobne odsyłacze bez związku. */
.jezyk{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;
  border:1px solid #37527a;border-radius:8px;padding:3px;background:rgba(7,20,38,.6)}
.jezyk a{min-width:34px;text-align:center;padding:5px 7px;border-radius:5px;
  color:#9db0cc;text-decoration:none;font-size:.72rem;font-weight:800;
  letter-spacing:.06em;transition:.18s ease}
.jezyk a:hover{color:#fff;background:rgba(255,255,255,.07)}
.jezyk a.wybrany{color:#fff;background:linear-gradient(110deg,#2a63ef,#6f3bf0)}
/* ⛔⛔ NA TELEFONIE PRZEŁĄCZNIK MUSI ZOSTAĆ, A PRZYCISKI ZNIKAJĄ.
   Wyjściowa reguła przy 820 px chowa CAŁE `.nav-actions` — a przełącznik
   języka siedzi właśnie w środku, więc poniżej 820 px nie dałoby się
   zmienić języka w ogóle.
   ⚠️ Nie da się tego naprawić samym `.jezyk{display:inline-flex}`: dziecko
   nie odsłoni się spod rodzica z `display:none`. Dlatego rodzic wraca na
   `flex`, a chowamy WYŁĄCZNIE przyciski w środku.
   ⚠️ `margin-left:auto` ma tu TYLKO `.nav-actions` — zostawione również
   przy `.menu-toggle` (jest w regule 820 px) rozpychałoby oba elementy na
   przeciwne końce paska. */
@media (max-width:820px){
  .nav-actions{display:flex;align-items:center;gap:0;margin-left:auto;order:2}
  .nav-actions .button{display:none}
  .site-header .menu-toggle{margin-left:8px;order:3}
}