.elementor-kit-4{--e-global-color-primary:#00E5FF;--e-global-color-secondary:#9D00FF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#00E5FF;--e-global-color-bgmain:#111116;--e-global-color-bgsoft:#16161E;--e-global-color-branddark:#0B0B10;--e-global-color-textmuted:rgba(255,255,255,0.58);--e-global-color-textsoft:rgba(255,255,255,0.8);--e-global-color-cardbg:rgba(255,255,255,0.04);--e-global-color-line:rgba(0,229,255,0.1);--e-global-color-textwhite:#FFFFFF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;background-color:#111116;color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h1{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:62px;font-weight:700;line-height:1.08em;}.elementor-kit-4 h2{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:700;line-height:1.15em;}.elementor-kit-4 h3{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;}.elementor-kit-4 h4{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:600;line-height:1.3em;}.elementor-kit-4 h5{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;}.elementor-kit-4 h6{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:13px;font-weight:600;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4 h1{font-size:44px;}.elementor-kit-4 h2{font-size:34px;}.elementor-kit-4 h3{font-size:26px;}.elementor-kit-4 h4{font-size:18px;}.elementor-kit-4 h5{font-size:16px;}.elementor-kit-4 h6{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4 h1{font-size:30px;}.elementor-kit-4 h2{font-size:26px;}.elementor-kit-4 h3{font-size:24px;}.elementor-kit-4 h4{font-size:17px;}.elementor-kit-4 h5{font-size:16px;}.elementor-kit-4 h6{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root{--gw-cyan:#00E5FF;--gw-violet:#9D00FF;--gw-grad:linear-gradient(135deg,#00E5FF 0%,#00E5FF 55%,#9D00FF 100%)}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background-color:#111116}
#main,#content-wrap,.site-content,#wrap{background-color:#111116}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111116}::-webkit-scrollbar-thumb{background:#00E5FF;border-radius:3px}

/* ================= NAGLOWEK ================= */
/* OceanWP opakowuje naglowek Elementora wlasnym #site-header - neutralizacja */
#site-header{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
#site-header .container,#site-header #site-header-inner{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#site-header .header-bottom,#site-header #site-navigation-wrap{display:none!important}

.gw-header{background-color:rgba(17,17,22,.82)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,229,255,.1)!important}
.gw-header.elementor-sticky--effects{background-color:rgba(17,17,22,.94)!important}
.gw-logo img{max-height:48px!important;width:auto!important;object-fit:contain}
@media(max-width:1024px){.gw-logo img{max-height:40px!important}}
@media(max-width:767px){.gw-logo img{max-height:34px!important}}
.gw-nav .elementor-item{padding-top:4px!important;padding-bottom:4px!important}
.gw-nav .elementor-nav-menu--main .elementor-item:focus{background:transparent}

/* ================= PRZYCISKI ================= */
.elementor-button{border-radius:100px!important}
.gw-btn-arrow .elementor-button-icon{transition:transform .3s ease}
.gw-btn-arrow:hover .elementor-button-icon{transform:translateX(4px)}

/* ================= GRADIENT TEKSTU ================= */
@keyframes gwGradFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.gw-grad-text,.gw-grad-text *{
 background-image:linear-gradient(100deg,#00E5FF 0%,#3FA9FF 30%,#7C4DFF 60%,#9D00FF 85%,#00E5FF 100%);
 background-size:220% 100%;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
 animation:gwGradFlow 18s ease infinite;
}
.gw-grad-static,.gw-grad-static *{background-image:var(--gw-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ================= POSWIATY SEKCJI ================= */
.gw-glow-tl{background-image:radial-gradient(circle 620px at 6% 10%,rgba(0,229,255,.12),transparent 70%),radial-gradient(circle 560px at 60% 92%,rgba(157,0,255,.14),transparent 70%)}
.gw-glow-c{background-image:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(0,229,255,.06),transparent 70%)}

/* ================= HERO: MASKI + OVERLAYE ================= */
.gw-mask-l,.gw-mask-r{position:relative;isolation:isolate}
.gw-mask-l:after{content:'';position:absolute;top:0;left:0;bottom:0;width:26%;background-image:linear-gradient(to right,#111116 0%,rgba(17,17,22,.6) 45%,transparent 100%);pointer-events:none;z-index:2}
.gw-mask-r:after{content:'';position:absolute;top:0;right:0;bottom:0;width:26%;background-image:linear-gradient(to left,#111116 0%,rgba(17,17,22,.6) 45%,transparent 100%);pointer-events:none;z-index:2}
.gw-mask-l:before,.gw-mask-r:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
 background-image:linear-gradient(to bottom,rgba(17,17,22,.55) 0%,transparent 22%,transparent 72%,rgba(17,17,22,.75) 100%);
 box-shadow:inset 0 0 200px 70px rgba(17,17,22,.45)}
@media(max-width:1024px){.gw-mask-l:after,.gw-mask-r:after{display:none}}

/* ================= KARTY: KRECHA GRADIENTOWA U GORY ================= */
/* realizowana jako background-image (::before na .e-con koliduje z overlayem Elementora) */
.gw-card{position:relative;overflow:hidden;
 background-image:linear-gradient(90deg,#00E5FF 0%,#5B8CFF 50%,#9D00FF 100%);
 background-repeat:no-repeat;background-size:100% 2px;background-position:0 0}

/* ================= EYEBROW ================= */
.gw-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:12px}
.gw-eyebrow .elementor-heading-title:before{content:'';width:32px;height:1px;background:#00E5FF;box-shadow:0 0 8px #00E5FF;flex:0 0 auto;transition:width .7s cubic-bezier(.22,.61,.36,1) .2s}
.gw-eyebrow-center .elementor-heading-title{justify-content:center}
.gw-eyebrow-center{text-align:center}
.gw-eyebrow-plain .elementor-heading-title:before{display:none}

/* ================= MIKRO-HOVERY ================= */
.gw-lift{transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease,background-color .4s ease}
.gw-lift:hover{transform:translateY(-6px)}
.gw-shift{transition:transform .4s ease,border-color .4s ease,background-color .4s ease}
.gw-shift:hover{transform:translateX(6px)}
.gw-icon-pop .elementor-icon,.gw-icon-pop .elementor-icon-box-icon .elementor-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.gw-icon-pop:hover .elementor-icon{transform:translateY(-4px) scale(1.08)}
.gw-icon-rot .elementor-icon{transition:transform .35s ease}
.gw-icon-rot:hover .elementor-icon{transform:rotate(-6deg) scale(1.1)}
.gw-links a{display:inline-block;transition:color .25s ease,transform .25s ease}
.gw-links a:hover{transform:translateX(4px)}

/* ================= POZOSTALE ================= */
.gw-grad-line{height:2px;background:var(--gw-grad);border-radius:1px}
.gw-quote{border-left:3px solid #00E5FF;padding-left:24px;font-style:italic}
.gw-quote p{margin:0}
.gw-role .elementor-heading-title{display:inline-block;padding:4px 12px;border-radius:100px;border:1px solid rgba(0,229,255,.25)}
.gw-todo,.gw-todo .elementor-heading-title{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffb020!important;-webkit-text-fill-color:#ffb020;border:1px dashed rgba(255,176,32,.5);border-radius:6px;padding:3px 10px;line-height:1.4}
.gw-form select option{background:#1C1C28}
#gw-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:9999;background:var(--gw-grad);box-shadow:0 0 12px rgba(0,229,255,.6);transition:width .12s linear}
@media(max-width:1024px){.elementor-nav-menu--dropdown{background-color:#111116!important}}

@media(prefers-reduced-motion:reduce){
 .gw-grad-text,.gw-grad-text *{animation:none}
 .gw-eyebrow .elementor-heading-title:before{transition:none}
 #gw-progress{display:none}
}/* End custom CSS */