.ppv-banner{--ink:#071a43;color:var(--ink);font-family:inherit}
.ppv-banner{position:relative;overflow:hidden;min-height:700px;background:linear-gradient(135deg,#fff 0%,#fbfdff 54%,#edf4ff 100%);isolation:isolate}
.ppv-banner__inner{width:min(1450px,100%);min-height:700px;margin:auto;padding:58px 42px 44px;display:grid;grid-template-columns:minmax(400px,.84fr) minmax(620px,1.46fr);align-items:center;gap:12px;position:relative;z-index:2}
.ppv-banner__noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
.ppv-banner__ambient{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.ppv-banner__ambient--a{width:620px;height:620px;right:-100px;top:-180px;background:radial-gradient(circle,rgba(72,139,255,.22),transparent 67%)}
.ppv-banner__ambient--b{width:570px;height:390px;left:38%;bottom:-230px;background:radial-gradient(circle,rgba(117,92,255,.18),transparent 68%)}
.ppv-copy{position:relative;padding-left:42px;max-width:520px}
.ppv-copy__rule{position:absolute;left:0;top:7px;width:5px;height:196px;border-radius:5px;background:linear-gradient(#278eff,#4b71ff)}
.ppv-copy h1{margin:0 0 22px;font-size:clamp(62px,5.2vw,82px);line-height:.93;letter-spacing:-.065em;font-weight:850}
.ppv-copy h1 span{display:block}
.ppv-copy p{font-size:20px;line-height:1.58;color:#1d2f4b;margin:0 0 24px;max-width:510px}
.ppv-copy__summary{font-size:20px!important;margin-top:7px!important}
.ppv-copy__cta{display:inline-flex;align-items:center;gap:22px;padding:18px 27px;margin-top:10px;border-radius:999px;background:linear-gradient(135deg,#0f86ff,#116eff);color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:800;box-shadow:0 16px 38px rgba(13,111,255,.26);transition:transform .25s ease,box-shadow .25s ease}
.ppv-copy__cta:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(13,111,255,.34)}
.ppv-copy__cta b{font-size:22px;line-height:1}
.ppv-scene{position:relative;height:590px;perspective:1400px;transform-style:preserve-3d}
.ppv-scene__glow{position:absolute;left:13%;right:2%;bottom:45px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,124,255,.24),rgba(129,73,255,.13) 46%,transparent 72%);filter:blur(18px)}
.ppv-orbit{position:absolute;inset:10px -25px auto 0;width:100%;height:560px;overflow:visible;fill:none;stroke-width:2.4;pointer-events:none}
.ppv-orbit ellipse{stroke:linear-gradient(#000,#fff);stroke:#8ecdfd;stroke-linecap:round;stroke-dasharray:.77 .23}
.ppv-orbit--front{transform:rotate(-4deg);opacity:.92}
.ppv-orbit--front ellipse{stroke:#6e79ff}
.ppv-orbit--back{transform:rotate(8deg);opacity:.58}
.ppv-laptop{position:absolute;left:15%;top:88px;width:72%;height:430px;transform-style:preserve-3d;filter:drop-shadow(0 25px 25px rgba(19,45,96,.23))}
.ppv-laptop__lid{position:absolute;left:11%;top:0;width:78%;height:326px;padding:10px;border-radius:17px 17px 10px 10px;background:linear-gradient(145deg,#07101d,#1a2942);transform:perspective(1100px) rotateX(-2deg);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset}
.ppv-screen{height:100%;overflow:hidden;border-radius:9px;background:#06142d;display:grid;grid-template-columns:24% 76%;color:#fff}
.ppv-screen__side{padding:16px 12px;background:linear-gradient(180deg,#0d1d3c,#07142d);font-size:8px}
.ppv-mini-logo{display:flex;align-items:center;gap:5px;margin-bottom:14px;color:#dbe9ff}
.ppv-mini-logo span{width:15px;height:15px;border:2px solid #2b8fff;border-radius:4px;box-shadow:7px 3px 0 -2px #2b8fff}
.ppv-menu{height:26px;display:flex;align-items:center;gap:7px;padding:0 7px;border-radius:5px;color:#aabbd7}
.ppv-menu:first-of-type{background:#17315f;color:#fff}
.ppv-menu i{width:7px;height:7px;border:1px solid currentColor;border-radius:2px}
.ppv-screen__main{padding:14px 15px 12px}
.ppv-screen__main header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}
.ppv-screen__main header strong{font-size:13px;display:block}
.ppv-screen__main header small{font-size:7px;color:#a9bddf}
.ppv-live-dot{width:6px;height:6px;border-radius:50%;background:#51d9ff;box-shadow:0 0 10px #51d9ff}
.ppv-screen__grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;grid-template-rows:163px 83px;gap:8px}
.ppv-stream{grid-column:1/3;position:relative;border-radius:8px;background:#0c2145;overflow:hidden}
.ppv-stage{position:absolute;inset:0;background:radial-gradient(circle at 55% 35%,#965bff 0,#4320ca 25%,#102964 56%,#06142d 82%)}
.ppv-stage:before,.ppv-stage:after{content:"";position:absolute;top:7%;bottom:21%;width:8%;border:1px solid rgba(117,208,255,.5);border-radius:50%;filter:blur(.2px)}
.ppv-stage:before{left:27%}
.ppv-stage:after{right:20%}
.ppv-speaker{position:absolute;left:53%;top:31%;width:15px;height:44px;border-radius:8px 8px 3px 3px;background:linear-gradient(#f0c1a4 0 20%,#1b284f 21% 75%,#0b1020 76%);z-index:2}
.ppv-crowd{position:absolute;left:0;right:0;bottom:0;height:42px;background:radial-gradient(circle at 8% 55%,#02050a 0 10px,transparent 11px),radial-gradient(circle at 22% 50%,#02050a 0 13px,transparent 14px),radial-gradient(circle at 39% 50%,#02050a 0 12px,transparent 13px),radial-gradient(circle at 58% 45%,#02050a 0 14px,transparent 15px),radial-gradient(circle at 76% 54%,#02050a 0 12px,transparent 13px),radial-gradient(circle at 92% 48%,#02050a 0 14px,transparent 15px),linear-gradient(transparent 25%,#02050a 26%)}
.ppv-live{position:absolute;z-index:3;left:8px;top:8px;padding:4px 7px;border-radius:4px;background:#ff254b;font-size:6px;font-weight:800}
.ppv-stream__footer{position:absolute;z-index:3;bottom:7px;right:8px;display:flex;gap:5px;align-items:center;font-size:6px}
.ppv-stream__footer i{display:block;width:6px;height:6px;border-radius:50%;background:#fff3}
.ppv-stat{position:relative;padding:11px 10px;border-radius:8px;background:linear-gradient(160deg,#102a54,#0a1a37);overflow:hidden}
.ppv-stat small{display:block;font-size:7px;color:#b6c7e2}
.ppv-stat strong{display:block;font-size:17px;margin-top:7px}
.ppv-stat strong sup{font-size:7px}
.ppv-stat em{font-style:normal;font-size:7px;color:#20ccff}
.ppv-stat svg{position:absolute;right:8px;bottom:8px;width:72%;height:36px;fill:none;stroke:#23c7ff;stroke-width:2}
.ppv-stat--online{grid-column:3;grid-row:1}
.ppv-stat--eng{grid-column:3;grid-row:2}
.ppv-stat--ring{display:flex;flex-direction:column}
.ppv-ring{width:50px;height:50px;margin:6px auto 0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#258eff 0 76%,#25385d 76%)}
.ppv-ring:before{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#0b1e40}
.ppv-ring span{position:relative;font-size:12px;font-weight:700}
.ppv-laptop__base{position:absolute;left:3%;top:318px;width:94%;height:108px;border-radius:8px 8px 31px 31px;background:linear-gradient(168deg,#66738e,#28334b 52%,#1e2637);transform:perspective(800px) rotateX(65deg);transform-origin:top;box-shadow:0 -2px 0 #8390aa inset}
.ppv-laptop__keyboard{position:absolute;left:14%;right:14%;top:8px;height:58px;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 10px,#111827 11px 18px),repeating-linear-gradient(0deg,#202a3d 0 8px,#111827 9px 15px)}
.ppv-laptop__trackpad{position:absolute;left:39%;top:69px;width:22%;height:22px;border:1px solid #8d99ae55;border-radius:4px}
.ppv-laptop__notch{position:absolute;left:46%;bottom:0;width:8%;height:6px;border-radius:0 0 10px 10px;background:#8d97aa}
.ppv-module{position:absolute;width:148px;height:144px;border-radius:18px;padding:20px 18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,255,.94));border:1px solid rgba(163,190,236,.34);box-shadow:0 18px 36px rgba(42,72,123,.14),0 1px 0 #fff inset;backdrop-filter:blur(12px);transform-style:preserve-3d}
.ppv-module h3{font-size:14px;margin:0 0 16px;text-align:center}
.ppv-module--registration{left:8%;top:50px;transform:rotate(-2deg)}
.ppv-module--payments{left:3%;top:258px;transform:rotate(4deg)}
.ppv-module--landing{right:0;top:37px;transform:rotate(5deg)}
.ppv-module--game{right:1%;bottom:62px;width:175px;height:150px;transform:rotate(5deg)}
.ppv-icon--user{position:relative;width:58px;height:55px;margin:auto}
.ppv-icon--user:before{content:"";position:absolute;left:21px;top:0;width:19px;height:19px;border:4px solid #2a86ff;border-radius:50%}
.ppv-icon--user:after{content:"";position:absolute;left:10px;top:27px;width:38px;height:26px;border:4px solid #2a86ff;border-radius:22px 22px 5px 5px}
.ppv-icon--user span{position:absolute;right:-3px;bottom:4px;width:24px;height:24px;border-radius:50%;background:#197df7;z-index:2}
.ppv-icon--user span:after{content:"✓";color:#fff;display:grid;place-items:center;height:100%;font-size:12px;font-weight:900}
.ppv-module--registration>i{display:block;width:62px;height:7px;background:#d8e3f4;border-radius:6px;margin:12px auto}
.ppv-cards{position:relative;height:56px}
.ppv-cards span{position:absolute;left:0;top:4px;width:70px;height:42px;display:grid;place-items:center;background:#eef3fc;border-radius:8px;color:#1654bb;font-size:18px;font-style:italic;font-weight:900}
.ppv-cards b{position:absolute;right:16px;top:11px;width:28px;height:28px;border-radius:50%;background:#ff9b1f}
.ppv-cards b:last-child{right:0;background:#f23035aa}
.ppv-thumb{position:relative}
.ppv-thumb span{display:block;width:63px;height:53px;border-radius:8px;background:linear-gradient(145deg,#51a9ff,#3856ee)}
.ppv-thumb span:before{content:"";position:absolute;left:15px;top:16px;width:13px;height:13px;border-radius:50%;background:#fff}
.ppv-thumb span:after{content:"";position:absolute;left:10px;top:28px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:18px solid #fff}
.ppv-thumb i{position:absolute;left:80px;top:8px;width:45px;height:7px;border-radius:9px;background:#c8d6ee}
.ppv-thumb i:last-child{top:27px;width:36px}
.ppv-trophy{position:absolute;left:20px;top:50px;font-size:36px}
.ppv-module--game strong{position:absolute;right:22px;top:62px;font-size:17px}
.ppv-module--game>i{position:absolute;right:18px;bottom:22px;width:78px;height:9px;border-radius:9px;background:linear-gradient(90deg,#4f9eff,#216cff)}
.ppv-particle{position:absolute;display:block;border-radius:50%;background:linear-gradient(145deg,#7cc8ff,#5e5cff 70%,#b24fff);box-shadow:0 8px 18px rgba(52,80,215,.24)}
.ppv-particle--1{width:24px;height:24px;left:8%;bottom:100px}
.ppv-particle--2{width:16px;height:16px;right:6%;top:235px}
.ppv-particle--3{width:31px;height:31px;left:26%;bottom:120px}
.ppv-particle--4{width:14px;height:14px;right:8%;bottom:115px;border-radius:4px;transform:rotate(30deg)}
.ppv-pie{position:absolute;right:2%;bottom:35px;width:92px;height:44px;border-radius:50%;background:conic-gradient(#1a8fff 0 24%,#7c61f7 24% 70%,#ca76ff 70%);transform:rotateX(62deg) rotateZ(7deg);box-shadow:0 12px 20px rgba(87,67,209,.2)}
.ppv-pie span{position:absolute;left:48%;top:-18px;width:45%;height:42%;background:#2a7bf6;clip-path:polygon(0 50%,100% 0,100% 100%);transform:translateZ(12px)}
.demo-target{height:1px}
@media(max-width:1050px){.ppv-banner__inner{grid-template-columns:1fr;gap:10px;padding:48px 26px 10px}
.ppv-copy{max-width:680px}
.ppv-scene{height:600px}
.ppv-banner{min-height:1150px}
.ppv-copy h1{font-size:68px}
.ppv-laptop{left:12%;width:76%}
}
@media(max-width:700px){.ppv-banner{min-height:auto}
.ppv-banner__inner{padding:34px 18px 18px}
.ppv-copy{padding-left:24px}
.ppv-copy__rule{height:132px;width:4px}
.ppv-copy h1{font-size:49px}
.ppv-copy p{font-size:17px}
.ppv-scene{height:430px;transform:scale(.74);transform-origin:top center;margin-bottom:-95px}
.ppv-laptop{left:10%;width:80%}
.ppv-module{transform:scale(.88)}
.ppv-module--registration{left:0}
.ppv-module--payments{left:-2%}
.ppv-module--landing{right:-5%}
.ppv-module--game{right:-6%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}
/* Integracja z layoutem PPV Conference */
#functions.functions-with-hero{padding-top:88px}
.ppv-banner{min-height:680px;background:linear-gradient(135deg,#f8f8f8 0%,#fff 48%,#eaf8fd 100%)}
.ppv-banner__inner{width:min(1500px,100%);min-height:680px;padding-top:42px}
.ppv-copy__rule{background:var(--blue)}
.ppv-copy h1{font-weight:800;text-transform:uppercase;letter-spacing:.025em;line-height:.94}
.ppv-copy h1 strong{display:block;color:var(--blue)}
.ppv-copy p{color:#202a35;font-size:18px}
.ppv-copy__cta{background:#111;border-radius:13px;box-shadow:0 14px 32px rgba(0,173,236,.18);letter-spacing:2px}
.ppv-copy__cta:hover,.ppv-copy__cta:focus-visible{color:#fff;box-shadow:0 18px 38px rgba(0,173,236,.3)}
.ppv-orbit--front ellipse{stroke:var(--blue)}
.ppv-module{border-color:rgba(0,173,236,.2)}
.ppv-module h3{font-family:inherit;font-weight:700}
@media(max-width:1050px){#functions.functions-with-hero{padding-top:78px}.ppv-banner__inner{padding-top:52px}}
@media(max-width:700px){#functions.functions-with-hero{padding-top:68px}.ppv-banner__inner{padding-top:30px}.ppv-copy h1{font-size:44px;letter-spacing:.02em}.ppv-copy p{font-size:16px}.ppv-copy__cta{padding:14px 20px}.ppv-scene{margin-bottom:-105px}}

/* Menu strony Funkcje */
body.functions-page #subpage-header{
  top:0;
  padding:14px 18px 0;
  background:transparent;
  pointer-events:none;
}
body.functions-page #subpage-header .navbar{
  width:min(1500px,100%);
  min-height:72px;
  margin:0 auto;
  padding:10px 24px!important;
  border:1px solid rgba(0,173,236,.14);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 38px rgba(7,26,67,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  pointer-events:auto;
}
body.functions-page #subpage-header .navbar-brand{
  width:clamp(190px,18vw,270px);
  margin-right:24px;
}
body.functions-page #subpage-header .navbar-brand img{display:block}
body.functions-page #subpage-header .navbar-nav{align-items:center}
body.functions-page #subpage-header .nav-link{
  position:relative;
  padding:9px 2px!important;
  color:#12233d;
  font-size:15px;
  font-weight:650;
  transition:color .2s ease;
}
body.functions-page #subpage-header .nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:4px;
  height:2px;
  border-radius:2px;
  background:var(--blue);
  transform:scaleX(0);
  transition:transform .2s ease;
}
body.functions-page #subpage-header .nav-link:hover::after,
body.functions-page #subpage-header .nav-link.active::after{transform:scaleX(1)}
body.functions-page #subpage-header .nav-link.active{color:var(--blue)!important}
body.functions-page #subpage-header #select-lang{
  padding:6px 8px;
  border-radius:12px;
  background:rgba(0,173,236,.07);
}
body.functions-page #subpage-header #select-lang>img{width:26px!important}
body.functions-page #subpage-header .navbar-toggler{
  width:42px!important;
  height:42px;
  padding:8px!important;
  border-radius:13px;
  background:rgba(0,173,236,.1);
}
@media(max-width:992px){
  body.functions-page #subpage-header{padding:8px 10px 0}
  body.functions-page #subpage-header .navbar{min-height:60px;padding:8px 14px!important;border-radius:17px}
  body.functions-page #subpage-header .navbar-brand{width:180px!important;margin-right:10px}
  body.functions-page #subpage-header .mobile-menu{
    top:calc(100% + 8px);
    left:0;
    width:100%;
    padding:10px 14px;
    border:1px solid rgba(0,173,236,.14);
    border-radius:17px;
    background:rgba(255,255,255,.97);
    box-shadow:0 18px 42px rgba(7,26,67,.12);
  }
  body.functions-page #subpage-header .navbar-nav{align-items:stretch}
  body.functions-page #subpage-header .mobile-menu li{border-top:0}
  body.functions-page #subpage-header .mobile-menu .nav-link{padding:10px 4px!important}
  body.functions-page #subpage-header .mobile-menu .nav-link::after{right:auto;width:30px}
  body.functions-page #subpage-header .navbar-text{margin-left:10px}
}
@media(max-width:576px){
  body.functions-page #subpage-header .navbar-brand{width:150px!important}
  body.functions-page #subpage-header .navbar-text{display:none}
}

/* Katalog modułów */
.module-showcase{
  padding:118px 0 126px;
  scroll-margin-top:100px;
  background:#fff;
}
.module-showcase__intro{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(460px,1.28fr);
  column-gap:80px;
  row-gap:24px;
  align-items:start;
  margin-bottom:70px;
}
.module-showcase__eyebrow{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border:1px solid #dcecf3;
  border-radius:999px;
  color:#087fae;
  background:#f5fbfd;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.module-showcase__intro h2{
  grid-column:2;
  grid-row:1;
  margin:0;
  color:#071a43;
  font-size:clamp(44px,5.1vw,72px);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.05em;
}
.module-showcase__intro h2 strong{color:var(--blue)}
.module-showcase__intro p{
  grid-column:2;
  max-width:690px;
  margin:0;
  color:#526075;
  font-size:17px;
  line-height:1.7;
}
.module-index{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:64px;
  border-top:1px solid #dfe7ed;
}
.module-index__item{
  border-bottom:1px solid #dfe7ed;
  transition:background .2s ease;
}
.module-index__item:nth-child(2){border-top:0}
.module-index__item[open]{background:#f9fcfd}
.module-index__item summary{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 38px;
  gap:20px;
  align-items:center;
  padding:22px 8px 22px 0;
  cursor:pointer;
  list-style:none;
}
.module-index__item summary::-webkit-details-marker{display:none}
.module-index__item summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:12px}
.module-index__visual{
  width:78px;
  height:78px;
  overflow:hidden;
  border:1px solid #e7edf1;
  border-radius:18px;
  background:#f3f7f9;
}
.module-index__visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:.72;
  filter:grayscale(1) sepia(.32) hue-rotate(150deg) saturate(1.55) contrast(.88) brightness(1.04);
  transition:opacity .2s ease,transform .3s ease;
}
.module-index__item summary:hover .module-index__visual img{opacity:.9;transform:scale(1.04)}
.module-index__text{min-width:0;display:flex;flex-direction:column}
.module-index__meta{
  margin-bottom:7px;
  color:#0788ba;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.module-index__text>strong{
  color:#071a43;
  font-size:19px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
}
.module-index__text>span:last-child{
  margin-top:7px;
  color:#667387;
  font-size:13px;
  line-height:1.45;
}
.module-index__toggle{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #dce6ec;
  border-radius:50%;
  color:#183450;
  font-size:12px;
  transition:transform .25s ease,color .2s ease,border-color .2s ease,background .2s ease;
}
.module-index__item[open] .module-index__toggle{
  transform:rotate(45deg);
  border-color:var(--blue);
  color:#fff;
  background:var(--blue);
}
.module-index__details{
  padding:0 48px 24px 98px;
}
.module-index__details ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:18px 0 0;
  border-top:1px solid #e6edf1;
  list-style:none;
}
.module-index__details li{
  position:relative;
  padding-left:17px;
  color:#33475d;
  font-size:12px;
  line-height:1.45;
}
.module-index__details li::before{
  content:"";
  position:absolute;
  left:0;
  top:.53em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#00adec;
}
@media(max-width:991px){
  .module-showcase__intro{grid-template-columns:1fr;gap:20px}
  .module-showcase__intro h2,.module-showcase__intro p{grid-column:1;grid-row:auto}
  .module-showcase__intro p{margin:0;padding:0}
  .module-index{grid-template-columns:1fr}
  .module-index__item:nth-child(2){border-top:0}
}
@media(max-width:575px){
  .module-showcase{padding:78px 0 84px}
  .module-showcase__intro{margin-bottom:45px}
  .module-showcase__intro h2{font-size:43px}
  .module-showcase__intro p{font-size:15px}
  .module-index__item summary{grid-template-columns:62px minmax(0,1fr) 32px;gap:14px;padding:18px 0}
  .module-index__visual{width:62px;height:62px;border-radius:15px}
  .module-index__text>strong{font-size:17px}
  .module-index__text>span:last-child{font-size:12px}
  .module-index__toggle{width:30px;height:30px}
  .module-index__details{padding:0 12px 20px 76px}
}
@media(prefers-reduced-motion:reduce){
  .module-index__visual img,.module-index__toggle{transition:none}
}

/* Aplikacja mobilna */
.mobile-experience{
  position:relative;
  padding:125px 0 110px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(145deg,#06152f 0%,#071d42 55%,#072a53 100%);
  isolation:isolate;
}
.mobile-experience::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.12;
  background-image:radial-gradient(rgba(255,255,255,.8) .7px,transparent .7px);
  background-size:26px 26px;
  pointer-events:none;
}
.mobile-experience__glow{
  position:absolute;
  z-index:-1;
  border-radius:50%;
  filter:blur(20px);
  pointer-events:none;
}
.mobile-experience__glow--one{width:620px;height:620px;right:-180px;top:0;background:radial-gradient(circle,rgba(0,173,236,.32),transparent 68%)}
.mobile-experience__glow--two{width:520px;height:520px;left:-260px;bottom:220px;background:radial-gradient(circle,rgba(0,110,210,.24),transparent 68%)}
.mobile-experience__hero{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);
  align-items:center;
  gap:60px;
  min-height:680px;
}
.mobile-experience__copy{max-width:610px}
.mobile-experience__eyebrow{
  display:inline-flex;
  margin-bottom:22px;
  padding:8px 15px;
  border:1px solid rgba(83,200,255,.32);
  border-radius:999px;
  color:#73dcff;
  background:rgba(0,173,236,.1);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mobile-experience__copy h2{
  margin:0 0 26px;
  color:#fff;
  font-size:clamp(50px,5.8vw,84px);
  font-weight:800;
  line-height:.95;
  letter-spacing:-.055em;
}
.mobile-experience__copy h2 strong{color:#44c9fa}
.mobile-experience__copy p{
  max-width:580px;
  margin:0;
  color:#b9cbe1;
  font-size:18px;
  line-height:1.72;
}
.mobile-experience__platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.mobile-experience__platforms span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  color:#eef8ff;
  background:rgba(255,255,255,.065);
  font-size:13px;
  font-weight:700;
}
.mobile-experience__platforms i{color:#52d3ff;font-size:16px}
.mobile-phone-stage{position:relative;height:680px;display:grid;place-items:center}
.mobile-phone-stage__orbit{
  position:absolute;
  width:540px;
  height:540px;
  border:1px solid rgba(83,200,255,.22);
  border-radius:50%;
  box-shadow:0 0 0 56px rgba(0,173,236,.025),0 0 0 112px rgba(0,173,236,.018);
}
.mobile-phone-stage__dot{position:absolute;border-radius:50%;background:#35caff;box-shadow:0 0 30px rgba(53,202,255,.65)}
.mobile-phone-stage__dot--one{width:18px;height:18px;top:16%;left:13%}
.mobile-phone-stage__dot--two{width:11px;height:11px;right:12%;bottom:20%}
.mobile-phone{
  position:relative;
  z-index:2;
  width:330px;
  height:650px;
  padding:11px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:49px;
  background:linear-gradient(145deg,#17345d,#020916 55%,#1c375d);
  box-shadow:0 48px 90px rgba(0,0,0,.42),0 0 0 2px rgba(255,255,255,.05) inset;
  transform:rotate(3deg);
}
.mobile-phone__speaker{position:absolute;z-index:5;top:18px;left:50%;width:82px;height:22px;border-radius:20px;background:#020916;transform:translateX(-50%)}
.mobile-phone__screen{position:relative;height:100%;overflow:hidden;border-radius:39px;background:#f4f8fc;color:#0a1d3a}
.mobile-phone__status{height:36px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px 0;font-size:9px;font-weight:800}
.mobile-phone__status i{margin-left:3px;font-size:9px}
.mobile-phone__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 16px}
.mobile-phone__topbar small,.mobile-phone__topbar strong{display:block}
.mobile-phone__topbar small{color:#8290a2;font-size:8px}
.mobile-phone__topbar strong{font-size:13px}
.mobile-phone__avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#00adec,#1976ef)}
.mobile-phone__event{position:relative;margin:0 15px;padding:20px 17px 17px;border-radius:21px;color:#fff;background:linear-gradient(135deg,#082b58,#0a72c8 72%,#17bde9);box-shadow:0 14px 32px rgba(6,48,100,.2)}
.mobile-phone__event strong,.mobile-phone__event small{display:block}
.mobile-phone__event strong{margin-top:34px;font-size:17px}
.mobile-phone__event small{margin-top:3px;color:#ccecff;font-size:8px}
.mobile-phone__live{position:absolute;top:16px;left:17px;padding:4px 7px;border-radius:6px;color:#fff;background:#ef3158;font-size:6px;font-weight:900;letter-spacing:.08em}
.mobile-phone__event button{margin-top:14px;padding:8px 13px;border:0;border-radius:10px;color:#0b5592;background:#fff;font-size:8px;font-weight:800}
.mobile-phone__ticket{display:flex;align-items:center;justify-content:space-between;margin:13px 15px 0;padding:13px 15px;border:1px solid #e1eaf3;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(14,54,96,.06)}
.mobile-phone__ticket small,.mobile-phone__ticket strong{display:block}
.mobile-phone__ticket small{color:#8a97a7;font-size:7px}
.mobile-phone__ticket strong{font-size:11px}
.mobile-phone__ticket>i{color:#0a8fc7;font-size:27px}
.mobile-phone__agenda{padding:15px}
.mobile-phone__section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}
.mobile-phone__section-title strong{font-size:11px}
.mobile-phone__section-title span{color:#0b9acb;font-size:7px;font-weight:700}
.mobile-phone__agenda-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin-bottom:7px;padding:10px 11px;border:1px solid #e6edf4;border-radius:13px;background:#fff}
.mobile-phone__agenda-row time{color:#078fbd;font-size:8px;font-weight:800}
.mobile-phone__agenda-row span strong,.mobile-phone__agenda-row span small{display:block}
.mobile-phone__agenda-row span strong{font-size:8px}
.mobile-phone__agenda-row span small{margin-top:2px;color:#8995a4;font-size:7px}
.mobile-phone__nav{position:absolute;left:15px;right:15px;bottom:13px;height:47px;display:flex;align-items:center;justify-content:space-around;border:1px solid #e1eaf2;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(8,40,78,.09)}
.mobile-phone__nav span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#9ba8b7;font-size:13px}
.mobile-phone__nav span.active{color:#fff;background:#00adec}
.mobile-features{padding-top:105px;border-top:1px solid rgba(255,255,255,.1)}
.mobile-features__intro{display:grid;grid-template-columns:.42fr 1fr;gap:50px;align-items:start;margin-bottom:48px}
.mobile-features__intro>span{color:#52d3ff;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.mobile-features__intro h3{max-width:760px;margin:0;color:#fff;font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.04em}
.mobile-features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mobile-feature-card{min-height:260px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.mobile-feature-card:hover{transform:translateY(-6px);border-color:rgba(82,211,255,.3);background:rgba(255,255,255,.09)}
.mobile-feature-card__icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:28px;border:1px solid rgba(82,211,255,.24);border-radius:15px;color:#5bd8ff;background:rgba(0,173,236,.12);font-size:21px}
.mobile-feature-card h4{margin:0 0 12px;color:#fff;font-size:19px;font-weight:800;line-height:1.18}
.mobile-feature-card p{margin:0;color:#aebfd3;font-size:14px;line-height:1.58}
.mobile-white-label{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:60px;padding:42px 46px;border:1px solid rgba(82,211,255,.2);border-radius:28px;background:linear-gradient(135deg,rgba(0,173,236,.17),rgba(255,255,255,.055))}
.mobile-white-label>div:first-child{max-width:780px}
.mobile-white-label span{color:#61d8ff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.mobile-white-label h3{margin:10px 0 12px;color:#fff;font-size:30px;font-weight:800;letter-spacing:-.025em}
.mobile-white-label p{margin:0;color:#b9c9dc;font-size:15px;line-height:1.6}
.mobile-white-label__badges{display:flex}
.mobile-white-label__badges span{width:65px;height:65px;display:grid;place-items:center;margin-left:-9px;border:4px solid #0b2244;border-radius:20px;color:#fff;background:linear-gradient(145deg,#00adec,#136bd9);font-size:24px;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.functions-contact-cta{padding:105px 0;background:#fff}
.functions-contact-cta__inner{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:58px 62px;border-radius:32px;background:linear-gradient(135deg,#edfaff,#f5f8ff 56%,#eef2ff);box-shadow:0 22px 60px rgba(7,26,67,.07)}
.functions-contact-cta__inner>div{max-width:850px}
.functions-contact-cta__inner span{color:#0788ba;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.functions-contact-cta__inner h2{margin:12px 0 0;color:#071a43;font-size:clamp(34px,4.4vw,62px);font-weight:800;line-height:1.04;letter-spacing:-.045em}
.functions-contact-cta__inner>a{display:inline-flex;align-items:center;gap:18px;padding:17px 24px;border-radius:13px;color:#fff;background:#111;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.functions-contact-cta__inner>a:hover{color:#fff;background:#078fbd;transform:translateY(-3px)}
@media(max-width:1199px){
  .mobile-experience__hero{grid-template-columns:1fr 420px;gap:20px}
  .mobile-phone-stage{transform:scale(.9)}
  .mobile-features__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  .mobile-experience{padding-top:90px}
  .mobile-experience__hero{grid-template-columns:1fr;gap:55px}
  .mobile-experience__copy{max-width:740px}
  .mobile-phone-stage{height:610px;transform:scale(.88);transform-origin:top center;margin-bottom:-55px}
  .mobile-features__intro{grid-template-columns:1fr;gap:16px}
  .mobile-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .functions-contact-cta__inner{grid-template-columns:1fr;gap:32px}
  .functions-contact-cta__inner>a{justify-self:start}
}
@media(max-width:575px){
  .mobile-experience{padding:76px 0 72px}
  .mobile-experience__copy h2{font-size:46px}
  .mobile-experience__copy p{font-size:16px}
  .mobile-phone-stage{height:555px;transform:scale(.76);margin-bottom:-125px}
  .mobile-features{padding-top:70px}
  .mobile-features__intro h3{font-size:36px}
  .mobile-features__grid{grid-template-columns:1fr}
  .mobile-feature-card{min-height:auto}
  .mobile-white-label{grid-template-columns:1fr;padding:29px 25px}
  .mobile-white-label h3{font-size:25px}
  .mobile-white-label__badges{padding-left:8px}
  .functions-contact-cta{padding:70px 0}
  .functions-contact-cta__inner{padding:38px 26px;border-radius:24px}
  .functions-contact-cta__inner h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-feature-card,.functions-contact-cta__inner>a{transition:none}
  .mobile-feature-card:hover,.functions-contact-cta__inner>a:hover{transform:none}
}