*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061326;color:#eef6ff;font-family:Inter,Arial,sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;color:#061326;padding:10px;z-index:99}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:24px;padding:22px 38px;color:#fff}.brand img{width:235px}.nav{display:flex;gap:24px;margin-left:auto}.nav a{text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.04em}.top-actions{display:flex;gap:10px}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;min-height:46px;padding:0 20px;font-weight:950;text-transform:uppercase;font-size:13px;letter-spacing:.03em;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px rgba(0,0,0,.22)}.btn.big{min-height:54px;padding:0 24px}.btn-blue{background:#075ee7}.btn-orange{background:#ff7a18}.btn-green{background:#0dbb85}.btn-dark,.btn-ghost{background:rgba(2,8,23,.42);backdrop-filter:blur(10px)}.hero{position:relative;min-height:780px;overflow:hidden;background:#020817}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.96) 0%,rgba(2,8,23,.84) 36%,rgba(2,8,23,.55) 58%,rgba(2,8,23,.9) 100%),url('assets/hero-ad.webp') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,rgba(22,119,255,.25),transparent 34%)}.hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;min-height:780px;padding:150px 38px 70px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);align-items:center;gap:36px}.hero-logo{width:275px;margin-bottom:34px}.hero h1{font-size:clamp(56px,6vw,88px);line-height:.95;letter-spacing:-.06em;margin:0 0 18px;color:#fff}.hero h1 span{color:#1677ff}.lead{font-size:25px;max-width:590px;color:#e8f2ff;margin:0 0 34px}.hero-list{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:18px;margin:0 0 34px;max-width:620px}.hero-list span{display:flex;gap:12px;font-size:18px;font-weight:900}.hero-list i{color:#1677ff;font-style:normal}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.device-showcase{position:relative;min-height:540px}.screen{position:absolute;border-radius:26px;box-shadow:0 34px 90px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.16)}.screen-main{width:780px;right:0;top:0}.screen-phone{width:280px;right:0;bottom:6px}.problem{background:#f4f8fd;color:#071426;padding:52px 0}.problem-grid{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 120px 1.1fr;gap:28px;align-items:center}.problem h2,.solution h2{font-size:34px;line-height:1.15;margin:0 0 24px}.questions p{font-size:20px;margin:18px 0}.questions strong{display:block;margin-top:28px;font-size:24px}.arrow{font-size:84px;color:#075ee7;text-align:center}.solution{background:url('assets/bg-docs.webp') right center/cover no-repeat;border-radius:28px;padding:42px;min-height:360px}.solution ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.solution li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#075ee7;color:white;margin-right:12px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#12365f;padding:0 32px}.benefit-strip div{padding:26px 24px;background:#061b33}.benefit-strip b{display:block;text-transform:uppercase}.benefit-strip span{color:#cfe7ff}.section{padding:82px 0}.light{background:linear-gradient(#f7fbff,#eef6ff);color:#061326}.section .eyebrow,.eyebrow{color:#ff8a19;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:12px}.section h2,.history-section h2,.why h2,.demo-section h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 34px}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-cards article{background:#fff;border-radius:16px;padding:26px 18px;box-shadow:0 16px 35px rgba(15,23,42,.09);text-align:center}.icon{height:48px;font-size:30px;color:#075ee7;font-weight:950}.feature-cards h3{margin:14px 0 8px}.feature-cards p{font-size:14px;color:#334155}.process-section{background:#071426}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process article{background:linear-gradient(180deg,#102b4c,#081b32);border:1px solid rgba(125,211,252,.18);border-radius:22px;padding:22px}.process b{color:#ff8a19}.process h3{font-size:22px}.process p{color:#cfe7ff;font-size:14px}.history-section{padding:90px 0;background:#0a1d34}.history-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.history-copy p{font-size:20px;color:#dbeafe}.mini-badges{display:flex;gap:10px;flex-wrap:wrap}.mini-badges span{background:rgba(255,255,255,.07);border:1px solid rgba(125,211,252,.18);border-radius:999px;padding:9px 13px;font-weight:900}.timeline{background:#f8fbff;color:#0f172a;border-radius:28px;padding:24px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.device{background:linear-gradient(135deg,#061a33,#0b3264);color:#fff;border-radius:20px;padding:18px 20px;font-size:25px;font-weight:950}.device small{display:block;color:#bee3ff;font-size:14px}.event{margin:14px 0 0 34px;background:#fff;border:1px solid #dbeafe;border-radius:17px;padding:14px 16px;position:relative}.event:before{content:"";position:absolute;left:-27px;top:21px;width:13px;height:13px;border-radius:50%;background:#1677ff;box-shadow:0 0 0 5px rgba(22,119,255,.13)}.event.ok:before{background:#12c487}.event.warn:before{background:#ff8a19}.event time{color:#64748b;font-size:12px;font-weight:900}.event b{display:block}.event span{color:#475569;font-size:14px}.why{background:#061326}.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.why-photo{min-height:420px;border-radius:28px;background:linear-gradient(rgba(2,8,23,.08),rgba(2,8,23,.58)),url('assets/bg-hook.webp') center/cover no-repeat;box-shadow:0 28px 70px rgba(0,0,0,.28)}.why p{font-size:20px;color:#dbeafe}.checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}.checklist li{background:rgba(255,255,255,.06);border:1px solid rgba(125,211,252,.16);border-radius:14px;padding:12px 14px}.checklist li:before{content:'✓ ';color:#12c487;font-weight:950}.demo-section{position:relative;overflow:hidden;background:#eff7ff;color:#061326}.demo-bg{position:absolute;inset:0;background:url('assets/bg-hook.webp') left center/auto 100% no-repeat, url('assets/bg-docs.webp') right center/auto 100% no-repeat;opacity:.32}.demo-grid{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center;padding-top:70px;padding-bottom:70px;text-align:center}.demo-grid h2 strong{display:block;font-size:1.2em}.demo-grid p{font-size:20px}.demo-grid img{max-height:360px;margin:auto;border-radius:18px}.faq-section{background:#f7fbff;color:#061326}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:16px;box-shadow:0 12px 24px rgba(15,23,42,.05)}.faq summary{font-weight:950;cursor:pointer}.footer{background:#061326;padding:56px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:34px}.footer img{width:240px}.footer p{color:#cfe7ff}.footer a{display:block;text-decoration:none;color:#cfe7ff;margin-top:8px}@media(max-width:1050px){.topbar{position:relative;background:#061326;display:grid;grid-template-columns:1fr;gap:14px}.brand img{width:210px}.nav{display:none}.top-actions{display:grid;grid-template-columns:repeat(3,1fr)}.hero,.hero-inner{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:58px}.device-showcase{min-height:auto}.screen{position:relative}.screen-main{width:100%;right:auto}.screen-phone{display:none}.problem-grid{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.feature-cards{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}.highlight-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.history-grid,.why-grid,.demo-grid{grid-template-columns:1fr}.benefit-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap,.hero-inner,.problem-grid{padding-left:18px;padding-right:18px}.hero h1{font-size:44px}.lead{font-size:18px}.hero-list{grid-template-columns:1fr}.hero-cta,.top-actions{grid-template-columns:1fr;display:grid}.feature-cards,.process,.benefit-strip,.highlight-grid,.security-grid{grid-template-columns:1fr}.section{padding:58px 0}.footer-grid{grid-template-columns:1fr}.problem h2,.solution h2{font-size:28px}}

/* V4 HERO FIX — czystszy, mocniejszy hero */
.hero-bg{
  background:
    linear-gradient(90deg,
      rgba(2,8,23,.96) 0%,
      rgba(2,8,23,.92) 34%,
      rgba(2,8,23,.70) 58%,
      rgba(2,8,23,.86) 100%
    ),
    url('assets/login-bg-industrial.png') center/cover no-repeat !important;
}

.hero-shade{
  background:
    radial-gradient(circle at 72% 30%,rgba(22,119,255,.20),transparent 34%),
    linear-gradient(180deg,rgba(2,8,23,.10),rgba(2,8,23,.38)) !important;
}

.hero-inner{
  grid-template-columns:minmax(380px,.72fr) minmax(600px,1.28fr) !important;
  max-width:1360px !important;
  gap:46px !important;
}

.hero-copy{padding-left:8px !important;}
.hero-logo{display:none !important;}

.hero h1{
  font-size:clamp(58px,6.6vw,96px) !important;
  max-width:620px !important;
  text-shadow:0 8px 30px rgba(0,0,0,.42) !important;
}

.hero h1 span{color:#1677ff !important;}

.lead{
  max-width:610px !important;
  color:#f1f7ff !important;
  text-shadow:0 5px 20px rgba(0,0,0,.42) !important;
}

.hero-list{
  grid-template-columns:repeat(2,minmax(190px,1fr)) !important;
  max-width:540px !important;
}

.hero-list span{
  color:#fff !important;
  text-shadow:0 4px 18px rgba(0,0,0,.48) !important;
}

.device-showcase{min-height:560px !important;}

.screen-main{
  width:780px !important;
  top:10px !important;
  right:20px !important;
  filter:drop-shadow(0 34px 80px rgba(0,0,0,.52)) !important;
}

.screen-phone{
  width:245px !important;
  right:0 !important;
  bottom:38px !important;
  filter:drop-shadow(0 28px 54px rgba(0,0,0,.48)) !important;
}

.hero-cta .btn{min-width:142px !important;}

@media(max-width:1050px){
  .hero-bg{
    background:
      linear-gradient(180deg,rgba(2,8,23,.92),rgba(2,8,23,.86)),
      url('assets/login-bg-industrial.png') center/cover no-repeat !important;
  }
  .hero-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .hero-copy{padding-left:0 !important;}
  .hero h1{
    font-size:clamp(46px,8vw,72px) !important;
    max-width:720px !important;
  }
  .device-showcase{min-height:auto !important;}
  .screen-main{
    width:100% !important;
    right:auto !important;
    top:auto !important;
  }
}

@media(max-width:700px){
  .hero h1{font-size:42px !important;}
  .hero-list{grid-template-columns:1fr !important;}
}


/* V5 — delikatne efekty premium: parallax, reveal, glow, hover */
.hero::before{
  content:"";
  position:absolute;
  z-index:1;
  width:520px;
  height:520px;
  right:16%;
  top:18%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,119,255,.28),rgba(22,119,255,0) 68%);
  filter:blur(42px);
  opacity:.58;
  pointer-events:none;
  animation:heroGlowFloat 12s ease-in-out infinite;
}

.hero-inner{
  z-index:2;
}

@keyframes heroGlowFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(44px,-26px,0) scale(1.08);}
}

.hero-bg{
  will-change:transform;
  transform:translate3d(0,0,0);
}

.device-showcase .screen,
.feature-cards article,
.process article,
.timeline,
.why-photo,
.demo-grid img{
  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}

.device-showcase:hover .screen-main{
  transform:translateY(-6px) scale(1.012);
}

.device-showcase:hover .screen-phone{
  transform:translateY(-10px) scale(1.02);
}

.feature-cards article:hover,
.process article:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 54px rgba(15,23,42,.16);
  border-color:rgba(22,119,255,.36);
}

.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease, transform .75s ease;
}

.reveal.is-visible{
  opacity:1;
  transform:none;
}

.reveal-delay-1{transition-delay:.08s;}
.reveal-delay-2{transition-delay:.16s;}
.reveal-delay-3{transition-delay:.24s;}

.benefit-strip div{
  transition:background .35s ease, transform .35s ease;
}

.benefit-strip div:hover{
  background:#0a2a4f;
  transform:translateY(-2px);
}

.btn{
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

/* Wyłącz cięższe efekty na iPad/mobile i przy redukcji ruchu */
@media(max-width:1050px){
  .hero::before{
    opacity:.28;
    filter:blur(54px);
    animation:none;
  }
  .hero-bg{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero::before{animation:none!important;}
  .hero-bg{transform:none!important;}
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .device-showcase .screen,
  .feature-cards article,
  .process article,
  .timeline,
  .why-photo,
  .demo-grid img,
  .btn{transition:none!important;}
}


/* V6 — sekcja instrukcji */
.instruction-section{
  background:#071426;
  padding:46px 0;
  border-top:1px solid rgba(125,211,252,.14);
  border-bottom:1px solid rgba(125,211,252,.14);
}

.instruction-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:24px;
  padding-top:32px;
  padding-bottom:32px;
  background:
    linear-gradient(135deg,rgba(16,43,76,.92),rgba(8,27,50,.94));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 22px 54px rgba(0,0,0,.18);
}

.instruction-card h2{
  margin:12px 0 10px;
  color:#fff;
  font-size:clamp(28px,3.5vw,44px);
  line-height:1.05;
  letter-spacing:-.045em;
}

.instruction-card p{
  margin:0;
  max-width:700px;
  color:#cfe7ff;
}

@media(max-width:760px){
  .instruction-card{
    display:grid;
    text-align:left;
  }
  .instruction-card .btn{
    width:100%;
  }
}


/* V7 — instrukcja jako osobny panel, bez linku w menu */
.instruction-section{
  background:
    radial-gradient(circle at 20% 50%,rgba(22,119,255,.18),transparent 36%),
    linear-gradient(135deg,#061326,#0a1d34);
  padding:58px 0;
  border-top:1px solid rgba(125,211,252,.14);
  border-bottom:1px solid rgba(125,211,252,.14);
}

.manual-panel{
  display:grid;
  grid-template-columns:84px 1fr auto;
  gap:24px;
  align-items:center;
  padding:30px;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(16,43,76,.92),rgba(8,27,50,.96));
  border:1px solid rgba(125,211,252,.22);
  box-shadow:0 28px 70px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04);
}

.manual-icon{
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(135deg,#075ee7,#1677ff);
  font-size:38px;
  box-shadow:0 18px 42px rgba(22,119,255,.28);
}

.manual-copy h2{
  margin:8px 0 8px;
  color:#fff;
  font-size:clamp(28px,3.4vw,44px);
  line-height:1.05;
  letter-spacing:-.045em;
}

.manual-copy p{
  margin:0;
  max-width:740px;
  color:#cfe7ff;
  font-size:17px;
}

@media(max-width:900px){
  .manual-panel{
    grid-template-columns:1fr;
    text-align:left;
  }
  .manual-icon{
    width:70px;
    height:70px;
    font-size:32px;
  }
  .manual-panel .btn{
    width:100%;
  }
}


/* V8 — menu bez instrukcji, spójne kolory CTA */
.top-actions .btn-ghost,
.hero-cta .btn-orange:first-child,
.hero-cta a[href="/login"],
.btn[href="/login"]{
  background:linear-gradient(135deg,#ffffff,#e9f3ff)!important;
  color:#061326!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 16px 34px rgba(255,255,255,.10),0 14px 32px rgba(0,0,0,.24)!important;
}

.top-actions .btn-ghost:hover,
.hero-cta a[href="/login"]:hover,
.btn[href="/login"]:hover{
  filter:brightness(1.04)!important;
  transform:translateY(-2px);
}

/* Klient online — zostaje niebieski jak na screenie */
.top-actions .btn-blue,
.hero-cta .btn-blue{
  background:linear-gradient(135deg,#075ee7,#1677ff)!important;
  color:#fff!important;
}

/* Demo — zawsze pomarańcz, bez dopisku 14 dni */
.top-actions .btn-orange,
.hero-cta .btn-dark,
.hero-cta a[href="/login?demo=1"],
.btn[href="/login?demo=1"]{
  background:linear-gradient(135deg,#e85d04,#ff7a18)!important;
  color:#fff!important;
  border-color:rgba(255,138,25,.55)!important;
}

/* Menu trochę lżejsze, żeby nie było przeładowane */
.nav{
  gap:22px!important;
}

.nav a{
  font-size:13px!important;
  letter-spacing:.04em!important;
}

/* Hero CTA w jednej linii na desktop, z równymi kolorami */
.hero-cta .btn{
  min-width:148px!important;
}

@media(max-width:1050px){
  .top-actions{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

@media(max-width:700px){
  .top-actions{
    grid-template-columns:1fr!important;
  }
}


/* V15 — czyste menu + dropdown + iPad */
.nav-more{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.nav-more > button{
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  padding:0;
}

.nav-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:230px;
  padding:10px;
  border-radius:16px;
  background:rgba(6,19,38,.96);
  border:1px solid rgba(125,211,252,.20);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
  display:none;
  z-index:80;
}

.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu{
  display:grid;
  gap:4px;
}

.nav-more-menu a{
  display:block;
  padding:10px 12px;
  border-radius:11px;
  color:#eaf2ff;
  text-decoration:none;
  text-transform:none;
  letter-spacing:0;
  font-size:14px;
  font-weight:800;
}

.nav-more-menu a:hover{
  background:rgba(255,255,255,.08);
}

.legal-strip{
  max-width:1240px;
  margin:28px auto 0;
  padding:18px 32px 0;
  border-top:1px solid rgba(125,211,252,.16);
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  align-items:center;
  color:#cfe7ff;
  font-size:13px;
}

.legal-strip a{
  color:#cfe7ff;
  text-decoration:none;
  font-weight:800;
}

.legal-strip a:hover{
  color:#fff;
  text-decoration:underline;
}

.legal-strip span{
  margin-left:auto;
  opacity:.76;
}

/* iPad poziom/pion: menu nie rozpycha belki */
@media(max-width:1180px){
  .nav{
    gap:16px!important;
  }
  .nav a,
  .nav-more > button{
    font-size:12px!important;
  }
  .top-actions .btn{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* iPad pion i mobile: układ belki w kolumnie, przyciski równo */
@media(max-width:1050px){
  .nav-more{
    justify-content:center;
  }
  .nav-more-menu{
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }
}

@media(max-width:700px){
  .legal-strip{
    padding-left:18px;
    padding-right:18px;
    display:grid;
    gap:10px;
  }
  .legal-strip span{
    margin-left:0;
  }
}


/* V16 — naprawa dropdown: nie ucieka, działa na klik i hover */
.nav-more{
  position:relative;
}

.nav-more > button{
  min-height:34px;
  padding:0 4px;
}

.nav-more-menu{
  top:100% !important;
  margin-top:0 !important;
  padding-top:12px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-width:250px !important;
}

.nav-more-menu::before{
  content:"";
  display:block;
  position:absolute;
  top:10px;
  left:0;
  right:0;
  bottom:0;
  border-radius:16px;
  background:rgba(6,19,38,.98);
  border:1px solid rgba(125,211,252,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
  z-index:-1;
}

.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu,
.nav-more.open .nav-more-menu{
  display:grid !important;
  gap:4px;
}

.nav-more-menu a{
  position:relative;
  z-index:2;
  margin:0 10px;
}

.nav-more-menu a:first-child{
  margin-top:10px;
}

.nav-more-menu a:last-child{
  margin-bottom:10px;
}

@media(max-width:1050px){
  .nav-more-menu{
    position:absolute;
    top:100% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }
}


/* V17 — poprawka wyglądu dropdown, bez rozjechanego układu */
.nav-more{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

.nav-more > button{
  color:inherit !important;
  background:transparent !important;
  border:0 !important;
  cursor:pointer !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  padding:0 !important;
  min-height:auto !important;
  line-height:1.4 !important;
}

.nav-more-menu{
  position:absolute !important;
  top:calc(100% + 6px) !important;
  right:0 !important;
  left:auto !important;
  transform:none !important;
  min-width:230px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:rgba(6,19,38,.98) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.36) !important;
  display:none !important;
  z-index:999 !important;
}

.nav-more-menu::before{
  display:none !important;
}

.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu,
.nav-more.open .nav-more-menu{
  display:grid !important;
  gap:4px !important;
}

.nav-more-menu a{
  display:block !important;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:11px !important;
  color:#eaf2ff !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.nav-more-menu a:first-child,
.nav-more-menu a:last-child{
  margin:0 !important;
}

.nav-more-menu a:hover{
  background:rgba(255,255,255,.08) !important;
}

@media(max-width:1050px){
  .nav-more-menu{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }
}

@media(max-width:700px){
  .nav-more-menu{
    position:absolute !important;
    min-width:230px !important;
  }
}


/* V18 — hero jak referencja + małe kafelki zamiast dropdown */
.nav-more{display:none!important;}

.topbar{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.hero{
  min-height:780px!important;
}

.hero-bg{
  background:
    linear-gradient(90deg,
      rgba(2,8,23,.96) 0%,
      rgba(2,8,23,.82) 36%,
      rgba(2,8,23,.48) 64%,
      rgba(2,8,23,.72) 100%
    ),
    url('assets/hero-ad.webp') center/cover no-repeat!important;
}

.hero-inner{
  grid-template-columns:minmax(420px,.76fr) minmax(560px,1.24fr)!important;
  max-width:1360px!important;
  padding-bottom:46px!important;
}

.hero-logo{display:none!important;}

.hero h1{
  font-size:clamp(50px,5.8vw,78px)!important;
  line-height:1.02!important;
  max-width:650px!important;
}

.hero h1 span{
  color:#1677ff!important;
}

.lead{
  max-width:590px!important;
  font-size:22px!important;
}

.hero-cta .btn[href="/login?mode=operator"],
.hero-cta .btn[href="/login"],
.btn[href="/login?mode=operator"],
.btn[href="/login"]{
  background:linear-gradient(135deg,#ffffff,#eef6ff)!important;
  color:#061326!important;
}

.hero-cta .btn[href="/login?demo=1"],
.btn[href="/login?demo=1"]{
  background:linear-gradient(135deg,#e85d04,#ff7a18)!important;
  color:#fff!important;
}

.quick-docs{
  position:relative;
  z-index:5;
  margin-top:-96px;
  padding:0 32px 46px;
  background:linear-gradient(180deg,rgba(2,8,23,0),#061326 56%);
}

.quick-docs-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.quick-doc-card{
  min-height:92px;
  display:grid;
  grid-template-columns:56px 1fr 18px;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:16px;
  text-decoration:none;
  color:#fff;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(125,211,252,.22);
  background:#0a1f3a;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.quick-doc-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.32;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:auto 140%;
  pointer-events:none;
}

.quick-doc-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,19,38,.96),rgba(6,19,38,.76),rgba(6,19,38,.48));
  pointer-events:none;
}

.quick-doc-card > *{
  position:relative;
  z-index:1;
}

.quick-doc-card:hover{
  transform:translateY(-4px);
  border-color:rgba(22,119,255,.56);
  box-shadow:0 24px 56px rgba(0,0,0,.30);
}

.quick-doc-card strong{
  display:block;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.02em;
}

.quick-doc-card small{
  display:block;
  margin-top:5px;
  color:#cfe7ff;
  font-size:13px;
}

.quick-doc-card i{
  font-style:normal;
  font-size:34px;
  opacity:.95;
}

.doc-icon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:28px;
  font-weight:950;
  border:1px solid currentColor;
}

.doc-instruction{
  border-color:rgba(22,119,255,.55);
}
.doc-instruction::before{
  background-image:url('assets/bg-docs.webp');
}
.doc-instruction .doc-icon,.doc-instruction i{color:#1677ff;}

.doc-privacy{
  border-color:rgba(18,196,135,.48);
  background:#082a31;
}
.doc-privacy::before{
  background-image:url('assets/bg-tablet.webp');
}
.doc-privacy .doc-icon,.doc-privacy i{color:#12c487;}

.doc-terms{
  border-color:rgba(255,138,25,.50);
  background:#2a1d08;
}
.doc-terms::before{
  background-image:url('assets/bg-hook.webp');
}
.doc-terms .doc-icon,.doc-terms i{color:#ff8a19;}

.doc-cookies{
  border-color:rgba(168,85,247,.50);
  background:#180d2c;
}
.doc-cookies::before{
  background-image:url('assets/bg-docs.webp');
  filter:hue-rotate(70deg);
}
.doc-cookies .doc-icon,.doc-cookies i{color:#b774ff;}

.legal-strip{
  max-width:1240px;
  margin:28px auto 0;
  padding:18px 32px 0;
  border-top:1px solid rgba(125,211,252,.16);
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  align-items:center;
  color:#cfe7ff;
  font-size:13px;
}

.legal-strip a{
  color:#cfe7ff;
  text-decoration:none;
  font-weight:800;
}

.legal-strip span{
  margin-left:auto;
  opacity:.76;
}

@media(max-width:1180px){
  .quick-docs-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .quick-docs{
    margin-top:-54px;
  }
}

@media(max-width:1050px){
  .hero-inner{
    grid-template-columns:1fr!important;
  }
  .quick-docs{
    margin-top:0;
    padding-top:24px;
  }
}

@media(max-width:700px){
  .quick-docs{
    padding-left:18px;
    padding-right:18px;
  }
  .quick-docs-grid{
    grid-template-columns:1fr;
  }
  .quick-doc-card{
    min-height:84px;
  }
  .legal-strip{
    padding-left:18px;
    padding-right:18px;
    display:grid;
  }
  .legal-strip span{
    margin-left:0;
  }
}


/* V20 FINAL — osobna sekcja kafelków, bez zasłaniania przycisków */
.nav-more{display:none!important;}

.hero{
  min-height:760px!important;
}

.hero-inner{
  padding-bottom:86px!important;
}

.quick-docs.clean-docs,
.quick-docs{
  position:relative!important;
  z-index:6!important;
  margin-top:0!important;
  padding:34px 32px 48px!important;
  background:linear-gradient(180deg,#061326 0%,#071a31 100%)!important;
  border-top:1px solid rgba(125,211,252,.12);
}

.quick-docs-grid{
  max-width:1240px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

.quick-doc-card{
  min-height:126px!important;
  display:grid!important;
  grid-template-columns:58px 1fr 18px!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:16px!important;
  text-decoration:none!important;
  color:#fff!important;
  overflow:hidden!important;
  position:relative!important;
  border:1px solid rgba(125,211,252,.22)!important;
  background:#0a1f3a!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease!important;
}

.quick-doc-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.26!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
  background-size:auto 145%!important;
  pointer-events:none!important;
}

.quick-doc-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(6,19,38,.98),rgba(6,19,38,.76),rgba(6,19,38,.46))!important;
  pointer-events:none!important;
}

.quick-doc-card > *{
  position:relative!important;
  z-index:1!important;
}

.quick-doc-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(22,119,255,.56)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.30)!important;
}

.quick-doc-card strong{
  display:block!important;
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}

.quick-doc-card small{
  display:block!important;
  margin-top:6px!important;
  color:#cfe7ff!important;
  font-size:14px!important;
  line-height:1.35!important;
}

.quick-doc-card i{
  font-style:normal!important;
  font-size:34px!important;
  opacity:.95!important;
}

.doc-icon{
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:27px!important;
  font-weight:950!important;
  border:1px solid currentColor!important;
}

.doc-instruction{border-color:rgba(22,119,255,.55)!important;}
.doc-instruction::before{background-image:url('assets/bg-docs.webp')!important;}
.doc-instruction .doc-icon,.doc-instruction i{color:#1677ff!important;}

.doc-privacy{border-color:rgba(18,196,135,.48)!important;background:#082a31!important;}
.doc-privacy::before{background-image:url('assets/bg-tablet.webp')!important;}
.doc-privacy .doc-icon,.doc-privacy i{color:#12c487!important;}

.doc-terms{border-color:rgba(255,138,25,.50)!important;background:#2a1d08!important;}
.doc-terms::before{background-image:url('assets/bg-hook.webp')!important;}
.doc-terms .doc-icon,.doc-terms i{color:#ff8a19!important;}

.doc-cookies{border-color:rgba(168,85,247,.50)!important;background:#180d2c!important;}
.doc-cookies::before{background-image:url('assets/bg-docs.webp')!important;filter:hue-rotate(70deg)!important;}
.doc-cookies .doc-icon,.doc-cookies i{color:#b774ff!important;}

.legal-strip{
  max-width:1240px!important;
  margin:28px auto 0!important;
  padding:18px 32px 0!important;
  border-top:1px solid rgba(125,211,252,.16)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px 22px!important;
  align-items:center!important;
  color:#cfe7ff!important;
  font-size:13px!important;
}

.legal-strip a{
  color:#cfe7ff!important;
  text-decoration:none!important;
  font-weight:800!important;
}

.legal-strip span{
  margin-left:auto!important;
  opacity:.76!important;
}

@media(max-width:1180px){
  .quick-docs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .quick-doc-card{
    min-height:112px!important;
  }
}

@media(max-width:1050px){
  .hero-inner{
    padding-bottom:56px!important;
  }
  .quick-docs.clean-docs,
  .quick-docs{
    padding-top:28px!important;
  }
}

@media(max-width:700px){
  .quick-docs.clean-docs,
  .quick-docs{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .quick-docs-grid{
    grid-template-columns:1fr!important;
  }
  .quick-doc-card{
    min-height:92px!important;
  }
  .legal-strip{
    padding-left:18px!important;
    padding-right:18px!important;
    display:grid!important;
  }
  .legal-strip span{
    margin-left:0!important;
  }
}

.module-highlight{background:#f7fbff;color:#061326;padding:82px 0}.module-highlight h2,.security-strip h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 30px}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.highlight-grid article{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:24px;box-shadow:0 16px 35px rgba(15,23,42,.08)}.highlight-grid b{display:block;color:#075ee7;font-size:20px;margin-bottom:10px}.highlight-grid p{color:#334155;margin:0}.security-strip{background:#061326;color:#fff;padding:76px 0}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#12365f;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.25)}.security-grid div{background:#071b34;padding:26px 24px}.security-grid b{display:block;color:#fff;margin-bottom:8px}.security-grid span{display:block;color:#cfe7ff;font-size:14px}


/* V2026 — realne screenshoty systemu + SEO images */
.system-preview{background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);color:#061326;padding:86px 0 92px;border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe}
.system-preview h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 12px;color:#061326;text-align:left}
.system-preview .eyebrow{color:#ff8a19;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:12px}
.preview-lead{max-width:860px;color:#334155;font-size:20px;margin:0 0 30px}
.screenshot-card{margin:0;background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:14px;box-shadow:0 18px 45px rgba(15,23,42,.09);overflow:hidden}
.screenshot-card a{display:block;text-decoration:none;border-radius:18px;overflow:hidden;background:#f8fbff;border:1px solid #e2ecfb}
.screenshot-card img{width:100%;height:auto;display:block;transition:transform .35s ease, filter .35s ease}
.screenshot-card:hover img{transform:scale(1.015);filter:saturate(1.04)}
.screenshot-card figcaption{display:grid;gap:4px;padding:15px 6px 4px;color:#0f172a}
.screenshot-card figcaption strong{font-size:18px;color:#061326}
.screenshot-card figcaption span{font-size:14px;color:#475569}
.preview-main{margin-bottom:18px;padding:16px}
.preview-main figcaption{grid-template-columns:auto 1fr;align-items:baseline;gap:10px;padding:18px 8px 4px}
.preview-main figcaption strong{font-size:22px;color:#075ee7}
.preview-main figcaption span{font-size:16px}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.screenshot-card-email{grid-column:auto}
@media(max-width:900px){.system-preview{padding:62px 0}.screenshot-grid{grid-template-columns:1fr}.preview-main figcaption{grid-template-columns:1fr}.system-preview h2{text-align:left}.preview-lead{font-size:17px}}

/* V2026.1 — układ marketingowy: screenshot + opis naprzemiennie */
.system-story{background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);color:#061326;padding:86px 0 92px;border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe}
.system-story .story-head{max-width:920px;margin:0 0 38px}
.system-story .story-head h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 12px;color:#061326;text-align:left}
.system-story .preview-lead{max-width:850px;color:#334155;font-size:19px;line-height:1.65;margin:0}
.story-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center;margin:28px 0;padding:22px;border-radius:32px;background:rgba(255,255,255,.72);border:1px solid #dbeafe;box-shadow:0 20px 60px rgba(15,23,42,.07)}
.story-row-main{background:linear-gradient(135deg,#fff 0%,#eff6ff 100%)}
.story-row-reverse{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)}
.story-row-reverse .story-media{order:2}
.story-row-reverse .story-copy{order:1}
.story-media{background:#fff;border:1px solid #dbeafe;border-radius:26px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.09);overflow:hidden}
.story-media a{display:block;border-radius:18px;overflow:hidden;background:#f8fbff;border:1px solid #e2ecfb;text-decoration:none}
.story-media img{display:block;width:100%;height:auto;transition:transform .35s ease,filter .35s ease}
.story-media:hover img{transform:scale(1.012);filter:saturate(1.04)}
.story-media-small{max-width:560px;justify-self:center}
.story-duo{display:grid;grid-template-columns:1fr;gap:12px}
.story-duo a:last-child img{max-height:360px;object-fit:cover;object-position:top center}
.story-copy{padding:10px 10px 10px 4px}
.story-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#eaf2ff;color:#075ee7;border:1px solid #bfdbfe;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.story-copy h3{font-size:clamp(27px,3vw,39px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;color:#061326}
.story-copy p{font-size:17px;line-height:1.7;color:#334155;margin:0 0 18px}
.story-copy ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.story-copy li{position:relative;color:#0f172a;font-weight:750;padding-left:28px}
.story-copy li:before{content:'✓';position:absolute;left:0;top:0;color:#12a150;font-weight:950}
.screenshot-grid,.preview-main{display:none!important}
@media(max-width:980px){
  .system-story{padding:62px 0}
  .story-row,.story-row-reverse{grid-template-columns:1fr;gap:22px;padding:16px;border-radius:24px}
  .story-row-reverse .story-media,.story-row-reverse .story-copy{order:initial}
  .story-copy{padding:2px 4px 8px}
  .story-copy h3{font-size:30px}
  .story-duo{grid-template-columns:1fr}
}
@media(max-width:560px){
  .story-row{margin:18px 0;padding:12px}
  .story-copy h3{font-size:25px}
  .story-copy p{font-size:16px}
  .story-media{padding:8px;border-radius:20px}
}


/* V2.0 — sekcja nowości */
.v2-news{
  padding:84px 0;
  color:#0f172a;
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.10),transparent 34%),
    radial-gradient(circle at 92% 100%,rgba(249,115,22,.10),transparent 32%),
    #f8fbff;
  border-top:1px solid #dbeafe;
  border-bottom:1px solid #dbeafe;
}
.v2-news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.v2-news-head>div{max-width:820px}.v2-news h2{margin:12px 0 10px;font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.045em;color:#061326}.v2-news-head p{margin:0;color:#475569;font-size:19px}.v2-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v2-news-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:24px;box-shadow:0 16px 36px rgba(15,23,42,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.v2-news-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(15,23,42,.12);border-color:#93c5fd}.v2-news-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#061326,#2563eb);color:#fff;font-size:12px;font-weight:950}.v2-news-grid h3{margin:16px 0 8px;color:#061326;font-size:19px}.v2-news-grid p{margin:0;color:#475569;font-size:14px}.v2-news-summary{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding:17px 20px;border-radius:17px;background:linear-gradient(135deg,#061326,#123b74);color:#fff;text-align:center}.v2-news-summary span{color:#dbeafe}.v2-news .eyebrow{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.faq a{color:#075ee7;font-weight:900}
@media(max-width:1100px){.v2-news-grid{grid-template-columns:repeat(2,1fr)}.v2-news-head{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.v2-news{padding:58px 0}.v2-news-grid{grid-template-columns:1fr}.v2-news-head .btn{width:100%}}

/* FIX 2026-07-12 — stabilny nagłówek po dodaniu Nowości V2.0 */
.topbar .brand{
  flex:0 0 auto!important;
  min-width:235px!important;
  display:block!important;
}
.topbar .brand img{
  display:block!important;
  width:235px!important;
  height:auto!important;
  max-height:104px!important;
  object-fit:contain!important;
}
.topbar .nav{
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:flex-end!important;
  gap:18px!important;
}
.topbar .top-actions{
  flex:0 0 auto!important;
}
@media(max-width:1240px) and (min-width:1051px){
  .topbar{gap:16px!important;padding-left:24px!important;padding-right:24px!important;}
  .topbar .brand{min-width:190px!important;}
  .topbar .brand img{width:190px!important;max-height:84px!important;}
  .topbar .nav{gap:12px!important;}
  .topbar .nav a{font-size:12px!important;}
  .topbar .btn{padding-left:14px!important;padding-right:14px!important;}
}
\n\n/* Modal Co nowego w V2.0 */\n.v2-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.v2-modal.is-open{display:flex}.v2-modal__backdrop{position:absolute;inset:0;background:rgba(2,10,24,.76);backdrop-filter:blur(7px)}.v2-modal__dialog{position:relative;width:min(960px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;background:#f7f9fc;border:1px solid rgba(255,255,255,.45);border-radius:26px;box-shadow:0 34px 90px rgba(2,10,24,.38);outline:none}.v2-modal__close{position:sticky;float:right;top:14px;right:14px;z-index:3;width:42px;height:42px;border:1px solid #cbd5e1;border-radius:14px;background:rgba(255,255,255,.94);font-size:29px;line-height:1;color:#0f172a;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.14)}.v2-modal__hero{padding:34px 34px 27px;background:radial-gradient(circle at 92% 10%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,#061326,#123b74 64%,#2563eb);color:#fff}.v2-modal__badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.23);font-size:11px;font-weight:950;letter-spacing:.07em}.v2-modal__hero h2{margin:14px 0 8px;color:#fff;font-size:clamp(30px,4.5vw,46px);line-height:1.05;letter-spacing:-.04em}.v2-modal__hero p{max-width:760px;margin:0;color:#dbeafe;font-size:16px}.v2-modal__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.v2-modal__meta span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:850}.v2-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}.v2-modal__card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:18px;box-shadow:0 9px 22px rgba(15,23,42,.05)}.v2-modal__card-head{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.v2-modal__card-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eff6ff;font-size:21px}.v2-modal__card h3{margin:0 0 4px;color:#061326;font-size:18px}.v2-modal__card p{margin:0;color:#64748b;font-size:13px}.v2-modal__card ul{margin:14px 0 0;padding:0;list-style:none}.v2-modal__card li{position:relative;margin:7px 0;padding-left:22px;color:#334155;font-size:13px}.v2-modal__card li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:950}.v2-modal__more{margin:0 22px 18px;background:#fff;border:1px solid #dbe3ef;border-radius:16px;overflow:hidden}.v2-modal__more summary{cursor:pointer;padding:15px 17px;font-weight:900;color:#0f172a}.v2-modal__more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;padding:0 17px 17px}.v2-modal__more-grid span{position:relative;padding-left:20px;color:#475569;font-size:13px}.v2-modal__more-grid span:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:950}.v2-modal__summary{display:flex;gap:10px;align-items:flex-start;margin:0 22px 18px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#061326,#123b74);color:#fff}.v2-modal__summary span{color:#dbeafe;font-size:13px}.v2-modal__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:0 22px 24px}.v2-modal__actions .btn{min-width:170px}.v2-modal-open{overflow:hidden}.btn-outline{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.btn-outline:hover{background:#f8fafc}.v2-news-head button.btn{font:inherit;cursor:pointer}\n@media(max-width:760px){.v2-modal{padding:8px}.v2-modal__dialog{width:100%;max-height:calc(100vh - 16px);border-radius:20px}.v2-modal__hero{padding:26px 20px 22px}.v2-modal__grid{grid-template-columns:1fr;padding:14px}.v2-modal__more{margin:0 14px 14px}.v2-modal__more-grid{grid-template-columns:1fr}.v2-modal__summary{margin:0 14px 14px;flex-direction:column}.v2-modal__actions{padding:0 14px 18px}.v2-modal__actions .btn{width:100%}}\n