.elementor-5209 .elementor-element.elementor-element-cc7d734{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5209 .elementor-element.elementor-element-cc7d734.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5209 .elementor-element.elementor-element-317ece0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--border-radius:32px 32px 32px 32px;box-shadow:0px -6px 6px 0px rgba(10, 36.99999999999999, 64, 0.43) inset;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-5209 .elementor-element.elementor-element-bbaacdc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-5209 .elementor-element.elementor-element-8e6c6d5{background-color:#DABCFF33;padding:10px 10px 10px 10px;border-radius:15px 15px 15px 15px;}.elementor-5209 .elementor-element.elementor-element-8e6c6d5 img{width:95%;height:45px;object-fit:contain;object-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5209 .elementor-element.elementor-element-f1f2eb0{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-5209 .elementor-element.elementor-element-f1f2eb0 .elementor-heading-title{font-family:"ClashDisplay", Sans-serif;font-size:clamp(2rem, 1.8846rem + 0.5128vw, 2.5rem);font-weight:500;line-height:clamp(2rem, 1.8846rem + 0.5128vw, 2.5rem);letter-spacing:clamp(-0.0315rem, -0.0301rem + -0.0062vw, -0.0375rem);color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5209 .elementor-element.elementor-element-8773332 .elementor-button{font-family:var( --e-global-typography-7de5d55-font-family ), Sans-serif;font-size:var( --e-global-typography-7de5d55-font-size );font-weight:var( --e-global-typography-7de5d55-font-weight );}.elementor-5209 .elementor-element.elementor-element-00391a1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--border-radius:32px 32px 32px 32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:32px;--z-index:1;}.elementor-5209 .elementor-element.elementor-element-e4e61e4 img{width:100%;max-width:100%;height:335px;object-fit:contain;object-position:center center;}.elementor-5209 .elementor-element.elementor-element-0fef412{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-5209 .elementor-element.elementor-element-c184171{text-align:center;}.elementor-5209 .elementor-element.elementor-element-c184171 .elementor-heading-title{font-family:"ClashDisplay", Sans-serif;font-size:1rem;font-weight:600;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-5209 .elementor-element.elementor-element-cc7d734{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-5209 .elementor-element.elementor-element-317ece0{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-5209 .elementor-element.elementor-element-bbaacdc{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5209 .elementor-element.elementor-element-f1f2eb0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5209 .elementor-element.elementor-element-8773332 .elementor-button{font-size:var( --e-global-typography-7de5d55-font-size );}.elementor-5209 .elementor-element.elementor-element-00391a1{--border-radius:0px 32px 32px 0px;}}@media(max-width:767px){.elementor-5209 .elementor-element.elementor-element-cc7d734{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5209 .elementor-element.elementor-element-f1f2eb0 .elementor-heading-title{font-size:1.4rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5209 .elementor-element.elementor-element-8773332 .elementor-button{font-size:var( --e-global-typography-7de5d55-font-size );}.elementor-5209 .elementor-element.elementor-element-00391a1{--width:100%;--padding-top:0px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-e4e61e4 img{height:268px;}.elementor-5209 .elementor-element.elementor-element-0fef412{--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-5209 .elementor-element.elementor-element-cc7d734{--content-width:1240px;}.elementor-5209 .elementor-element.elementor-element-00391a1{--width:550px;}.elementor-5209 .elementor-element.elementor-element-0fef412{--width:300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5209 .elementor-element.elementor-element-00391a1{--width:70%;}.elementor-5209 .elementor-element.elementor-element-0fef412{--width:250px;}}/* Start custom CSS for image, class: .elementor-element-e4e61e4 *//* Przypisanie animacji do Twojej klasy obrazka */
.zeronest-img {
    /* Uruchamia animację "floatDevice", trwa 6 sekund, jest płynna (ease-in-out) i powtarza się w nieskończoność */
    animation: floatDevice 6s ease-in-out infinite;
    
    /* Opcjonalnie: rzuca miękki cień pod samo urządzenie, co wzmacnia efekt odcięcia od tła */
    filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.4));
}

/* Klatki kluczowe (keyframes) definiujące ruch */
@keyframes floatDevice {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px); /* W połowie animacji urządzenie unosi się o 15 pikseli */
    }
    100% {
        transform: translateY(0px); /* Wraca do pozycji wyjściowej */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-317ece0 */@media(max-width:767px){
   .elementor-2649 .elementor-element.elementor-element-a091fcb:not(.elementor-motion-effects-element-type-background), .elementor-2649 .elementor-element.elementor-element-a091fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{
       background-image: none;
   }
}

/* 1. Definicja zmiennej dla płynnej animacji kąta */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

/* 2. Główne tło i cienie kontenera - WZMOCNIONE */
.banner-purple-spin {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #112330;
    
    /* Odrobinę mocniejszy fioletowy gradient w tle */
    background-image: linear-gradient(
        315deg, 
        rgba(202, 186, 239, 0.25) 0%, 
        rgba(202, 186, 239, 0) 50%
    );
    border-radius: 24px;
    
    /* Dodana delikatna fioletowa poświata (ostatnia linijka), odcina kontener od tła #0C1A27 */
    box-shadow: 
        inset 0px -2px 6px 0px rgba(10, 37, 64, 0.35),
        0px 30px 60px -30px rgba(0, 0, 0, 0.4),
        0px 0px 20px 0px rgba(202, 186, 239, 0.12);
}

/* 3. Animowany, fioletowy border - BARDZIEJ WIDOCZNY */
.banner-purple-spin::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 24px; 
    
    /* Zwiększona grubość krawędzi z 2px na 3px */
    padding: 3px; 
    
    /* Wydłużona smuga i dodany biały punkt na czubku dla mocnego kontrastu */
    background: conic-gradient(
        from var(--angle), 
        transparent 40%, 
        rgba(202, 186, 239, 0.4) 75%, 
        #cabaef 95%,
        #ffffff 100%
    );
    
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
            
    pointer-events: none; 
    animation: spinBorder 3s linear infinite; 
}

/* 4. Efekt hover - mocne uniesienie i glow */
.banner-purple-spin:hover {
    transform: translateY(-8px);
    box-shadow: 
        inset 0px -2px 6px 0px rgba(10, 37, 64, 0.35),
        0px 40px 80px -25px rgba(0, 0, 0, 0.5),
        0px 15px 35px -10px rgba(202, 186, 239, 0.25); /* Zwiększony fioletowy glow na hover */
}

.banner-purple-spin:hover::before {
    animation: spinBorder 1.5s linear infinite;
}

/* 5. Keyframes dla obrotu */
@keyframes spinBorder {
    to {
        --angle: 360deg;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc7d734 */.hl-purple {
    color: #cabaef;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(202, 186, 239, 0.3);
}

.cta-purple .elementor-button {
    background: linear-gradient(135deg, #cabaef 0%, #b8a8dd 100%);
    color: #112330 !important; /* Ciemny tekst - biały by się zlał z tłem */
    font-weight: 700;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(202, 186, 239, 0.25);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: none;
}
.cta-purple .elementor-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(202, 186, 239, 0.4);
}/* End custom CSS */