:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --ink:#061224;
  --muted:#5d6c82;
  --line:#e1e8f1;
  --soft:#eef3f9;
  --navy:#071f3d;
  --navy-2:#0b2f5b;
  --navy-3:#031020;
  --red:#ff202d;
  --red-2:#e91522;
  --orange:#ff7a1a;
  --green:#2cc36b;
  --blue:#0a315f;
  --cyan:#6ee7ff;
  --shadow:0 26px 80px rgba(7,31,61,.14);
  --shadow-soft:0 16px 45px rgba(7,31,61,.08);
  --radius:28px;
  --radius-sm:18px;
  --container: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(--ink);
  background:var(--bg);
  line-height:1.65;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;z-index:9999}
.skip-link:focus{left:12px}
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(224,232,243,.92);
  backdrop-filter:blur(18px);
}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{width:225px;height:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:26px;color:#26374e;font-weight:850;font-size:14px}
.nav a{position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--orange));transform:scaleX(0);transform-origin:left;transition:.22s ease}
.nav a:hover{color:var(--navy)}
.nav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.phone-link{font-weight:950;font-size:14px;color:var(--navy);white-space:nowrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:54px;padding:0 24px;border-radius:999px;border:1px solid transparent;
  font-weight:950;letter-spacing:-.02em;cursor:pointer;transition:.22s ease;
  white-space:nowrap;
}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;box-shadow:0 18px 38px rgba(255,38,45,.26)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(255,38,45,.34)}
.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.btn-secondary:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32);transform:translateY(-2px)}
.btn-outline{background:#fff;border-color:#cfd9e8;color:var(--ink)}
.btn-outline:hover{border-color:#aebdd1;transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.btn-light{background:#fff;color:var(--navy);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.btn-light:hover{transform:translateY(-2px)}
.btn-small{min-height:46px;padding:0 19px;font-size:14px}
.btn-full{width:100%}
.menu-toggle{display:none;width:46px;height:46px;border:0;background:#f0f4fa;border-radius:15px;padding:11px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--navy);border-radius:3px;margin:5px 0}
.hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:96px 0 74px;
  background:
    radial-gradient(circle at 84% 25%, rgba(255,122,26,.22), transparent 24%),
    radial-gradient(circle at 22% 10%, rgba(255,32,45,.2), transparent 24%),
    linear-gradient(135deg,#061226 0%,#071f3d 48%,#0b345e 100%);
  color:#fff;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));
}
.hero::after{
  content:"";
  position:absolute;right:-18%;bottom:-44%;width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(110,231,255,.14),transparent 62%);
}
.hero-grid-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-grid-bg::before{
  content:"";
  position:absolute;left:-12%;top:18%;width:54vw;height:54vw;border-radius:50%;
  border:1px solid rgba(255,122,26,.18);
  box-shadow:0 0 0 34px rgba(255,32,45,.025),0 0 0 92px rgba(255,122,26,.025);
  transform:rotate(-18deg);
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .88fr;gap:74px;align-items:center;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:#ffcfb8;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.eyebrow span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(44,195,107,.16),0 0 24px rgba(44,195,107,.8)}
.eyebrow.light{color:#556b87}
.eyebrow.light span{background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 0 0 7px rgba(255,32,45,.09)}
.hero h1{font-size:clamp(54px,7.4vw,94px);line-height:.92;letter-spacing:-.078em;margin:0 0 26px;max-width:800px}
.hero h1 strong{display:block;background:linear-gradient(90deg,#fff 0%,#ff9b39 45%,#ff202d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:20px;line-height:1.76;color:#dbe7f8;max-width:720px;margin:0 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}
.hero-proof div{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px 16px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.proof-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.12);color:#ffbf85;font-weight:950;font-size:12px;margin-bottom:12px}
.hero-proof strong{display:block;font-size:16px;line-height:1.15;letter-spacing:-.025em;color:#fff}
.hero-proof small{display:block;color:#b8c7dc;font-size:13px;margin-top:4px}
.hero-visual{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate}
.orbit{position:absolute;width:min(520px,100%);aspect-ratio:1.24;border-radius:50%;border:2px solid rgba(255,122,26,.35);transform:rotate(-15deg);filter:drop-shadow(0 0 18px rgba(255,122,26,.18))}
.orbit::before,.orbit::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 0 24px rgba(255,67,32,.8)}
.orbit::before{top:22%;left:4%}.orbit::after{right:8%;bottom:18%;background:var(--green);box-shadow:0 0 20px rgba(44,195,107,.7)}
.visual-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,249,253,.94));border:1px solid rgba(255,255,255,.7);box-shadow:0 36px 90px rgba(0,0,0,.32);border-radius:32px;color:var(--ink);overflow:hidden}
.main-card{width:min(510px,100%);z-index:2}
.visual-head{display:flex;align-items:center;gap:8px;padding:18px 22px;background:#071a33;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
.visual-head strong{margin-left:8px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#9fdcf1}
.traffic{width:10px;height:10px;border-radius:50%}.red{background:#ff4b54}.orange{background:#ff9b2a}.green{background:#33d17a}
.visual-body{padding:30px}
.visual-body h2{font-size:31px;line-height:1.08;letter-spacing:-.055em;margin:0 0 22px;color:var(--navy)}
.visual-body ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.visual-body li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-weight:820;color:#34455f}
.visual-body li span{width:30px;height:30px;border-radius:11px;background:#f1f5fb;color:var(--navy);display:grid;place-items:center;font-size:13px;font-weight:950}
.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid #e2e9f2;border-radius:19px;padding:14px 16px;box-shadow:0 22px 55px rgba(0,0,0,.2);min-width:170px;color:var(--ink)}
.floating-card strong{display:block;font-size:15px;letter-spacing:-.03em;color:var(--navy)}
.floating-card span{display:block;font-size:12px;color:#60728b;font-weight:750;margin-top:2px}
.float-one{left:0;top:82px}.float-two{right:-16px;bottom:108px}.float-three{left:52px;bottom:28px}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.strip-inner{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 0}
.strip-inner span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #e1e8f1;background:#fafcff;border-radius:999px;font-weight:900;color:#40506b;font-size:13px}
.section{padding:92px 0}
.section-head{text-align:center;margin:0 auto 48px;max-width:780px}
.section-head.compact{max-width:780px}.section-head.left{text-align:left;margin:0}.section h2{font-size:clamp(38px,4vw,60px);line-height:1.02;letter-spacing:-.067em;margin:0 0 18px}
.section-head p,.safety-grid>div>p,.contact-copy>p,.faq-grid>div>p{color:#5c6e86;font-size:18px;margin:0}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.problem-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;min-height:245px;box-shadow:0 10px 30px rgba(9,25,52,.05);transition:.22s ease;position:relative;overflow:hidden}
.problem-card::after{content:"";position:absolute;right:-60px;top:-60px;width:130px;height:130px;border-radius:50%;background:rgba(7,31,61,.04)}
.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}
.problem-card.priority{border-color:rgba(255,32,45,.25);background:linear-gradient(180deg,#fff,#fff7f5)}
.icon{width:58px;height:58px;border-radius:18px;background:#eef3f9;color:var(--navy);display:grid;place-items:center;font-weight:950;margin-bottom:24px;letter-spacing:-.04em;font-size:13px}
.priority .icon{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;box-shadow:0 12px 30px rgba(255,32,45,.22)}
.problem-card h3{font-size:22px;line-height:1.16;letter-spacing:-.04em;margin:0 0 12px;position:relative;z-index:1}.problem-card p{margin:0;color:#53647c;position:relative;z-index:1}
.process-section{background:linear-gradient(135deg,var(--navy-3),var(--navy) 55%,#123d69);color:#fff;position:relative;overflow:hidden}
.process-section::before{content:"";position:absolute;right:-130px;top:-230px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.23),transparent 70%)}
.process-section::after{content:"";position:absolute;left:-130px;bottom:-230px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,32,45,.2),transparent 70%)}
.process-section .container{position:relative}.process-section .section-head p{color:#c1d1e5}.process-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:start}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:62px 1fr;gap:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;backdrop-filter:blur(14px)}.step span{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:-.03em;box-shadow:0 12px 26px rgba(255,32,45,.22)}.step h3{font-size:21px;margin:0 0 4px;letter-spacing:-.035em}.step p{margin:0;color:#c6d4e7}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 12px 36px rgba(9,25,52,.06);display:flex;flex-direction:column;min-height:520px}.price-card.featured{border-color:rgba(255,32,45,.28);box-shadow:0 30px 80px rgba(255,32,45,.18);transform:translateY(-10px);background:linear-gradient(180deg,#fff,#fff8f4)}.badge{position:absolute;right:22px;top:22px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.price-card h3{font-size:29px;line-height:1.1;letter-spacing:-.055em;margin:0 0 12px;max-width:225px}.price-desc{color:#5c6c82;margin:0 0 24px;min-height:78px}.price{font-size:52px;line-height:1;font-weight:950;letter-spacing:-.07em;margin-bottom:28px;color:var(--navy)}.price span{font-size:14px;color:#6b7c92;letter-spacing:0;margin-right:8px;text-transform:uppercase}.price-card ul{padding:0;margin:0 0 30px;list-style:none;display:grid;gap:12px;color:#34435d}.price-card li{position:relative;padding-left:27px}.price-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}.price-card .btn{margin-top:auto}
.safety{background:#fff}.safety-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.safety-grid h2{max-width:620px}.safety-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.safety-cards article{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fbfdff}.safety-cards strong{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff0ea;color:var(--red);margin-bottom:16px}.safety-cards h3{font-size:20px;margin:0 0 6px;letter-spacing:-.035em}.safety-cards p{margin:0;color:#5a697e}
.contact-section{background:linear-gradient(180deg,#f5f7fb,#fff)}.contact-grid{display:grid;grid-template-columns:.78fr 1fr;gap:48px;align-items:start}.contact-copy{position:sticky;top:112px}.contact-copy h2{font-size:clamp(40px,4vw,64px)}.contact-note{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow-soft)}.contact-note strong{display:block;margin-bottom:4px;font-size:18px}.contact-note span{color:#59697f}.contact-form{background:#fff;border:1px solid #dce5f1;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;font-weight:850;color:#172238;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid #d7e0ec;background:#fff;border-radius:16px;min-height:52px;padding:13px 15px;color:var(--ink);outline:0;transition:.18s ease;font-weight:500}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#ff8d5a;box-shadow:0 0 0 4px rgba(255,32,45,.1)}.checkbox{display:flex;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;font-weight:600;color:#52637a;line-height:1.5;margin:20px 0}.checkbox input{width:18px;height:18px;min-height:18px;margin-top:3px;accent-color:var(--red)}.hidden-field{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}.form-status{margin:14px 0 0;color:#53647c;font-weight:750}.form-status.error{color:#c52845}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;align-items:start}.faq-list{display:grid;gap:12px}details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:0 10px 28px rgba(9,25,52,.04)}summary{cursor:pointer;font-weight:950;font-size:18px;letter-spacing:-.025em}details p{margin:12px 0 0;color:#58687f}.final-cta{background:linear-gradient(135deg,var(--navy-3),var(--navy));color:#fff;padding:58px 0;position:relative;overflow:hidden}.final-cta::before{content:"";position:absolute;right:-140px;top:-250px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.36),transparent 70%)}.final-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px}.final-inner p{margin:0 0 4px;color:#b4c5dc;font-weight:850}.final-inner h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.055em;line-height:1.04;margin:0;max-width:820px}.footer{background:#050b16;color:#c8d4e8;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:40px}.footer .brand img{width:220px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.25))}.footer p{max-width:460px;color:#9fb0ca;margin:16px 0 0}.footer h3{color:#fff;margin:0 0 12px;font-size:16px}.footer a:not(.brand){display:block;color:#c8d4e8;margin:7px 0}.footer a:hover{color:#fff}.mobile-sticky-cta{display:none}
@media (max-width: 1080px){.brand img{width:205px}.nav{gap:18px}.phone-link{display:none}}
@media (max-width: 980px){.header-inner{height:74px}.header-actions .btn-small{display:none}.menu-toggle{display:block}.nav{position:absolute;left:20px;right:20px;top:82px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px;color:var(--navy)}.nav.open{display:flex}.nav a{padding:11px 12px;border-radius:13px}.nav a:hover{background:#f2f6fc}.nav a::after{display:none}.hero{padding:62px 0 54px;min-height:auto}.hero-grid,.process-grid,.safety-grid,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.hero-visual{min-height:500px;max-width:620px;margin-inline:auto}.contact-copy{position:static}.problem-grid,.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 680px){.container{width:min(100% - 28px, var(--container))}.brand img{width:180px}.hero h1{font-size:51px}.lead{font-size:17px}.hero-actions .btn{width:100%}.hero-proof{grid-template-columns:1fr}.hero-visual{min-height:440px}.main-card{width:100%}.visual-body{padding:22px}.visual-body h2{font-size:27px}.floating-card{display:none}.orbit{width:92%}.section{padding:66px 0}.section h2{font-size:38px}.problem-grid,.pricing-grid,.safety-cards,.form-row.two{grid-template-columns:1fr}.price-card{min-height:auto}.faq-grid{gap:24px}.final-inner{display:grid}.final-inner .btn{width:100%}.footer-grid{grid-template-columns:1fr}.mobile-sticky-cta{display:inline-flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:90;min-height:52px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;font-weight:950;box-shadow:0 18px 38px rgba(255,38,45,.34)}body{padding-bottom:76px}}
@media (max-width: 420px){.brand img{width:160px}.hero h1{font-size:44px}.hero{padding-top:44px}.visual-head strong{font-size:10px}.visual-body li{font-size:14px}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V6 - dynamiczne hero dopasowane do logo */
.hero{min-height:760px;background:
  radial-gradient(circle at 78% 18%, rgba(255,122,26,.28), transparent 22%),
  radial-gradient(circle at 14% 22%, rgba(255,32,45,.21), transparent 28%),
  linear-gradient(128deg,#071324 0%,#071f3d 48%,#0c355f 100%);
}
.hero-copy{transform:translateY(-4px)}
.hero h1{max-width:820px;text-shadow:0 26px 80px rgba(0,0,0,.23)}
.hero h1 strong{background:linear-gradient(90deg,#fff3de 0%,#ffad54 40%,#ff2b2b 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-command{position:relative;min-height:575px;display:grid;place-items:center;isolation:isolate;perspective:1100px}
.command-glow{position:absolute;border-radius:999px;filter:blur(22px);opacity:.75;pointer-events:none;z-index:0}
.glow-red{width:340px;height:340px;left:-60px;top:40px;background:radial-gradient(circle,rgba(255,32,45,.28),transparent 68%)}
.glow-orange{width:420px;height:420px;right:-100px;bottom:0;background:radial-gradient(circle,rgba(255,122,26,.26),transparent 70%)}
.command-shell{position:relative;width:min(600px,100%);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,254,.95));border:1px solid rgba(255,255,255,.78);border-radius:34px;box-shadow:0 42px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;color:var(--ink);z-index:2;transform-style:preserve-3d;transition:transform .18s ease, box-shadow .18s ease}
.command-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(255,122,26,.18),transparent 34%);pointer-events:none;opacity:.9}
.command-topbar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px 20px;background:linear-gradient(90deg,#061224,#092848);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.window-dots{display:flex;gap:8px;align-items:center}.command-topbar strong{text-transform:uppercase;letter-spacing:.12em;color:#eaf6ff;font-size:12px}.live-pill{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:950;color:#d8ecff;text-transform:uppercase;letter-spacing:.04em}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(44,195,107,.56);animation:livePulse 1.7s ease infinite}
.incident-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:rgba(7,31,61,.035);border-bottom:1px solid #e6edf6}.incident-tabs button{border:1px solid #dde7f3;background:#fff;color:#344861;border-radius:16px;min-height:42px;font-weight:950;font-size:13px;cursor:pointer;transition:.2s ease}.incident-tabs button:hover{transform:translateY(-1px);border-color:#f4a065}.incident-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));border-color:transparent;box-shadow:0 14px 30px rgba(255,54,37,.22)}
.command-body{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;padding:22px}.incident-panel,.live-workflow{position:relative;border:1px solid #dfe8f3;background:#fff;border-radius:24px;padding:20px;box-shadow:0 12px 35px rgba(7,31,61,.08)}.incident-panel{overflow:hidden}.incident-panel::after{content:"";position:absolute;right:-64px;top:-64px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(255,32,45,.13),rgba(255,122,26,.14))}.micro-label{position:relative;z-index:1;margin:0 0 10px;color:#6a7d95;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:950}.incident-panel h2{position:relative;z-index:1;margin:0 0 12px;font-size:32px;line-height:1.03;letter-spacing:-.065em;color:#071f3d}.incident-panel p[data-incident-copy]{position:relative;z-index:1;margin:0;color:#51637a;font-size:14px;line-height:1.55}.impact-box{position:relative;z-index:1;margin:18px 0 14px;padding:14px;border-radius:18px;background:#f5f8fc;border:1px solid #e2eaf5}.impact-box>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.impact-box span{color:#72849b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.impact-box strong{font-size:14px;color:#071f3d}.impact-track,.workflow-progress{height:9px;border-radius:999px;background:#e8eef6;overflow:hidden}.impact-track i,.workflow-progress i{display:block;height:100%;width:86%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--orange));box-shadow:0 0 18px rgba(255,72,35,.35);transition:width .45s cubic-bezier(.2,.8,.2,1)}.issue-chips{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap}.issue-chips span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef4fb;color:#35506d;font-size:12px;font-weight:900}.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.workflow-head span{display:block;color:#6a7b92;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.workflow-head strong{display:block;margin-top:2px;font-size:17px;letter-spacing:-.03em;color:#071f3d}.workflow-head b{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#071f3d;color:#fff;font-size:17px;box-shadow:0 14px 35px rgba(7,31,61,.22)}.workflow-progress{margin-bottom:16px}.workflow-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.workflow-steps li{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid #e5edf7;border-radius:18px;background:#fbfdff;color:#41536c;transition:.28s ease}.workflow-steps li b{display:grid;place-items:center;width:31px;height:31px;border-radius:12px;background:#eef4fb;color:#071f3d;font-size:12px}.workflow-steps li span{font-weight:950;font-size:14px;letter-spacing:-.02em}.workflow-steps li em{font-style:normal;color:#7587a0;font-size:11px;font-weight:950;text-transform:uppercase;white-space:nowrap}.workflow-steps li.done{background:#f2fff8;border-color:rgba(44,195,107,.25)}.workflow-steps li.done b{background:rgba(44,195,107,.14);color:#0a8d4b}.workflow-steps li.done em{color:#0a8d4b}.workflow-steps li.active{border-color:rgba(255,122,26,.45);box-shadow:0 15px 32px rgba(255,122,26,.12);transform:translateX(4px)}.workflow-steps li.active b{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff}.workflow-steps li.active em{color:#e85920}.alert-card{position:absolute;z-index:4;min-width:156px;background:#fff;border:1px solid #e1e8f2;border-radius:20px;padding:14px 16px;box-shadow:0 22px 60px rgba(0,0,0,.25);color:#071f3d;animation:floatCard 5.5s ease-in-out infinite}.alert-card strong{display:block;font-size:15px;letter-spacing:-.03em}.alert-card span{display:block;color:#5e718a;font-size:12px;font-weight:850;margin-top:1px}.alert-a{left:-20px;top:72px}.alert-b{right:-18px;bottom:122px;animation-delay:-1.8s}.alert-c{left:38px;bottom:40px;animation-delay:-3s}.command-shell.is-switching .incident-panel h2,.command-shell.is-switching [data-incident-copy],.command-shell.is-switching .issue-chips{animation:panelSwap .36s ease}.hero-command .traffic{box-shadow:0 0 12px rgba(255,255,255,.13)}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(44,195,107,.52)}70%{box-shadow:0 0 0 9px rgba(44,195,107,0)}100%{box-shadow:0 0 0 0 rgba(44,195,107,0)}}
@keyframes floatCard{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes panelSwap{0%{opacity:.4;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
@media (max-width:980px){.hero-command{min-height:570px;max-width:680px;margin-inline:auto}.command-shell{width:100%}.alert-a{left:8px}.alert-b{right:6px}.alert-c{left:70px}.command-body{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.hero-command{min-height:auto;display:block}.command-shell{border-radius:26px}.command-topbar{grid-template-columns:auto 1fr}.live-pill{display:none}.incident-tabs{grid-template-columns:repeat(2,1fr)}.command-body{grid-template-columns:1fr;padding:14px}.incident-panel h2{font-size:28px}.workflow-steps li{grid-template-columns:32px 1fr}.workflow-steps li em{display:none}.alert-card{display:none}.command-glow{display:none}.hero{min-height:auto}}
@media (prefers-reduced-motion: reduce){.live-pill i,.alert-card{animation:none!important}.command-shell{transform:none!important}}

/* V9 - poprawka panelu hero: mniej ciasno, bez nowych elementów */
@media (min-width: 681px){
  .command-shell{
    width:min(640px,100%);
  }
  .command-body{
    grid-template-columns:1fr;
    gap:14px;
    padding:22px;
  }
  .incident-panel{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);
    grid-template-areas:
      "label label"
      "title impact"
      "copy chips";
    gap:10px 20px;
    align-items:center;
    min-height:218px;
    padding:22px;
  }
  .incident-panel .micro-label{grid-area:label;margin:0;}
  .incident-panel h2{grid-area:title;margin:0;font-size:34px;max-width:360px;}
  .incident-panel p[data-incident-copy]{grid-area:copy;max-width:365px;}
  .impact-box{grid-area:impact;margin:0;align-self:end;}
  .issue-chips{grid-area:chips;align-self:start;}
  .live-workflow{padding:18px 18px 19px;}
  .workflow-head{align-items:center;margin-bottom:10px;}
  .workflow-head strong{font-size:21px;}
  .workflow-head b{width:54px;height:54px;border-radius:18px;}
  .workflow-progress{margin-bottom:13px;}
  .workflow-steps{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .workflow-steps li{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(40px,auto) auto;
    gap:7px;
    align-items:start;
    padding:12px;
    min-height:126px;
  }
  .workflow-steps li b{width:32px;height:32px;}
  .workflow-steps li span{font-size:13px;line-height:1.25;}
  .workflow-steps li em{font-size:10px;white-space:normal;}
  .workflow-steps li.active{transform:translateY(-3px);}
  .alert-card{min-width:142px;padding:13px 15px;}
  .alert-a{left:-78px;top:112px;}
  .alert-b{right:-82px;bottom:154px;}
  .alert-c{left:-66px;bottom:54px;}
}

@media (min-width: 681px) and (max-width: 980px){
  .command-shell{width:min(640px,100%);}
  .command-body{grid-template-columns:1fr;}
  .alert-a{left:-18px;top:112px;}
  .alert-b{right:-18px;bottom:154px;}
  .alert-c{left:8px;bottom:54px;}
}

@media (max-width: 680px){
  .command-body{grid-template-columns:1fr;}
  .workflow-steps{grid-template-columns:1fr;}
  .workflow-steps li.active{transform:none;}
}

/* V10 - kompaktowy, stabilny panel hero: bez skakania i bez wchodzenia na tekst */
@media (min-width: 981px){
  .hero{min-height:650px;padding:76px 0 56px;}
  .hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(500px,.74fr);gap:44px;align-items:center;}
  .hero-command{justify-self:end;min-height:470px;width:100%;max-width:580px;overflow:visible;}
  .command-shell{width:min(535px,100%)!important;border-radius:30px;transform:none!important;}
  .command-shell::before{opacity:.55;}
  .command-topbar{padding:12px 16px;gap:10px;}
  .command-topbar strong{font-size:11px;letter-spacing:.105em;}
  .traffic{width:8px;height:8px;}
  .window-dots{gap:6px;}
  .live-pill{min-height:27px;padding:0 10px;font-size:11px;}
  .incident-tabs{gap:7px;padding:9px 11px;}
  .incident-tabs button{min-height:36px;border-radius:14px;font-size:12px;}
  .command-body{grid-template-columns:1fr!important;gap:10px;padding:14px;}
  .incident-panel{
    grid-template-columns:minmax(0,1.35fr) minmax(145px,.65fr)!important;
    grid-template-areas:"label impact" "title impact" "copy chips"!important;
    min-height:152px!important;
    padding:16px!important;
    border-radius:22px;
    gap:8px 15px!important;
    align-items:center;
  }
  .incident-panel::after{width:116px;height:116px;right:-42px;top:-48px;}
  .incident-panel .micro-label{font-size:10px;margin:0;line-height:1.1;}
  .incident-panel h2{font-size:27px!important;line-height:1.02!important;max-width:315px!important;margin:0!important;min-height:56px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .incident-panel p[data-incident-copy]{font-size:13px;line-height:1.42;max-width:320px!important;min-height:55px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .impact-box{padding:10px!important;border-radius:16px;margin:0!important;align-self:center!important;}
  .impact-box>div:first-child{margin-bottom:7px;}
  .impact-box span{font-size:9px;}
  .impact-box strong{font-size:13px;}
  .impact-track,.workflow-progress{height:7px;}
  .issue-chips{gap:5px;align-self:center!important;}
  .issue-chips span{min-height:24px;padding:0 8px;font-size:10.5px;}
  .live-workflow{padding:14px!important;border-radius:22px;}
  .workflow-head{margin-bottom:8px!important;align-items:center;}
  .workflow-head span{font-size:10px;}
  .workflow-head strong{font-size:18px!important;margin-top:0;}
  .workflow-head b{width:44px!important;height:44px!important;border-radius:15px!important;font-size:15px;}
  .workflow-progress{margin-bottom:10px!important;}
  .workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .workflow-steps li{min-height:86px!important;padding:9px!important;border-radius:16px;grid-template-rows:auto 1fr auto!important;gap:5px!important;transform:none!important;}
  .workflow-steps li b{width:27px!important;height:27px!important;border-radius:10px;font-size:10.5px;}
  .workflow-steps li span{font-size:11.2px!important;line-height:1.17!important;letter-spacing:-.015em;}
  .workflow-steps li em{font-size:9px!important;line-height:1.1;}
  .workflow-steps li.active{transform:none!important;box-shadow:0 8px 18px rgba(255,122,26,.1);}
  .alert-card{animation:none!important;min-width:112px;width:112px;padding:10px 12px;border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.22);}
  .alert-card strong{font-size:12.5px;}
  .alert-card span{font-size:10.5px;line-height:1.2;}
  .alert-a{left:auto!important;right:-56px!important;top:74px!important;}
  .alert-b{left:auto!important;right:-68px!important;bottom:118px!important;}
  .alert-c{left:auto!important;right:22px!important;bottom:-26px!important;}
  .command-shell.is-switching .incident-panel h2,
  .command-shell.is-switching [data-incident-copy],
  .command-shell.is-switching .issue-chips{animation:none!important;}
}

@media (min-width: 981px) and (max-width: 1230px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(470px,.78fr);gap:28px;}
  .hero h1{font-size:clamp(52px,6.2vw,78px);}
  .lead{font-size:18px;line-height:1.65;}
  .hero-proof strong{font-size:14px;}
  .hero-proof small{font-size:12px;}
  .hero-command{max-width:535px;}
  .alert-a,.alert-b,.alert-c{display:none;}
}

@media (min-width: 681px) and (max-width: 980px){
  .hero{min-height:auto;padding:62px 0 48px;}
  .hero-grid{gap:42px;}
  .hero-command{min-height:auto;max-width:600px;}
  .command-shell{width:100%!important;border-radius:28px;transform:none!important;}
  .command-topbar{padding:12px 16px;}
  .incident-tabs{padding:9px 10px;gap:7px;}
  .incident-tabs button{min-height:36px;border-radius:14px;font-size:12px;}
  .command-body{padding:14px;gap:10px;}
  .incident-panel{min-height:150px!important;padding:16px!important;grid-template-columns:minmax(0,1.35fr) minmax(145px,.65fr)!important;gap:8px 14px!important;}
  .incident-panel h2{font-size:26px!important;min-height:54px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .incident-panel p[data-incident-copy]{font-size:13px;line-height:1.42;min-height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .impact-box{padding:10px!important;}
  .issue-chips span{min-height:24px;font-size:10.5px;}
  .live-workflow{padding:14px!important;}
  .workflow-head strong{font-size:18px!important;}
  .workflow-head b{width:44px!important;height:44px!important;}
  .workflow-progress{margin-bottom:10px!important;}
  .workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .workflow-steps li{min-height:84px!important;padding:9px!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important;gap:5px!important;transform:none!important;}
  .workflow-steps li b{width:27px!important;height:27px!important;font-size:10.5px;}
  .workflow-steps li span{font-size:11.2px!important;line-height:1.17!important;}
  .workflow-steps li em{font-size:9px!important;}
  .alert-card{display:none!important;}
  .command-shell.is-switching .incident-panel h2,
  .command-shell.is-switching [data-incident-copy],
  .command-shell.is-switching .issue-chips{animation:none!important;}
}

@media (max-width: 680px){
  .hero{padding:48px 0 34px;}
  .hero-grid{gap:30px;}
  .hero h1{font-size:clamp(40px,12.5vw,56px);margin-bottom:18px;}
  .lead{font-size:16px;line-height:1.55;margin-bottom:22px;}
  .hero-actions{gap:10px;margin-bottom:18px;}
  .hero-actions .btn{width:100%;min-height:48px;}
  .hero-proof{grid-template-columns:1fr;gap:8px;}
  .hero-proof div{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;padding:10px 12px;border-radius:16px;}
  .proof-icon{width:28px;height:28px;margin:0;grid-row:1 / span 2;font-size:10px;}
  .hero-proof strong{font-size:13.5px;}
  .hero-proof small{font-size:11.5px;margin-top:0;}
  .hero-command{min-height:auto;max-width:430px;margin-top:4px;}
  .command-shell{border-radius:22px!important;transform:none!important;}
  .command-topbar{padding:10px 12px;gap:8px;}
  .command-topbar strong{font-size:10px;letter-spacing:.095em;}
  .traffic{width:7px;height:7px;}
  .window-dots{gap:5px;}
  .incident-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;}
  .incident-tabs button{min-height:32px;border-radius:12px;font-size:10.5px;padding:0 3px;}
  .command-body{padding:10px!important;gap:9px!important;}
  .incident-panel{display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-areas:"label impact" "title impact" "copy copy" "chips chips";gap:7px 10px;padding:12px!important;border-radius:18px;min-height:0!important;}
  .incident-panel::after{width:88px;height:88px;right:-36px;top:-38px;}
  .incident-panel .micro-label{grid-area:label;margin:0;font-size:9.5px;line-height:1.1;}
  .incident-panel h2{grid-area:title;font-size:23px!important;line-height:1.03!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;}
  .incident-panel p[data-incident-copy]{grid-area:copy;font-size:12.5px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;}
  .impact-box{grid-area:impact;margin:0!important;padding:9px!important;border-radius:14px;align-self:center;}
  .impact-box>div:first-child{margin-bottom:6px;display:block;}
  .impact-box span{font-size:8.5px;display:block;}
  .impact-box strong{font-size:12px;display:block;margin-top:1px;}
  .impact-track,.workflow-progress{height:6px;}
  .issue-chips{grid-area:chips;gap:5px;}
  .issue-chips span{min-height:22px;padding:0 7px;font-size:10px;}
  .live-workflow{padding:12px!important;border-radius:18px;}
  .workflow-head{margin-bottom:7px;align-items:center;}
  .workflow-head span{font-size:9.5px;}
  .workflow-head strong{font-size:16px!important;line-height:1.12;}
  .workflow-head b{width:40px!important;height:40px!important;border-radius:14px!important;font-size:13px;}
  .workflow-progress{margin-bottom:8px!important;}
  .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .workflow-steps li{grid-template-columns:28px 1fr!important;grid-template-rows:auto!important;gap:6px!important;align-items:center!important;min-height:58px!important;padding:8px!important;border-radius:14px;transform:none!important;}
  .workflow-steps li b{width:26px!important;height:26px!important;border-radius:10px;font-size:10px;}
  .workflow-steps li span{font-size:10.5px!important;line-height:1.12!important;}
  .workflow-steps li em{display:none!important;}
  .alert-card,.command-glow{display:none!important;}
  .command-shell.is-switching .incident-panel h2,
  .command-shell.is-switching [data-incident-copy],
  .command-shell.is-switching .issue-chips{animation:none!important;}
}

@media (max-width: 380px){
  .incident-panel{grid-template-columns:1fr;grid-template-areas:"label" "title" "copy" "impact" "chips";}
  .impact-box{max-width:none;}
  .incident-tabs button{font-size:9.5px;}
}


/* V11 - uproszczenie hero: bez chmurek, 3 przewagi jako jedna czysta linia z ptaszkami */
.alert-card{display:none!important;}

.hero-proof{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:12px 18px!important;
  max-width:760px!important;
  margin-top:4px;
  flex-wrap:wrap;
}
.hero-proof div{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  width:auto;
  min-height:34px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.proof-icon{
  display:inline-grid!important;
  place-items:center;
  flex:0 0 auto;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(44,195,107,.12)!important;
  border:1px solid rgba(44,195,107,.42)!important;
  color:#5cffaa!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 0 18px rgba(44,195,107,.16)!important;
}
.hero-proof strong{
  font-size:14.5px!important;
  line-height:1.15!important;
  color:#f5fbff!important;
  letter-spacing:-.02em!important;
  white-space:nowrap;
}
.hero-proof small{display:none!important;}

@media (min-width:981px){
  .hero-actions{margin-bottom:18px!important;}
  .hero-proof{justify-content:center;}
  .hero-command{overflow:visible;}
}

@media (min-width:681px) and (max-width:980px){
  .hero-proof{justify-content:center;margin-inline:auto;}
}

@media (max-width:680px){
  .hero-actions{margin-bottom:14px!important;}
  .hero-proof{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:start!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
  .hero-proof div{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:30px!important;
    gap:5px!important;
  }
  .proof-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    font-size:10px!important;
  }
  .hero-proof strong{
    font-size:clamp(9.3px,2.65vw,11.2px)!important;
    line-height:1.08!important;
    white-space:normal!important;
    text-align:left!important;
  }
}

/* V13 - mobile: pełny tekst w panelu + delikatny efekt prześwietlania */
.command-shell{
  overflow:hidden;
}
.command-shell::after{
  content:"";
  position:absolute;
  inset:-35% -65%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(110deg,
    transparent 0%,
    transparent 42%,
    rgba(255,255,255,.10) 48%,
    rgba(255,255,255,.28) 50%,
    rgba(255,122,26,.10) 52%,
    transparent 58%,
    transparent 100%);
  transform:translateX(-58%) rotate(0.001deg);
  opacity:.52;
  animation:panelXray 7.5s cubic-bezier(.22,.8,.24,1) infinite;
  mix-blend-mode:screen;
}
.command-topbar,
.incident-tabs,
.command-body{
  position:relative;
  z-index:2;
}
@keyframes panelXray{
  0%,18%{transform:translateX(-60%);opacity:0;}
  28%{opacity:.50;}
  48%{transform:translateX(60%);opacity:.38;}
  58%,100%{transform:translateX(60%);opacity:0;}
}

@media (max-width:680px){
  .hero-command{max-width:460px;}
  .command-body{padding:10px!important;gap:8px!important;}
  .incident-panel{
    grid-template-columns:1fr 112px!important;
    grid-template-areas:"label impact" "title impact" "copy copy" "chips chips"!important;
    align-items:start!important;
    padding:12px!important;
  }
  .incident-panel h2{
    min-height:0!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    overflow:visible!important;
    font-size:clamp(21px,6.2vw,25px)!important;
    line-height:1.04!important;
    max-width:none!important;
  }
  .incident-panel p[data-incident-copy]{
    min-height:0!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    overflow:visible!important;
    font-size:12.2px!important;
    line-height:1.36!important;
    max-width:none!important;
    margin-top:1px!important;
  }
  .impact-box{align-self:start!important;}
  .issue-chips{margin-top:1px!important;}
  .live-workflow{padding:11px!important;}
  .workflow-head strong{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    line-height:1.15!important;
  }
  .workflow-steps li span{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    min-width:0!important;
  }
}

@media (max-width:400px){
  .incident-tabs{gap:4px!important;padding:7px!important;}
  .incident-tabs button{font-size:9.5px!important;min-height:30px!important;}
  .incident-panel{
    grid-template-columns:1fr!important;
    grid-template-areas:"label" "title" "copy" "impact" "chips"!important;
  }
  .impact-box{width:100%!important;}
}

@media (prefers-reduced-motion: reduce){
  .command-shell::after{animation:none!important;opacity:0!important;}
}

/* V15 - mocniejszy, jednoznaczny stan zakończenia procedury */
.workflow-steps li.done{
  background:linear-gradient(180deg,#f0fff7,#e8fff2)!important;
  border-color:rgba(44,195,107,.55)!important;
  color:#0a8d4b!important;
  box-shadow:0 10px 26px rgba(44,195,107,.10)!important;
}
.workflow-steps li.done b{
  background:linear-gradient(135deg,#2cc36b,#18a957)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(44,195,107,.24)!important;
}
.workflow-steps li.done span,
.workflow-steps li.done em{
  color:#0a8d4b!important;
}
.workflow-steps li.done b::before{
  content:"✓";
  font-size:14px;
  line-height:1;
}
.workflow-steps li.done b{
  font-size:0!important;
}
.workflow-steps li.active.done{
  transform:none!important;
}


/* V16 - hero bez pomarańczowego łuku: przyciemniony laptop + kodowanie w tle */
.hero{
  background:
    radial-gradient(circle at 36% 7%,rgba(255,32,80,.24),transparent 28%),
    radial-gradient(circle at 86% 38%,rgba(48,117,214,.20),transparent 31%),
    linear-gradient(135deg,#0b1024 0%,#171024 46%,#071b37 100%)!important;
}
.hero-grid-bg{
  z-index:0;
}
.hero-grid-bg::before{
  content:"";
  position:absolute;
  left:-4%!important;
  top:-8%!important;
  right:-4%!important;
  bottom:-8%!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-image:
    linear-gradient(90deg,rgba(7,13,31,.60) 0%,rgba(14,16,35,.23) 42%,rgba(5,18,40,.52) 100%),
    url("../img/hero-tech-bg.webp");
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,cover;
  background-position:center,center;
  opacity:.48;
  filter:saturate(1.1) contrast(1.06);
  mix-blend-mode:screen;
  pointer-events:none;
  transform:translate3d(0,0,0) scale(1.018);
  animation:heroTechFloat 13s ease-in-out infinite alternate;
}
.hero-grid-bg::after{
  content:"";
  position:absolute;
  inset:-18% -6%;
  pointer-events:none;
  opacity:.22;
  mix-blend-mode:screen;
  background-image:
    linear-gradient(100deg,transparent 0%,transparent 38%,rgba(110,231,255,.11) 46%,rgba(255,47,80,.08) 50%,transparent 58%,transparent 100%),
    repeating-linear-gradient(180deg,transparent 0 26px,rgba(149,202,255,.09) 27px,transparent 29px),
    repeating-linear-gradient(90deg,transparent 0 92px,rgba(255,255,255,.05) 93px,transparent 95px);
  background-size:240% 100%,100% 160px,180px 100%;
  background-position:-80% 0,0 0,0 0;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 14%,rgba(0,0,0,1) 80%,transparent 100%);
  animation:heroCodeSweep 9.5s linear infinite;
}
.hero-grid,
.hero-copy,
.hero-command{
  position:relative;
}
.hero-grid{
  z-index:2;
}

@keyframes heroTechFloat{
  0%{transform:translate3d(-10px,-8px,0) scale(1.018);}
  48%{transform:translate3d(8px,6px,0) scale(1.035);}
  100%{transform:translate3d(16px,-4px,0) scale(1.026);}
}
@keyframes heroCodeSweep{
  0%{background-position:-90% 0,0 0,0 0;}
  100%{background-position:125% 0,0 160px,180px 0;}
}

@media (min-width:981px){
  .hero-grid-bg::before{
    opacity:.42;
  }
  .hero-grid-bg::after{
    opacity:.18;
  }
}

@media (max-width:980px){
  .hero-grid-bg::before{
    left:-28%!important;
    right:-28%!important;
    top:-10%!important;
    bottom:-6%!important;
    opacity:.50;
    background-size:100% 100%,auto 105%;
    background-position:center,42% 44%;
    animation:heroTechMobileFloat 8s ease-in-out infinite alternate;
  }
  .hero-grid-bg::after{
    opacity:.24;
    inset:-12% -18%;
    animation-duration:8s;
  }
}

@media (max-width:680px){
  .hero-grid-bg::before{
    left:-96%!important;
    right:-92%!important;
    top:-7%!important;
    bottom:-8%!important;
    opacity:.56;
    background-size:100% 100%,auto 112%;
    background-position:center,41% 38%;
  }
  .hero-grid-bg::after{
    inset:-8% -40%;
    opacity:.28;
    background-size:210% 100%,100% 135px,140px 100%;
  }
}

@keyframes heroTechMobileFloat{
  0%{transform:translate3d(-8px,-7px,0) scale(1.035);}
  50%{transform:translate3d(10px,5px,0) scale(1.06);}
  100%{transform:translate3d(18px,-3px,0) scale(1.045);}
}

@media (prefers-reduced-motion: reduce){
  .hero-grid-bg::before,
  .hero-grid-bg::after{
    animation:none!important;
  }
}

/* V17 - wyłączony laptop/kodowanie i pomarańczowy łuk w hero */
.hero{
  background:
    radial-gradient(circle at 36% 7%,rgba(255,32,80,.20),transparent 28%),
    radial-gradient(circle at 86% 38%,rgba(48,117,214,.16),transparent 31%),
    linear-gradient(135deg,#0b1024 0%,#171024 46%,#071b37 100%)!important;
}
.hero-grid-bg::before,
.hero-grid-bg::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:0!important;
  animation:none!important;
}


/* V18 - delikatniejszy gradient hero + dopracowany mikrocopy i puls CTA */
.hero{
  background:
    radial-gradient(circle at 38% 12%, rgba(188,44,92,.12), transparent 32%),
    radial-gradient(circle at 84% 34%, rgba(47,107,201,.10), transparent 30%),
    linear-gradient(135deg,#091021 0%,#131126 45%,#071a34 100%)!important;
}
.hero::after{
  opacity:.42;
  filter:blur(10px);
}
.eyebrow{
  margin-bottom:12px!important;
  color:#ffd8c5;
}
.hero-badges{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.hero-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  color:#eef5ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
}
.btn-live::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(44,195,107,.6), 0 0 18px rgba(44,195,107,.55);
  animation:ctaLivePulse 1.8s ease-out infinite;
  flex:0 0 auto;
}
@keyframes ctaLivePulse{
  0%{box-shadow:0 0 0 0 rgba(44,195,107,.65), 0 0 18px rgba(44,195,107,.55);}
  70%{box-shadow:0 0 0 10px rgba(44,195,107,0), 0 0 26px rgba(44,195,107,.2);}
  100%{box-shadow:0 0 0 0 rgba(44,195,107,0), 0 0 16px rgba(44,195,107,.15);}
}
@media (max-width:680px){
  .hero-badges{margin:0 0 16px;gap:8px;}
  .hero-badge{min-height:32px;padding:0 12px;font-size:12px;}
}


/* V19 - mobile floating header, dynamic chat CTA and live chat section */
.live-chat-section{
  padding-top:74px;
  background:linear-gradient(180deg,#f5f7fb 0%,#eff4fb 100%);
}
.live-chat-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:34px;
  align-items:start;
}
.live-chat-copy h2{
  margin:14px 0 16px;
  font-size:clamp(38px,5vw,58px);
  line-height:.98;
  letter-spacing:-.055em;
  color:var(--navy);
}
.live-status-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(44,195,107,.18);
  background:#fff;
  box-shadow:0 14px 35px rgba(7,31,61,.08);
  color:#0b7f48;
}
.live-status-pill i{
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(44,195,107,.55);
  animation:ctaLivePulse 1.8s ease-out infinite;
}
.live-status-pill.offline{
  border-color:rgba(255,122,26,.18);
  color:#b15d0d;
}
.live-status-pill.offline i{
  background:var(--orange);
  box-shadow:none;
  animation:none;
}
.chat-benefits{
  display:grid;
  gap:10px;
  margin:22px 0 18px;
}
.chat-benefits div{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:center;
  min-height:52px;
  padding:0 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e2eaf5;
  box-shadow:0 14px 35px rgba(7,31,61,.05);
}
.chat-benefits span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:#e8fff2;
  color:#0a8d4b;
  font-weight:950;
}
.chat-benefits strong{
  color:#102743;
  font-size:15px;
  line-height:1.25;
}
.chat-hours{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:#5a6d86;
  font-size:14px;
}
.chat-shell{
  overflow:hidden;
  border-radius:30px;
  border:1px solid #dce6f2;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 32px 90px rgba(7,31,61,.12);
}
.chat-shell-topbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  background:#071f3d;
  color:#fff;
}
.chat-shell-topbar strong{font-size:14px;letter-spacing:-.02em;}
.chat-shell-topbar span:last-child{color:#a7c2e4;font-size:12px;font-weight:850;}
.chat-shell-body{
  padding:20px;
  display:grid;
  gap:14px;
}
.chat-bubble{
  max-width:84%;
  padding:13px 16px;
  border-radius:18px 18px 18px 8px;
  background:#edf5ff;
  color:#153250;
  font-weight:700;
  line-height:1.5;
}
.chat-bubble.subtle{
  background:#f7faff;
  color:#51657e;
  font-weight:600;
}
.chat-form .compact-row{gap:12px;}
.chat-form-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:2px;
}
.mobile-sticky-cta{
  background:linear-gradient(135deg,#071f3d 0%,#0b345e 100%)!important;
  box-shadow:0 18px 44px rgba(7,31,61,.34)!important;
  font-size:14px;
  line-height:1.2;
  text-align:center;
  padding-inline:18px!important;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.mobile-sticky-cta.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.mobile-sticky-cta::before{
  background:var(--green)!important;
}
body.is-online [data-mobile-sticky-cta]{
  background:linear-gradient(135deg,#071f3d 0%,#0f406d 100%)!important;
}
@media (max-width:980px){
  .live-chat-grid{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:680px){
  body{padding-top:98px!important;}
  .site-header{
    position:fixed!important;
    top:12px;
    left:14px;
    right:14px;
    width:auto;
    border-radius:24px;
    border:1px solid rgba(224,232,243,.96);
    box-shadow:0 18px 50px rgba(7,31,61,.12);
    background:rgba(255,255,255,.95)!important;
    backdrop-filter:blur(18px);
    transition:top .18s ease, transform .18s ease, box-shadow .18s ease;
  }
  .site-header.is-compact{top:8px;box-shadow:0 20px 58px rgba(7,31,61,.15);}
  .header-inner{height:74px;padding:0 2px;}
  .nav{top:88px!important;left:0!important;right:0!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(7,31,61,.15)!important;}
  .hero{padding-top:36px!important;}
  .hero-badges{margin-bottom:14px!important;}
  .hero-badge{font-size:11.5px!important;}
  .live-chat-section{padding-top:58px;}
  .live-chat-copy h2{font-size:38px;}
  .chat-shell{border-radius:24px;}
  .chat-shell-body{padding:16px;}
  .chat-bubble{max-width:100%;font-size:14px;}
  .chat-form-actions{grid-template-columns:1fr;}
}

/* V20 - pływający header desktop/mobile + popup czatu SOS */
body{
  padding-top:0!important;
}
.site-header{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  width:min(1180px, calc(100% - 40px))!important;
  transform:translateX(-50%)!important;
  z-index:220!important;
  border:1px solid rgba(220,228,240,.92)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 22px 70px rgba(7,31,61,.13)!important;
  backdrop-filter:blur(18px);
  transition:top .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.site-header.is-compact{
  top:9px!important;
  box-shadow:0 18px 58px rgba(7,31,61,.16)!important;
  background:rgba(255,255,255,.97)!important;
}
.site-header .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 18px!important;
}
.header-inner{
  height:62px!important;
  gap:18px!important;
}
.brand img{
  width:198px!important;
}
.nav{
  gap:22px!important;
  font-size:13px!important;
}
.header-actions .btn-small{
  min-height:42px!important;
  padding:0 17px!important;
  font-size:13px!important;
}
.phone-link{font-size:13px!important;}
.hero{
  padding-top:134px!important;
}
.page-doc main.section{
  padding-top:150px!important;
}
.chat-sos{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:210;
  width:72px;
  height:72px;
  border-radius:50%;
  border:2px solid rgba(255,47,112,.22);
  background:#ff2f70;
  color:#fff;
  font-weight:950;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(255,47,112,.32), 0 0 0 12px rgba(255,47,112,.10);
  transition:transform .18s ease, box-shadow .18s ease;
  animation:sosPulse 2.4s ease-out infinite;
}
.chat-sos:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 24px 62px rgba(255,47,112,.42), 0 0 0 14px rgba(255,47,112,.12);
}
.chat-sos span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:inherit;
  font-size:15px;
}
@keyframes sosPulse{
  0%{box-shadow:0 18px 48px rgba(255,47,112,.32), 0 0 0 0 rgba(255,47,112,.24);}
  70%{box-shadow:0 18px 48px rgba(255,47,112,.32), 0 0 0 18px rgba(255,47,112,0);}
  100%{box-shadow:0 18px 48px rgba(255,47,112,.32), 0 0 0 0 rgba(255,47,112,0);}
}
.chat-backdrop{
  position:fixed;
  inset:0;
  z-index:230;
  background:rgba(3,10,24,.38);
  opacity:0;
  transition:opacity .22s ease;
}
.chat-backdrop.is-open{opacity:1;}
.chat-popup{
  position:fixed;
  right:24px;
  bottom:112px;
  z-index:240;
  width:min(392px, calc(100vw - 32px));
  opacity:0;
  visibility:hidden;
  transform:translateY(16px) scale(.96);
  transform-origin:right bottom;
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
  pointer-events:none;
}
.chat-popup.is-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.chat-window{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(218,228,241,.96);
  background:#fff;
  box-shadow:0 30px 90px rgba(7,31,61,.24);
}
.chat-window-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:16px 16px;
  background:linear-gradient(135deg,#071f3d,#0b345e);
  color:#fff;
}
.consultant-avatar{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:linear-gradient(135deg,#2cc36b,#6ee7ff);
  color:#071f3d;
  font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.chat-window-head strong{
  display:block;
  font-size:16px;
  line-height:1.1;
}
.chat-window-head span{
  display:block;
  margin-top:2px;
  color:#b9d0ea;
  font-size:12px;
  font-weight:750;
}
.chat-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.chat-window-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  height:300px;
  overflow:auto;
  padding:16px;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.chat-message{
  max-width:86%;
}
.chat-message span{
  display:block;
  margin:0 0 4px 4px;
  color:#6b7c92;
  font-size:11px;
  font-weight:900;
}
.chat-message p{
  margin:0;
  padding:12px 14px;
  border-radius:18px;
  font-size:14px;
  line-height:1.45;
  font-weight:650;
}
.chat-message.consultant p{
  border-bottom-left-radius:7px;
  background:#edf5ff;
  color:#17324f;
}
.chat-message.user{
  align-self:flex-end;
}
.chat-message.user span{
  text-align:right;
  margin-right:4px;
}
.chat-message.user p{
  border-bottom-right-radius:7px;
  background:#071f3d;
  color:#fff;
}
.chat-composer{
  display:grid;
  grid-template-columns:1fr 48px;
  gap:10px;
  padding:12px;
  border-top:1px solid #e5edf7;
  background:#fff;
}
.chat-composer input{
  width:100%;
  min-height:48px;
  border:1px solid #dce6f2;
  border-radius:999px;
  padding:0 16px;
  outline:0;
  color:#071f3d;
  background:#f8fbff;
}
.chat-composer input:focus{
  border-color:#9eb6d3;
  box-shadow:0 0 0 4px rgba(7,31,61,.07);
}
.chat-composer button{
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--orange));
  color:#fff;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(255,38,45,.22);
}
.chat-footnote{
  margin:0;
  padding:0 16px 14px;
  color:#6a7d95;
  font-size:12px;
  line-height:1.45;
}
.mobile-sticky-cta{
  background:linear-gradient(135deg,#071f3d 0%,#0b345e 100%)!important;
  box-shadow:0 18px 44px rgba(7,31,61,.34)!important;
}
@media (min-width:681px){
  .mobile-sticky-cta{display:none!important;}
}
@media (max-width:980px){
  .site-header{
    width:calc(100% - 28px)!important;
    top:10px!important;
  }
  .brand img{width:182px!important;}
  .header-inner{height:66px!important;}
  .hero{padding-top:118px!important;}
}
@media (max-width:680px){
  body{padding-top:0!important;}
  .site-header{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none!important;
    border-radius:24px!important;
  }
  .site-header .container{padding:0 12px!important;}
  .header-inner{height:64px!important;}
  .brand img{width:168px!important;}
  .menu-toggle{
    width:46px!important;
    height:46px!important;
    border-radius:17px!important;
  }
  .nav{
    top:74px!important;
    left:0!important;
    right:0!important;
    border-radius:22px!important;
  }
  .hero{
    padding-top:108px!important;
  }
  .chat-sos{
    right:16px;
    bottom:86px;
    width:62px;
    height:62px;
  }
  .chat-sos span{font-size:13px;}
  .chat-popup{
    left:12px;
    right:12px;
    bottom:82px;
    width:auto;
    transform-origin:center bottom;
  }
  .chat-window{border-radius:24px;}
  .chat-window-body{height:260px;}
  .chat-message{max-width:92%;}
  .mobile-sticky-cta{
    font-size:13.5px!important;
    min-height:54px!important;
  }
  .page-doc main.section{padding-top:120px!important;}
}
@media (prefers-reduced-motion: reduce){
  .chat-sos{animation:none!important;}
}

/* V21 - czat tylko przy zalogowanym operatorze, bez SOS na mobile, hero wyśrodkowane na mobile */
.chat-sos{display:none!important;}
.chat-floating-cta{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:210;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:60px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(110,231,255,.22);
  background:linear-gradient(135deg,#071f3d 0%,#0b345e 100%);
  color:#fff;
  font-weight:950;
  letter-spacing:-.02em;
  cursor:pointer;
  box-shadow:0 18px 46px rgba(7,31,61,.32),0 0 0 10px rgba(7,31,61,.08);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.chat-floating-cta::before{
  content:"";
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(44,195,107,.66),0 0 20px rgba(44,195,107,.55);
  animation:ctaLivePulse 1.8s ease-out infinite;
  flex:0 0 auto;
}
.chat-floating-cta:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#09294f 0%,#0e4375 100%);
  box-shadow:0 24px 64px rgba(7,31,61,.38),0 0 0 12px rgba(44,195,107,.08);
}
.chat-floating-cta span{font-size:15px;line-height:1;}
body.is-offline .chat-floating-cta,
body.is-offline .chat-popup,
body.is-offline .chat-backdrop{display:none!important;}
.chat-window-head{background:linear-gradient(135deg,#071f3d 0%,#0b345e 100%)!important;}
.chat-composer button{background:linear-gradient(135deg,#ff202d,#ff7a1a)!important;}
.mobile-sticky-cta{z-index:205!important;}
@media (max-width:680px){
  .chat-floating-cta{display:none!important;}
  .hero-grid{justify-items:center!important;text-align:center!important;}
  .hero-copy{width:100%;text-align:center!important;transform:none!important;}
  .hero .eyebrow{justify-content:center!important;margin-inline:auto!important;}
  .hero-badges{justify-content:center!important;}
  .hero h1,.hero .lead{margin-left:auto!important;margin-right:auto!important;}
  .hero-actions{justify-content:center!important;}
  .hero-proof{justify-content:center!important;margin-inline:auto!important;}
  .hero-proof div{justify-content:center!important;text-align:left;}
  .hero-command{justify-self:center!important;margin-inline:auto!important;}
  .mobile-sticky-cta{font-size:13.5px!important;}
}
@media (max-width:680px){
  .hero-proof strong{text-align:center!important;}
  .hero-proof div{text-align:center!important;}
}

/* V23 - lepszy mobilny popup czatu + informacja „Piotr pisze...” */
.chat-typing{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:max-content;
  margin-top:2px;
  padding:10px 13px;
  border-radius:18px 18px 18px 7px;
  background:#edf5ff;
  color:#49627f;
  font-size:12px;
  font-weight:850;
}
.chat-typing[hidden]{display:none!important;}
.chat-typing span{margin-right:2px;}
.chat-typing i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#6d84a0;
  opacity:.45;
  animation:typingDot 1.1s ease-in-out infinite;
}
.chat-typing i:nth-child(3){animation-delay:.16s;}
.chat-typing i:nth-child(4){animation-delay:.32s;}
@keyframes typingDot{
  0%,80%,100%{transform:translateY(0);opacity:.35;}
  40%{transform:translateY(-3px);opacity:1;}
}
body.chat-is-open .mobile-sticky-cta{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(16px)!important;
}
@media (max-width:680px){
  .chat-backdrop{
    background:rgba(3,10,24,.52)!important;
    backdrop-filter:blur(4px);
  }
  .chat-popup{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    transform:translateY(100%)!important;
    transform-origin:center bottom!important;
  }
  .chat-popup.is-open{
    transform:translateY(0)!important;
  }
  .chat-window{
    height:min(92dvh,720px)!important;
    border-radius:28px 28px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  .chat-window-head{
    padding:15px 16px!important;
  }
  .consultant-avatar{
    width:40px!important;
    height:40px!important;
  }
  .chat-window-body{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:16px 14px!important;
    scroll-behavior:smooth;
  }
  .chat-message{max-width:90%!important;}
  .chat-message p{font-size:14px!important;}
  .chat-composer{
    flex:0 0 auto!important;
    grid-template-columns:1fr 52px!important;
    gap:9px!important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;
  }
  .chat-composer input{
    min-height:52px!important;
    font-size:16px!important;
  }
  .chat-composer button{
    width:52px!important;
    height:52px!important;
  }
  .chat-footnote{
    flex:0 0 auto!important;
    padding:0 16px 13px!important;
    font-size:11.5px!important;
  }
}


/* V24 - ikonka dymka online + dopracowany popup mobile/desktop */
.mobile-sticky-cta{display:none!important;}
.chat-floating-cta{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:220!important;
  width:70px!important;
  height:70px!important;
  min-height:70px!important;
  padding:0!important;
  border:1px solid rgba(44,195,107,.26)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#071f3d 0%,#0b345e 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 52px rgba(7,31,61,.34),0 0 0 10px rgba(7,31,61,.08)!important;
  cursor:pointer!important;
  overflow:visible!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.chat-floating-cta:hover{
  transform:translateY(-3px)!important;
  background:linear-gradient(135deg,#09294f 0%,#0d477b 100%)!important;
  box-shadow:0 28px 72px rgba(7,31,61,.42),0 0 0 12px rgba(44,195,107,.10)!important;
}
.chat-floating-cta::before{
  content:""!important;
  position:absolute!important;
  inset:-10px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(44,195,107,.24) 0%, rgba(44,195,107,.13) 36%, rgba(44,195,107,.04) 56%, rgba(44,195,107,0) 74%)!important;
  filter:blur(8px)!important;
  opacity:.72!important;
  pointer-events:none!important;
  animation:chatFabHalo 2.6s ease-in-out infinite!important;
}
.chat-floating-cta::after{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:50%!important;
  border:1px solid rgba(44,195,107,.34)!important;
  box-shadow:0 0 0 0 rgba(44,195,107,.22)!important;
  pointer-events:none!important;
  animation:chatFabRing 2.6s ease-out infinite!important;
}
.chat-fab-icon{position:relative;z-index:2;display:grid;place-items:center;color:#fff;line-height:0;}
.chat-fab-icon svg{display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.24));}
.chat-online-dot{display:none!important;}
@keyframes chatFabHalo{
  0%,100%{opacity:.55;transform:scale(.96);}
  50%{opacity:.92;transform:scale(1.06);}
}
@keyframes chatFabRing{
  0%{box-shadow:0 0 0 0 rgba(44,195,107,.26);opacity:.9;}
  75%{box-shadow:0 0 0 12px rgba(44,195,107,0);opacity:.18;}
  100%{box-shadow:0 0 0 0 rgba(44,195,107,0);opacity:0;}
}
.chat-fab-label{
  position:absolute;
  right:64px;
  top:50%;
  transform:translateY(-50%) translateX(6px);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  color:#071f3d;
  font-size:13px!important;
  font-weight:950;
  box-shadow:0 14px 36px rgba(7,31,61,.16);
  transition:.18s ease;
}
.chat-floating-cta:hover .chat-fab-label{opacity:1;transform:translateY(-50%) translateX(0);}
.chat-popup{
  right:22px!important;
  bottom:106px!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:430px!important;
  z-index:230!important;
}
.chat-window{
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 34px 110px rgba(7,31,61,.32)!important;
}
.chat-window-head{padding:17px 17px!important;}
.chat-window-body{height:330px!important;scroll-behavior:smooth!important;}
.chat-composer input{font-size:16px;}
body.is-offline .chat-floating-cta,
body.is-offline .chat-popup,
body.is-offline .chat-backdrop{display:none!important;}
body.chat-is-open .chat-floating-cta{transform:scale(.92)!important;opacity:.78!important;}
@media (max-width:680px){
  .chat-floating-cta{
    right:16px!important;
    bottom:16px!important;
    width:64px!important;
    height:64px!important;
    min-height:64px!important;
    box-shadow:0 18px 46px rgba(7,31,61,.34),0 0 0 8px rgba(7,31,61,.08)!important;
  }
  .chat-fab-label{display:none!important;}
  .chat-backdrop{background:rgba(3,10,24,.58)!important;backdrop-filter:blur(4px)!important;}
  .chat-popup{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    transform:translateY(104%)!important;
    transform-origin:center bottom!important;
  }
  .chat-popup.is-open{transform:translateY(0)!important;}
  .chat-window{
    height:min(88dvh,720px)!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:30px 30px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  .chat-window-head{padding:15px 16px!important;flex:0 0 auto!important;}
  .chat-window-body{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:16px 14px!important;
    overflow:auto!important;
  }
  .chat-composer{
    flex:0 0 auto!important;
    position:relative!important;
    grid-template-columns:1fr 52px!important;
    gap:9px!important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;
  }
  .chat-composer input{min-height:52px!important;font-size:16px!important;}
  .chat-composer button{width:52px!important;height:52px!important;}
  .chat-footnote{flex:0 0 auto!important;padding:0 16px 12px!important;font-size:11.5px!important;}
}

/* V26 - mocniejsza, czytelna poświata online wokół ikonki czatu */
.chat-floating-cta{
  border-color:rgba(44,195,107,.42)!important;
  box-shadow:
    0 20px 52px rgba(7,31,61,.34),
    0 0 0 9px rgba(44,195,107,.10),
    0 0 34px rgba(44,195,107,.30)!important;
}
.chat-floating-cta:hover{
  box-shadow:
    0 28px 72px rgba(7,31,61,.42),
    0 0 0 11px rgba(44,195,107,.14),
    0 0 48px rgba(44,195,107,.38)!important;
}
.chat-floating-cta::before{
  inset:-23px!important;
  background:
    radial-gradient(circle,
      rgba(44,195,107,.42) 0%,
      rgba(44,195,107,.30) 26%,
      rgba(44,195,107,.16) 45%,
      rgba(44,195,107,.07) 62%,
      rgba(44,195,107,0) 78%)!important;
  filter:blur(7px)!important;
  opacity:.96!important;
  animation:chatFabHaloStrong 2.15s ease-in-out infinite!important;
}
.chat-floating-cta::after{
  inset:-7px!important;
  border:2px solid rgba(44,195,107,.52)!important;
  box-shadow:0 0 24px rgba(44,195,107,.30)!important;
  animation:chatFabRingStrong 2.15s ease-out infinite!important;
}
.chat-fab-icon::after{
  content:"";
  position:absolute;
  inset:-13px;
  border-radius:50%;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(44,195,107,.18), inset 0 0 18px rgba(44,195,107,.12);
}
@keyframes chatFabHaloStrong{
  0%,100%{opacity:.72;transform:scale(.94);}
  50%{opacity:1;transform:scale(1.10);}
}
@keyframes chatFabRingStrong{
  0%{transform:scale(.92);opacity:.86;box-shadow:0 0 22px rgba(44,195,107,.30),0 0 0 0 rgba(44,195,107,.26);}
  70%{transform:scale(1.16);opacity:.18;box-shadow:0 0 36px rgba(44,195,107,.18),0 0 0 10px rgba(44,195,107,0);}
  100%{transform:scale(1.18);opacity:0;box-shadow:0 0 0 rgba(44,195,107,0),0 0 0 0 rgba(44,195,107,0);}
}
@media (max-width:680px){
  .chat-floating-cta{
    box-shadow:
      0 18px 46px rgba(7,31,61,.34),
      0 0 0 8px rgba(44,195,107,.11),
      0 0 32px rgba(44,195,107,.32)!important;
  }
  .chat-floating-cta::before{inset:-20px!important;}
  .chat-floating-cta::after{inset:-6px!important;}
}


/* V27 - powrót do wcześniejszej ikonki online + licznik odpowiedzi operatora */
.chat-floating-cta{
  border-color:rgba(110,231,255,.20)!important;
  box-shadow:0 20px 52px rgba(7,31,61,.34),0 0 0 10px rgba(7,31,61,.08)!important;
}
.chat-floating-cta:hover{
  box-shadow:0 28px 72px rgba(7,31,61,.42),0 0 0 12px rgba(44,195,107,.08)!important;
}
.chat-floating-cta::before,
.chat-floating-cta::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.chat-online-dot{
  display:block!important;
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  border:3px solid #071f3d!important;
  background:var(--green)!important;
  box-shadow:0 0 0 0 rgba(44,195,107,.7),0 0 18px rgba(44,195,107,.55)!important;
  animation:ctaLivePulse 1.8s ease-out infinite!important;
  z-index:3!important;
}
.chat-notification-badge{
  position:absolute;
  right:-3px;
  top:-4px;
  z-index:5;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:3px solid #eef3f9;
  background:linear-gradient(135deg,var(--red),var(--orange));
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:1;
  box-shadow:0 12px 26px rgba(255,32,45,.28);
  animation:chatBadgePop .34s ease, chatBadgePulse 1.6s ease-out infinite;
}
.chat-notification-badge[hidden]{display:none!important;}
@keyframes chatBadgePop{
  0%{transform:scale(.45);opacity:0;}
  100%{transform:scale(1);opacity:1;}
}
@keyframes chatBadgePulse{
  70%{box-shadow:0 12px 26px rgba(255,32,45,.22),0 0 0 8px rgba(255,32,45,0);}
}
@media (max-width:680px){
  .chat-online-dot{width:15px!important;height:15px!important;right:6px!important;top:6px!important;}
  .chat-notification-badge{right:-2px;top:-5px;min-width:23px;height:23px;font-size:10.5px;border-width:3px;}
}


/* V28 - mobilny dymek zawsze widoczny online + przyjaźniejszy popup czatu */
@media (max-width:680px){
  body.is-online .chat-floating-cta{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    right:16px!important;
    bottom:16px!important;
    width:64px!important;
    height:64px!important;
    min-height:64px!important;
    border-radius:50%!important;
    z-index:230!important;
    box-shadow:0 18px 46px rgba(7,31,61,.34),0 0 0 8px rgba(7,31,61,.08)!important;
  }
  body.chat-is-open .chat-floating-cta{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(12px) scale(.92)!important;
  }
  body.is-online .chat-fab-icon{
    display:grid!important;
  }
  body.is-online .chat-online-dot{
    display:block!important;
    width:15px!important;
    height:15px!important;
    right:6px!important;
    top:6px!important;
  }
  .chat-backdrop{
    background:rgba(3,10,24,.48)!important;
    backdrop-filter:blur(5px)!important;
  }
  .chat-popup{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(22px) scale(.98)!important;
    transform-origin:center bottom!important;
    transition:opacity .22s ease, visibility .22s ease, transform .24s cubic-bezier(.2,.85,.2,1)!important;
    pointer-events:none!important;
  }
  .chat-popup.is-open{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0) scale(1)!important;
    pointer-events:auto!important;
  }
  .chat-window{
    height:min(78dvh,640px)!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-shadow:0 24px 80px rgba(7,31,61,.32)!important;
  }
  .chat-window-head{
    position:relative!important;
    padding:24px 15px 14px!important;
    flex:0 0 auto!important;
  }
  .chat-window-head::before{
    content:"";
    position:absolute;
    top:9px;
    left:50%;
    width:44px;
    height:4px;
    border-radius:999px;
    transform:translateX(-50%);
    background:rgba(255,255,255,.34);
  }
  .consultant-avatar{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
  .chat-close{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
  }
  .chat-window-body{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:15px 13px!important;
    overflow:auto!important;
    background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)!important;
  }
  .chat-message{max-width:88%!important;}
  .chat-message p{
    font-size:14.5px!important;
    line-height:1.42!important;
    padding:12px 14px!important;
  }
  .chat-composer{
    flex:0 0 auto!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr 52px!important;
    gap:9px!important;
    padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dfe8f3!important;
  }
  .chat-composer input{
    min-height:52px!important;
    font-size:16px!important;
    background:#f8fbff!important;
    border-color:#d5e1ef!important;
  }
  .chat-composer button{
    width:52px!important;
    height:52px!important;
    box-shadow:0 12px 28px rgba(255,38,45,.26)!important;
  }
  .chat-footnote{
    flex:0 0 auto!important;
    padding:0 15px 11px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    background:#fff!important;
  }
}

/* V29 - nowocześniejsze proporcje tekstów + panel interwencji wtopiony w hero */
:root{
  --heading-tight:-.052em;
}

.hero{
  min-height:660px!important;
  padding-top:126px!important;
  padding-bottom:64px!important;
}
.hero-grid{
  gap:50px!important;
  align-items:center!important;
}
.hero h1{
  font-size:clamp(48px,5.8vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  margin-bottom:20px!important;
  max-width:720px!important;
}
.lead{
  font-size:18px!important;
  line-height:1.64!important;
  margin-bottom:28px!important;
  max-width:680px!important;
}
.hero-actions{margin-bottom:22px!important;}
.hero-badges{margin-bottom:14px!important;}
.hero-badge{min-height:32px!important;padding:0 13px!important;font-size:12px!important;}

.section{
  padding:76px 0!important;
}
.section-head{
  max-width:720px!important;
  margin-bottom:34px!important;
}
.section-head.compact{max-width:700px!important;}
.section-head p,
.safety-grid>div>p,
.contact-copy>p,
.faq-grid>div>p{
  font-size:16px!important;
  line-height:1.64!important;
}
.section h2,
.safety h2,
.contact-copy h2,
.faq h2,
.final-cta h2,
.live-chat-copy h2{
  font-size:clamp(30px,3.1vw,46px)!important;
  line-height:1.08!important;
  letter-spacing:var(--heading-tight)!important;
  margin-bottom:14px!important;
}
.problem-card{padding:24px!important;min-height:215px!important;border-radius:24px!important;}
.problem-card h3,
.step h3,
.safety-cards h3,
.footer h3{
  font-size:18px!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  margin-bottom:8px!important;
}
.problem-card p,
.step p,
.safety-cards p,
.faq-list p{
  font-size:14.5px!important;
  line-height:1.55!important;
}
.icon{width:52px!important;height:52px!important;border-radius:17px!important;margin-bottom:18px!important;}
.process-grid{gap:54px!important;}
.step{padding:18px!important;border-radius:22px!important;grid-template-columns:54px 1fr!important;}
.step span{width:44px!important;height:44px!important;border-radius:16px!important;}
.price-card{padding:28px!important;min-height:470px!important;border-radius:28px!important;}
.price-card h3{font-size:25px!important;line-height:1.1!important;margin-bottom:10px!important;}
.price-desc{font-size:14.5px!important;line-height:1.55!important;margin-bottom:20px!important;min-height:68px!important;}
.price{font-size:44px!important;margin-bottom:24px!important;}
.price-card ul{font-size:14.5px!important;line-height:1.55!important;margin-bottom:26px!important;}
.contact-form{padding:28px!important;border-radius:28px!important;}
.form-row{gap:14px!important;}
.final-cta{padding:56px 0!important;}
.final-inner{padding:30px!important;border-radius:30px!important;}

.hero-command{
  max-width:560px!important;
  width:100%!important;
  justify-self:end!important;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.24));
}
.command-shell{
  width:min(560px,100%)!important;
  border-radius:32px!important;
  background:
    linear-gradient(180deg,rgba(10,31,60,.80),rgba(5,16,33,.88))!important;
  border:1px solid rgba(170,210,255,.20)!important;
  box-shadow:
    0 34px 94px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(110,231,255,.08)!important;
  color:#fff!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
.command-shell::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 22% 8%,rgba(110,231,255,.20),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(255,122,26,.20),transparent 30%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important;
  background-size:auto,auto,34px 34px,34px 34px!important;
}
.command-shell::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-38%!important;
  height:42%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:linear-gradient(180deg,
    rgba(110,231,255,0) 0%,
    rgba(110,231,255,.05) 28%,
    rgba(110,231,255,.30) 48%,
    rgba(44,195,107,.20) 52%,
    rgba(110,231,255,.04) 74%,
    rgba(110,231,255,0) 100%)!important;
  box-shadow:0 18px 52px rgba(110,231,255,.14)!important;
  mix-blend-mode:screen!important;
  transform:translateY(0)!important;
  animation:panelRadarVertical 6.4s ease-in-out infinite alternate!important;
}
.command-topbar,
.incident-tabs,
.command-body{
  position:relative!important;
  z-index:2!important;
}
.command-topbar{
  padding:14px 18px!important;
  background:rgba(3,14,31,.62)!important;
  border-bottom:1px solid rgba(170,210,255,.16)!important;
}
.command-topbar strong{color:#edf8ff!important;font-size:11px!important;letter-spacing:.13em!important;}
.live-pill{
  min-height:28px!important;
  background:rgba(44,195,107,.12)!important;
  border-color:rgba(44,195,107,.22)!important;
  color:#dfffee!important;
}
.incident-tabs{
  padding:10px!important;
  gap:7px!important;
  background:rgba(255,255,255,.045)!important;
  border-bottom:1px solid rgba(170,210,255,.14)!important;
}
.incident-tabs button{
  min-height:36px!important;
  border-radius:14px!important;
  border-color:rgba(170,210,255,.14)!important;
  background:rgba(255,255,255,.075)!important;
  color:#d6e6f8!important;
  font-size:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.incident-tabs button:hover{border-color:rgba(110,231,255,.32)!important;background:rgba(255,255,255,.11)!important;}
.incident-tabs button.active{
  color:#071f3d!important;
  background:linear-gradient(135deg,#6ee7ff,#2cc36b)!important;
  box-shadow:0 12px 28px rgba(44,195,107,.20)!important;
}
.command-body{
  padding:16px!important;
  gap:12px!important;
}
.incident-panel,
.live-workflow{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(170,210,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.12)!important;
  border-radius:24px!important;
}
.incident-panel{
  min-height:168px!important;
  padding:18px!important;
}
.incident-panel::after{
  width:190px!important;
  height:190px!important;
  right:-84px!important;
  top:-84px!important;
  background:radial-gradient(circle,rgba(110,231,255,.18),rgba(255,122,26,.12) 42%,transparent 70%)!important;
}
.micro-label,
.workflow-head span,
.impact-box span{
  color:#9fdcf1!important;
  opacity:.92!important;
}
.incident-panel h2{
  color:#fff!important;
  font-size:clamp(23px,2.1vw,29px)!important;
  line-height:1.06!important;
  letter-spacing:-.05em!important;
  min-height:auto!important;
  margin:0!important;
}
.incident-panel p[data-incident-copy]{
  color:#c9d8ea!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.impact-box{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(170,210,255,.14)!important;
  border-radius:16px!important;
  padding:11px!important;
}
.impact-box strong{color:#fff!important;font-size:13px!important;}
.impact-track,
.workflow-progress{
  height:7px!important;
  background:rgba(255,255,255,.11)!important;
}
.impact-track i,
.workflow-progress i{
  background:linear-gradient(90deg,#6ee7ff,#2cc36b,#ffb15c)!important;
  box-shadow:0 0 18px rgba(110,231,255,.30)!important;
}
.issue-chips span{
  min-height:26px!important;
  padding:0 9px!important;
  background:rgba(110,231,255,.10)!important;
  border:1px solid rgba(110,231,255,.13)!important;
  color:#dcecff!important;
  font-size:11px!important;
}
.live-workflow{padding:15px!important;}
.workflow-head{margin-bottom:9px!important;}
.workflow-head strong{color:#fff!important;font-size:17px!important;line-height:1.15!important;}
.workflow-head b{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  background:rgba(110,231,255,.12)!important;
  border:1px solid rgba(110,231,255,.20)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  font-size:14px!important;
}
.workflow-steps{
  gap:7px!important;
}
.workflow-steps li{
  min-height:74px!important;
  padding:9px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(170,210,255,.13)!important;
  color:#d9e8f8!important;
  box-shadow:none!important;
}
.workflow-steps li b{
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
}
.workflow-steps li span{color:#edf6ff!important;font-size:11px!important;line-height:1.15!important;}
.workflow-steps li em{color:#9fb3c8!important;font-size:9px!important;}
.workflow-steps li.active{
  border-color:rgba(110,231,255,.34)!important;
  background:linear-gradient(180deg,rgba(110,231,255,.13),rgba(255,255,255,.075))!important;
  transform:none!important;
}
.workflow-steps li.active b{
  background:linear-gradient(135deg,#6ee7ff,#2cc36b)!important;
  color:#071f3d!important;
}
.workflow-steps li.done{
  background:rgba(44,195,107,.12)!important;
  border-color:rgba(44,195,107,.28)!important;
  color:#dfffee!important;
}
.workflow-steps li.done b{
  background:linear-gradient(135deg,#2cc36b,#6ee7ff)!important;
  color:#071f3d!important;
}
.workflow-steps li.done span,
.workflow-steps li.done em{color:#dfffee!important;}

@keyframes panelRadarVertical{
  0%{transform:translateY(0);opacity:0;}
  12%{opacity:.68;}
  50%{opacity:.78;}
  100%{transform:translateY(330%);opacity:.18;}
}

@media (min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.78fr)!important;}
  .command-body{grid-template-columns:1fr!important;}
  .workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

@media (max-width:980px){
  .hero{padding-top:116px!important;padding-bottom:52px!important;}
  .hero-grid{gap:36px!important;}
  .hero-command{justify-self:center!important;max-width:600px!important;}
  .section{padding:66px 0!important;}
  .section h2,
  .safety h2,
  .contact-copy h2,
  .faq h2,
  .final-cta h2{font-size:clamp(28px,5vw,40px)!important;}
  .command-body{grid-template-columns:1fr!important;}
}

@media (max-width:680px){
  body{padding-top:92px!important;}
  .container{width:calc(100% - 28px)!important;}
  .hero{
    padding-top:26px!important;
    padding-bottom:38px!important;
  }
  .hero-grid{gap:24px!important;}
  .hero h1{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
    margin-bottom:14px!important;
  }
  .lead{
    font-size:15.5px!important;
    line-height:1.54!important;
    margin-bottom:18px!important;
  }
  .hero-actions{margin-bottom:14px!important;}
  .hero-actions .btn{min-height:48px!important;font-size:14px!important;}
  .hero-badges{gap:7px!important;margin-bottom:12px!important;}
  .hero-badge{min-height:30px!important;font-size:11px!important;padding:0 10px!important;}
  .hero-proof{gap:7px!important;}
  .hero-proof div{padding:8px 10px!important;border-radius:15px!important;}
  .hero-proof strong{font-size:12px!important;line-height:1.12!important;}

  .section{padding:52px 0!important;}
  .section-head{margin-bottom:24px!important;}
  .section h2,
  .safety h2,
  .contact-copy h2,
  .faq h2,
  .final-cta h2,
  .live-chat-copy h2{
    font-size:clamp(25px,7.5vw,33px)!important;
    line-height:1.1!important;
    margin-bottom:10px!important;
  }
  .section-head p,
  .safety-grid>div>p,
  .contact-copy>p,
  .faq-grid>div>p{
    font-size:14.8px!important;
    line-height:1.55!important;
  }
  .problem-grid,
  .pricing-grid,
  .safety-grid,
  .contact-grid,
  .faq-grid{
    gap:14px!important;
  }
  .problem-card{padding:20px!important;min-height:0!important;border-radius:22px!important;}
  .problem-card h3,
  .step h3,
  .safety-cards h3{font-size:17px!important;}
  .process-grid{gap:24px!important;}
  .step{padding:15px!important;border-radius:19px!important;grid-template-columns:48px 1fr!important;gap:13px!important;}
  .step span{width:40px!important;height:40px!important;border-radius:14px!important;font-size:13px!important;}
  .price-card{padding:22px!important;min-height:0!important;border-radius:24px!important;}
  .price-card h3{font-size:22px!important;}
  .price{font-size:38px!important;margin-bottom:18px!important;}
  .contact-form{padding:20px!important;border-radius:24px!important;}
  .final-inner{padding:24px!important;border-radius:26px!important;gap:18px!important;}

  .hero-command{max-width:440px!important;margin-top:0!important;}
  .command-shell{border-radius:24px!important;}
  .command-topbar{padding:11px 12px!important;}
  .command-topbar strong{font-size:10px!important;}
  .incident-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:7px!important;gap:5px!important;}
  .incident-tabs button{min-height:31px!important;border-radius:11px!important;font-size:9.5px!important;padding:0 3px!important;}
  .command-body{padding:9px!important;gap:8px!important;}
  .incident-panel{
    grid-template-columns:1fr!important;
    grid-template-areas:"label" "title" "copy" "impact" "chips"!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  .incident-panel h2{font-size:clamp(21px,6.1vw,25px)!important;line-height:1.06!important;}
  .incident-panel p[data-incident-copy]{font-size:12.5px!important;line-height:1.4!important;}
  .impact-box{width:100%!important;margin:2px 0 0!important;}
  .issue-chips{margin-top:0!important;}
  .issue-chips span{font-size:10px!important;min-height:23px!important;}
  .live-workflow{padding:12px!important;border-radius:18px!important;}
  .workflow-head strong{font-size:15px!important;}
  .workflow-head b{width:40px!important;height:40px!important;border-radius:14px!important;font-size:12.5px!important;}
  .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .workflow-steps li{min-height:54px!important;padding:8px!important;grid-template-columns:27px 1fr!important;align-items:center!important;}
  .workflow-steps li b{width:25px!important;height:25px!important;border-radius:9px!important;font-size:9.5px!important;}
  .workflow-steps li span{font-size:10.4px!important;}
  .workflow-steps li em{display:none!important;}
}

@media (max-width:380px){
  .incident-tabs button{font-size:8.8px!important;}
  .hero h1{font-size:clamp(31px,9.8vw,40px)!important;}
}

@media (prefers-reduced-motion: reduce){
  .command-shell::after{animation:none!important;opacity:.18!important;}
}


/* V30 - cofnięcie mobile headera + minimalistyczny panel zamiast ciężkiego dashboardu */
.hero-simple-status{
  width:100%!important;
  max-width:480px!important;
  min-height:auto!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  filter:none!important;
  perspective:none!important;
  overflow:visible!important;
}
.simple-intervention-card{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:30px;
  padding:30px;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(223,232,243,.94);
  box-shadow:0 24px 70px rgba(7,31,61,.15), inset 0 1px 0 rgba(255,255,255,.88);
  color:#071f3d;
  backdrop-filter:blur(16px) saturate(118%);
}
.simple-intervention-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--red),var(--orange),var(--green));
  opacity:.92;
}
.simple-intervention-card::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.16),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.simple-card-head{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#f4f8fc;
  border:1px solid #e5edf7;
  color:#42566f;
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.01em;
  margin-bottom:18px;
}
.simple-live-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(44,195,107,.55),0 0 18px rgba(44,195,107,.46);
  animation:ctaLivePulse 1.9s ease-out infinite;
}
.simple-intervention-card h2{
  position:relative;
  z-index:1;
  margin:0 0 12px;
  max-width:390px;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  color:#071f3d!important;
}
.simple-intervention-card p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:405px;
  color:#53677f;
  font-size:15.5px;
  line-height:1.62;
  font-weight:650;
}
.simple-checklist{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:22px 0 20px;
}
.simple-checklist span{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:68px;
  justify-content:center;
  padding:12px;
  border-radius:18px;
  background:#f7faff;
  border:1px solid #e5edf7;
  color:#243b56;
  font-size:13px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.025em;
}
.simple-checklist b{
  color:#ff5b22;
  font-size:11px;
  letter-spacing:.06em;
}
.simple-card-cta{
  position:relative;
  z-index:1;
  min-height:46px!important;
  width:100%;
  justify-content:center;
}

@media (min-width:981px){
  .hero-simple-status{align-self:center!important;}
}

@media (max-width:980px){
  .site-header{
    width:calc(100% - 28px)!important;
    top:10px!important;
  }
  .header-inner{height:66px!important;}
  .brand img{width:182px!important;}
  .hero{padding-top:118px!important;}
  .hero-simple-status{
    justify-self:center!important;
    max-width:560px!important;
  }
}

@media (max-width:680px){
  body{padding-top:0!important;}
  .site-header{
    top:10px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none!important;
    border-radius:24px!important;
  }
  .site-header .container{padding:0 12px!important;}
  .header-inner{height:64px!important;}
  .brand img{width:168px!important;}
  .menu-toggle{
    width:46px!important;
    height:46px!important;
    border-radius:17px!important;
  }
  .nav{
    top:74px!important;
    left:0!important;
    right:0!important;
    border-radius:22px!important;
  }
  .hero{
    padding-top:108px!important;
    padding-bottom:36px!important;
  }
  .hero-simple-status{
    max-width:420px!important;
    margin-top:2px!important;
  }
  .simple-intervention-card{
    border-radius:24px;
    padding:22px;
    text-align:left;
  }
  .simple-card-head{
    min-height:30px;
    margin-bottom:14px;
    font-size:11px;
  }
  .simple-intervention-card h2{
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.08!important;
    margin-bottom:10px;
  }
  .simple-intervention-card p{
    font-size:14px;
    line-height:1.52;
  }
  .simple-checklist{
    grid-template-columns:1fr;
    gap:7px;
    margin:17px 0 16px;
  }
  .simple-checklist span{
    min-height:auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    padding:11px 12px;
    border-radius:15px;
    font-size:13px;
  }
  .simple-checklist b{
    min-width:28px;
  }
}

/* V31 - powrót panelu interwencji w wersji premium-minimal */
.hero-command-minimal{
  width:100%!important;
  max-width:540px!important;
  min-height:auto!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  filter:drop-shadow(0 28px 62px rgba(0,0,0,.22))!important;
  perspective:900px!important;
  overflow:visible!important;
}
.hero-command-minimal .command-shell-minimal{
  width:min(540px,100%)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(9,29,55,.92),rgba(5,17,34,.94))!important;
  border:1px solid rgba(176,216,255,.18)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  transform-style:preserve-3d!important;
}
.hero-command-minimal .command-shell-minimal::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.76!important;
  background:
    radial-gradient(circle at 18% 4%,rgba(110,231,255,.18),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(44,195,107,.16),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%)!important;
  background-size:auto!important;
}
.hero-command-minimal .command-shell-minimal::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:2px!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.86!important;
  background:linear-gradient(90deg,transparent,#6ee7ff,#2cc36b,transparent)!important;
  box-shadow:0 0 22px rgba(110,231,255,.28)!important;
  animation:none!important;
  transform:none!important;
}
.hero-command-minimal .command-glow,
.hero-command-minimal .alert-card{display:none!important;}
.hero-command-minimal .command-topbar-minimal,
.hero-command-minimal .incident-tabs-minimal,
.hero-command-minimal .command-body-minimal{
  position:relative!important;
  z-index:2!important;
}
.hero-command-minimal .command-topbar-minimal{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:54px!important;
  padding:12px 16px!important;
  background:rgba(2,12,27,.45)!important;
  border-bottom:1px solid rgba(176,216,255,.12)!important;
}
.hero-command-minimal .command-topbar-minimal strong{
  color:#f4fbff!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.hero-command-minimal .window-dots{gap:6px!important;}
.hero-command-minimal .traffic{width:9px!important;height:9px!important;box-shadow:none!important;opacity:.92!important;}
.hero-command-minimal .live-pill{
  min-height:27px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(44,195,107,.12)!important;
  border:1px solid rgba(44,195,107,.24)!important;
  color:#e9fff3!important;
  font-size:11px!important;
  box-shadow:none!important;
}
.hero-command-minimal .live-pill i{
  width:7px!important;
  height:7px!important;
  box-shadow:0 0 0 0 rgba(44,195,107,.52),0 0 14px rgba(44,195,107,.45)!important;
}
.hero-command-minimal .incident-tabs-minimal{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:9px 12px!important;
  background:rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(176,216,255,.10)!important;
}
.hero-command-minimal .incident-tabs-minimal button{
  min-height:32px!important;
  padding:0 7px!important;
  border-radius:12px!important;
  border:1px solid rgba(176,216,255,.13)!important;
  background:rgba(255,255,255,.055)!important;
  color:#cfe1f5!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:-.015em!important;
  box-shadow:none!important;
}
.hero-command-minimal .incident-tabs-minimal button:hover{
  transform:none!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(110,231,255,.28)!important;
}
.hero-command-minimal .incident-tabs-minimal button.active{
  color:#051a31!important;
  background:linear-gradient(135deg,#7cecff,#38d47a)!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(44,195,107,.16)!important;
}
.hero-command-minimal .command-body-minimal{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:12px!important;
}
.hero-command-minimal .incident-panel-minimal,
.hero-command-minimal .live-workflow-minimal{
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(176,216,255,.13)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-command-minimal .incident-panel-minimal{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 142px!important;
  grid-template-areas:
    "label impact"
    "title impact"
    "copy impact"
    "chips chips"!important;
  gap:8px 13px!important;
  min-height:0!important;
  padding:16px!important;
  overflow:hidden!important;
}
.hero-command-minimal .incident-panel-minimal::after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  top:-72px!important;
  width:165px!important;
  height:165px!important;
  border-radius:50%!important;
  opacity:.72!important;
  background:radial-gradient(circle,rgba(110,231,255,.16),rgba(44,195,107,.08) 48%,transparent 70%)!important;
}
.hero-command-minimal .micro-label{
  grid-area:label!important;
  margin:0!important;
  color:#9fdcf1!important;
  opacity:.9!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.09em!important;
}
.hero-command-minimal .incident-panel-minimal h2{
  grid-area:title!important;
  max-width:310px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(23px,2.35vw,30px)!important;
  line-height:1.04!important;
  letter-spacing:-.052em!important;
  min-height:auto!important;
}
.hero-command-minimal .incident-panel-minimal p[data-incident-copy]{
  grid-area:copy!important;
  max-width:330px!important;
  margin:0!important;
  color:#c7d7ea!important;
  font-size:12.7px!important;
  line-height:1.45!important;
}
.hero-command-minimal .impact-box-minimal{
  grid-area:impact!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(3,15,32,.32)!important;
  border:1px solid rgba(176,216,255,.13)!important;
}
.hero-command-minimal .impact-box-minimal>div:first-child{
  display:block!important;
  margin:0!important;
}
.hero-command-minimal .impact-box-minimal span{
  display:block!important;
  color:#9fdcf1!important;
  opacity:.9!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
.hero-command-minimal .impact-box-minimal strong{
  display:block!important;
  margin-top:6px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.hero-command-minimal .impact-track,
.hero-command-minimal .workflow-progress{
  height:6px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.11)!important;
  overflow:hidden!important;
}
.hero-command-minimal .impact-track i,
.hero-command-minimal .workflow-progress i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#6ee7ff,#2cc36b)!important;
  box-shadow:0 0 16px rgba(110,231,255,.25)!important;
}
.hero-command-minimal .issue-chips{
  grid-area:chips!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:2px 0 0!important;
}
.hero-command-minimal .issue-chips span{
  min-height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(110,231,255,.09)!important;
  border:1px solid rgba(110,231,255,.12)!important;
  color:#e2efff!important;
  font-size:10.5px!important;
  font-weight:900!important;
}
.hero-command-minimal .live-workflow-minimal{
  padding:14px!important;
}
.hero-command-minimal .workflow-head{
  margin-bottom:9px!important;
  align-items:center!important;
}
.hero-command-minimal .workflow-head span{
  color:#9fdcf1!important;
  opacity:.9!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
}
.hero-command-minimal .workflow-head strong{
  margin-top:3px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.hero-command-minimal .workflow-head b{
  width:43px!important;
  height:43px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(110,231,255,.10)!important;
  border:1px solid rgba(110,231,255,.18)!important;
  color:#fff!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.hero-command-minimal .workflow-progress{margin-bottom:10px!important;}
.hero-command-minimal .workflow-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.hero-command-minimal .workflow-steps li{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:6px!important;
  min-height:78px!important;
  padding:9px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.052)!important;
  border:1px solid rgba(176,216,255,.11)!important;
  color:#dbe9fb!important;
  box-shadow:none!important;
  transform:none!important;
}
.hero-command-minimal .workflow-steps li b{
  width:27px!important;
  height:27px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:10px!important;
}
.hero-command-minimal .workflow-steps li span{
  color:#eef7ff!important;
  font-size:10.5px!important;
  line-height:1.17!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.hero-command-minimal .workflow-steps li em{
  color:#9fb3c8!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.hero-command-minimal .workflow-steps li.active{
  background:rgba(110,231,255,.105)!important;
  border-color:rgba(110,231,255,.26)!important;
}
.hero-command-minimal .workflow-steps li.active b{
  background:linear-gradient(135deg,#7cecff,#38d47a)!important;
  color:#051a31!important;
}
.hero-command-minimal .workflow-steps li.done{
  background:rgba(44,195,107,.105)!important;
  border-color:rgba(44,195,107,.25)!important;
}
.hero-command-minimal .workflow-steps li.done b{
  background:linear-gradient(135deg,#38d47a,#7cecff)!important;
  color:#051a31!important;
}
.hero-command-minimal .workflow-steps li.done span,
.hero-command-minimal .workflow-steps li.done em{color:#e9fff3!important;}
.hero-command-minimal .command-shell-minimal.is-switching .incident-panel h2,
.hero-command-minimal .command-shell-minimal.is-switching [data-incident-copy],
.hero-command-minimal .command-shell-minimal.is-switching .issue-chips{
  animation:none!important;
}

@media (min-width:981px){
  .hero-command-minimal{align-self:center!important;}
}

@media (max-width:980px){
  .hero-command-minimal{
    justify-self:center!important;
    max-width:590px!important;
    margin-inline:auto!important;
  }
}

@media (max-width:680px){
  body{padding-top:0!important;}
  .hero{padding-top:108px!important;padding-bottom:36px!important;}
  .hero-command-minimal{max-width:430px!important;margin-top:0!important;}
  .hero-command-minimal .command-shell-minimal{border-radius:23px!important;transform:none!important;}
  .hero-command-minimal .command-shell-minimal::before{opacity:.62!important;}
  .hero-command-minimal .command-topbar-minimal{
    min-height:50px!important;
    padding:10px 12px!important;
    gap:9px!important;
  }
  .hero-command-minimal .command-topbar-minimal strong{font-size:9.7px!important;}
  .hero-command-minimal .live-pill{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
  .hero-command-minimal .incident-tabs-minimal{
    gap:5px!important;
    padding:7px!important;
  }
  .hero-command-minimal .incident-tabs-minimal button{
    min-height:30px!important;
    border-radius:10px!important;
    font-size:9.2px!important;
    padding:0 3px!important;
  }
  .hero-command-minimal .command-body-minimal{
    padding:8px!important;
    gap:8px!important;
  }
  .hero-command-minimal .incident-panel-minimal{
    grid-template-columns:1fr!important;
    grid-template-areas:"label" "title" "copy" "impact" "chips"!important;
    gap:7px!important;
    padding:13px!important;
    border-radius:17px!important;
  }
  .hero-command-minimal .incident-panel-minimal h2{
    max-width:none!important;
    font-size:clamp(21px,6.2vw,26px)!important;
    line-height:1.06!important;
  }
  .hero-command-minimal .incident-panel-minimal p[data-incident-copy]{
    max-width:none!important;
    font-size:12.4px!important;
    line-height:1.4!important;
  }
  .hero-command-minimal .impact-box-minimal{
    min-height:0!important;
    padding:10px!important;
    gap:8px!important;
  }
  .hero-command-minimal .impact-box-minimal>div:first-child{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
  }
  .hero-command-minimal .impact-box-minimal strong{
    margin-top:0!important;
    font-size:13px!important;
  }
  .hero-command-minimal .issue-chips span{
    min-height:22px!important;
    font-size:9.6px!important;
  }
  .hero-command-minimal .live-workflow-minimal{
    padding:11px!important;
    border-radius:17px!important;
  }
  .hero-command-minimal .workflow-head strong{font-size:14px!important;}
  .hero-command-minimal .workflow-head b{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .hero-command-minimal .workflow-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .hero-command-minimal .workflow-steps li{
    min-height:56px!important;
    grid-template-columns:26px 1fr!important;
    align-items:center!important;
    align-content:center!important;
    padding:8px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .hero-command-minimal .workflow-steps li b{
    width:25px!important;
    height:25px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }
  .hero-command-minimal .workflow-steps li span{font-size:10.2px!important;}
  .hero-command-minimal .workflow-steps li em{display:none!important;}
}

@media (max-width:380px){
  .hero-command-minimal .incident-tabs-minimal button{font-size:8.6px!important;}
  .hero-command-minimal .live-pill{display:none!important;}
}


/* V32 - panel interwencji bardziej tonalny i minimalistyczny */
.hero-command-minimal{
  filter:drop-shadow(0 22px 46px rgba(7,6,20,.24))!important;
}
.hero-command-minimal .command-shell-minimal{
  background:linear-gradient(180deg,rgba(24,18,43,.74),rgba(12,12,28,.78))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    0 22px 52px rgba(8,7,22,.22),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(112%)!important;
}
.hero-command-minimal .command-shell-minimal::before{
  opacity:.72!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(255,107,61,.10),transparent 30%),
    radial-gradient(circle at 90% 12%,rgba(255,166,77,.08),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%)!important;
}
.hero-command-minimal .command-shell-minimal::after{
  left:22px!important;
  right:22px!important;
  height:1px!important;
  opacity:.42!important;
  background:linear-gradient(90deg,transparent,rgba(255,176,119,.82),transparent)!important;
  box-shadow:none!important;
}
.hero-command-minimal .command-topbar-minimal{
  min-height:50px!important;
  padding:11px 15px!important;
  background:rgba(255,255,255,.03)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.hero-command-minimal .command-topbar-minimal strong{
  color:#fff5ef!important;
  letter-spacing:.11em!important;
}
.hero-command-minimal .live-pill{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff7f1!important;
}
.hero-command-minimal .live-pill i{
  box-shadow:0 0 0 0 rgba(44,195,107,.35),0 0 10px rgba(44,195,107,.28)!important;
}
.hero-command-minimal .incident-tabs-minimal{
  gap:7px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.02)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.hero-command-minimal .incident-tabs-minimal button{
  min-height:34px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.04)!important;
  color:#efe5ee!important;
}
.hero-command-minimal .incident-tabs-minimal button:hover{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,179,135,.20)!important;
}
.hero-command-minimal .incident-tabs-minimal button.active{
  color:#fff8f3!important;
  background:linear-gradient(135deg,rgba(255,98,67,.92),rgba(255,148,74,.92))!important;
  box-shadow:0 10px 24px rgba(255,104,69,.16)!important;
}
.hero-command-minimal .command-body-minimal{
  gap:9px!important;
  padding:11px!important;
}
.hero-command-minimal .incident-panel-minimal,
.hero-command-minimal .live-workflow-minimal{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hero-command-minimal .incident-panel-minimal{
  gap:8px 12px!important;
  padding:15px!important;
}
.hero-command-minimal .incident-panel-minimal::after{
  width:150px!important;
  height:150px!important;
  right:-64px!important;
  top:-66px!important;
  opacity:.42!important;
  background:radial-gradient(circle,rgba(255,118,79,.18),rgba(255,165,82,.08) 48%,transparent 72%)!important;
}
.hero-command-minimal .micro-label,
.hero-command-minimal .impact-box-minimal span,
.hero-command-minimal .workflow-head span{
  color:#f6c9ac!important;
  opacity:.88!important;
}
.hero-command-minimal .incident-panel-minimal h2,
.hero-command-minimal .impact-box-minimal strong,
.hero-command-minimal .workflow-head strong{
  color:#fff7f2!important;
}
.hero-command-minimal .incident-panel-minimal p[data-incident-copy]{
  color:#e6d8e1!important;
}
.hero-command-minimal .impact-box-minimal{
  padding:11px!important;
  border-radius:15px!important;
  background:rgba(7,7,17,.16)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.hero-command-minimal .impact-track,
.hero-command-minimal .workflow-progress{
  height:5px!important;
  background:rgba(255,255,255,.11)!important;
}
.hero-command-minimal .impact-track i,
.hero-command-minimal .workflow-progress i{
  background:linear-gradient(90deg,#ff7f5a,#ffbb73)!important;
  box-shadow:none!important;
}
.hero-command-minimal .issue-chips span{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff1ea!important;
}
.hero-command-minimal .workflow-head{
  margin-bottom:8px!important;
}
.hero-command-minimal .workflow-head b{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.hero-command-minimal .workflow-steps{
  gap:6px!important;
}
.hero-command-minimal .workflow-steps li{
  min-height:72px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#eadfea!important;
}
.hero-command-minimal .workflow-steps li b{
  background:rgba(255,255,255,.08)!important;
}
.hero-command-minimal .workflow-steps li span{color:#fff4ef!important;}
.hero-command-minimal .workflow-steps li em{color:#c6b7c7!important;}
.hero-command-minimal .workflow-steps li.active{
  background:rgba(255,118,79,.08)!important;
  border-color:rgba(255,157,109,.24)!important;
}
.hero-command-minimal .workflow-steps li.active b{
  background:linear-gradient(135deg,#ff7e59,#ffb56e)!important;
  color:#24131a!important;
}
.hero-command-minimal .workflow-steps li.done{
  background:rgba(44,195,107,.09)!important;
  border-color:rgba(44,195,107,.18)!important;
}
.hero-command-minimal .workflow-steps li.done b{
  background:linear-gradient(135deg,#38d47a,#8eeaaf)!important;
  color:#0f2518!important;
}
@media (max-width:680px){
  .hero-command-minimal .command-topbar-minimal{padding:10px 12px!important;}
  .hero-command-minimal .incident-tabs-minimal{padding:8px!important;gap:5px!important;}
  .hero-command-minimal .incident-tabs-minimal button{min-height:30px!important;}
  .hero-command-minimal .incident-panel-minimal,
  .hero-command-minimal .live-workflow-minimal{border-radius:16px!important;}
  .hero-command-minimal .workflow-steps li{min-height:54px!important;}
}


/* V33 - porządki layoutu: status prac, kroki i ptaszki na desktop/mobile */
.hero-command-minimal .live-workflow-minimal{
  padding:14px!important;
}
.hero-command-minimal .workflow-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
.hero-command-minimal .workflow-head > div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.hero-command-minimal .workflow-head span{
  display:block!important;
  margin:0!important;
  line-height:1!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
}
.hero-command-minimal .workflow-head strong{
  display:block!important;
  margin:0!important;
  line-height:1.08!important;
  font-size:16px!important;
  letter-spacing:-.03em!important;
}
.hero-command-minimal .workflow-head b{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:13px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.hero-command-minimal .workflow-progress{
  margin:0 0 10px!important;
}
.hero-command-minimal .workflow-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.hero-command-minimal .workflow-steps li{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:start!important;
  justify-items:start!important;
  gap:6px!important;
  min-height:80px!important;
  padding:10px!important;
  border-radius:14px!important;
  transform:none!important;
}
.hero-command-minimal .workflow-steps li b{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:10px!important;
  line-height:1!important;
  position:relative!important;
  overflow:hidden!important;
}
.hero-command-minimal .workflow-steps li span{
  display:block!important;
  margin:0!important;
  font-size:10.8px!important;
  line-height:1.16!important;
  text-align:left!important;
  word-break:break-word!important;
}
.hero-command-minimal .workflow-steps li em{
  display:block!important;
  margin:0!important;
  font-size:8.7px!important;
  line-height:1.1!important;
  white-space:normal!important;
  text-align:left!important;
}
.hero-command-minimal .workflow-steps li.done b{
  font-size:0!important;
}
.hero-command-minimal .workflow-steps li.done b::before{
  content:"✓"!important;
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.hero-command-minimal .workflow-steps li.active,
.hero-command-minimal .workflow-steps li.done,
.hero-command-minimal .workflow-steps li.active.done{
  transform:none!important;
}

.hero-proof{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px 18px!important;
  width:100%!important;
  max-width:760px!important;
  margin:2px 0 0!important;
}
.hero-proof div{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:24px!important;
  min-width:0!important;
  margin:0!important;
}
.proof-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1!important;
}
.hero-proof strong{
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.12!important;
  white-space:normal!important;
  text-align:left!important;
}

@media (min-width:981px){
  .hero-command-minimal .workflow-head strong{font-size:16px!important;}
  .hero-proof{justify-content:flex-start!important;}
}

@media (max-width:680px){
  .hero-command-minimal .live-workflow-minimal{
    padding:12px!important;
  }
  .hero-command-minimal .workflow-head{
    gap:10px!important;
    margin:0 0 8px!important;
  }
  .hero-command-minimal .workflow-head > div{gap:2px!important;}
  .hero-command-minimal .workflow-head span{font-size:9.4px!important;}
  .hero-command-minimal .workflow-head strong{font-size:14px!important;line-height:1.08!important;}
  .hero-command-minimal .workflow-head b{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .hero-command-minimal .workflow-progress{margin:0 0 8px!important;}
  .hero-command-minimal .workflow-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .hero-command-minimal .workflow-steps li{
    grid-template-columns:26px 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    align-content:center!important;
    justify-items:start!important;
    column-gap:7px!important;
    row-gap:2px!important;
    min-height:58px!important;
    padding:8px!important;
  }
  .hero-command-minimal .workflow-steps li b{
    grid-row:1 / span 2!important;
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
  .hero-command-minimal .workflow-steps li.done b::before{font-size:10.5px!important;}
  .hero-command-minimal .workflow-steps li span{
    font-size:10.2px!important;
    line-height:1.1!important;
  }
  .hero-command-minimal .workflow-steps li em{
    display:block!important;
    font-size:8px!important;
    line-height:1.05!important;
  }

  .hero-proof{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  .hero-proof div{
    width:100%!important;
    gap:8px!important;
    min-height:20px!important;
  }
  .proof-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    font-size:10px!important;
  }
  .hero-proof strong{
    font-size:13px!important;
    line-height:1.12!important;
  }
}


/* V34 - centrowanie ptaszków + 3 przewagi w 1 linii na mobile */
.hero-proof .label-short{display:none!important;}
.hero-proof .label-full{display:inline!important;}

.hero-command-minimal .workflow-steps li.done b{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
}
.hero-command-minimal .workflow-steps li.done b::before{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
}

@media (max-width:680px){
  .hero-proof{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:2px!important;
    align-items:start!important;
  }
  .hero-proof div{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-content:start!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    text-align:center!important;
  }
  .proof-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    font-size:10px!important;
    margin:0 auto!important;
  }
  .hero-proof strong{
    font-size:10.6px!important;
    line-height:1.08!important;
    text-align:center!important;
    white-space:normal!important;
    letter-spacing:-.02em!important;
  }
  .hero-proof .label-full{display:none!important;}
  .hero-proof .label-short{display:inline!important;}

  .hero-command-minimal .workflow-steps li.done b::before{
    font-size:10.5px!important;
  }
}


/* V36 - automatyczna wiadomość jako powiadomienie, bez otwierania okna czatu */
.chat-auto-notice{
  position:fixed;
  right:24px;
  bottom:96px;
  z-index:220;
  width:min(330px, calc(100vw - 32px));
  padding:13px 15px 14px;
  border-radius:20px 20px 6px 20px;
  border:1px solid rgba(255,255,255,.9);
  background:#fff;
  color:#071f3d;
  text-align:left;
  cursor:pointer;
  box-shadow:0 20px 52px rgba(7,31,61,.24);
  animation:chatNoticeIn .28s ease both, chatNoticePulse 1.7s ease-out .35s 2;
}
.chat-auto-notice[hidden]{display:none!important;}
.chat-auto-notice::after{
  content:"";
  position:absolute;
  right:24px;
  bottom:-7px;
  width:14px;
  height:14px;
  background:#fff;
  transform:rotate(45deg);
  border-right:1px solid rgba(255,255,255,.9);
  border-bottom:1px solid rgba(255,255,255,.9);
}
.chat-auto-notice span{
  display:block;
  margin-bottom:4px;
  color:#ff653f;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.chat-auto-notice strong{
  display:block;
  color:#071f3d;
  font-size:14px;
  line-height:1.32;
  font-weight:850;
  letter-spacing:-.02em;
}
@keyframes chatNoticeIn{
  from{opacity:0;transform:translateY(10px) scale(.96);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes chatNoticePulse{
  70%{box-shadow:0 20px 52px rgba(7,31,61,.20),0 0 0 10px rgba(255,101,63,0);}
}
@media (max-width:680px){
  .chat-auto-notice{
    right:14px;
    bottom:86px;
    width:min(310px, calc(100vw - 28px));
    padding:12px 13px;
    border-radius:18px 18px 6px 18px;
  }
  .chat-auto-notice strong{font-size:13px;line-height:1.28;}
}


/* V37 - preview realnych odpowiedzi konsultanta w powiadomieniu */
.chat-auto-notice strong{
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.chat-auto-notice{
  max-width:330px!important;
}
@media (max-width:680px){
  .chat-auto-notice{
    max-width:310px!important;
  }
}


/* V38 - nowy cennik w stylu bardziej premium i przejrzystym */
.pricing-section{background:#f8fafc!important;}
.pricing-head{max-width:860px!important;margin-inline:auto!important;text-align:center!important;}
.pricing-head p{max-width:760px!important;margin-inline:auto!important;}
.pricing-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px;border:1px solid #dbe2eb;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(9,25,52,.05);margin:10px auto 34px;position:relative;left:50%;transform:translateX(-50%);}
.pricing-tab{min-height:44px;padding:0 26px;border:0;border-radius:999px;background:transparent;color:#4d6179;font-weight:900;font-size:15px;cursor:pointer;transition:.22s ease;}
.pricing-tab.active{background:#0d1b3a;color:#fff;box-shadow:0 8px 18px rgba(13,27,58,.15);}
.pricing-panel{display:none;}
.pricing-panel.active{display:block;}
.pricing-grid-refresh{gap:24px!important;align-items:stretch!important;}
.refresh-card{position:relative;min-height:500px!important;padding:34px 32px 30px!important;border-radius:30px!important;border:1px solid #d7dde6!important;box-shadow:0 12px 30px rgba(8,20,44,.06)!important;background:#fff!important;overflow:visible!important;}
.refresh-card.featured-green{border:2px solid #27c55d!important;box-shadow:0 18px 34px rgba(39,197,93,.12)!important;}
.price-top-badge{position:absolute;left:50%;top:-14px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 16px;border-radius:999px;font-size:11.5px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.price-top-badge-green{background:#22c55e;color:#fff;}
.price-top-badge-dark{background:#0d1b3a;color:#fff;}
.price-icon{font-size:30px;line-height:1;margin:2px 0 18px;filter:saturate(.9);}
.refresh-card h3{max-width:none!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:0 0 16px!important;}
.refresh-card .price{display:flex;align-items:flex-end;gap:8px;font-size:38px!important;line-height:.96!important;letter-spacing:-.05em!important;margin-bottom:20px!important;flex-wrap:wrap;}
.refresh-card .price span{font-size:14px!important;line-height:1.1!important;text-transform:none!important;color:#34435d!important;margin-right:0!important;}
.refresh-card .price .price-suffix{font-size:15px!important;color:#34435d!important;font-weight:800!important;margin-left:2px!important;}
.refresh-card .price-desc{min-height:86px!important;margin:0 0 18px!important;font-size:14.5px!important;line-height:1.55!important;color:#57697f!important;}
.refresh-card ul{display:grid!important;gap:10px!important;margin:0 0 22px!important;color:#34435d!important;}
.refresh-card li{padding-left:23px!important;line-height:1.45!important;}
.refresh-card li::before{content:'✓';left:0;color:#22c55e;font-weight:1000;}
.price-btn-green{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important;box-shadow:0 12px 24px rgba(34,197,94,.22)!important;}
.price-btn-green:hover{background:#19b251!important;border-color:#19b251!important;transform:translateY(-1px);}
.price-btn-outline{background:#fff!important;border:2px solid #1f2937!important;color:#111827!important;box-shadow:none!important;}
.price-btn-outline:hover{background:#f9fafb!important;transform:translateY(-1px);}
.pricing-note{margin:32px auto 0;text-align:center;color:#52657d;font-size:15px;max-width:860px;}
.pricing-note a{color:#22c55e;font-weight:900;}

@media (max-width:980px){
  .pricing-switch{margin-bottom:28px;}
  .pricing-grid-refresh{grid-template-columns:1fr 1fr!important;}
  .pricing-grid-subscription .refresh-card:last-child{grid-column:1 / -1;}
  .refresh-card{min-height:0!important;}
}

@media (max-width:680px){
  .pricing-section{padding-top:60px!important;}
  .pricing-head h2{font-size:34px!important;}
  .pricing-switch{display:flex!important;width:100%!important;max-width:360px!important;left:auto!important;transform:none!important;margin:8px auto 22px!important;}
  .pricing-tab{flex:1 1 0;min-height:42px;padding:0 12px;font-size:13px;}
  .pricing-grid-refresh{grid-template-columns:1fr!important;gap:18px!important;}
  .refresh-card{padding:28px 22px 24px!important;border-radius:26px!important;}
  .price-top-badge{top:-13px;font-size:10.5px;padding:0 13px;}
  .price-icon{font-size:26px;margin-bottom:14px;}
  .refresh-card h3{font-size:22px!important;margin-bottom:12px!important;}
  .refresh-card .price{font-size:34px!important;margin-bottom:16px!important;}
  .refresh-card .price span{font-size:13px!important;}
  .refresh-card .price-desc{min-height:0!important;font-size:14px!important;margin-bottom:16px!important;}
  .refresh-card ul{gap:9px!important;margin-bottom:18px!important;}
  .pricing-note{margin-top:24px;font-size:14px;line-height:1.5;}
}


/* V39 - cennik bez abonamentów, tylko naprawy jednorazowe */
.pricing-section .pricing-switch,
.pricing-section .pricing-panels,
.pricing-section .pricing-panel[data-pricing-panel="subscription"]{
  display:none!important;
}
.pricing-section > .container > .pricing-grid-refresh{
  margin-top:30px!important;
}
.pricing-head p{
  max-width:680px!important;
}
.refresh-card .price{
  color:#071f3d!important;
}
.refresh-card.featured-green{
  transform:none!important;
}
@media (max-width:680px){
  .pricing-section > .container > .pricing-grid-refresh{
    margin-top:24px!important;
  }
}


/* V40 - cennik spójny ze stylem Pogotowie Stron */
.pricing-site-style{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,92,55,.09),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(7,31,61,.07),transparent 26%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)!important;
}
.pricing-site-style::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background-image:
    linear-gradient(rgba(7,31,61,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,31,61,.045) 1px,transparent 1px);
  background-size:44px 44px;
}
.pricing-site-style .container{position:relative;z-index:1;}
.pricing-site-style .pricing-head{
  max-width:840px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.pricing-site-style .pricing-head h2{
  max-width:760px!important;
  margin-inline:auto!important;
}
.pricing-site-style .pricing-head p{
  max-width:690px!important;
  margin-inline:auto!important;
}
.pricing-grid-site{
  margin-top:34px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.site-price-card{
  position:relative!important;
  min-height:515px!important;
  padding:34px 32px 30px!important;
  border-radius:30px!important;
  border:1px solid rgba(7,31,61,.10)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 50px rgba(7,31,61,.08)!important;
  backdrop-filter:blur(12px)!important;
  overflow:visible!important;
  transform:none!important;
}
.site-price-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 45%);
}
.site-price-card.featured{
  border:1px solid rgba(255,91,55,.36)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,248,244,.88))!important;
  box-shadow:0 26px 70px rgba(255,72,35,.16),0 18px 50px rgba(7,31,61,.08)!important;
}
.site-price-card.featured::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--red),var(--orange),transparent);
  opacity:.9;
}
.site-badge{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:-14px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--red),var(--orange))!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 12px 26px rgba(255,72,35,.22)!important;
}
.site-badge.dark{
  background:#071f3d!important;
  box-shadow:0 12px 26px rgba(7,31,61,.18)!important;
}
.site-price-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  margin:0 0 18px;
  background:linear-gradient(135deg,#071f3d,#102f58);
  color:#fff;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.03em;
  box-shadow:0 12px 28px rgba(7,31,61,.16);
}
.site-price-card.featured .site-price-icon{
  background:linear-gradient(135deg,var(--red),var(--orange));
  box-shadow:0 12px 28px rgba(255,72,35,.20);
}
.site-price-card h3{
  position:relative;
  z-index:1;
  max-width:none!important;
  margin:0 0 12px!important;
  color:#071f3d!important;
  font-size:25px!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
.site-price-card .price-desc{
  position:relative;
  z-index:1;
  min-height:90px!important;
  margin:0 0 18px!important;
  color:#51627a!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
.site-price-card .price{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  margin:0 0 22px!important;
  color:#071f3d!important;
  font-size:43px!important;
  line-height:.95!important;
  letter-spacing:-.06em!important;
}
.site-price-card .price span{
  margin:0 0 5px!important;
  color:#5d6f86!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:900!important;
}
.site-price-card ul{
  position:relative;
  z-index:1;
  display:grid!important;
  gap:10px!important;
  margin:0 0 24px!important;
  padding:0!important;
  color:#34435d!important;
  font-size:14.5px!important;
  line-height:1.42!important;
}
.site-price-card li{
  padding-left:24px!important;
}
.site-price-card li::before{
  content:"✓"!important;
  left:0!important;
  top:0!important;
  color:var(--green)!important;
  font-weight:1000!important;
}
.site-price-card .btn{
  position:relative;
  z-index:1;
  margin-top:auto!important;
  width:100%!important;
  min-height:48px!important;
}
.site-price-card .btn-primary{
  background:linear-gradient(135deg,var(--red),var(--orange))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 16px 32px rgba(255,72,35,.24)!important;
}
.site-price-card .btn-outline{
  background:#fff!important;
  border:2px solid #071f3d!important;
  color:#071f3d!important;
  box-shadow:none!important;
}
.site-pricing-note{
  margin:30px auto 0!important;
  max-width:820px!important;
  text-align:center!important;
  color:#52657d!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.site-pricing-note a{
  color:var(--red)!important;
  font-weight:950!important;
}

/* reset starych zielonych styli z V38/V39 w tej sekcji */
.pricing-site-style .price-btn-green,
.pricing-site-style .price-top-badge-green{
  background:linear-gradient(135deg,var(--red),var(--orange))!important;
}
.pricing-site-style .featured-green{
  border-color:rgba(255,91,55,.36)!important;
}

@media (max-width:980px){
  .pricing-grid-site{
    grid-template-columns:1fr 1fr!important;
  }
  .pricing-grid-site .site-price-card:last-child{
    grid-column:1 / -1!important;
  }
  .site-price-card{
    min-height:0!important;
  }
}
@media (max-width:680px){
  .pricing-grid-site{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-top:26px!important;
  }
  .pricing-grid-site .site-price-card:last-child{
    grid-column:auto!important;
  }
  .site-price-card{
    padding:28px 22px 24px!important;
    border-radius:26px!important;
  }
  .site-badge{
    font-size:10.2px!important;
    min-height:26px!important;
    padding:0 12px!important;
    top:-13px!important;
  }
  .site-price-icon{
    width:40px;
    height:40px;
    border-radius:14px;
    margin-bottom:14px;
  }
  .site-price-card h3{
    font-size:23px!important;
  }
  .site-price-card .price-desc{
    min-height:0!important;
    font-size:14px!important;
    margin-bottom:16px!important;
  }
  .site-price-card .price{
    font-size:38px!important;
    margin-bottom:18px!important;
  }
  .site-price-card ul{
    font-size:14px!important;
    gap:9px!important;
  }
}


/* V41 - poprawka badge w cenniku + delikatna siatka w sekcjach */
.site-price-card{isolation:isolate!important;}
.site-badge{
  z-index:6!important;
  top:-18px!important;
  box-shadow:0 12px 26px rgba(255,72,35,.22), 0 0 0 8px #f3f6fa!important;
}
.site-badge.dark{
  box-shadow:0 12px 26px rgba(7,31,61,.18), 0 0 0 8px #f3f6fa!important;
}

/* bardzo delikatne kwadraty w sekcjach */
.section{
  position:relative;
  overflow:hidden;
}
.section > .container,
.section > .container-fluid,
.section > .final-inner,
.section > .live-chat-grid,
.section > .safety-grid,
.section > .contact-grid{
  position:relative;
  z-index:1;
}
.section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(7,31,61,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,31,61,.05) 1px, transparent 1px);
  background-size:46px 46px;
}
/* sekcje ciemne - jeszcze delikatniej i w jasnym kolorze */
.hero::before,
.live-chat-section::before,
.final-cta::before,
.contact-section::before{
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px)!important;
  opacity:.12!important;
}
/* hero ma własne tło, więc tylko subtelne wzmocnienie istniejącej siatki */
.hero-grid-bg{opacity:.62!important;}
/* w cenniku nie dublujemy zbyt mocno siatki */
.pricing-site-style::before{opacity:.40!important;}

@media (max-width:680px){
  .site-badge{
    top:-16px!important;
    box-shadow:0 10px 22px rgba(255,72,35,.18), 0 0 0 6px #f3f6fa!important;
  }
  .site-badge.dark{
    box-shadow:0 10px 22px rgba(7,31,61,.15), 0 0 0 6px #f3f6fa!important;
  }
  .section::before{
    opacity:.16;
    background-size:34px 34px;
  }
}


/* V42 - konkretniejsza komunikacja + widoczniejsza siatka + separacja FAQ */
.section{
  position:relative!important;
  overflow:hidden!important;
}
.section > .container{
  position:relative!important;
  z-index:2!important;
}
.section::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.30!important;
  background-image:
    linear-gradient(rgba(7,31,61,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,31,61,.055) 1px, transparent 1px)!important;
  background-size:42px 42px!important;
}
.section::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,94,58,.045),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(7,31,61,.035),transparent 30%)!important;
}

/* hero też ma mieć subtelne kwadraty, a nie znikające tło */
.hero{
  position:relative!important;
  overflow:hidden!important;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px)!important;
  background-size:44px 44px!important;
}
.hero .container,
.hero-grid-bg{
  position:relative!important;
  z-index:1!important;
}

/* ciemne / mocniejsze sekcje - siatka delikatniejsza */
.live-chat-section::before,
.contact-section::before,
.final-cta::before{
  opacity:.16!important;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px)!important;
}

/* FAQ ma się odcinać od formularza, zamiast zlewać się z poprzednią sekcją */
.faq-section,
section[aria-label="FAQ"],
#faq{
  position:relative!important;
}
#faq,
.faq{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,94,58,.055),transparent 28%),
    linear-gradient(180deg,#f5f8fc 0%,#ffffff 100%)!important;
  border-top:1px solid rgba(7,31,61,.08)!important;
  padding-top:96px!important;
  margin-top:0!important;
}
.contact-section{
  padding-bottom:108px!important;
}
.faq-grid{
  align-items:start!important;
}
.faq-grid > div:first-child{
  position:sticky;
  top:110px;
}
.faq-item,
.faq-list details,
.faq-grid details{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(7,31,61,.10)!important;
  box-shadow:0 10px 30px rgba(7,31,61,.045)!important;
}
.faq-grid h2{
  max-width:430px!important;
}
.faq-grid p{
  max-width:460px!important;
}

/* mocniejsze, konkretniejsze nagłówki sekcji bez nadmiernego rozstrzelenia */
.section-head.compact h2,
.contact-copy h2,
.faq-grid h2,
.safety-grid h2{
  letter-spacing:-.058em!important;
}
.section-head.compact p,
.contact-copy p,
.safety-grid p,
.faq-grid p{
  color:#566a84!important;
}

/* siatka w cenniku widoczna, ale badge bez przekreślania */
.pricing-site-style::before{
  opacity:.34!important;
  background-size:42px 42px!important;
}
.site-badge{
  z-index:8!important;
  top:-19px!important;
  box-shadow:0 12px 28px rgba(255,72,35,.18),0 0 0 9px #f4f7fb!important;
}
.site-badge.dark{
  box-shadow:0 12px 28px rgba(7,31,61,.16),0 0 0 9px #f4f7fb!important;
}

@media (max-width:980px){
  .faq-grid > div:first-child{
    position:static!important;
  }
  #faq,
  .faq{
    padding-top:78px!important;
  }
  .contact-section{
    padding-bottom:82px!important;
  }
}
@media (max-width:680px){
  .section::before{
    opacity:.22!important;
    background-size:32px 32px!important;
  }
  .hero::before{
    opacity:.18!important;
    background-size:32px 32px!important;
  }
  #faq,
  .faq{
    padding-top:68px!important;
  }
  .contact-section{
    padding-bottom:68px!important;
  }
  .site-badge{
    top:-17px!important;
    box-shadow:0 10px 24px rgba(255,72,35,.16),0 0 0 7px #f4f7fb!important;
  }
}


/* V43 - konkretniejsze menu, lepsza stopka, usunięte telefony i poprawiony formularz */
.header-actions{
  gap:12px!important;
}
.phone-link{
  display:none!important;
}
.nav{
  gap:22px!important;
}
.nav a{
  font-size:14.2px!important;
}
@media (max-width:1180px){
  .nav{gap:16px!important;}
  .nav a{font-size:13.5px!important;}
}

/* większy odstęp przy CTA w sekcji procesu */
.process-section .section-head .btn{
  margin-top:18px!important;
}

/* realistyczniejsza sekcja dostępu i bezpieczeństwa */
.safety-grid h2{
  max-width:560px!important;
}
.safety-grid > div:first-child p:last-child{
  max-width:620px!important;
}

/* formularz bez pola "Pakiet" */
.contact-form > label:first-of-type,
.contact-form > .form-row:first-of-type{
  margin-bottom:14px!important;
}
.contact-form input[type="hidden"][data-package-select]{
  display:none!important;
}

/* lepsza stopka i logo */
.footer{
  padding:54px 0 50px!important;
}
.footer-grid{
  align-items:start!important;
}
.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  padding:12px 16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important;
}
.footer .brand img{
  width:210px!important;
  filter:none!important;
}
.footer p{
  margin-top:18px!important;
}
.footer a:not(.brand){
  margin:10px 0!important;
}
.footer h3{
  margin-bottom:14px!important;
}

/* final CTA button spacing */
.final-inner .btn{
  flex:0 0 auto!important;
  margin-top:8px!important;
}
@media (max-width:980px){
  .final-inner .btn{
    margin-top:14px!important;
  }
}


/* V44 - FAQ z nagłówkiem nad pytaniami */
.faq-grid{
  grid-template-columns:1fr!important;
  gap:26px!important;
  max-width:1180px!important;
}
.faq-grid > div:first-child{
  position:static!important;
  max-width:760px!important;
}
.faq-grid h2{
  max-width:700px!important;
  margin-bottom:10px!important;
}
.faq-grid p{
  max-width:760px!important;
}
.faq-list{
  max-width:100%!important;
}
.faq-list details,
.faq-grid details{
  width:100%!important;
}
@media (max-width:680px){
  .faq-grid{gap:18px!important;}
}


/* V45 - FAQ węższe i wyśrodkowane + naturalniejszy dymek konsultanta */
.faq-grid{
  max-width:920px!important;
  margin-inline:auto!important;
  gap:24px!important;
}
.faq-grid > div:first-child{
  max-width:760px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.faq-grid h2{
  max-width:720px!important;
  margin-inline:auto!important;
}
.faq-grid p{
  max-width:620px!important;
  margin-inline:auto!important;
}
.faq-list{
  max-width:860px!important;
  margin-inline:auto!important;
  width:100%!important;
}
.faq-list details,
.faq-grid details{
  border-radius:20px!important;
}
.chat-auto-notice{
  width:min(300px, calc(100vw - 32px))!important;
}
.chat-auto-notice strong{
  -webkit-line-clamp:2!important;
}
@media (max-width:680px){
  .faq-grid{
    max-width:100%!important;
    gap:18px!important;
  }
  .faq-grid > div:first-child{
    text-align:left!important;
  }
  .faq-grid h2,
  .faq-grid p{
    margin-inline:0!important;
  }
}


/* V47 - dopracowane FAQ: bez dziwnego centrowania odpowiedzi */
.faq-grid{
  max-width:920px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:26px!important;
}
.faq-grid > div:first-child{
  max-width:760px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.faq-grid > div:first-child .eyebrow{
  justify-content:center!important;
}
.faq-grid h2{
  max-width:760px!important;
  margin-inline:auto!important;
  margin-bottom:10px!important;
}
.faq-grid > div:first-child > p{
  max-width:620px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.faq-list{
  width:100%!important;
  max-width:860px!important;
  margin-inline:auto!important;
  display:grid!important;
  gap:12px!important;
}
.faq-list details{
  width:100%!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.92)!important;
}
.faq-list summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:22px 24px!important;
  cursor:pointer!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.faq-list summary::-webkit-details-marker{
  display:none!important;
}
.faq-list summary::before{
  content:"›"!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#071f3d!important;
  font-size:19px!important;
  font-weight:950!important;
  line-height:1!important;
  transform:rotate(0deg)!important;
  transition:transform .18s ease!important;
}
.faq-list details[open] summary{
  padding-bottom:10px!important;
}
.faq-list details[open] summary::before{
  transform:rotate(90deg)!important;
}
.faq-list details p{
  max-width:none!important;
  margin:0!important;
  padding:0 24px 22px 52px!important;
  text-align:left!important;
  color:#566a84!important;
  font-size:15px!important;
  line-height:1.6!important;
}
@media (max-width:680px){
  .faq-grid{
    max-width:100%!important;
    gap:18px!important;
  }
  .faq-grid > div:first-child{
    text-align:left!important;
    margin-inline:0!important;
  }
  .faq-grid > div:first-child .eyebrow{
    justify-content:flex-start!important;
  }
  .faq-grid h2,
  .faq-grid > div:first-child > p{
    margin-inline:0!important;
    text-align:left!important;
  }
  .faq-list{
    max-width:100%!important;
  }
  .faq-list summary{
    padding:18px 18px!important;
    font-size:15.5px!important;
    gap:8px!important;
  }
  .faq-list details[open] summary{
    padding-bottom:8px!important;
  }
  .faq-list details p{
    padding:0 18px 18px 44px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
}


/* V48 - zdjęcie jako avatar konsultanta */
.consultant-avatar{
  display:block!important;
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  object-fit:cover!important;
  object-position:center top!important;
  background:#dbe4ef!important;
  border:2px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
@media (max-width:980px){
  .consultant-avatar{
    width:40px!important;
    height:40px!important;
  }
}


/* V49 - stopka bez logo, prosty copyright */
.footer-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
.footer-copy p{
  margin:12px 0 0!important;
}
.footer-brand{
  display:none!important;
}


/* V50 - hero w spokojniejszym, lekkim granacie */
.hero{
  background:
    radial-gradient(circle at 78% 18%, rgba(86,145,223,.14), transparent 26%),
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.05), transparent 22%),
    linear-gradient(135deg,#06162e 0%, #082345 48%, #0b335f 100%)!important;
}
.hero::after{
  background:radial-gradient(circle,rgba(110,231,255,.10),transparent 64%)!important;
  opacity:.72!important;
}
.hero-grid-bg::before{
  background-image:
    linear-gradient(90deg,rgba(5,16,33,.76) 0%,rgba(8,22,44,.36) 42%,rgba(6,18,39,.66) 100%),
    url("../img/hero-tech-bg.webp")!important;
  opacity:.28!important;
  filter:saturate(.82) contrast(1.02)!important;
  mix-blend-mode:screen!important;
}
.hero-grid-bg::after{
  opacity:.10!important;
  background-image:
    linear-gradient(100deg,transparent 0%,transparent 40%,rgba(130,212,255,.08) 48%,transparent 56%,transparent 100%),
    repeating-linear-gradient(180deg,transparent 0 28px,rgba(164,210,255,.05) 29px,transparent 31px),
    repeating-linear-gradient(90deg,transparent 0 92px,rgba(255,255,255,.035) 93px,transparent 95px)!important;
}
.hero-proof div{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.hero-badge{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.hero-command-minimal{
  filter:drop-shadow(0 18px 40px rgba(4,16,33,.22))!important;
}
@media (min-width:981px){
  .hero-grid-bg::before{opacity:.24!important;}
  .hero-grid-bg::after{opacity:.08!important;}
}
@media (max-width:680px){
  .hero-grid-bg::before{opacity:.22!important;}
  .hero-grid-bg::after{opacity:.07!important;}
}


/* V51 - panel interwencji dopasowany do spokojniejszego, granatowego hero */
.hero-command-minimal{
  filter:drop-shadow(0 18px 42px rgba(6,18,37,.18))!important;
}
.hero-command-minimal .command-shell-minimal{
  background:linear-gradient(180deg,rgba(242,247,252,.96),rgba(229,238,248,.94))!important;
  border:1px solid rgba(190,208,228,.55)!important;
  box-shadow:0 24px 52px rgba(6,18,37,.14), inset 0 1px 0 rgba(255,255,255,.8)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
.hero-command-minimal .command-shell-minimal::before{
  opacity:.9!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,120,75,.10),transparent 26%),
    radial-gradient(circle at 86% 14%,rgba(120,176,235,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 40%)!important;
}
.hero-command-minimal .command-shell-minimal::after{
  left:22px!important;
  right:22px!important;
  height:1px!important;
  opacity:.48!important;
  background:linear-gradient(90deg,transparent,rgba(138,171,206,.95),transparent)!important;
}
.hero-command-minimal .command-topbar-minimal{
  min-height:50px!important;
  padding:11px 15px!important;
  background:rgba(255,255,255,.42)!important;
  border-bottom:1px solid rgba(178,198,222,.55)!important;
}
.hero-command-minimal .command-topbar-minimal strong{
  color:#173455!important;
  letter-spacing:.11em!important;
}
.hero-command-minimal .live-pill{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(177,199,224,.62)!important;
  color:#173455!important;
  box-shadow:none!important;
}
.hero-command-minimal .live-pill i{
  box-shadow:0 0 0 0 rgba(44,195,107,.22),0 0 8px rgba(44,195,107,.18)!important;
}
.hero-command-minimal .incident-tabs-minimal{
  gap:7px!important;
  padding:10px 12px!important;
  background:rgba(248,251,255,.44)!important;
  border-bottom:1px solid rgba(182,201,223,.5)!important;
}
.hero-command-minimal .incident-tabs-minimal button{
  min-height:34px!important;
  border-radius:13px!important;
  border:1px solid rgba(177,197,220,.72)!important;
  background:rgba(255,255,255,.72)!important;
  color:#365473!important;
  box-shadow:none!important;
}
.hero-command-minimal .incident-tabs-minimal button:hover{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(140,167,198,.9)!important;
}
.hero-command-minimal .incident-tabs-minimal button.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,98,67,.96),rgba(255,146,74,.96))!important;
  border-color:transparent!important;
  box-shadow:0 10px 20px rgba(255,104,69,.18)!important;
}
.hero-command-minimal .command-body-minimal{
  gap:10px!important;
  padding:11px!important;
}
.hero-command-minimal .incident-panel-minimal,
.hero-command-minimal .live-workflow-minimal{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(184,202,224,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.hero-command-minimal .incident-panel-minimal{
  gap:8px 12px!important;
  padding:15px!important;
}
.hero-command-minimal .incident-panel-minimal::after{
  width:150px!important;
  height:150px!important;
  right:-64px!important;
  top:-66px!important;
  opacity:.28!important;
  background:radial-gradient(circle,rgba(255,118,79,.18),rgba(120,176,235,.12) 44%,transparent 72%)!important;
}
.hero-command-minimal .micro-label,
.hero-command-minimal .impact-box-minimal span,
.hero-command-minimal .workflow-head span{
  color:#607a98!important;
  opacity:1!important;
}
.hero-command-minimal .incident-panel-minimal h2,
.hero-command-minimal .impact-box-minimal strong,
.hero-command-minimal .workflow-head strong{
  color:#0b2340!important;
}
.hero-command-minimal .incident-panel-minimal p[data-incident-copy]{
  color:#556d88!important;
}
.hero-command-minimal .impact-box-minimal{
  padding:11px!important;
  border-radius:15px!important;
  background:rgba(241,246,252,.94)!important;
  border:1px solid rgba(191,208,228,.72)!important;
}
.hero-command-minimal .impact-track,
.hero-command-minimal .workflow-progress{
  background:#dfe8f3!important;
}
.hero-command-minimal .impact-track i,
.hero-command-minimal .workflow-progress i{
  box-shadow:0 0 16px rgba(255,104,69,.24)!important;
}
.hero-command-minimal .issue-chips span{
  background:#eef4fb!important;
  border:1px solid rgba(184,202,224,.72)!important;
  color:#35506d!important;
}
.hero-command-minimal .live-workflow-minimal{
  background:rgba(248,251,255,.66)!important;
}
.hero-command-minimal .workflow-head b{
  background:#0d294a!important;
  box-shadow:0 12px 24px rgba(13,41,74,.18)!important;
}
.hero-command-minimal .workflow-steps li{
  border:1px solid rgba(188,205,225,.7)!important;
  background:rgba(255,255,255,.82)!important;
  color:#445a74!important;
}
.hero-command-minimal .workflow-steps li b{
  background:#eef4fb!important;
  color:#0d294a!important;
}
.hero-command-minimal .workflow-steps li span{
  color:#173455!important;
}
.hero-command-minimal .workflow-steps li em{
  color:#7a8ea6!important;
}
.hero-command-minimal .workflow-steps li.done{
  background:#f3fff8!important;
  border-color:rgba(44,195,107,.22)!important;
}
.hero-command-minimal .workflow-steps li.done b{
  background:rgba(44,195,107,.14)!important;
  color:#0a8d4b!important;
}
.hero-command-minimal .workflow-steps li.done span,
.hero-command-minimal .workflow-steps li.done em{
  color:#0a8d4b!important;
}
.hero-command-minimal .workflow-steps li.active{
  border-color:rgba(255,122,26,.34)!important;
  box-shadow:0 10px 24px rgba(255,122,26,.10)!important;
  transform:translateX(4px)!important;
  background:#fffdfb!important;
}
.hero-command-minimal .workflow-steps li.active b{
  background:linear-gradient(135deg,var(--red),var(--orange))!important;
  color:#fff!important;
}
.hero-command-minimal .workflow-steps li.active em{
  color:#e85920!important;
}
@media (max-width:680px){
  .hero-command-minimal .command-shell-minimal{
    border-radius:23px!important;
  }
  .hero-command-minimal .command-shell-minimal::before{
    opacity:.82!important;
  }
}


/* V52 - poprawka przewag pod CTA w hero: bez kafelków, czysta linia */
.hero-proof{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px 22px!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
}
.hero-proof div{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-align:left!important;
}
.proof-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(44,195,107,.13)!important;
  border:1px solid rgba(44,195,107,.48)!important;
  color:#5cffaa!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 0 16px rgba(44,195,107,.16)!important;
}
.hero-proof strong{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  color:#f6fbff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hero-proof .label-short{display:none!important;}
.hero-proof .label-full{display:inline!important;}

@media (min-width:981px){
  .hero-proof{
    justify-content:flex-start!important;
  }
}

@media (max-width:680px){
  .hero-proof{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px 13px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
  .hero-proof div{
    display:inline-flex!important;
    width:auto!important;
    gap:6px!important;
    justify-content:center!important;
    text-align:left!important;
  }
  .proof-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    font-size:10px!important;
  }
  .hero-proof strong{
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .hero-proof .label-full{display:none!important;}
  .hero-proof .label-short{display:inline!important;}
}

@media (max-width:380px){
  .hero-proof{
    gap:7px 10px!important;
  }
  .hero-proof strong{
    font-size:10.8px!important;
  }
}


/* V53 - animowany zielony pasek postępu w panelu interwencji */
.hero-command-minimal .workflow-progress{
  position:relative!important;
  overflow:hidden!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#dfe8f1 0%,#e8eef5 100%)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7)!important;
}
.hero-command-minimal .workflow-progress i{
  position:relative!important;
  display:block!important;
  height:100%!important;
  width:90%!important;
  border-radius:inherit!important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.22) 0 10px,
      rgba(255,255,255,.08) 10px 20px
    ),
    linear-gradient(90deg,#14b85a 0%, #24cf70 38%, #0fae55 72%, #37d97c 100%)!important;
  background-size:34px 34px, 100% 100%!important;
  background-position:0 0, 0 0!important;
  box-shadow:
    0 0 16px rgba(25,197,96,.24),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  animation:workflowStripeMove 2s linear infinite, workflowProgressBreath 2.8s ease-in-out infinite!important;
}
.hero-command-minimal .workflow-progress i::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-18%!important;
  width:22%!important;
  height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)!important;
  filter:blur(.4px)!important;
  animation:workflowShine 2.25s ease-in-out infinite!important;
}

@keyframes workflowStripeMove{
  from{background-position:0 0, 0 0;}
  to{background-position:34px 0, 0 0;}
}
@keyframes workflowProgressBreath{
  0%,100%{
    filter:saturate(1) brightness(1);
    transform:scaleY(1);
  }
  50%{
    filter:saturate(1.08) brightness(1.04);
    transform:scaleY(1.02);
  }
}
@keyframes workflowShine{
  0%{left:-22%;opacity:.0;}
  18%{opacity:.0;}
  40%{opacity:.55;}
  72%{opacity:.18;}
  100%{left:104%;opacity:0;}
}

@media (max-width:680px){
  .hero-command-minimal .workflow-progress{
    height:7px!important;
  }
  .hero-command-minimal .workflow-progress i{
    background-size:28px 28px, 100% 100%!important;
  }
}


/* V54 - pasek postępu naprawdę "żyje" */
.hero-command-minimal .workflow-progress{
  position:relative!important;
  overflow:hidden!important;
}
.hero-command-minimal .workflow-progress::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%)!important;
}
.hero-command-minimal .workflow-progress i{
  width:92%!important;
  position:relative!important;
  overflow:hidden!important;
  transform-origin:left center!important;
  will-change:transform,filter,background-position!important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.28) 0 12px,
      rgba(255,255,255,.08) 12px 24px
    ),
    linear-gradient(90deg,#13b85b 0%, #2edb79 38%, #12ba5b 72%, #45e08d 100%)!important;
  background-size:38px 38px, 100% 100%!important;
  animation:
    workflowStripeMoveStrong 1.1s linear infinite,
    workflowProgressSweep 2.9s ease-in-out infinite,
    workflowProgressGlow 2.2s ease-in-out infinite!important;
}
.hero-command-minimal .workflow-progress i::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.18) 18%,
      rgba(255,255,255,.02) 38%,
      rgba(255,255,255,.20) 62%,
      rgba(255,255,255,0) 100%)!important;
  background-size:180% 100%!important;
  animation:workflowOverlayShift 1.4s linear infinite!important;
  mix-blend-mode:screen!important;
}
.hero-command-minimal .workflow-progress i::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-22%!important;
  width:20%!important;
  height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)!important;
  filter:blur(.4px)!important;
  animation:workflowShineStrong 1.7s ease-in-out infinite!important;
}
@keyframes workflowStripeMoveStrong{
  from{background-position:0 0, 0 0;}
  to{background-position:38px 0, 0 0;}
}
@keyframes workflowProgressSweep{
  0%{transform:scaleX(.90);}
  18%{transform:scaleX(.935);}
  52%{transform:scaleX(1);}
  78%{transform:scaleX(.955);}
  100%{transform:scaleX(.90);}
}
@keyframes workflowProgressGlow{
  0%,100%{filter:saturate(1) brightness(1);box-shadow:0 0 12px rgba(25,197,96,.20), inset 0 1px 0 rgba(255,255,255,.18)!important;}
  50%{filter:saturate(1.12) brightness(1.05);box-shadow:0 0 18px rgba(25,197,96,.30), inset 0 1px 0 rgba(255,255,255,.22)!important;}
}
@keyframes workflowOverlayShift{
  from{background-position:0 0;}
  to{background-position:180% 0;}
}
@keyframes workflowShineStrong{
  0%{left:-24%;opacity:0;}
  22%{opacity:0;}
  45%{opacity:.62;}
  72%{opacity:.18;}
  100%{left:104%;opacity:0;}
}

@media (max-width:680px){
  .hero-command-minimal .workflow-progress i{
    background-size:30px 30px, 100% 100%!important;
  }
}


/* V55 - płynny pasek postępu: ruch od lewej do prawej, bez skokowego pompowania szerokości */
.hero-command-minimal .workflow-progress{
  position:relative!important;
  overflow:hidden!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#dfe8f1 0%,#e8eef5 100%)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72)!important;
}
.hero-command-minimal .workflow-progress i{
  position:relative!important;
  display:block!important;
  height:100%!important;
  width:92%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  transform:none!important;
  will-change:background-position,filter!important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.24) 0 12px,
      rgba(255,255,255,.08) 12px 24px
    ),
    linear-gradient(90deg,#14b85a 0%, #28d272 42%, #11b255 74%, #3cdd86 100%)!important;
  background-size:36px 36px, 100% 100%!important;
  background-position:0 0, 0 0!important;
  box-shadow:
    0 0 14px rgba(25,197,96,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  animation:
    workflowStripeFlowSmooth 1.9s linear infinite,
    workflowProgressGlowSoft 2.6s ease-in-out infinite!important;
}
.hero-command-minimal .workflow-progress i::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-28%!important;
  width:30%!important;
  height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent)!important;
  filter:blur(.35px)!important;
  animation:workflowTravelSoft 2.25s cubic-bezier(.22,.61,.36,1) infinite!important;
}
.hero-command-minimal .workflow-progress i::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0) 58%)!important;
  pointer-events:none!important;
}

@keyframes workflowStripeFlowSmooth{
  from{background-position:0 0, 0 0;}
  to{background-position:36px 0, 0 0;}
}
@keyframes workflowTravelSoft{
  0%{left:-30%;opacity:0;}
  12%{opacity:.0;}
  34%{opacity:.42;}
  58%{opacity:.26;}
  78%{opacity:.10;}
  100%{left:104%;opacity:0;}
}
@keyframes workflowProgressGlowSoft{
  0%,100%{
    filter:saturate(1) brightness(1);
    box-shadow:0 0 12px rgba(25,197,96,.18), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  50%{
    filter:saturate(1.05) brightness(1.03);
    box-shadow:0 0 18px rgba(25,197,96,.24), inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}

@media (max-width:680px){
  .hero-command-minimal .workflow-progress{
    height:7px!important;
  }
  .hero-command-minimal .workflow-progress i{
    background-size:30px 30px, 100% 100%!important;
  }
}


/* V56 - pasek jako płynne napełnianie od początku do końca */
.hero-command-minimal .workflow-progress{
  position:relative!important;
  overflow:hidden!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#dfe8f1 0%,#e8eef5 100%)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72)!important;
}
.hero-command-minimal .workflow-progress i{
  position:relative!important;
  display:block!important;
  height:100%!important;
  width:100%!important;
  max-width:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  transform-origin:left center!important;
  will-change:transform,opacity,filter!important;
  background:
    linear-gradient(90deg,#15b85c 0%,#27d270 44%,#11ad53 74%,#43df88 100%)!important;
  box-shadow:
    0 0 14px rgba(25,197,96,.22),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
  animation:workflowFillFromStart 3.45s cubic-bezier(.18,.78,.22,1) infinite!important;
}
.hero-command-minimal .workflow-progress i::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  opacity:.42!important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.34) 0 10px,
      rgba(255,255,255,.08) 10px 20px
    )!important;
  background-size:34px 34px!important;
  animation:workflowStripeFlowVisible 1.25s linear infinite!important;
}
.hero-command-minimal .workflow-progress i::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-28%!important;
  width:28%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  filter:blur(.3px)!important;
  animation:workflowSoftShineAcross 3.45s cubic-bezier(.18,.78,.22,1) infinite!important;
}
@keyframes workflowFillFromStart{
  0%{transform:scaleX(.04);opacity:.18;filter:saturate(1) brightness(.98);}
  8%{opacity:.85;}
  20%{transform:scaleX(.28);opacity:1;}
  46%{transform:scaleX(.62);}
  76%{transform:scaleX(.94);}
  88%{transform:scaleX(1);opacity:1;filter:saturate(1.08) brightness(1.03);}
  96%{transform:scaleX(1);opacity:1;}
  100%{transform:scaleX(.04);opacity:0;}
}
@keyframes workflowStripeFlowVisible{
  from{background-position:0 0;}
  to{background-position:34px 0;}
}
@keyframes workflowSoftShineAcross{
  0%{left:-30%;opacity:0;}
  16%{opacity:.0;}
  28%{opacity:.38;}
  72%{opacity:.34;}
  90%{left:94%;opacity:.12;}
  100%{left:108%;opacity:0;}
}

@media (max-width:680px){
  .hero-command-minimal .workflow-progress{
    height:7px!important;
  }
  .hero-command-minimal .workflow-progress i::before{
    background-size:28px 28px!important;
  }
}


/* V57 - pasek zgodny z procentem, płynne przejście bez stania na 100% */
.hero-command-minimal .workflow-progress{
  --workflow-progress-width:50%;
  position:relative!important;
  overflow:hidden!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#dfe8f1 0%,#e8eef5 100%)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72)!important;
}
.hero-command-minimal .workflow-progress i{
  position:relative!important;
  display:block!important;
  height:100%!important;
  width:var(--workflow-progress-width)!important;
  max-width:100%!important;
  min-width:8%!important;
  border-radius:999px!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:left center!important;
  opacity:1!important;
  will-change:width,background-position,filter!important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.28) 0 10px,
      rgba(255,255,255,.08) 10px 20px
    ),
    linear-gradient(90deg,#15b85c 0%,#28d270 44%,#11ad53 74%,#43df88 100%)!important;
  background-size:34px 34px, 100% 100%!important;
  background-position:0 0, 0 0!important;
  box-shadow:
    0 0 14px rgba(25,197,96,.22),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
  transition:width .9s cubic-bezier(.2,.8,.2,1)!important;
  animation:workflowStripeFlowPercent 1.45s linear infinite, workflowProgressGlowPercent 2.8s ease-in-out infinite!important;
}
.hero-command-minimal .workflow-progress i::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)!important;
  width:34%!important;
  left:-38%!important;
  filter:blur(.35px)!important;
  animation:workflowShinePercent 2.05s ease-in-out infinite!important;
}
.hero-command-minimal .workflow-progress i::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0) 58%)!important;
  pointer-events:none!important;
}
@keyframes workflowStripeFlowPercent{
  from{background-position:0 0, 0 0;}
  to{background-position:34px 0, 0 0;}
}
@keyframes workflowShinePercent{
  0%{left:-38%;opacity:0;}
  22%{opacity:.0;}
  42%{opacity:.45;}
  72%{opacity:.20;}
  100%{left:104%;opacity:0;}
}
@keyframes workflowProgressGlowPercent{
  0%,100%{
    filter:saturate(1) brightness(1);
    box-shadow:0 0 12px rgba(25,197,96,.18), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  50%{
    filter:saturate(1.06) brightness(1.03);
    box-shadow:0 0 18px rgba(25,197,96,.25), inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}
@media (max-width:680px){
  .hero-command-minimal .workflow-progress{
    height:7px!important;
  }
  .hero-command-minimal .workflow-progress i{
    background-size:28px 28px, 100% 100%!important;
  }
}