.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Roboto';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-right: 1rem;
padding-left: 1rem;
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
padding-right: 1rem;
padding-left: 1rem;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.0 {
}
.1 {
}
.2 {
}
.3 {
}
.4 {
}
.5 {
}
.6 {
}
.7 {
}
.8 {
}
.9 {
}
.10 {
}
.11 {
}
.12 {
}
.13 {
}
.14 {
}
.15 {
}
.16 {
}
.17 {
}
.18 {
}
.19 {
}
.20 {
}
.21 {
}
.22 {
}
.23 {
}
.24 {
}
.25 {
}
.26 {
}
.27 {
}
.28 {
}
.29 {
}
.30 {
}
.31 {
}
.32 {
}
.33 {
}
.34 {
}
.35 {
}
.36 {
}
.37 {
}
.38 {
}
.39 {
}
.40 {
}
.41 {
}
.42 {
}
.43 {
}
.44 {
}
.45 {
}
.46 {
}
.47 {
}
.aai-wp-section {
}
.aai-wp-row {
}
.aai-wp-card {
}
.aai-wp-media {
}
.aai-wp-col {
}
.pastylka {
 padding-left:17px;
 padding-right:17px;
 height:38px;
 padding-bottom:0px;
 padding-top:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
}
.pastylka:not(.ct-section):not(.oxy-easy-posts),
.pastylka.oxy-easy-posts .oxy-posts,
.pastylka.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
align-content:center;
justify-content:center;
}
.pastylka-img {
 width:16px;
 height:16px;
}
.pastylka-text {
 font-family:Roboto;
 font-size:14px;
 color:#0a85ff;
 font-weight:400;
 text-align:center;
 line-height:20px;
}
.h2-style {
 font-family:Roboto;
 margin-top:24px;
 color:#ffffff;
 font-weight:500;
font-size:clamp(32px, 2.5vw + 1rem, 48px); line-height: 1.2;
}
@media (max-width: 991px) {
.h2-style {
 text-align:center;
}
}

@media (max-width: 767px) {
.h2-style {
font-size:clamp(30px, 2.5vw + 1rem, 48px); line-height: 1.2;
}
}

.aai-wp-sub {
}
.btn-primary-ai {
}
.gradient1 {
}
.aai-wp-cta {
}
.col-4 {
 width:33%;
 padding-left:0px;
 padding-right:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 margin-bottom:0px;
}
.link-footer:hover{
 color:#fff;
}
.link-footer {
 font-family:Roboto;
 color:rgba(190,219,255,0.7);
 font-weight:400;
 line-height:20px;
 font-size:14px;
}
.a-links:hover{
 color:#fff;
}
.a-links {
 font-family:Roboto;
 color:rgba(190,219,255,0.7);
 font-weight:400;
 line-height:20px;
 font-size:14px;
}
@media (max-width: 479px) {
.a-links {
 text-align:center;
}
}

.narzedzia-2-col {
 gap:64px;
}
.narzedzia-2-col:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col.oxy-easy-posts .oxy-posts,
.narzedzia-2-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:64px;
}
@media (max-width: 1280px) {
.narzedzia-2-col {
}
.narzedzia-2-col:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col.oxy-easy-posts .oxy-posts,
.narzedzia-2-col.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

@media (max-width: 991px) {
.narzedzia-2-col {
 gap:32px;
}
.narzedzia-2-col:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col.oxy-easy-posts .oxy-posts,
.narzedzia-2-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:32px;
}
}

@media (max-width: 767px) {
.narzedzia-2-col {
 text-align:center;
}
.narzedzia-2-col:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col.oxy-easy-posts .oxy-posts,
.narzedzia-2-col.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.reveal-up {
}
.h-cta {
}
.reveal-on-load {
}
.reveal-delay-5 {
}
.reveal-delay-1 {
}
.reveal-delay-2 {
}
.animated-gradient-text {
}
.reveal-delay-3 {
}
.reveal-delay-4 {
}
.pastylka-ikonka {
 gap:12px;
 border-radius:14px;
 border-top-color:rgba(10,133,255,0.3);
 border-right-color:rgba(10,133,255,0.3);
 border-bottom-color:rgba(10,133,255,0.3);
 border-left-color:rgba(10,133,255,0.3);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 background-color:rgba(10,133,255,0.2);
 padding-top:13px;
 padding-right:13px;
 padding-bottom:13px;
 padding-left:13px;
}
.pastylka-ikonka:not(.ct-section):not(.oxy-easy-posts),
.pastylka-ikonka.oxy-easy-posts .oxy-posts,
.pastylka-ikonka.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:12px;
}
@media (max-width: 479px) {
.pastylka-ikonka {
 padding-top:9px;
 padding-right:9px;
 padding-bottom:9px;
 padding-left:9px;
}
}

.pastylka-ikonka-img {
 width:32px;
 height:32px;
}
.cennik-box:hover{
}
.cennik-box {
 padding-left:1%;
 padding-right:1%;
 max-width:385px;
 border-radius:20px;
 gap:15px;
 min-height:300px;
 width:23%;
 position:relative;
 padding-top:24px;
 overflow:visible;
 background-color:#ffffff;
 box-shadow:0px 0px 14.8px 0px rgba(10, 133, 255, 0.3);
}
.cennik-box:not(.ct-section):not(.oxy-easy-posts),
.cennik-box.oxy-easy-posts .oxy-posts,
.cennik-box.ct-section .ct-section-inner-wrap{
gap:15px;
}
@media (max-width: 1280px) {
.cennik-box {
 min-height:320px;
 width:23%;
}
}

@media (max-width: 991px) {
.cennik-box {
 max-width:345px;
 min-height:320px;
}
}

@media (max-width: 767px) {
.cennik-box {
 overflow:visible;
 padding-left:3%;
 padding-right:3%;
}
}

.pricing-card {
}
.sprzedaz-naglowek {
 font-family:Roboto;
 font-size:20px;
 color:#000000;
 font-weight:500;
 line-height:26px;
 text-align:center;
 max-width:175px;
}
.cennik-cena {
 font-family:Roboto;
 color:#232f3e;
 font-size:64px;
 font-weight:600;
 line-height:100%;
}
.cennika-netto {
 font-family:Roboto;
 font-size:20px;
 font-weight:400;
 color:#000000;
 text-align:center;
 line-height:20px;
 max-width:115px;
}
.btn-esale {
}
@media (max-width: 991px) {
.btn-esale {
}
.btn-esale:not(.ct-section):not(.oxy-easy-posts),
.btn-esale.oxy-easy-posts .oxy-posts,
.btn-esale.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.ribbon {
position: absolute; background-color: rgba(2, 167, 142, 1); color: #fff; /* 1. Pozycjonowanie (na środku, PRZYPIĘTE DO GÓRY) */ top: 0; left: 50%; /* 2. KLUCZOWA ZMIANA w Transformacji: translateX(-50%) -> centruje w poziomie translateY(-100%) -> przesuwa całą belkę W GÓRĘ o 100% jej wysokości. Efekt: jej DOLNA krawędź ląduje idealnie na górnej krawędzi boxa. */ transform: translateX(-50%) translateY(-100%); /* 3. Wygląd (ciaśniejsze dopasowanie) */ padding: 8px 20px; font-size: 18px; line-height:22px; font-weight: 400; /* 4. NAJWAŻNIEJSZA ZMIANA: Zaokrąglenie tylko GÓRNYCH rogów (kolejność: top-left, top-right, bottom-right, bottom-left) */ border-radius: 20px 20px 0 0; /* Możesz zmienić 8px na 10px, jeśli chcesz mocniejsze zaokrąglenie */ white-space: nowrap; z-index: 10; box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Cień rzucany na box poniżej */
}
@media (max-width: 1280px) {
.ribbon {
}
}

.ksef-4-box {
}
.word-3-box-title {
 color:#ff0089;
 font-size:26px;
 text-align:center;
 line-height:100%;
 font-weight:800;
}
.word-3-box-text {
 font-family:Roboto;
 font-size:16px;
 font-weight:400;
 color:#676767;
 text-align:center;
 line-height:140%;
 margin-top:16px;
}
.faq-box {
 border-top-color:rgba(10, 133, 255, 0.2);
 border-right-color:rgba(10, 133, 255, 0.2);
 border-bottom-color:rgba(10, 133, 255, 0.2);
 border-left-color:rgba(10, 133, 255, 0.2);
 border-radius:16px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:10px;
 padding-top:10px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 position:relative;
 width:100%;
 box-shadow:0px 0px 10px 0px rgba(0,107,205,0.15);
}
@media (max-width: 767px) {
.faq-box {
 padding-left:16px;
 padding-right:16px;
}
}

.toggle-3950 {
 color:#4a4a4a;
 font-size:16px;
 width:100%;
}

        
                .toggle-3950 .oxy-expand-collapse-icon::before,
        .toggle-3950 .oxy-expand-collapse-icon::after {
            background-color: #ff0089;        }
        
        .toggle-3950-expanded {
 width:100%;
 margin-bottom:0px;
 margin-left:0px;
}
.h4-faq-style {
 font-family:Roboto;
 font-size:18px;
 font-weight:500;
 line-height:28px;
 text-align:left;
 padding-bottom:0px;
 margin-left:0px;
 color:#ffffff;
}

                .h4-faq-style .oxy-expand-collapse-icon {
            font-size: 15px;        }
        
                .h4-faq-style .oxy-expand-collapse-icon::before,
        .h4-faq-style .oxy-expand-collapse-icon::after {
            background-color: #ff0089;        }
        
        @media (max-width: 767px) {
.h4-faq-style {
 font-size:16px;
 line-height:21px;
}
}

@media (max-width: 479px) {
.h4-faq-style {
 font-size:18px;
 width:85%;
 line-height:28px;
}
}

.faq-text {
 font-family:Roboto;
 font-size:16px;
 font-weight:300;
 line-height:21px;
 text-align:left;
 color:#ffffff;
}
.rozw-text-normal {
 font-family:Roboto;
 color:#dbeafe;
 font-size:18px;
 font-weight:400;
 text-align:left;
 line-height:29px;
}
@media (max-width: 991px) {
.rozw-text-normal {
 font-size:16px;
 line-height:24px;
}
}

.contact-item {
}
.contact-icon {
}
.contact-text {
}
.btn {
 background-color:rgba(10, 133, 255, 1);
 border-radius:14px;
}
.h3-style {
 font-family:Roboto;
 color:#ffffff;
 text-align:left;
 font-weight:500;
font-size: clamp(22px, 1rem + 1.2vw, 30px); line-height:1.2;
}
@media (max-width: 767px) {
.h3-style {
font-size: clamp(24px, 1rem + 1.2vw, 30px); line-height:1.2;
}
}

.btn-transparent {
}
.box-3 {
 background-color:rgba(0,0,0,0.4);
 border-top-color:rgba(10,133,255,0.6);
 border-right-color:rgba(10,133,255,0.6);
 border-bottom-color:rgba(10,133,255,0.6);
 border-left-color:rgba(10,133,255,0.6);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:16px;
 width:100%;
 height:322px;
 text-align:left;
 gap:24px;
 padding-left:41px;
 padding-top:41px;
 padding-right:41px;
 padding-bottom:41px;
}
.box-3:not(.ct-section):not(.oxy-easy-posts),
.box-3.oxy-easy-posts .oxy-posts,
.box-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:24px;
}
@media (max-width: 991px) {
.box-3 {
 padding-top:24px;
 padding-right:10px;
 padding-bottom:24px;
 padding-left:10px;
}
}

@media (max-width: 767px) {
.box-3 {
 text-align:left;
}
.box-3:not(.ct-section):not(.oxy-easy-posts),
.box-3.oxy-easy-posts .oxy-posts,
.box-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
}

.slider-4-box {
}
.slider-4-box-wew {
 border-top-color:rgba(10,133,255,0.3);
 border-right-color:rgba(10,133,255,0.3);
 border-bottom-color:rgba(10,133,255,0.3);
 border-left-color:rgba(10,133,255,0.3);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:32px;
 padding-right:32px;
 padding-bottom:32px;
 padding-left:32px;
 border-radius:16px;
}
.slider-div {
}
.img-slider {
 margin-bottom:24px;
}
.slider-naglowek {
 font-family:Roboto;
 font-size:18px;
 color:#000000;
 font-weight:400;
 text-align:center;
 line-height:29px;
 max-width:200px;
}
.slider-tekst {
}
.ai-slider {
 z-index:2;
}
.ai-slider:not(.ct-section):not(.oxy-easy-posts),
.ai-slider.oxy-easy-posts .oxy-posts,
.ai-slider.ct-section .ct-section-inner-wrap{
display:flex;
}
.ai-track {
 gap:24px;
}
.ai-track:not(.ct-section):not(.oxy-easy-posts),
.ai-track.oxy-easy-posts .oxy-posts,
.ai-track.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:24px;
}
.ai-slide {
 border-top-color:rgba(10,133,255,0.3);
 border-right-color:rgba(10,133,255,0.3);
 border-bottom-color:rgba(10,133,255,0.3);
 border-left-color:rgba(10,133,255,0.3);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:32px;
 padding-right:32px;
 padding-bottom:32px;
 padding-left:32px;
 border-radius:16px;
 background-color:#fff;
}
.roadmap-grid {
 z-index:9;
}
.narzedzia-2-col-reverse {
 gap:64px;
}
.narzedzia-2-col-reverse:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col-reverse.oxy-easy-posts .oxy-posts,
.narzedzia-2-col-reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row-reverse;
align-items:center;
gap:64px;
}
@media (max-width: 991px) {
.narzedzia-2-col-reverse {
 gap:32px;
}
.narzedzia-2-col-reverse:not(.ct-section):not(.oxy-easy-posts),
.narzedzia-2-col-reverse.oxy-easy-posts .oxy-posts,
.narzedzia-2-col-reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:32px;
}
}

.stagger-grid {
}
.stagger-grid:not(.ct-section):not(.oxy-easy-posts),
.stagger-grid.oxy-easy-posts .oxy-posts,
.stagger-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
.stagger-item {
}
.vignette {
}
.vignette-section {
}
.gradient-top {
}
.gradient-bottom {
}
.linear-gradient1 {
 width:100%;
 height:100%;
}
.linear-gradient1 .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.security-section {
 position:relative;
}
.webinar-baner {
}
.webinar-baner__blur {
}
.webinar-baner__inner {
 width:100%;
}
.webinar-baner__left {
}
.webinar-baner__btn {
}
.webinar-baner__arrow {
}
.webinar-baner__icon-box {
}
.webinar-baner__icon {
}
.webinar-baner__content {
}
.webinar-baner__label-row {
}
.webinar-baner__title {
}
.webinar-baner__date {
}
.webinar-baner__calendar {
}
.webinar-baner__icon-box--inline {
}
.webinar-baner__label {
}
.aai-page {
}
.aai-hero {
}
.aai-hero__wrap {
}
.aai-hero__top {
}
.aai-breadcrumb {
}
.aai-bc-current {
}
.aai-back-btn {
}
.aai-hero__bot {
}
.aai-section {
}
.aai-h2 {
}
.aai-lead {
}
.aai-filary__wrap {
}
.aai-filary__grid {
}
.aai-filar-card {
}
.aai-filar-card__icon {
}
.aai-filar-card__title {
}
.aai-filar-card__text {
}
.aai-agents__wrap {
}
.aai-tabs {
}
.aai-tab {
}
.is-active {
}
.aai-agents__list {
}
.aai-agent {
}
.is-hidden {
}
.aai-agent__top {
}
.aai-agent__tags {
}
.aai-tag {
}
.aai-agent__premiere {
}
.aai-agent__premiere-label {
}
.aai-agent__premiere-date {
}
.aai-agent__title {
}
.aai-agent__desc {
}
.aai-readmore {
}
.aai-chevron {
}
.is-open {
}
.aai-agent__detail {
}
.aai-detail-head {
}
.aai-detail-list {
}
.aai-check {
}
.aai-blob {
}
.aai-bot-deco {
}
.aai-blob--1 {
}
.aai-blob--2 {
}
.aai-blob--3 {
}
.aai-bot-deco--pokazujacy {
}
.aai-bot-deco--siedzacy {
}
.aai-bot-deco--kawka {
}
.aai-bot-deco--odrzut {
}
.aib-card {
}
.aib-bot {
}
.aiw-grid {
}
.aiw-card {
}
.aiw-thumb {
}
.aiw-img {
}
.aiw-shade {
}
.aiw-play {
}
.aiw-title {
}
.aiw-modal {
}
.wbn-hero-lead {
}
.wbn-webinar-lead {
}
.aai-wp-sec {
}
.aai-wp-hero {
}
.aai-wp-hero-inner {
}
.aai-wp-topbar {
}
@media (max-width: 991px) {
.aai-wp-topbar {
}
.aai-wp-topbar:not(.ct-section):not(.oxy-easy-posts),
.aai-wp-topbar.oxy-easy-posts .oxy-posts,
.aai-wp-topbar.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

@media (max-width: 767px) {
.aai-wp-topbar {
}
.aai-wp-topbar:not(.ct-section):not(.oxy-easy-posts),
.aai-wp-topbar.oxy-easy-posts .oxy-posts,
.aai-wp-topbar.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
}

.aai-wp-crumbs {
}
.aai-wp-crumb {
}
.aai-wp-crumb-home {
}
.aai-wp-crumb-sep {
}
.aai-wp-crumb-cur {
}
.aai-wp-back {
}
.aai-wp-pill {
}
.aai-wp-pill-txt {
}
.aai-wp-h1 {
}
.aai-wp-subtitle {
}
.aai-wp-lead {
}
.aai-wp-ebook-sec {
}
.aai-wp-ebook-wrap {
}
.aai-wp-content-sec {
}
.aai-wp-grid {
}
.aai-wp-col-left {
}
.aai-wp-dk {
}
@media (max-width: 991px) {
.aai-wp-dk {
 margin-bottom:64px;
}
}

.aai-wp-h3 {
}
.aai-wp-dk-list {
}
.aai-wp-dk-item {
}
.aai-wp-dk-ico {
}
.aai-wp-dk-body {
}
.aai-wp-dk-title {
}
.aai-wp-dk-desc {
}
.aai-wp-quote {
}
.aai-wp-quote-photo {
}
.aai-wp-quote-body {
}
.aai-wp-quote-txt {
}
.aai-wp-authors {
}
.aai-wp-author {
}
.aai-wp-author-photo {
}
.aai-wp-author-body {
}
.aai-wp-author-name {
}
.aai-wp-author-bio {
}
.aai-wp-author-toggle {
 padding-left:0px;
}
.aai-wp-col-right {
}
.aai-wp-scrolltop-block {
}
.aai-wp-bg {
}
.aai-wp-blob {
}
.aai-wp-ebookdev {
}
.aai-wp-ebookdev-frame {
}
.aai-wp-ebookdev-cover {
}
.aai-wp-ebookdev-dots {
}
.aai-wp-ebookdev-arrow {
}
.oxy-form-title {
}
.oxy-form-wrapper {
}
.aai-wp-totop {
}
.aai-wp-ebookdev-slides {
}
.aai-anim {
}
.aai-reveal {
}
.aai-wp-quote-author {
}
.aai-cyt {
}
.aai-cyt__wrap {
}
.aai-cyt-card {
}
.aai-cyt-row {
}
.aai-cyt-photo {
}
.aai-cyt-body {
}
.aai-cyt-txt {
}
.aai-cyt-meta {
}
.aai-cyt-name {
}
.aai-cyt-role {
}
/* --- POPRAWKA DLA NISKICH EKRANÓW (Laptopy 13", niskie okna) --- */
@media screen and (max-height: 700px) and (min-width: 992px) {
    
    /* 1. Zmniejszamy pionowe odstępy sekcji */
    #section-74-18 {
        padding-top: 0px !important;
        padding-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    /* 2. Zmniejszamy rozmiar głównego napisu */
    .animated-gradient-text {
        font-size: 42px !important;
        line-height: 46px !important;
        margin-bottom: 0px !important;
    }

    /* 3. Zmniejszamy marginesy pod opisem */
    .h-cta {
        font-size: 18px !important;
        margin-bottom: 20px !important;
        line-height: 1.3 !important;
    }

}


/* Kontener sekcji Hero w Oxygenie */
.hero-section {
    position: relative;
    overflow-x: hidden;
    /* Usuwamy stąd sztywne tło, jeśli canvas ma je nadpisać */
}
/* --- GŁÓWNA SEKCJA HERO --- */
#section-74-18 {
    /* min-height: 100dvh; <-- to może powodować skoki przy przeliczaniu */
    height: 100vh; /* Stabilniejsze na start */
    height: 100dvh; 
    position: relative;
    /* Dodajemy tło bezpośrednio tutaj, żeby nie było białych mignięć */
    background-color: #152a94 !important;
    overflow: hidden;
}


/* Na komputerze pasek WP ma 32px */
@media screen and (min-width: 783px) {
    body.admin-bar #section-74-18 {
        min-height: calc(100dvh - 32px) !important;
    }
}

#particle-canvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: crosshair;
  
    z-index: 1; /* Musi być nad tłem sekcji */
      pointer-events: none; /* Żeby nie blokował kliknięć w przyciski */
      object-fit: cover; /* Jeśli to element wideo/canvas, wymuś krycie */
}

#vignette {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  z-index: 2; /* Nad canvasem, pod treścią */
      pointer-events: none;
      background: radial-gradient(
        ellipse at center, 
        transparent 0%, 
        transparent 30%, 
        rgba(0, 0, 0, 0.6) 60%, 
        rgba(0, 0, 0, 0.95) 100%
      );
}
/* 1. Kolor bazowy dla całej strony */
body {
    background-color: #152a94 !important;
    margin: 0;
}

#inner_content-73-18 {
    /* Przywracamy relative, ale z niskim z-index, by nie psuło layoutu */
    position: relative; 
    z-index: 0;
    
    /* Dodajemy kolor bazowy jako fallback */
    background-color: #152a94 !important;

    background-image: 
        /* 1. START */
        linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 0.95) 0%, 
            rgba(0, 0, 0, 0.5) 30%, 
            rgba(0, 0, 0, 0) 50%
        ),
        /* 2. PĘTLA - Mocniejszy kontrast (0.9), byś zobaczył efekt */
        repeating-linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0px,
            rgba(0, 0, 0, 0.4) 432px,
            rgba(0, 0, 0, 0.8) 1080px, /* Zwiększono z 0.8 na 0.9 */
            rgba(0, 0, 0, 0.4) 1728px,
            rgba(0, 0, 0, 0) 2160px
        ),
        /* 3. BAZA (jako warstwa tła) */
        linear-gradient(#152a94, #152a94);

    background-size: 100% 1080px, 100% 2160px, 100% 100%;
    background-position: 0 0, 0 1080px, 0 0;
    background-repeat: no-repeat, repeat, no-repeat;
    background-attachment: scroll;
}

/* KLUCZOWE: Twoje sekcje w Oxygenie muszą być przezroczyste */
#inner_content-73-18 .ct-section {
    background-color: transparent !important;
        overflow: hidden;

}
#inner_content-73-18 .security-section{
  background-color:#fff!important;
}


/* Upewnij się, że Twoja treść (przycisk, ikona myszki) ma z-index */
.hero-content-wrapper {
    position: relative;
    z-index: 5;
}


/* --- 1. INTEGRACJA LENIS (SMOOTH SCROLL) --- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/* --- FIX DLA EDYTORA OXYGENA --- */

/* Jeśli jesteśmy w edytorze, wymuś widoczność wszystkich animowanych elementów */
.oxygen-builder-body .reveal-up, 
.oxygen-builder-body .stagger-item, 
.oxygen-builder-body .counter, 
.oxygen-builder-body .reveal-on-load {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    filter: none !important;
    clip-path: none !important;
}

/* Opcjonalnie: wyłącz animacje CSS w edytorze, żeby Ci nic nie "uciekało" */
.oxygen-builder-body * {
    animation: none !important;
    transition: none !important;
}
/* --- 2. PRZYGOTOWANIE SILNIKA ANIMACJI (GSAP) --- */
/* Te klasy są ukryte na starcie i czekają na sygnał z JS */
 
.stagger-item, 
.counter {
    opacity: 0;
    will-change: transform, opacity;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}
.reveal-up{
    opacity: 0;
    will-change: transform, opacity;
    /* Usuwamy jakiekolwiek 'animation' stąd, żeby GSAP miał pełną władzę */
}

/* Kontener dla kart Bento - perspektywa dla efektu 3D */
.stagger-grid {
    perspective: 1200px;
}

/* --- 3. TYPOGRAFIA I GRADIENTY HERO --- */
.h-cta { 
    font-size: clamp(36px, 1.25rem + 2.5vw, 60px); 
    line-height: 1.4; 
}

.animated-gradient-text {
    font-family: 'Roboto', sans-serif;
    font-size: 72px;
    font-weight: 500;
    line-height: 90px;
    text-align: center;
    background: linear-gradient(to right, rgba(10, 133, 255, 1) 0%, rgba(219, 234, 254, 1) 50%, rgba(10, 133, 255, 1) 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    will-change: background-position, transform, opacity;
    filter: none !important;
}

/* Animacja wejścia Hero realizowana przez CSS */
@keyframes revealUp { 
    from { opacity: 0; transform: translateY(20px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@keyframes wave-flow { 
    0% { background-position: 200% center; } 
    100% { background-position: 0% center; } 
}

.reveal-on-load {
    opacity: 0;
    animation: revealUp 0.8s cubic-bezier(0.2, 0.6, 0.3, 1) forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animated-gradient-text.reveal-on-load {
    animation: revealUp 0.8s cubic-bezier(0.2, 0.6, 0.3, 1) forwards, 
               wave-flow 4s linear infinite;
}

/* Precyzyjne opóźnienia dla elementów Hero */
.reveal-delay-1 { animation-delay: 0.1s; }
.reveal-delay-2 { animation-delay: 0.3s; }
.reveal-delay-3 { animation-delay: 0.5s, 0.5s; }
.reveal-delay-4 { animation-delay: 0.7s; }
.reveal-delay-5 { animation-delay: 0.9s; }

/* Zapobieganie skokom layoutu dla nagłówka */
#typing-text.animated-gradient-text {
    min-height: 90px;
}

/* --- 4. PRZYCISKI (PRIMARY & TRANSPARENT) --- */
.btn-primary-ai, 
.btn-transparent {
    display: inline-flex;
    align-items: center; 
    justify-content: center;
    gap: 12px;
    border-radius: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary-ai {
    height: 56px;
    padding: 16px 32px;
    background: rgba(10, 133, 255, 1);
    box-shadow: 0px 10px 40px 0px rgba(10, 133, 255, 0.5);
    border: none;
}

.btn-primary-ai.gradient1 {
    background: linear-gradient(170deg, #0A85FF 0%, #02A78E 100%);
}

.btn-transparent {
    height: 50px;
    padding: 13px 25px;
    background-color: rgba(10, 133, 255, 0.15); 
    border: 1px solid rgba(10, 133, 255, 0.3);
}

.btn-text { 
    color: #ffffff; 
    font-family: 'Roboto', sans-serif; 
    font-size: 16px; 
    font-weight: 500; 
    line-height: 24px; 
}

.btn-icon { 
    width: 20px; 
    height: 20px; 
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); 
}
.btn-transparent{display:none!important;}
/* Interakcje Hover */
.btn-primary-ai:hover, 
.btn-transparent:hover { 
    filter: brightness(1.1); 
    box-shadow: 0px 15px 50px 0px rgba(10, 133, 255, 0.7); 
}

.btn-primary-ai:hover .btn-icon, 
.btn-transparent:hover .btn-icon { 
    transform: translateX(8px) scale(1.1); 
}

.btn-primary-ai:active, 
.btn-transparent:active { 
    transform: scale(0.98); 
}

/* --- 5. LOTTIE PLAYER --- */
.lottie-container { 
    position: relative; 
    width: 100%; 
    aspect-ratio: 16 / 9; 
    border-radius: 24px; 
    overflow: hidden; 
}

.dlottie { 
    width: 100% !important; 
    height: 100% !important; 
    display: block; 
    will-change: transform;
}

.lottie-fullscreen-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: white;
    padding: 8px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
    width: 38px;
    height: 38px;
}

.lottie-container:hover .lottie-fullscreen-btn { opacity: 1; }
.lottie-container:fullscreen { background: #000; aspect-ratio: auto; }

/* --- 6. RESPONSYWNOŚĆ I DOSTĘPNOŚĆ --- */
@media (max-width: 992px) {
    .animated-gradient-text { font-size: 56px; line-height: 70px; }
}

@media (max-width: 768px) {
    .animated-gradient-text { font-size: 30px; line-height: 37.5px; padding: 0 20px; }
    .h-cta { font-size: 24px; }
    .btn-text { font-size: 14px; }
    .btn-primary-ai { height: 44px; padding: 12px 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .reveal-up, .stagger-item, .counter, .reveal-on-load { 
        opacity: 1 !important; 
        transform: none !important; 
        animation: none !important; 
    }
}/* === Strona: Agenci AI (post 115) === */
.aai-page, .aai-page * { box-sizing: border-box; }
html, body { overflow-x: hidden; }

/* ---- HERO ---- */
.aai-hero { position: relative; overflow: hidden; padding: 64px 20px 64px; text-align: center; width: 100%; }
.aai-hero__wrap { position: relative; z-index: 5; width: 100%; max-width: 1024px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 36px; }
.aai-hero__top { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.aai-breadcrumb { display: flex; align-items: center; gap: 8px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #99a1af; }
.aai-breadcrumb a { color: rgba(190,219,255,0.7); text-decoration: none; transition: color .2s; }
.aai-breadcrumb a:hover { color: #fff; }
.aai-breadcrumb svg { width: 16px; height: 16px; flex-shrink: 0; opacity: .8; }
.aai-breadcrumb .aai-bc-current { color: #fff; }
.aai-back-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 17px; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; transition: all .3s; }
.aai-back-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }
.aai-back-btn svg { width: 16px; height: 16px; }
.aai-hero__bot { width: 230px; height: auto; max-width: 60vw; margin: 36px auto 0; display: block; filter: drop-shadow(0 20px 50px rgba(10,133,255,0.35)); }
.aai-page h1.animated-gradient-text { margin: 0; }

/* ---- SEKCJE WSPÓLNE ---- */
.aai-section { position: relative; overflow: hidden; width: 100%; padding: 64px 20px; }
.aai-h2 { text-align: center !important; width: 100%; }
.aai-lead { max-width: 896px; margin: 24px auto 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 32.5px; font-weight: 400; color: rgba(219,234,254,0.9); }

/* ---- TRZY FILARY ---- */
.aai-filary__wrap { position: relative; z-index: 5; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.aai-filary__grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 32px; width: 100%; margin-top: 48px; text-align: left; }
.aai-filar-card { display: flex !important; flex-direction: column; align-items: flex-start; gap: 20px; padding: 33px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(130deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); height: 100%; }
.aai-filar-card__icon { width: 80px; height: 80px; border-radius: 17.5px; background: #152a94; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; }
.aai-filar-card__icon img { width: 48px; height: 48px; }
.aai-page h3.aai-filar-card__title { margin: 0; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27.5px; font-weight: 500; color: #fff; text-align: left; }
.aai-filar-card__text { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }

/* ---- POZNAJ AGENTÓW ---- */
.aai-agents__wrap { position: relative; z-index: 5; width: 100%; max-width: 896px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.aai-tabs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 48px 0 8px; }
.aai-tab { display: inline-flex; align-items: center; padding: 9px 17px; border-radius: 9999px; border: 1px solid transparent; background: transparent; color: rgba(219,234,254,0.65); font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; cursor: pointer; transition: all .25s; white-space: nowrap; }
.aai-tab:hover { color: #fff; background: rgba(255,255,255,0.06); }
.aai-tab.is-active { background: linear-gradient(90deg, #0a85ff 0%, #02a78e 100%); border-color: transparent; color: #fff; }
.aai-agents__list { width: 100%; display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.aai-agent { padding: 25px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(166deg, rgba(65,1,113,0.2) 15%, rgba(21,42,148,0.2) 100%); box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); transition: border-color .25s, transform .25s; }
.aai-agent:hover { border-color: rgba(10,133,255,0.4); }
.aai-agent.is-hidden { display: none; }
.aai-agent__top { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.aai-agent__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.aai-tag { display: inline-flex; align-items: center; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; padding: 5px 13px; border-radius: 9999px; border: 1px solid rgba(10,133,255,0.3); background: linear-gradient(90deg, rgba(10,133,255,0.2) 0%, rgba(2,167,142,0.2) 100%); color: #dbeafe; }
.aai-agent__premiere { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.aai-agent__premiere-label { display: flex; align-items: center; gap: 6px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; color: #99a1af; }
.aai-agent__premiere-label svg { width: 14px; height: 14px; }
.aai-agent__premiere-date { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; color: #dbeafe; }
.aai-page h3.aai-agent__title { margin: 20px 0 0; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; color: #fff; text-align: left; }
.aai-agent__desc { margin: 8px 0 0; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }
.aai-readmore { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 0; background: none; border: none; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #0a85ff; }
.aai-readmore .aai-chevron { width: 16px; height: 16px; transition: transform .3s; }
.aai-agent.is-open .aai-readmore .aai-chevron { transform: rotate(180deg); }
.aai-agent__detail { display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1); }
.aai-agent.is-open .aai-agent__detail { display: block; }
.aai-detail-head { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; color: #fff; margin-bottom: 16px; }
.aai-detail-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.aai-detail-list li { display: flex; align-items: flex-start; gap: 12px; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }
.aai-detail-list li .aai-check { flex-shrink: 0; width: 20px; height: 20px; color: #0a85ff; margin-top: 2px; }

/* ---- DEKORACJE ---- */
.aai-blob { position: absolute; z-index: 0; pointer-events: none; user-select: none; }
.aai-bot-deco { position: absolute; z-index: 1; pointer-events: none; user-select: none; height: auto; }
.aai-blob--1 { width: 700px; max-width: 60vw; top: -120px; right: -180px; opacity: .7; }
.aai-blob--2 { width: 600px; max-width: 55vw; top: 600px; left: -220px; opacity: .6; }
.aai-blob--3 { width: 700px; max-width: 60vw; bottom: -150px; right: -200px; opacity: .55; }
.aai-bot-deco--pokazujacy { width: 150px; top: 40px; right: 2%; }
.aai-bot-deco--siedzacy { width: 150px; top: 480px; left: 1%; }
.aai-bot-deco--kawka { width: 160px; bottom: 120px; right: 1%; }
.aai-bot-deco--odrzut { width: 150px; top: -40px; left: 2%; }

/* ---- RWD ---- */
@media (max-width: 992px) {
  .aai-filary__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .aai-bot-deco { display: none; }
  .aai-blob { opacity: .4; }
  .aai-hero { padding-top: 100px; }
}
@media (max-width: 768px) {
  .aai-section { padding: 48px 16px; }
  .aai-hero { padding: 90px 16px 40px; }
  .aai-filary__grid { grid-template-columns: 1fr; }
  .aai-lead { font-size: 16px; line-height: 26px; }
  .aai-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; width: 100%; margin-top: 32px; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
  .aai-tab { flex: 0 0 auto; }
  .aai-agent { padding: 18px; }
  .aai-agent__top { flex-direction: column; align-items: flex-start; gap: 12px; }
  .aai-agent__premiere { align-items: flex-start; flex-direction: row; gap: 8px; }
  .aai-hero__bot { width: 180px; }
  .aai-filar-card { padding: 24px; }
}
@media (max-width: 479px) {
  .aai-blob { display: none; }
  .aai-hero__top { justify-content: center; }
}

/* Ukryj masthead homepage (template 18) na podstronie Agenci AI */
body:is(.page-id-115,.page-id-147) #section-74-18 { display: none !important; }

/* Fix: wymuś pełną szerokość elementów w centrowanych wrapach (align-items:center kurczy do treści) */
.aai-agents__app, .aai-agents__list, .aai-agent, .aai-lead { width: 100%; }


/* --- HERO: fala (tlo) + wskaznik scrolla (z Figmy) --- */
.aai-hero::before { content: ""; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); width: min(2000px, 160%); aspect-ratio: 2187 / 659; z-index: 0; opacity: 0.6; pointer-events: none; background: url(https://www.comarch.ai/wp-content/uploads/2026/06/comarch-agent-ai-fala.svg) center top / 100% auto no-repeat; }
.aai-hero::after { content: ""; position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 24px; height: 40px; border: 2px solid rgba(255,255,255,0.3); border-radius: 9999px; z-index: 5; pointer-events: none; background-image: radial-gradient(circle at 50% 0, rgba(255,255,255,0.6) 0 2px, transparent 3px); background-repeat: no-repeat; background-size: 100% 12px; background-position: 50% 6px; animation: aai-scroll 1.6s ease-in-out infinite; }
@keyframes aai-scroll { 0% { background-position: 50% 6px; opacity: 1; } 50% { background-position: 50% 16px; opacity: 0.4; } 100% { background-position: 50% 6px; opacity: 1; } }
@media (max-width: 768px) { .aai-hero::after { display: none; } .aai-hero::before { top: 40px; opacity: 0.45; } }

/* Strona Agenci AI: zdejmij kinowy ciemny gradient wrappera template 18 (psul ciemne hero); plaskie tlo jak w Figmie */
body:is(.page-id-115,.page-id-147) { background-color:#152a94 !important; background-image: radial-gradient(900px 600px at 50% 5%, rgba(10,133,255,0.22), transparent 60%), radial-gradient(700px 600px at 98% 9%, rgba(2,167,142,0.14), transparent 55%), radial-gradient(850px 800px at 0% 26%, rgba(91,33,182,0.40), transparent 55%), radial-gradient(800px 800px at 100% 45%, rgba(10,133,255,0.18), transparent 55%), radial-gradient(1000px 1000px at -5% 64%, rgba(65,1,113,0.42), transparent 55%), radial-gradient(700px 700px at 10% 88%, rgba(237,69,99,0.14), transparent 55%), radial-gradient(800px 800px at 100% 82%, rgba(2,167,142,0.13), transparent 55%) !important; background-repeat:no-repeat !important; background-attachment:scroll !important; }

/* AAI-BG-PLAMY-V1 */
body:is(.page-id-115,.page-id-147) .aai-blob { display:none !important; }
.aai-bot-deco--odrzut { width:240px !important; top:70px !important; bottom:auto !important; left:0 !important; right:auto !important; }
.aai-bot-deco--pokazujacy { width:235px !important; top:50px !important; bottom:auto !important; right:0 !important; left:auto !important; }
.aai-bot-deco--siedzacy { width:225px !important; top:42% !important; bottom:auto !important; left:0 !important; right:auto !important; }
.aai-bot-deco--kawka { width:255px !important; top:72% !important; bottom:auto !important; right:0 !important; left:auto !important; }

/* AAI-HOMEPAGE-BG-V1 */
body:is(.page-id-115,.page-id-147) #section-74-18 { display:block !important; position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; min-height:100vh !important; max-height:100vh !important; z-index:0 !important; margin:0 !important; padding:0 !important; pointer-events:none !important; overflow:hidden !important; }
body.admin-bar:is(.page-id-115,.page-id-147) #section-74-18 { min-height:100vh !important; }
body:is(.page-id-115,.page-id-147) #section-74-18 .ct-section-inner-wrap { height:100vh !important; min-height:0 !important; padding:0 !important; display:block !important; }
body:is(.page-id-115,.page-id-147) #div_block-76-18, body:is(.page-id-115,.page-id-147) #code_block-84-18 { display:none !important; }
body:is(.page-id-115,.page-id-147) { position:relative !important; z-index:1 !important; background:transparent !important; background-image:none !important; }
body:is(.page-id-115,.page-id-147) .aai-hero::before { display:none !important; }

/* AAI-BODYBG-V2 */
body:is(.page-id-115,.page-id-147) #section-74-18 { display:none !important; }
body:is(.page-id-115,.page-id-147) { position:relative !important; z-index:auto !important; background-color:#152a94 !important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.28) 30%, rgba(0,0,0,0) 55%), repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px), linear-gradient(#152a94, #152a94) !important; background-size:100% 1080px, 100% 2160px, 100% 100% !important; background-position:0 0, 0 1080px, 0 0 !important; background-repeat:no-repeat, repeat, no-repeat !important; }

/* AAI-FIGMA-FIXES-V1 */
body:is(.page-id-115,.page-id-147) .aai-h2 { font-family:Roboto,sans-serif !important; font-weight:500 !important; font-size:48px !important; color:#fff !important; }
body:is(.page-id-115,.page-id-147) .aai-filary .aai-h2 { line-height:60px !important; }
body:is(.page-id-115,.page-id-147) .aai-agents .aai-h2 { line-height:48px !important; }
body:is(.page-id-115,.page-id-147) .aai-lead { color:#d1d5dc !important; }
body:is(.page-id-115,.page-id-147) .aai-filar-card__text { font-size:18px !important; line-height:29.25px !important; }
body:is(.page-id-115,.page-id-147) .aai-filar-card__icon { border:1px solid rgba(255,255,255,0.1) !important; }
body:is(.page-id-115,.page-id-147) .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon, body:is(.page-id-115,.page-id-147) .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon { background:transparent !important; border:0 !important; border-radius:0 !important; }
body:is(.page-id-115,.page-id-147) .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon img, body:is(.page-id-115,.page-id-147) .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon img { width:80px !important; height:80px !important; }
body:is(.page-id-115,.page-id-147) .aai-tab { background:rgba(255,255,255,0.05) !important; border:1px solid rgba(255,255,255,0.1) !important; color:#d1d5dc !important; }
body:is(.page-id-115,.page-id-147) .aai-tab:hover { background:rgba(255,255,255,0.1) !important; color:#fff !important; }
body:is(.page-id-115,.page-id-147) .aai-tab.is-active { background:linear-gradient(90deg,#0a85ff 0%,#02a78e 100%) !important; border-color:transparent !important; color:#fff !important; }
body:is(.page-id-115,.page-id-147) .aai-agent { border-color:rgba(255,255,255,0.3) !important; }
body:is(.page-id-115,.page-id-147) .aai-agent:hover { border-color:rgba(10,133,255,0.55) !important; }
body:is(.page-id-115,.page-id-147) .aai-tag { color:#0a85ff !important; }
body:is(.page-id-115,.page-id-147) .aai-agent__premiere-label { font-size:12px !important; }
body:is(.page-id-115,.page-id-147) .aai-agent__premiere-date { font-size:12px !important; color:#fff !important; }
body:is(.page-id-115,.page-id-147) .aai-readmore { font-size:14px !important; }
body:is(.page-id-115,.page-id-147) .aai-detail-head { text-transform:uppercase !important; letter-spacing:0.35px !important; color:rgba(255,255,255,0.7) !important; }
body:is(.page-id-115,.page-id-147) .aai-detail-list li .aai-check { width:20px !important; height:20px !important; padding:4px !important; border-radius:9999px !important; background:linear-gradient(135deg,#02a78e 0%,#0a85ff 100%) !important; color:#fff !important; box-sizing:border-box !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--kawka { display:none !important; }


/* ===== AAI-FIGMA-V3-FINAL: tlo (fala + czyste gradienty z Figmy) + dokladnie 3 roboty ===== */

/* maszt homepage (template 18) pozostaje ukryty */
body:is(.page-id-115,.page-id-147) #section-74-18 { display:none !important; }

/* TLO STRONY: plaskie, z miekkimi poswiatami jak w Figmie (bez ciemnych pasow z V2) */
body:is(.page-id-115,.page-id-147) {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1100px 720px at 50% 1%, rgba(10,133,255,0.30), transparent 60%),
    radial-gradient(880px 660px at 99% 6%, rgba(2,167,142,0.22), transparent 56%),
    radial-gradient(1050px 950px at -5% 28%, rgba(91,33,182,0.40), transparent 56%),
    radial-gradient(950px 950px at 100% 50%, rgba(10,133,255,0.18), transparent 56%),
    radial-gradient(1150px 1050px at -2% 72%, rgba(65,1,113,0.42), transparent 56%),
    radial-gradient(880px 880px at 100% 90%, rgba(2,167,142,0.16), transparent 56%),
    linear-gradient(to bottom, rgba(8,12,32,0.42) 0%, rgba(8,12,32,0.10) 22%, rgba(8,12,32,0.08) 62%, rgba(8,12,32,0.30) 100%) !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}

/* PRZYWROC fale (fala2) w hero - byly wylaczone przez wczesniejsza iteracje */
body:is(.page-id-115,.page-id-147) .aai-hero::before {
  display:block !important;
  opacity:0.55 !important;
  top:48px !important;
}

/* DOKLADNIE 3 roboty: hero (srodek) + pokazujacy (prawy gorny) + siedzacy (lewy, w agentach) */
body:is(.page-id-115,.page-id-147) .aai-bot-deco--odrzut { display:none !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--kawka  { display:none !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--pokazujacy {
  display:block !important; width:235px !important;
  top:24px !important; right:1% !important; left:auto !important; bottom:auto !important;
}
body:is(.page-id-115,.page-id-147) .aai-bot-deco--siedzacy {
  display:block !important; width:230px !important;
  top:40% !important; left:0 !important; right:auto !important; bottom:auto !important;
}
@media (max-width: 992px) {
  body:is(.page-id-115,.page-id-147) .aai-bot-deco--pokazujacy,
  body:is(.page-id-115,.page-id-147) .aai-bot-deco--siedzacy { display:none !important; }
}

/* AAI-BG-FIX-V4: reset background-size/position po V2 (zeby gradienty V3 nie byly ciete na pasy) */
body:is(.page-id-115,.page-id-147) { background-size:auto !important; background-position:0 0 !important; background-repeat:no-repeat !important; }

/* AAI-ROBOTS-V5: po zamianie wezlow 29<->35 — filary=pokazujacy(prawa), agenci=odrzut(lewa) */
body:is(.page-id-115,.page-id-147) .aai-bot-deco--siedzacy { display:none !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--kawka { display:none !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--pokazujacy { display:block !important; width:230px !important; top:240px !important; right:0 !important; left:auto !important; bottom:auto !important; }
body:is(.page-id-115,.page-id-147) .aai-bot-deco--odrzut { display:block !important; width:235px !important; top:300px !important; left:0 !important; right:auto !important; bottom:auto !important; }
@media (max-width:992px){ body:is(.page-id-115,.page-id-147) .aai-bot-deco--pokazujacy, body:is(.page-id-115,.page-id-147) .aai-bot-deco--odrzut { display:none !important; } }

/* ===== AAI-BODYBG-V6: ciemne tlo jak na SG (homepage), gora nieco jasniejsza; nadpisuje radialne glowy V3/V4 ===== */
body:is(.page-id-115,.page-id-147) {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0) 55%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}

/* ===== AAI-V7: gora troche jasniejsza + taby na mobile zawijane (wszystkie widoczne, bez scrolla) ===== */
body:is(.page-id-115,.page-id-147) {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
}
@media (max-width: 768px) {
  body:is(.page-id-115,.page-id-147) .aai-tabs { flex-wrap:wrap !important; overflow-x:visible !important; overflow:visible !important; justify-content:center !important; padding-bottom:0 !important; }
  body:is(.page-id-115,.page-id-147) .aai-tab { flex:0 1 auto !important; }
}

/* ===== AAI-V8: gora jasniejsza + roboty ZA trescia (sekcje z-index wyzej) ===== */
body:is(.page-id-115,.page-id-147) {
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1500px 760px at 50% -10%, rgba(150,178,250,0.50), rgba(150,178,250,0) 60%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.26) 580px, rgba(0,0,0,0.52) 1080px, rgba(0,0,0,0.26) 1580px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 100%, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 580px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* roboty ZA trescia: sekcje/tresc wyzej w z-index */
body:is(.page-id-115,.page-id-147) .aai-bot-deco { z-index:0 !important; }
body:is(.page-id-115,.page-id-147) .aai-hero__wrap,
body:is(.page-id-115,.page-id-147) .aai-filary__wrap,
body:is(.page-id-115,.page-id-147) .aai-agents__wrap { position:relative !important; z-index:10 !important; }

/* ===== AAI-V9: roboty w marginesach sekcji agentow (bez nachodzenia), po ID wezla ===== */
/* filary bot OFF (przy 1280-szerokich kartach brak marginesu) + kawka OFF */
body:is(.page-id-115,.page-id-147) #image-29-115 { display:none !important; }
body:is(.page-id-115,.page-id-147) #image-37-115 { display:none !important; }
/* odrzut (wezel 35, agenci) - lewy margines, nizej */
body:is(.page-id-115,.page-id-147) #image-35-115 { display:block !important; z-index:0 !important; width:190px !important; height:auto !important; top:420px !important; left:0 !important; right:auto !important; bottom:auto !important; }
/* pokazujacy (wezel 36, agenci) - prawy margines, gora */
body:is(.page-id-115,.page-id-147) #image-36-115 { display:block !important; z-index:0 !important; width:185px !important; height:auto !important; top:70px !important; right:0 !important; left:auto !important; bottom:auto !important; }
/* tresc zawsze nad robotami */
body:is(.page-id-115,.page-id-147) .aai-agents__wrap, body:is(.page-id-115,.page-id-147) .aai-filary__wrap, body:is(.page-id-115,.page-id-147) .aai-hero__wrap { position:relative !important; z-index:10 !important; }
/* ukryj dekoracje ponizej 1280px (za male marginesy -> nachodzilyby) */
@media (max-width:1279px){ body:is(.page-id-115,.page-id-147) #image-35-115, body:is(.page-id-115,.page-id-147) #image-36-115 { display:none !important; } }

/* ===== AAI-V10: mniejsze roboty (165px) by zmiescic sie w marginesie tez przy 1280 ===== */
body:is(.page-id-115,.page-id-147) #image-35-115 { width:165px !important; top:430px !important; }
body:is(.page-id-115,.page-id-147) #image-36-115 { width:165px !important; top:55px !important; }

/* ===== AAI-V11: responsywna typografia (clamp) dla naglowkow i tekstu ===== */
/* H2 sekcji: bylo 48px/60px na stale -> plynne 27..48px */
body:is(.page-id-115,.page-id-147) .aai-h2 { font-size: clamp(27px, 4.6vw, 48px) !important; line-height: 1.18 !important; }
body:is(.page-id-115,.page-id-147) .aai-filary .aai-h2, body:is(.page-id-115,.page-id-147) .aai-agents .aai-h2 { line-height: 1.18 !important; }
/* lead pod H2 */
body:is(.page-id-115,.page-id-147) .aai-lead { font-size: clamp(16px, 1.1vw + 12px, 20px) !important; line-height: 1.6 !important; }
/* tytuly kart */
body:is(.page-id-115,.page-id-147) .aai-filar-card__title, body:is(.page-id-115,.page-id-147) .aai-agent__title { font-size: clamp(18px, 0.6vw + 16px, 20px) !important; line-height: 1.35 !important; }
/* tekst kart filarow */
body:is(.page-id-115,.page-id-147) .aai-filar-card__text { font-size: clamp(15px, 0.8vw + 13px, 18px) !important; line-height: 1.6 !important; }
/* opis agenta + bullety */
body:is(.page-id-115,.page-id-147) .aai-agent__desc, body:is(.page-id-115,.page-id-147) .aai-detail-list li { font-size: clamp(14px, 0.5vw + 13px, 16px) !important; line-height: 1.5 !important; }
/* breadcrumb + back na malych ekranach nie powieksza */
@media (max-width:480px){ body:is(.page-id-115,.page-id-147) .aai-h2 { line-height:1.15 !important; } }

/* ===== AAI-V12: H1 hero plynny (zawsze > H2); naprawia inwersje hierarchii na 768 ===== */
body:is(.page-id-115,.page-id-147) .aai-hero h1, body:is(.page-id-115,.page-id-147) .aai-hero h1.animated-gradient-text { font-size: clamp(32px, 6vw, 72px) !important; line-height: 1.1 !important; }

/* ===== AAI-V13: H1 na mobile wiekszy + fala o stalym rozmiarze (boki ucinane) na mobile/tablet ===== */
/* H1: mobile min 38px (bylo 32), plynnie do 72px; zawsze > H2 */
body:is(.page-id-115,.page-id-147) .aai-hero h1, body:is(.page-id-115,.page-id-147) .aai-hero h1.animated-gradient-text { font-size: clamp(38px, 5vw + 16px, 72px) !important; line-height: 1.1 !important; }

/* Fala: na mobile/tablet (<=1024px) staly rozmiar, wysrodkowana, boki przycinane (nie sciska sie do szerokosci) */
@media (max-width: 1024px) {
  body:is(.page-id-115,.page-id-147) .aai-hero::before {
    display:block !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:300px !important;
    top:30px !important;
    background-position:center top !important;
    background-size:1000px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.5 !important;
  }
}
@media (max-width: 480px) {
  body:is(.page-id-115,.page-id-147) .aai-hero::before { height:240px !important; background-size:820px auto !important; top:24px !important; }
}

/* ===== AAI-V14: fala o STALYM wymiarze rowniez na desktopie (>=1025px) - bez rozciagania, boki przycinane ===== */
@media (min-width: 1025px) {
  body:is(.page-id-115,.page-id-147) .aai-hero::before {
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:570px !important;
    top:48px !important;
    background-position:center top !important;
    background-size:1900px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.55 !important;
  }
}

/* ===== AAI-V15: usun zbedny padding z .ct-section-inner-wrap (sekcje maja wlasny padding) ===== */
body:is(.page-id-115,.page-id-147) .ct-section-inner-wrap { padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; }

/* ===== AAI-V16: ciemniejsza fala + lepsza animacja tabow + animacja robotow ===== */

/* 1) FALA ciemniejsza (SVG ma jasne gradienty pink/violet/cyan -> przyciemniamy filtrem) */
body:is(.page-id-115,.page-id-147) .aai-hero::before { filter: brightness(0.52) saturate(1.05) !important; }

/* 2) TABY: hover lift + glow; aktywny = plynacy gradient */
body:is(.page-id-115,.page-id-147) .aai-tab { transition: transform .2s ease, color .2s ease, background-color .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
body:is(.page-id-115,.page-id-147) .aai-tab:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(10,133,255,0.18) !important; }
body:is(.page-id-115,.page-id-147) .aai-tab.is-active { background-image: linear-gradient(90deg,#0a85ff 0%,#02a78e 50%,#0a85ff 100%) !important; background-size: 200% 100% !important; box-shadow: 0 6px 20px rgba(10,133,255,0.35) !important; transform: translateY(-1px); animation: aai-tab-flow 4s linear infinite; }
@keyframes aai-tab-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }

/* 3) ROBOTY: delikatne unoszenie (rozne czasy = brak synchronizacji) */
@keyframes aai-bot-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes aai-bot-sway { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(-2deg); } }
body:is(.page-id-115,.page-id-147) .aai-hero__bot { animation: aai-bot-float 6s ease-in-out infinite; will-change: transform; }
body:is(.page-id-115,.page-id-147) #image-36-115 { animation: aai-bot-float 7s ease-in-out infinite; will-change: transform; }
body:is(.page-id-115,.page-id-147) #image-35-115 { animation: aai-bot-sway 8.5s ease-in-out infinite; will-change: transform; }

/* dostepnosc */
@media (prefers-reduced-motion: reduce) {
  body:is(.page-id-115,.page-id-147) .aai-hero__bot, body:is(.page-id-115,.page-id-147) #image-35-115, body:is(.page-id-115,.page-id-147) #image-36-115, body:is(.page-id-115,.page-id-147) .aai-tab.is-active, body:is(.page-id-115,.page-id-147) .aai-hero::after { animation: none !important; }
}

/* ===== AAI-V17: tlo jak SG (ciemna gora) ale 1. warstwa od gory delikatnie jasniejsza niz SG; fala bardziej ciemna ===== */
body:is(.page-id-115,.page-id-147) {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.45) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* fala bardziej ciemna (mocniejszy filtr) + lekko wieksza krycie, by nadal byla widoczna na ciemnym tle */
body:is(.page-id-115,.page-id-147) .aai-hero::before { filter: brightness(0.34) saturate(1.1) !important; opacity: 0.62 !important; }

/* ===== AAI-V18: gora jasniej (1. warstwa 0.82 -> 0.60) ===== */
body:is(.page-id-115,.page-id-147) {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.32) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}

/* ===== AAI-V19: usun filter drop-shadow z robotow ===== */
body:is(.page-id-115,.page-id-147) .aai-hero__bot, body:is(.page-id-115,.page-id-147) .aai-bot-deco { filter: none !important; }

/* ===== AAI-V20: H1 na mobile troche wieksze (min 38 -> 44px) ===== */
body:is(.page-id-115,.page-id-147) .aai-hero h1, body:is(.page-id-115,.page-id-147) .aai-hero h1.animated-gradient-text { font-size: clamp(44px, 4.5vw + 22px, 72px) !important; line-height: 1.1 !important; }

/* ===== AAI-V21: fala ta sama wysokosc na PC/tablet/mobile + scroll-indicator tez na mobile ===== */
/* jedna wysokosc fali wszedzie (rozmiar wg wysokosci -> boki przycinane), nadpisuje V13/V14 */
body:is(.page-id-115,.page-id-147) .aai-hero::before {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  height:570px !important;
  top:48px !important;
  background-position:center top !important;
  background-size:auto 570px !important;
  background-repeat:no-repeat !important;
}
/* scroll-indicator (myszka) widoczny rowniez na mobile (wypelnia pusty obszar) */
@media (max-width: 768px) {
  body:is(.page-id-115,.page-id-147) .aai-hero::after { display:block !important; }
}


/* ===== AAI-V22: usun scroll-indicator + odstep svg breadcrumb + podniesiony naglowek filarow + roboty blizej boxow ===== */
body:is(.page-id-115,.page-id-147) .aai-hero::after { display:none !important; }
body:is(.page-id-115,.page-id-147) .aai-breadcrumb a { display:inline-flex !important; align-items:center !important; gap:8px !important; }
body:is(.page-id-115,.page-id-147) .aai-filary { padding-top:16px !important; }
body:is(.page-id-115,.page-id-147) #image-35-115 { left: calc(50% - 448px - 175px) !important; right:auto !important; }
body:is(.page-id-115,.page-id-147) #image-36-115 { right: calc(50% - 448px - 175px) !important; left:auto !important; }


/* ===== AAI-V23: drugi robot (prawy, pokazujacy) troche wiekszy ===== */
body:is(.page-id-115,.page-id-147) #image-36-115 { width:185px !important; right: calc(50% - 448px - 195px) !important; }


/* ===== AAI-V24: odstep od stopki + robot lewy nie ucinany przy filtrze + robot 2 przy filarach ===== */
body:is(.page-id-115,.page-id-147) #section-431-10 { margin-top: 88px !important; }
body:is(.page-id-115,.page-id-147) #image-35-115 { top: 120px !important; }
body:is(.page-id-115,.page-id-147) #image-36-115 { display:none !important; }
body:is(.page-id-115,.page-id-147) #image-29-115 { display:block !important; width:150px !important; height:auto !important; top:300px !important; right:0 !important; left:auto !important; bottom:auto !important; z-index:0 !important; }
@media (max-width:1279px){ body:is(.page-id-115,.page-id-147) #image-29-115 { display:none !important; } }


/* ===== AAI-V25: hero padding-bottom 0 (zblizenie sekcji) + fala niecieta ===== */
body:is(.page-id-115,.page-id-147) .aai-hero { padding-bottom:0 !important; }


/* ===== AAI-V25b: fala dopasowana do skroconego hero (pelna wysokosc SVG miesci sie w hero -> brak ciecia) ===== */
body:is(.page-id-115,.page-id-147) .aai-hero::before { top:0 !important; bottom:auto !important; height:100% !important; background-size:auto 100% !important; background-position:center bottom !important; opacity:0.62 !important; }


/* ===== AAI-V26: fala hero rozciagnieta na PELNA SZEROKOSC (100% auto, nie auto 100%) ===== */
body:is(.page-id-115,.page-id-147) .aai-hero::before { top:0 !important; bottom:auto !important; left:50% !important; transform:translateX(-50%) !important; width:100vw !important; max-width:none !important; height:100% !important; background-size:100% auto !important; background-position:center bottom !important; background-repeat:no-repeat !important; }


/* ===== AAI-V27: stopka RWD (przywroc padding boczny zdjety przez V15) + robot 1 blizej boxa ===== */
body:is(.page-id-115,.page-id-147) #section-431-10 .ct-section-inner-wrap { padding-left:24px !important; padding-right:24px !important; }
body:is(.page-id-115,.page-id-147) #image-35-115 { left: calc(50% - 448px - 135px) !important; }


/* ===== AAI-V28: robot filarow (#image-29) przypiety do BOXa (anchor do krawedzi gridu, nie viewportu) + revert #image-35 ===== */
body:is(.page-id-115,.page-id-147) #image-35-115 { left: calc(50% - 448px - 175px) !important; }
body:is(.page-id-115,.page-id-147) #image-29-115 { left: calc(50% + 640px - 80px) !important; right:auto !important; }


/* ===== AAI-V29: robot filarow (#image-29) OBOK boxa bez nachodzenia (cialo robota = 68% szer, inset 16%) ===== */
body:is(.page-id-115,.page-id-147) #image-29-115 { left: calc(50% + 640px - 10px) !important; right:auto !important; }
@media (max-width:1499px){ body:is(.page-id-115,.page-id-147) #image-29-115 { display:none !important; } }


/* AAI-V30 (2026-06-08): sekcja CTA #459 - klasa .reveal-up startuje opacity:0 i jest odslaniana przez GSAP-init dzialajacy TYLKO na homepage (post 10). Na /agenci-ai/ ScrollTrigger=0 => element niewidoczny. Override CSS-only (reveal-on-load, bez zaleznosci od GSAP). */
body:is(.page-id-115,.page-id-147) #section-459-115 .reveal-up { opacity:1 !important; transform:none !important; will-change:auto; animation: aai-cta-reveal .7s ease both; }
@keyframes aai-cta-reveal { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ body:is(.page-id-115,.page-id-147) #section-459-115 .reveal-up { animation:none !important; } }


/* AAI-V31 (2026-06-08): sekcja CTA #459 - wieksze odstepy (byla przyklejona do tabow agentow gap0 i blisko stopki) + plama #image-461 nie ucinana (byla position:absolute h612 w sekcji 428 + overflow:hidden => twarde ciecie top/bottom 92px). Padding pionowy sekcji + wysrodkowanie plamy w pionie. */
body:is(.page-id-115,.page-id-147) #section-459-115 { padding-top:96px !important; padding-bottom:72px !important; }
body:is(.page-id-115,.page-id-147) #image-461-115 { top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; }
@media (max-width:768px){ body:is(.page-id-115,.page-id-147) #section-459-115 { padding-top:56px !important; padding-bottom:48px !important; } }


/* === KOPIA post 135 — klony regul page-id-115 jako page-id-135 === */
/* Ukryj masthead homepage (template 18) na podstronie Agenci AI */
body.page-id-135 #section-74-18 { display: none !important; }
/* Strona Agenci AI: zdejmij kinowy ciemny gradient wrappera template 18 (psul ciemne hero); plaskie tlo jak w Figmie */
body.page-id-135 { background-color:#152a94 !important; background-image: radial-gradient(900px 600px at 50% 5%, rgba(10,133,255,0.22), transparent 60%), radial-gradient(700px 600px at 98% 9%, rgba(2,167,142,0.14), transparent 55%), radial-gradient(850px 800px at 0% 26%, rgba(91,33,182,0.40), transparent 55%), radial-gradient(800px 800px at 100% 45%, rgba(10,133,255,0.18), transparent 55%), radial-gradient(1000px 1000px at -5% 64%, rgba(65,1,113,0.42), transparent 55%), radial-gradient(700px 700px at 10% 88%, rgba(237,69,99,0.14), transparent 55%), radial-gradient(800px 800px at 100% 82%, rgba(2,167,142,0.13), transparent 55%) !important; background-repeat:no-repeat !important; background-attachment:scroll !important; }
/* AAI-BG-PLAMY-V1 */
body.page-id-135 .aai-blob { display:none !important; }
/* AAI-HOMEPAGE-BG-V1 */
body.page-id-135 #section-74-18 { display:block !important; position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; min-height:100vh !important; max-height:100vh !important; z-index:0 !important; margin:0 !important; padding:0 !important; pointer-events:none !important; overflow:hidden !important; }
body.admin-bar.page-id-135 #section-74-18 { min-height:100vh !important; }
body.page-id-135 #section-74-18 .ct-section-inner-wrap { height:100vh !important; min-height:0 !important; padding:0 !important; display:block !important; }
body.page-id-135 #div_block-76-18, body.page-id-135 #code_block-84-18 { display:none !important; }
body.page-id-135 { position:relative !important; z-index:1 !important; background:transparent !important; background-image:none !important; }
body.page-id-135 .aai-hero::before { display:none !important; }
/* AAI-BODYBG-V2 */
body.page-id-135 #section-74-18 { display:none !important; }
body.page-id-135 { position:relative !important; z-index:auto !important; background-color:#152a94 !important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.28) 30%, rgba(0,0,0,0) 55%), repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px), linear-gradient(#152a94, #152a94) !important; background-size:100% 1080px, 100% 2160px, 100% 100% !important; background-position:0 0, 0 1080px, 0 0 !important; background-repeat:no-repeat, repeat, no-repeat !important; }
/* AAI-FIGMA-FIXES-V1 */
body.page-id-135 .aai-h2 { font-family:Roboto,sans-serif !important; font-weight:500 !important; font-size:48px !important; color:#fff !important; }
body.page-id-135 .aai-filary .aai-h2 { line-height:60px !important; }
body.page-id-135 .aai-agents .aai-h2 { line-height:48px !important; }
body.page-id-135 .aai-lead { color:#d1d5dc !important; }
body.page-id-135 .aai-filar-card__text { font-size:18px !important; line-height:29.25px !important; }
body.page-id-135 .aai-filar-card__icon { border:1px solid rgba(255,255,255,0.1) !important; }
body.page-id-135 .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon, body.page-id-135 .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon { background:transparent !important; border:0 !important; border-radius:0 !important; }
body.page-id-135 .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon img, body.page-id-135 .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon img { width:80px !important; height:80px !important; }
body.page-id-135 .aai-tab { background:rgba(255,255,255,0.05) !important; border:1px solid rgba(255,255,255,0.1) !important; color:#d1d5dc !important; }
body.page-id-135 .aai-tab:hover { background:rgba(255,255,255,0.1) !important; color:#fff !important; }
body.page-id-135 .aai-tab.is-active { background:linear-gradient(90deg,#0a85ff 0%,#02a78e 100%) !important; border-color:transparent !important; color:#fff !important; }
body.page-id-135 .aai-agent { border-color:rgba(255,255,255,0.3) !important; }
body.page-id-135 .aai-agent:hover { border-color:rgba(10,133,255,0.55) !important; }
body.page-id-135 .aai-tag { color:#0a85ff !important; }
body.page-id-135 .aai-agent__premiere-label { font-size:12px !important; }
body.page-id-135 .aai-agent__premiere-date { font-size:12px !important; color:#fff !important; }
body.page-id-135 .aai-readmore { font-size:14px !important; }
body.page-id-135 .aai-detail-head { text-transform:uppercase !important; letter-spacing:0.35px !important; color:rgba(255,255,255,0.7) !important; }
body.page-id-135 .aai-detail-list li .aai-check { width:20px !important; height:20px !important; padding:4px !important; border-radius:9999px !important; background:linear-gradient(135deg,#02a78e 0%,#0a85ff 100%) !important; color:#fff !important; box-sizing:border-box !important; }
body.page-id-135 .aai-bot-deco--kawka { display:none !important; }
/* ===== AAI-FIGMA-V3-FINAL: tlo (fala + czyste gradienty z Figmy) + dokladnie 3 roboty ===== */

/* maszt homepage (template 18) pozostaje ukryty */
body.page-id-135 #section-74-18 { display:none !important; }
/* TLO STRONY: plaskie, z miekkimi poswiatami jak w Figmie (bez ciemnych pasow z V2) */
body.page-id-135 {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1100px 720px at 50% 1%, rgba(10,133,255,0.30), transparent 60%),
    radial-gradient(880px 660px at 99% 6%, rgba(2,167,142,0.22), transparent 56%),
    radial-gradient(1050px 950px at -5% 28%, rgba(91,33,182,0.40), transparent 56%),
    radial-gradient(950px 950px at 100% 50%, rgba(10,133,255,0.18), transparent 56%),
    radial-gradient(1150px 1050px at -2% 72%, rgba(65,1,113,0.42), transparent 56%),
    radial-gradient(880px 880px at 100% 90%, rgba(2,167,142,0.16), transparent 56%),
    linear-gradient(to bottom, rgba(8,12,32,0.42) 0%, rgba(8,12,32,0.10) 22%, rgba(8,12,32,0.08) 62%, rgba(8,12,32,0.30) 100%) !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
/* PRZYWROC fale (fala2) w hero - byly wylaczone przez wczesniejsza iteracje */
body.page-id-135 .aai-hero::before {
  display:block !important;
  opacity:0.55 !important;
  top:48px !important;
}
/* DOKLADNIE 3 roboty: hero (srodek) + pokazujacy (prawy gorny) + siedzacy (lewy, w agentach) */
body.page-id-135 .aai-bot-deco--odrzut { display:none !important; }
body.page-id-135 .aai-bot-deco--kawka  { display:none !important; }
body.page-id-135 .aai-bot-deco--pokazujacy {
  display:block !important; width:235px !important;
  top:24px !important; right:1% !important; left:auto !important; bottom:auto !important;
}
body.page-id-135 .aai-bot-deco--siedzacy {
  display:block !important; width:230px !important;
  top:40% !important; left:0 !important; right:auto !important; bottom:auto !important;
}
@media (max-width: 992px) {
  body.page-id-135 .aai-bot-deco--pokazujacy,
  body.page-id-135 .aai-bot-deco--siedzacy { display:none !important; }
}
/* AAI-BG-FIX-V4: reset background-size/position po V2 (zeby gradienty V3 nie byly ciete na pasy) */
body.page-id-135 { background-size:auto !important; background-position:0 0 !important; background-repeat:no-repeat !important; }
/* AAI-ROBOTS-V5: po zamianie wezlow 29<->35 — filary=pokazujacy(prawa), agenci=odrzut(lewa) */
body.page-id-135 .aai-bot-deco--siedzacy { display:none !important; }
body.page-id-135 .aai-bot-deco--kawka { display:none !important; }
body.page-id-135 .aai-bot-deco--pokazujacy { display:block !important; width:230px !important; top:240px !important; right:0 !important; left:auto !important; bottom:auto !important; }
body.page-id-135 .aai-bot-deco--odrzut { display:block !important; width:235px !important; top:300px !important; left:0 !important; right:auto !important; bottom:auto !important; }
@media (max-width:992px){ body.page-id-135 .aai-bot-deco--pokazujacy, body.page-id-135 .aai-bot-deco--odrzut { display:none !important; } }
/* ===== AAI-BODYBG-V6: ciemne tlo jak na SG (homepage), gora nieco jasniejsza; nadpisuje radialne glowy V3/V4 ===== */
body.page-id-135 {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0) 55%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* ===== AAI-V7: gora troche jasniejsza + taby na mobile zawijane (wszystkie widoczne, bez scrolla) ===== */
body.page-id-135 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
}
@media (max-width: 768px) {
  body.page-id-135 .aai-tabs { flex-wrap:wrap !important; overflow-x:visible !important; overflow:visible !important; justify-content:center !important; padding-bottom:0 !important; }
  body.page-id-135 .aai-tab { flex:0 1 auto !important; }
}
/* ===== AAI-V8: gora jasniejsza + roboty ZA trescia (sekcje z-index wyzej) ===== */
body.page-id-135 {
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1500px 760px at 50% -10%, rgba(150,178,250,0.50), rgba(150,178,250,0) 60%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.26) 580px, rgba(0,0,0,0.52) 1080px, rgba(0,0,0,0.26) 1580px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 100%, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 580px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* roboty ZA trescia: sekcje/tresc wyzej w z-index */
body.page-id-135 .aai-bot-deco { z-index:0 !important; }
body.page-id-135 .aai-hero__wrap,
body.page-id-135 .aai-filary__wrap,
body.page-id-135 .aai-agents__wrap { position:relative !important; z-index:10 !important; }
/* ===== AAI-V9: roboty w marginesach sekcji agentow (bez nachodzenia), po ID wezla ===== */
/* filary bot OFF (przy 1280-szerokich kartach brak marginesu) + kawka OFF */
body.page-id-135 #image-29-115 { display:none !important; }
body.page-id-135 #image-37-115 { display:none !important; }
/* odrzut (wezel 35, agenci) - lewy margines, nizej */
body.page-id-135 #image-35-115 { display:block !important; z-index:0 !important; width:190px !important; height:auto !important; top:420px !important; left:0 !important; right:auto !important; bottom:auto !important; }
/* pokazujacy (wezel 36, agenci) - prawy margines, gora */
body.page-id-135 #image-36-115 { display:block !important; z-index:0 !important; width:185px !important; height:auto !important; top:70px !important; right:0 !important; left:auto !important; bottom:auto !important; }
/* tresc zawsze nad robotami */
body.page-id-135 .aai-agents__wrap, body.page-id-135 .aai-filary__wrap, body.page-id-135 .aai-hero__wrap { position:relative !important; z-index:10 !important; }
/* ukryj dekoracje ponizej 1280px (za male marginesy -> nachodzilyby) */
@media (max-width:1279px){ body.page-id-135 #image-35-115, body.page-id-135 #image-36-115 { display:none !important; } }
/* ===== AAI-V10: mniejsze roboty (165px) by zmiescic sie w marginesie tez przy 1280 ===== */
body.page-id-135 #image-35-115 { width:165px !important; top:430px !important; }
body.page-id-135 #image-36-115 { width:165px !important; top:55px !important; }
/* ===== AAI-V11: responsywna typografia (clamp) dla naglowkow i tekstu ===== */
/* H2 sekcji: bylo 48px/60px na stale -> plynne 27..48px */
body.page-id-135 .aai-h2 { font-size: clamp(27px, 4.6vw, 48px) !important; line-height: 1.18 !important; }
body.page-id-135 .aai-filary .aai-h2, body.page-id-135 .aai-agents .aai-h2 { line-height: 1.18 !important; }
/* lead pod H2 */
body.page-id-135 .aai-lead { font-size: clamp(16px, 1.1vw + 12px, 20px) !important; line-height: 1.6 !important; }
/* tytuly kart */
body.page-id-135 .aai-filar-card__title, body.page-id-135 .aai-agent__title { font-size: clamp(18px, 0.6vw + 16px, 20px) !important; line-height: 1.35 !important; }
/* tekst kart filarow */
body.page-id-135 .aai-filar-card__text { font-size: clamp(15px, 0.8vw + 13px, 18px) !important; line-height: 1.6 !important; }
/* opis agenta + bullety */
body.page-id-135 .aai-agent__desc, body.page-id-135 .aai-detail-list li { font-size: clamp(14px, 0.5vw + 13px, 16px) !important; line-height: 1.5 !important; }
/* breadcrumb + back na malych ekranach nie powieksza */
@media (max-width:480px){ body.page-id-135 .aai-h2 { line-height:1.15 !important; } }
/* ===== AAI-V12: H1 hero plynny (zawsze > H2); naprawia inwersje hierarchii na 768 ===== */
body.page-id-135 .aai-hero h1, body.page-id-135 .aai-hero h1.animated-gradient-text { font-size: clamp(32px, 6vw, 72px) !important; line-height: 1.1 !important; }
/* ===== AAI-V13: H1 na mobile wiekszy + fala o stalym rozmiarze (boki ucinane) na mobile/tablet ===== */
/* H1: mobile min 38px (bylo 32), plynnie do 72px; zawsze > H2 */
body.page-id-135 .aai-hero h1, body.page-id-135 .aai-hero h1.animated-gradient-text { font-size: clamp(38px, 5vw + 16px, 72px) !important; line-height: 1.1 !important; }
/* Fala: na mobile/tablet (<=1024px) staly rozmiar, wysrodkowana, boki przycinane (nie sciska sie do szerokosci) */
@media (max-width: 1024px) {
  body.page-id-135 .aai-hero::before {
    display:block !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:300px !important;
    top:30px !important;
    background-position:center top !important;
    background-size:1000px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.5 !important;
  }
}
@media (max-width: 480px) {
  body.page-id-135 .aai-hero::before { height:240px !important; background-size:820px auto !important; top:24px !important; }
}
/* ===== AAI-V14: fala o STALYM wymiarze rowniez na desktopie (>=1025px) - bez rozciagania, boki przycinane ===== */
@media (min-width: 1025px) {
  body.page-id-135 .aai-hero::before {
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:570px !important;
    top:48px !important;
    background-position:center top !important;
    background-size:1900px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.55 !important;
  }
}
/* ===== AAI-V15: usun zbedny padding z .ct-section-inner-wrap (sekcje maja wlasny padding) ===== */
body.page-id-135 .ct-section-inner-wrap { padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; }
/* ===== AAI-V16: ciemniejsza fala + lepsza animacja tabow + animacja robotow ===== */

/* 1) FALA ciemniejsza (SVG ma jasne gradienty pink/violet/cyan -> przyciemniamy filtrem) */
body.page-id-135 .aai-hero::before { filter: brightness(0.52) saturate(1.05) !important; }
/* 2) TABY: hover lift + glow; aktywny = plynacy gradient */
body.page-id-135 .aai-tab { transition: transform .2s ease, color .2s ease, background-color .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
body.page-id-135 .aai-tab:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(10,133,255,0.18) !important; }
body.page-id-135 .aai-tab.is-active { background-image: linear-gradient(90deg,#0a85ff 0%,#02a78e 50%,#0a85ff 100%) !important; background-size: 200% 100% !important; box-shadow: 0 6px 20px rgba(10,133,255,0.35) !important; transform: translateY(-1px); animation: aai-tab-flow 4s linear infinite; }
body.page-id-135 .aai-hero__bot { animation: aai-bot-float 6s ease-in-out infinite; will-change: transform; }
body.page-id-135 #image-36-115 { animation: aai-bot-float 7s ease-in-out infinite; will-change: transform; }
body.page-id-135 #image-35-115 { animation: aai-bot-sway 8.5s ease-in-out infinite; will-change: transform; }
/* dostepnosc */
@media (prefers-reduced-motion: reduce) {
  body.page-id-135 .aai-hero__bot, body.page-id-135 #image-35-115, body.page-id-135 #image-36-115, body.page-id-135 .aai-tab.is-active, body.page-id-135 .aai-hero::after { animation: none !important; }
}
/* ===== AAI-V17: tlo jak SG (ciemna gora) ale 1. warstwa od gory delikatnie jasniejsza niz SG; fala bardziej ciemna ===== */
body.page-id-135 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.45) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* fala bardziej ciemna (mocniejszy filtr) + lekko wieksza krycie, by nadal byla widoczna na ciemnym tle */
body.page-id-135 .aai-hero::before { filter: brightness(0.34) saturate(1.1) !important; opacity: 0.62 !important; }
/* ===== AAI-V18: gora jasniej (1. warstwa 0.82 -> 0.60) ===== */
body.page-id-135 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.32) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* ===== AAI-V19: usun filter drop-shadow z robotow ===== */
body.page-id-135 .aai-hero__bot, body.page-id-135 .aai-bot-deco { filter: none !important; }
/* ===== AAI-V20: H1 na mobile troche wieksze (min 38 -> 44px) ===== */
body.page-id-135 .aai-hero h1, body.page-id-135 .aai-hero h1.animated-gradient-text { font-size: clamp(44px, 4.5vw + 22px, 72px) !important; line-height: 1.1 !important; }
/* ===== AAI-V21: fala ta sama wysokosc na PC/tablet/mobile + scroll-indicator tez na mobile ===== */
/* jedna wysokosc fali wszedzie (rozmiar wg wysokosci -> boki przycinane), nadpisuje V13/V14 */
body.page-id-135 .aai-hero::before {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  height:570px !important;
  top:48px !important;
  background-position:center top !important;
  background-size:auto 570px !important;
  background-repeat:no-repeat !important;
}
/* scroll-indicator (myszka) widoczny rowniez na mobile (wypelnia pusty obszar) */
@media (max-width: 768px) {
  body.page-id-135 .aai-hero::after { display:block !important; }
}
/* ===== AAI-V22: usun scroll-indicator + odstep svg breadcrumb + podniesiony naglowek filarow + roboty blizej boxow ===== */
body.page-id-135 .aai-hero::after { display:none !important; }
body.page-id-135 .aai-breadcrumb a { display:inline-flex !important; align-items:center !important; gap:8px !important; }
body.page-id-135 .aai-filary { padding-top:16px !important; }
body.page-id-135 #image-35-115 { left: calc(50% - 448px - 175px) !important; right:auto !important; }
body.page-id-135 #image-36-115 { right: calc(50% - 448px - 175px) !important; left:auto !important; }
/* ===== AAI-V23: drugi robot (prawy, pokazujacy) troche wiekszy ===== */
body.page-id-135 #image-36-115 { width:185px !important; right: calc(50% - 448px - 195px) !important; }
/* ===== AAI-V24: odstep od stopki + robot lewy nie ucinany przy filtrze + robot 2 przy filarach ===== */
body.page-id-135 #section-431-10 { margin-top: 88px !important; }
body.page-id-135 #image-35-115 { top: 120px !important; }
body.page-id-135 #image-36-115 { display:none !important; }
body.page-id-135 #image-29-115 { display:block !important; width:150px !important; height:auto !important; top:300px !important; right:0 !important; left:auto !important; bottom:auto !important; z-index:0 !important; }
@media (max-width:1279px){ body.page-id-135 #image-29-115 { display:none !important; } }
/* ===== AAI-V25: hero padding-bottom 0 (zblizenie sekcji) + fala niecieta ===== */
body.page-id-135 .aai-hero { padding-bottom:0 !important; }
/* ===== AAI-V25b: fala dopasowana do skroconego hero (pelna wysokosc SVG miesci sie w hero -> brak ciecia) ===== */
body.page-id-135 .aai-hero::before { top:0 !important; bottom:auto !important; height:100% !important; background-size:auto 100% !important; background-position:center bottom !important; opacity:0.62 !important; }
/* ===== AAI-V26: fala hero rozciagnieta na PELNA SZEROKOSC (100% auto, nie auto 100%) ===== */
body.page-id-135 .aai-hero::before { top:0 !important; bottom:auto !important; left:50% !important; transform:translateX(-50%) !important; width:100vw !important; max-width:none !important; height:100% !important; background-size:100% auto !important; background-position:center bottom !important; background-repeat:no-repeat !important; }
/* ===== AAI-V27: stopka RWD (przywroc padding boczny zdjety przez V15) + robot 1 blizej boxa ===== */
body.page-id-135 #section-431-10 .ct-section-inner-wrap { padding-left:24px !important; padding-right:24px !important; }
body.page-id-135 #image-35-115 { left: calc(50% - 448px - 135px) !important; }
/* ===== AAI-V28: robot filarow (#image-29) przypiety do BOXa (anchor do krawedzi gridu, nie viewportu) + revert #image-35 ===== */
body.page-id-135 #image-35-115 { left: calc(50% - 448px - 175px) !important; }
body.page-id-135 #image-29-115 { left: calc(50% + 640px - 80px) !important; right:auto !important; }
/* ===== AAI-V29: robot filarow (#image-29) OBOK boxa bez nachodzenia (cialo robota = 68% szer, inset 16%) ===== */
body.page-id-135 #image-29-115 { left: calc(50% + 640px - 10px) !important; right:auto !important; }
@media (max-width:1499px){ body.page-id-135 #image-29-115 { display:none !important; } }
/* AAI-V30 (2026-06-08): sekcja CTA #459 - klasa .reveal-up startuje opacity:0 i jest odslaniana przez GSAP-init dzialajacy TYLKO na homepage (post 10). Na /agenci-ai/ ScrollTrigger=0 => element niewidoczny. Override CSS-only (reveal-on-load, bez zaleznosci od GSAP). */
body.page-id-135 #section-459-115 .reveal-up { opacity:1 !important; transform:none !important; will-change:auto; animation: aai-cta-reveal .7s ease both; }
@media (prefers-reduced-motion:reduce){ body.page-id-135 #section-459-115 .reveal-up { animation:none !important; } }
/* AAI-V31 (2026-06-08): sekcja CTA #459 - wieksze odstepy (byla przyklejona do tabow agentow gap0 i blisko stopki) + plama #image-461 nie ucinana (byla position:absolute h612 w sekcji 428 + overflow:hidden => twarde ciecie top/bottom 92px). Padding pionowy sekcji + wysrodkowanie plamy w pionie. */
body.page-id-135 #section-459-115 { padding-top:96px !important; padding-bottom:72px !important; }
body.page-id-135 #image-461-115 { top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; }
@media (max-width:768px){ body.page-id-135 #section-459-115 { padding-top:56px !important; padding-bottom:48px !important; } }


/* ===== AAI-NOBOTS (2026-07-02): usuniecie latajacych robotow-dekoracji z tla; hero__bot zostaje ===== */
html body:is(.page-id-115,.page-id-147) #image-29-115,
html body:is(.page-id-115,.page-id-147) #image-35-115,
html body:is(.page-id-115,.page-id-147) #image-36-115,
html body:is(.page-id-115,.page-id-147) #image-37-115,
html body:is(.page-id-115,.page-id-147) .aai-bot-deco { display:none !important; animation:none !important; }

/* ===== CYTAT KLIENTA (Figma 1671:3806) — AAI-CYT-V1 ===== */
.aai-cyt__wrap { position: relative; z-index: 5; width: 100%; max-width: 896px; margin: 0 auto; }
.aai-cyt__wrap::before { content: ""; position: absolute; top: -49px; right: 68px; z-index: 0; width: 86px; height: 80px; transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9Ijg2IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgODYgODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjeXRhdCAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMF80KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0zMS45Nzc1IDQ1LjE3MTdWODBIMFY1Mi40ODQ4QzAgMzcuNTc1OCAxLjc3NjUzIDI2LjgyODMgNS4yODkyIDIwLjE2MTZDOS45MzI0IDExLjI3MjcgMTcuMjgwOCA0LjU2NTY2IDI3LjMzNDMgMEwzNC42NDIzIDExLjY3NjhDMjguNTg1OSAxNC4yMjIyIDI0LjEwNDIgMTguMDYwNiAyMS4yMzc2IDIzLjE5MTlDMTguMzcwOSAyOC4yMDIgMTYuNzU1OSAzNS41MTUxIDE2LjQzMjkgNDUuMTcxN0gzMi4wMTc4SDMxLjk3NzVaTTgzLjMzNTIgNDUuMTcxN1Y4MEg1MS4zNTc3VjUyLjQ4NDhDNTEuMzU3NyAzNy41NzU4IDUzLjEzNDMgMjYuODI4MyA1Ni42NDcgMjAuMTYxNkM2MS4yOTAxIDExLjI3MjcgNjguNjM4NSA0LjU2NTY2IDc4LjY5MiAwTDg2IDExLjY3NjhDNzkuOTQzNyAxNC4yMjIyIDc1LjQ2MiAxOC4wNjA2IDcyLjU5NTMgMjMuMTkxOUM2OS43Mjg2IDI4LjIwMiA2OC4xMTM2IDM1LjUxNTEgNjcuNzkwNiA0NS4xNzE3SDgzLjM3NTZIODMuMzM1MloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8wXzQpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8wXzQiIHgxPSIwIiB5MT0iMCIgeDI9IjQyLjk0MjUiIHkyPSI4MC4wMzA4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBBODVGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfNCI+CjxyZWN0IHdpZHRoPSI4NiIgaGVpZ2h0PSI4MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; background-size: 86px 80px; pointer-events: none; }
.aai-cyt-card { position: relative; z-index: 1; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 430px; padding: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; background-image: linear-gradient(154.36deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.aai-cyt-row { display: flex; flex-direction: row; align-items: flex-end; gap: 24px; width: 100%; height: 429px; flex: 0 0 auto; }
.aai-cyt-photo { display: block; width: 269px; height: 406px; flex: 0 0 auto; }
.aai-cyt-body { display: flex; flex-direction: column; gap: 24px; width: 537px; flex: 0 0 auto; align-self: center; }
.aai-cyt-txt { margin: 0; font-family: Roboto, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; font-style: italic; color: #d1d5dc; }
.aai-cyt-meta { display: flex; flex-direction: column; }
.aai-cyt-name { font-family: Roboto, sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; font-style: normal; color: #ffffff; }
.aai-cyt-role { font-family: Roboto, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; font-style: normal; color: #d1d5dc; }
@media (max-width: 991px) {
  .aai-cyt-card { height: auto; padding: 32px 32px 0; }
  .aai-cyt-row { height: auto; flex-direction: column-reverse; align-items: center; }
  .aai-cyt-body { width: 100%; align-self: auto; }
  .aai-cyt-photo { width: 230px; height: auto; }
  .aai-cyt__wrap::before { right: 32px; }
}
@media (max-width: 767px) {
  .aai-cyt-card { padding: 23px 23px 0; }
  .aai-cyt-photo { width: 200px; }
  .aai-cyt__wrap::before { top: -36px; right: 16px; width: 64px; height: 60px; background-size: 64px 60px; }
}
@media (max-width: 479px) {
  .aai-cyt-photo { width: 170px; }
}
/* ===== /AAI-CYT-V1 ===== *//* === AGENCI-AI INTRO (homepage section #600) === */
.aib-card{background-image:linear-gradient(145deg, rgba(10,133,255,0.10) 0%, rgba(0,0,0,0) 100%);}
#section-600-10 .aib-bot{display:block;width:100%;height:386px;max-width:100%;object-fit:cover;}
#section-600-10 p{margin:0;}
@media (max-width:991px){#section-600-10 .aib-bot{height:340px;}}
@media (max-width:767px){#section-600-10 .aib-bot{height:300px;}}
@media (max-width:479px){#section-600-10 .aib-bot{height:240px;}}

/* CTA label responsywny */
#section-600-10 .aib-cta-short{display:none;}
@media (max-width:767px){#section-600-10 .aib-cta-full{display:none;}#section-600-10 .aib-cta-short{display:inline;}}
/* === Strona: Agenci AI (post 115) === */
.aai-page, .aai-page * { box-sizing: border-box; }
html, body { overflow-x: hidden; }

/* ---- HERO ---- */
.aai-hero { position: relative; overflow: hidden; padding: 64px 20px 64px; text-align: center; width: 100%; }
.aai-hero__wrap { position: relative; z-index: 5; width: 100%; max-width: 1024px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 36px; }
.aai-hero__top { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.aai-breadcrumb { display: flex; align-items: center; gap: 8px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #99a1af; }
.aai-breadcrumb a { color: rgba(190,219,255,0.7); text-decoration: none; transition: color .2s; }
.aai-breadcrumb a:hover { color: #fff; }
.aai-breadcrumb svg { width: 16px; height: 16px; flex-shrink: 0; opacity: .8; }
.aai-breadcrumb .aai-bc-current { color: #fff; }
.aai-back-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 17px; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; transition: all .3s; }
.aai-back-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }
.aai-back-btn svg { width: 16px; height: 16px; }
.aai-hero__bot { width: 230px; height: auto; max-width: 60vw; margin: 36px auto 0; display: block; filter: drop-shadow(0 20px 50px rgba(10,133,255,0.35)); }
.aai-page h1.animated-gradient-text { margin: 0; }

/* ---- SEKCJE WSPÓLNE ---- */
.aai-section { position: relative; overflow: hidden; width: 100%; padding: 64px 20px; }
.aai-h2 { text-align: center !important; width: 100%; }
.aai-lead { max-width: 896px; margin: 24px auto 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 32.5px; font-weight: 400; color: rgba(219,234,254,0.9); }

/* ---- TRZY FILARY ---- */
.aai-filary__wrap { position: relative; z-index: 5; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.aai-filary__grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 32px; width: 100%; margin-top: 48px; text-align: left; }
.aai-filar-card { display: flex !important; flex-direction: column; align-items: flex-start; gap: 20px; padding: 33px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(130deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); height: 100%; }
.aai-filar-card__icon { width: 80px; height: 80px; border-radius: 17.5px; background: #152a94; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; }
.aai-filar-card__icon img { width: 48px; height: 48px; }
.aai-page h3.aai-filar-card__title { margin: 0; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27.5px; font-weight: 500; color: #fff; text-align: left; }
.aai-filar-card__text { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }

/* ---- POZNAJ AGENTÓW ---- */
.aai-agents__wrap { position: relative; z-index: 5; width: 100%; max-width: 896px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.aai-tabs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 48px 0 8px; }
.aai-tab { display: inline-flex; align-items: center; padding: 9px 17px; border-radius: 9999px; border: 1px solid transparent; background: transparent; color: rgba(219,234,254,0.65); font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; cursor: pointer; transition: all .25s; white-space: nowrap; }
.aai-tab:hover { color: #fff; background: rgba(255,255,255,0.06); }
.aai-tab.is-active { background: linear-gradient(90deg, #0a85ff 0%, #02a78e 100%); border-color: transparent; color: #fff; }
.aai-agents__list { width: 100%; display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.aai-agent { padding: 25px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(166deg, rgba(65,1,113,0.2) 15%, rgba(21,42,148,0.2) 100%); box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); transition: border-color .25s, transform .25s; }
.aai-agent:hover { border-color: rgba(10,133,255,0.4); }
.aai-agent.is-hidden { display: none; }
.aai-agent__top { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.aai-agent__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.aai-tag { display: inline-flex; align-items: center; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; padding: 5px 13px; border-radius: 9999px; border: 1px solid rgba(10,133,255,0.3); background: linear-gradient(90deg, rgba(10,133,255,0.2) 0%, rgba(2,167,142,0.2) 100%); color: #dbeafe; }
.aai-agent__premiere { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.aai-agent__premiere-label { display: flex; align-items: center; gap: 6px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; color: #99a1af; }
.aai-agent__premiere-label svg { width: 14px; height: 14px; }
.aai-agent__premiere-date { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; color: #dbeafe; }
.aai-page h3.aai-agent__title { margin: 20px 0 0; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; color: #fff; text-align: left; }
.aai-agent__desc { margin: 8px 0 0; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }
.aai-readmore { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 0; background: none; border: none; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; font-weight: 500; color: #0a85ff; }
.aai-readmore .aai-chevron { width: 16px; height: 16px; transition: transform .3s; }
.aai-agent.is-open .aai-readmore .aai-chevron { transform: rotate(180deg); }
.aai-agent__detail { display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1); }
.aai-agent.is-open .aai-agent__detail { display: block; }
.aai-detail-head { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; color: #fff; margin-bottom: 16px; }
.aai-detail-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.aai-detail-list li { display: flex; align-items: flex-start; gap: 12px; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #d1d5dc; }
.aai-detail-list li .aai-check { flex-shrink: 0; width: 20px; height: 20px; color: #0a85ff; margin-top: 2px; }

/* ---- DEKORACJE ---- */
.aai-blob { position: absolute; z-index: 0; pointer-events: none; user-select: none; }
.aai-bot-deco { position: absolute; z-index: 1; pointer-events: none; user-select: none; height: auto; }
.aai-blob--1 { width: 700px; max-width: 60vw; top: -120px; right: -180px; opacity: .7; }
.aai-blob--2 { width: 600px; max-width: 55vw; top: 600px; left: -220px; opacity: .6; }
.aai-blob--3 { width: 700px; max-width: 60vw; bottom: -150px; right: -200px; opacity: .55; }
.aai-bot-deco--pokazujacy { width: 150px; top: 40px; right: 2%; }
.aai-bot-deco--siedzacy { width: 150px; top: 480px; left: 1%; }
.aai-bot-deco--kawka { width: 160px; bottom: 120px; right: 1%; }
.aai-bot-deco--odrzut { width: 150px; top: -40px; left: 2%; }

/* ---- RWD ---- */
@media (max-width: 992px) {
  .aai-filary__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .aai-bot-deco { display: none; }
  .aai-blob { opacity: .4; }
  .aai-hero { padding-top: 100px; }
}
@media (max-width: 768px) {
  .aai-section { padding: 48px 16px; }
  .aai-hero { padding: 90px 16px 40px; }
  .aai-filary__grid { grid-template-columns: 1fr; }
  .aai-lead { font-size: 16px; line-height: 26px; }
  .aai-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; width: 100%; margin-top: 32px; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
  .aai-tab { flex: 0 0 auto; }
  .aai-agent { padding: 18px; }
  .aai-agent__top { flex-direction: column; align-items: flex-start; gap: 12px; }
  .aai-agent__premiere { align-items: flex-start; flex-direction: row; gap: 8px; }
  .aai-hero__bot { width: 180px; }
  .aai-filar-card { padding: 24px; }
}
@media (max-width: 479px) {
  .aai-blob { display: none; }
  .aai-hero__top { justify-content: center; }
}

/* Ukryj masthead homepage (template 18) na podstronie Agenci AI */
body.page-id-129 #section-74-18 { display: none !important; }

/* Fix: wymuś pełną szerokość elementów w centrowanych wrapach (align-items:center kurczy do treści) */
.aai-agents__app, .aai-agents__list, .aai-agent, .aai-lead { width: 100%; }


/* --- HERO: fala (tlo) + wskaznik scrolla (z Figmy) --- */
.aai-hero::before { content: ""; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); width: min(2000px, 160%); aspect-ratio: 2187 / 659; z-index: 0; opacity: 0.6; pointer-events: none; background: url(https://www.comarch.ai/wp-content/uploads/2026/06/comarch-agent-ai-fala.svg) center top / 100% auto no-repeat; }
.aai-hero::after { content: ""; position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 24px; height: 40px; border: 2px solid rgba(255,255,255,0.3); border-radius: 9999px; z-index: 5; pointer-events: none; background-image: radial-gradient(circle at 50% 0, rgba(255,255,255,0.6) 0 2px, transparent 3px); background-repeat: no-repeat; background-size: 100% 12px; background-position: 50% 6px; animation: aai-scroll 1.6s ease-in-out infinite; }
@keyframes aai-scroll { 0% { background-position: 50% 6px; opacity: 1; } 50% { background-position: 50% 16px; opacity: 0.4; } 100% { background-position: 50% 6px; opacity: 1; } }
@media (max-width: 768px) { .aai-hero::after { display: none; } .aai-hero::before { top: 40px; opacity: 0.45; } }

/* Strona Agenci AI: zdejmij kinowy ciemny gradient wrappera template 18 (psul ciemne hero); plaskie tlo jak w Figmie */
body.page-id-129 { background-color:#152a94 !important; background-image: radial-gradient(900px 600px at 50% 5%, rgba(10,133,255,0.22), transparent 60%), radial-gradient(700px 600px at 98% 9%, rgba(2,167,142,0.14), transparent 55%), radial-gradient(850px 800px at 0% 26%, rgba(91,33,182,0.40), transparent 55%), radial-gradient(800px 800px at 100% 45%, rgba(10,133,255,0.18), transparent 55%), radial-gradient(1000px 1000px at -5% 64%, rgba(65,1,113,0.42), transparent 55%), radial-gradient(700px 700px at 10% 88%, rgba(237,69,99,0.14), transparent 55%), radial-gradient(800px 800px at 100% 82%, rgba(2,167,142,0.13), transparent 55%) !important; background-repeat:no-repeat !important; background-attachment:scroll !important; }

/* AAI-BG-PLAMY-V1 */
body.page-id-129 .aai-blob { display:none !important; }
.aai-bot-deco--odrzut { width:240px !important; top:70px !important; bottom:auto !important; left:0 !important; right:auto !important; }
.aai-bot-deco--pokazujacy { width:235px !important; top:50px !important; bottom:auto !important; right:0 !important; left:auto !important; }
.aai-bot-deco--siedzacy { width:225px !important; top:42% !important; bottom:auto !important; left:0 !important; right:auto !important; }
.aai-bot-deco--kawka { width:255px !important; top:72% !important; bottom:auto !important; right:0 !important; left:auto !important; }

/* AAI-HOMEPAGE-BG-V1 */
body.page-id-129 #section-74-18 { display:block !important; position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; min-height:100vh !important; max-height:100vh !important; z-index:0 !important; margin:0 !important; padding:0 !important; pointer-events:none !important; overflow:hidden !important; }
body.admin-bar.page-id-129 #section-74-18 { min-height:100vh !important; }
body.page-id-129 #section-74-18 .ct-section-inner-wrap { height:100vh !important; min-height:0 !important; padding:0 !important; display:block !important; }
body.page-id-129 #div_block-76-18, body.page-id-129 #code_block-84-18 { display:none !important; }
body.page-id-129 { position:relative !important; z-index:1 !important; background:transparent !important; background-image:none !important; }
body.page-id-129 .aai-hero::before { display:none !important; }

/* AAI-BODYBG-V2 */
body.page-id-129 #section-74-18 { display:none !important; }
body.page-id-129 { position:relative !important; z-index:auto !important; background-color:#152a94 !important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.28) 30%, rgba(0,0,0,0) 55%), repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px), linear-gradient(#152a94, #152a94) !important; background-size:100% 1080px, 100% 2160px, 100% 100% !important; background-position:0 0, 0 1080px, 0 0 !important; background-repeat:no-repeat, repeat, no-repeat !important; }

/* AAI-FIGMA-FIXES-V1 */
body.page-id-129 .aai-h2 { font-family:Roboto,sans-serif !important; font-weight:500 !important; font-size:48px !important; color:#fff !important; }
body.page-id-129 .aai-filary .aai-h2 { line-height:60px !important; }
body.page-id-129 .aai-agents .aai-h2 { line-height:48px !important; }
body.page-id-129 .aai-lead { color:#d1d5dc !important; }
body.page-id-129 .aai-filar-card__text { font-size:18px !important; line-height:29.25px !important; }
body.page-id-129 .aai-filar-card__icon { border:1px solid rgba(255,255,255,0.1) !important; }
body.page-id-129 .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon, body.page-id-129 .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon { background:transparent !important; border:0 !important; border-radius:0 !important; }
body.page-id-129 .aai-filary__grid .aai-filar-card:nth-child(2) .aai-filar-card__icon img, body.page-id-129 .aai-filary__grid .aai-filar-card:nth-child(3) .aai-filar-card__icon img { width:80px !important; height:80px !important; }
body.page-id-129 .aai-tab { background:rgba(255,255,255,0.05) !important; border:1px solid rgba(255,255,255,0.1) !important; color:#d1d5dc !important; }
body.page-id-129 .aai-tab:hover { background:rgba(255,255,255,0.1) !important; color:#fff !important; }
body.page-id-129 .aai-tab.is-active { background:linear-gradient(90deg,#0a85ff 0%,#02a78e 100%) !important; border-color:transparent !important; color:#fff !important; }
body.page-id-129 .aai-agent { border-color:rgba(255,255,255,0.3) !important; }
body.page-id-129 .aai-agent:hover { border-color:rgba(10,133,255,0.55) !important; }
body.page-id-129 .aai-tag { color:#0a85ff !important; }
body.page-id-129 .aai-agent__premiere-label { font-size:12px !important; }
body.page-id-129 .aai-agent__premiere-date { font-size:12px !important; color:#fff !important; }
body.page-id-129 .aai-readmore { font-size:14px !important; }
body.page-id-129 .aai-detail-head { text-transform:uppercase !important; letter-spacing:0.35px !important; color:rgba(255,255,255,0.7) !important; }
body.page-id-129 .aai-detail-list li .aai-check { width:20px !important; height:20px !important; padding:4px !important; border-radius:9999px !important; background:linear-gradient(135deg,#02a78e 0%,#0a85ff 100%) !important; color:#fff !important; box-sizing:border-box !important; }
body.page-id-129 .aai-bot-deco--kawka { display:none !important; }


/* ===== AAI-FIGMA-V3-FINAL: tlo (fala + czyste gradienty z Figmy) + dokladnie 3 roboty ===== */

/* maszt homepage (template 18) pozostaje ukryty */
body.page-id-129 #section-74-18 { display:none !important; }

/* TLO STRONY: plaskie, z miekkimi poswiatami jak w Figmie (bez ciemnych pasow z V2) */
body.page-id-129 {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1100px 720px at 50% 1%, rgba(10,133,255,0.30), transparent 60%),
    radial-gradient(880px 660px at 99% 6%, rgba(2,167,142,0.22), transparent 56%),
    radial-gradient(1050px 950px at -5% 28%, rgba(91,33,182,0.40), transparent 56%),
    radial-gradient(950px 950px at 100% 50%, rgba(10,133,255,0.18), transparent 56%),
    radial-gradient(1150px 1050px at -2% 72%, rgba(65,1,113,0.42), transparent 56%),
    radial-gradient(880px 880px at 100% 90%, rgba(2,167,142,0.16), transparent 56%),
    linear-gradient(to bottom, rgba(8,12,32,0.42) 0%, rgba(8,12,32,0.10) 22%, rgba(8,12,32,0.08) 62%, rgba(8,12,32,0.30) 100%) !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}

/* PRZYWROC fale (fala2) w hero - byly wylaczone przez wczesniejsza iteracje */
body.page-id-129 .aai-hero::before {
  display:block !important;
  opacity:0.55 !important;
  top:48px !important;
}

/* DOKLADNIE 3 roboty: hero (srodek) + pokazujacy (prawy gorny) + siedzacy (lewy, w agentach) */
body.page-id-129 .aai-bot-deco--odrzut { display:none !important; }
body.page-id-129 .aai-bot-deco--kawka  { display:none !important; }
body.page-id-129 .aai-bot-deco--pokazujacy {
  display:block !important; width:235px !important;
  top:24px !important; right:1% !important; left:auto !important; bottom:auto !important;
}
body.page-id-129 .aai-bot-deco--siedzacy {
  display:block !important; width:230px !important;
  top:40% !important; left:0 !important; right:auto !important; bottom:auto !important;
}
@media (max-width: 992px) {
  body.page-id-129 .aai-bot-deco--pokazujacy,
  body.page-id-129 .aai-bot-deco--siedzacy { display:none !important; }
}

/* AAI-BG-FIX-V4: reset background-size/position po V2 (zeby gradienty V3 nie byly ciete na pasy) */
body.page-id-129 { background-size:auto !important; background-position:0 0 !important; background-repeat:no-repeat !important; }

/* AAI-ROBOTS-V5: po zamianie wezlow 29<->35 — filary=pokazujacy(prawa), agenci=odrzut(lewa) */
body.page-id-129 .aai-bot-deco--siedzacy { display:none !important; }
body.page-id-129 .aai-bot-deco--kawka { display:none !important; }
body.page-id-129 .aai-bot-deco--pokazujacy { display:block !important; width:230px !important; top:240px !important; right:0 !important; left:auto !important; bottom:auto !important; }
body.page-id-129 .aai-bot-deco--odrzut { display:block !important; width:235px !important; top:300px !important; left:0 !important; right:auto !important; bottom:auto !important; }
@media (max-width:992px){ body.page-id-129 .aai-bot-deco--pokazujacy, body.page-id-129 .aai-bot-deco--odrzut { display:none !important; } }

/* ===== AAI-BODYBG-V6: ciemne tlo jak na SG (homepage), gora nieco jasniejsza; nadpisuje radialne glowy V3/V4 ===== */
body.page-id-129 {
  position:relative !important;
  z-index:auto !important;
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0) 55%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}

/* ===== AAI-V7: gora troche jasniejsza + taby na mobile zawijane (wszystkie widoczne, bez scrolla) ===== */
body.page-id-129 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
}
@media (max-width: 768px) {
  body.page-id-129 .aai-tabs { flex-wrap:wrap !important; overflow-x:visible !important; overflow:visible !important; justify-content:center !important; padding-bottom:0 !important; }
  body.page-id-129 .aai-tab { flex:0 1 auto !important; }
}

/* ===== AAI-V8: gora jasniejsza + roboty ZA trescia (sekcje z-index wyzej) ===== */
body.page-id-129 {
  background-color:#152a94 !important;
  background-image:
    radial-gradient(1500px 760px at 50% -10%, rgba(150,178,250,0.50), rgba(150,178,250,0) 60%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.26) 580px, rgba(0,0,0,0.52) 1080px, rgba(0,0,0,0.26) 1580px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 100%, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 580px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* roboty ZA trescia: sekcje/tresc wyzej w z-index */
body.page-id-129 .aai-bot-deco { z-index:0 !important; }
body.page-id-129 .aai-hero__wrap,
body.page-id-129 .aai-filary__wrap,
body.page-id-129 .aai-agents__wrap { position:relative !important; z-index:10 !important; }

/* ===== AAI-V9: roboty w marginesach sekcji agentow (bez nachodzenia), po ID wezla ===== */
/* filary bot OFF (przy 1280-szerokich kartach brak marginesu) + kawka OFF */
body.page-id-129 #image-29-115 { display:none !important; }
body.page-id-129 #image-37-115 { display:none !important; }
/* odrzut (wezel 35, agenci) - lewy margines, nizej */
body.page-id-129 #image-35-115 { display:block !important; z-index:0 !important; width:190px !important; height:auto !important; top:420px !important; left:0 !important; right:auto !important; bottom:auto !important; }
/* pokazujacy (wezel 36, agenci) - prawy margines, gora */
body.page-id-129 #image-36-115 { display:block !important; z-index:0 !important; width:185px !important; height:auto !important; top:70px !important; right:0 !important; left:auto !important; bottom:auto !important; }
/* tresc zawsze nad robotami */
body.page-id-129 .aai-agents__wrap, body.page-id-129 .aai-filary__wrap, body.page-id-129 .aai-hero__wrap { position:relative !important; z-index:10 !important; }
/* ukryj dekoracje ponizej 1280px (za male marginesy -> nachodzilyby) */
@media (max-width:1279px){ body.page-id-129 #image-35-115, body.page-id-129 #image-36-115 { display:none !important; } }

/* ===== AAI-V10: mniejsze roboty (165px) by zmiescic sie w marginesie tez przy 1280 ===== */
body.page-id-129 #image-35-115 { width:165px !important; top:430px !important; }
body.page-id-129 #image-36-115 { width:165px !important; top:55px !important; }

/* ===== AAI-V11: responsywna typografia (clamp) dla naglowkow i tekstu ===== */
/* H2 sekcji: bylo 48px/60px na stale -> plynne 27..48px */
body.page-id-129 .aai-h2 { font-size: clamp(27px, 4.6vw, 48px) !important; line-height: 1.18 !important; }
body.page-id-129 .aai-filary .aai-h2, body.page-id-129 .aai-agents .aai-h2 { line-height: 1.18 !important; }
/* lead pod H2 */
body.page-id-129 .aai-lead { font-size: clamp(16px, 1.1vw + 12px, 20px) !important; line-height: 1.6 !important; }
/* tytuly kart */
body.page-id-129 .aai-filar-card__title, body.page-id-129 .aai-agent__title { font-size: clamp(18px, 0.6vw + 16px, 20px) !important; line-height: 1.35 !important; }
/* tekst kart filarow */
body.page-id-129 .aai-filar-card__text { font-size: clamp(15px, 0.8vw + 13px, 18px) !important; line-height: 1.6 !important; }
/* opis agenta + bullety */
body.page-id-129 .aai-agent__desc, body.page-id-129 .aai-detail-list li { font-size: clamp(14px, 0.5vw + 13px, 16px) !important; line-height: 1.5 !important; }
/* breadcrumb + back na malych ekranach nie powieksza */
@media (max-width:480px){ body.page-id-129 .aai-h2 { line-height:1.15 !important; } }

/* ===== AAI-V12: H1 hero plynny (zawsze > H2); naprawia inwersje hierarchii na 768 ===== */
body.page-id-129 .aai-hero h1, body.page-id-129 .aai-hero h1.animated-gradient-text { font-size: clamp(32px, 6vw, 72px) !important; line-height: 1.1 !important; }

/* ===== AAI-V13: H1 na mobile wiekszy + fala o stalym rozmiarze (boki ucinane) na mobile/tablet ===== */
/* H1: mobile min 38px (bylo 32), plynnie do 72px; zawsze > H2 */
body.page-id-129 .aai-hero h1, body.page-id-129 .aai-hero h1.animated-gradient-text { font-size: clamp(38px, 5vw + 16px, 72px) !important; line-height: 1.1 !important; }

/* Fala: na mobile/tablet (<=1024px) staly rozmiar, wysrodkowana, boki przycinane (nie sciska sie do szerokosci) */
@media (max-width: 1024px) {
  body.page-id-129 .aai-hero::before {
    display:block !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:300px !important;
    top:30px !important;
    background-position:center top !important;
    background-size:1000px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.5 !important;
  }
}
@media (max-width: 480px) {
  body.page-id-129 .aai-hero::before { height:240px !important; background-size:820px auto !important; top:24px !important; }
}

/* ===== AAI-V14: fala o STALYM wymiarze rowniez na desktopie (>=1025px) - bez rozciagania, boki przycinane ===== */
@media (min-width: 1025px) {
  body.page-id-129 .aai-hero::before {
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    height:570px !important;
    top:48px !important;
    background-position:center top !important;
    background-size:1900px auto !important;
    background-repeat:no-repeat !important;
    opacity:0.55 !important;
  }
}

/* ===== AAI-V15: usun zbedny padding z .ct-section-inner-wrap (sekcje maja wlasny padding) ===== */
body.page-id-129 .ct-section-inner-wrap { padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; }

/* ===== AAI-V16: ciemniejsza fala + lepsza animacja tabow + animacja robotow ===== */

/* 1) FALA ciemniejsza (SVG ma jasne gradienty pink/violet/cyan -> przyciemniamy filtrem) */
body.page-id-129 .aai-hero::before { filter: brightness(0.52) saturate(1.05) !important; }

/* 2) TABY: hover lift + glow; aktywny = plynacy gradient */
body.page-id-129 .aai-tab { transition: transform .2s ease, color .2s ease, background-color .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
body.page-id-129 .aai-tab:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(10,133,255,0.18) !important; }
body.page-id-129 .aai-tab.is-active { background-image: linear-gradient(90deg,#0a85ff 0%,#02a78e 50%,#0a85ff 100%) !important; background-size: 200% 100% !important; box-shadow: 0 6px 20px rgba(10,133,255,0.35) !important; transform: translateY(-1px); animation: aai-tab-flow 4s linear infinite; }
@keyframes aai-tab-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }

/* 3) ROBOTY: delikatne unoszenie (rozne czasy = brak synchronizacji) */
@keyframes aai-bot-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes aai-bot-sway { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(-2deg); } }
body.page-id-129 .aai-hero__bot { animation: aai-bot-float 6s ease-in-out infinite; will-change: transform; }
body.page-id-129 #image-36-115 { animation: aai-bot-float 7s ease-in-out infinite; will-change: transform; }
body.page-id-129 #image-35-115 { animation: aai-bot-sway 8.5s ease-in-out infinite; will-change: transform; }

/* dostepnosc */
@media (prefers-reduced-motion: reduce) {
  body.page-id-129 .aai-hero__bot, body.page-id-129 #image-35-115, body.page-id-129 #image-36-115, body.page-id-129 .aai-tab.is-active, body.page-id-129 .aai-hero::after { animation: none !important; }
}

/* ===== AAI-V17: tlo jak SG (ciemna gora) ale 1. warstwa od gory delikatnie jasniejsza niz SG; fala bardziej ciemna ===== */
body.page-id-129 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.45) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}
/* fala bardziej ciemna (mocniejszy filtr) + lekko wieksza krycie, by nadal byla widoczna na ciemnym tle */
body.page-id-129 .aai-hero::before { filter: brightness(0.34) saturate(1.1) !important; opacity: 0.62 !important; }

/* ===== AAI-V18: gora jasniej (1. warstwa 0.82 -> 0.60) ===== */
body.page-id-129 {
  background-color:#152a94 !important;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.32) 30%, rgba(0,0,0,0) 52%),
    repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0.4) 432px, rgba(0,0,0,0.8) 1080px, rgba(0,0,0,0.4) 1728px, rgba(0,0,0,0) 2160px),
    linear-gradient(#152a94, #152a94) !important;
  background-size:100% 1080px, 100% 2160px, 100% 100% !important;
  background-position:0 0, 0 1080px, 0 0 !important;
  background-repeat:no-repeat, repeat, no-repeat !important;
  background-attachment:scroll !important;
}

/* ===== AAI-V19: usun filter drop-shadow z robotow ===== */
body.page-id-129 .aai-hero__bot, body.page-id-129 .aai-bot-deco { filter: none !important; }

/* ===== AAI-V20: H1 na mobile troche wieksze (min 38 -> 44px) ===== */
body.page-id-129 .aai-hero h1, body.page-id-129 .aai-hero h1.animated-gradient-text { font-size: clamp(44px, 4.5vw + 22px, 72px) !important; line-height: 1.1 !important; }

/* ===== AAI-V21: fala ta sama wysokosc na PC/tablet/mobile + scroll-indicator tez na mobile ===== */
/* jedna wysokosc fali wszedzie (rozmiar wg wysokosci -> boki przycinane), nadpisuje V13/V14 */
body.page-id-129 .aai-hero::before {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  height:570px !important;
  top:48px !important;
  background-position:center top !important;
  background-size:auto 570px !important;
  background-repeat:no-repeat !important;
}
/* scroll-indicator (myszka) widoczny rowniez na mobile (wypelnia pusty obszar) */
@media (max-width: 768px) {
  body.page-id-129 .aai-hero::after { display:block !important; }
}


/* ===== AAI-V22: usun scroll-indicator + odstep svg breadcrumb + podniesiony naglowek filarow + roboty blizej boxow ===== */
body.page-id-129 .aai-hero::after { display:none !important; }
body.page-id-129 .aai-breadcrumb a { display:inline-flex !important; align-items:center !important; gap:8px !important; }
body.page-id-129 .aai-filary { padding-top:16px !important; }
body.page-id-129 #image-35-115 { left: calc(50% - 448px - 175px) !important; right:auto !important; }
body.page-id-129 #image-36-115 { right: calc(50% - 448px - 175px) !important; left:auto !important; }


/* ===== AAI-V23: drugi robot (prawy, pokazujacy) troche wiekszy ===== */
body.page-id-129 #image-36-115 { width:185px !important; right: calc(50% - 448px - 195px) !important; }


/* ===== AAI-V24: odstep od stopki + robot lewy nie ucinany przy filtrze + robot 2 przy filarach ===== */
body.page-id-129 #section-431-10 { margin-top: 88px !important; }
body.page-id-129 #image-35-115 { top: 120px !important; }
body.page-id-129 #image-36-115 { display:none !important; }
body.page-id-129 #image-29-115 { display:block !important; width:150px !important; height:auto !important; top:300px !important; right:0 !important; left:auto !important; bottom:auto !important; z-index:0 !important; }
@media (max-width:1279px){ body.page-id-129 #image-29-115 { display:none !important; } }


/* ===== AAI-V25: hero padding-bottom 0 (zblizenie sekcji) + fala niecieta ===== */
body.page-id-129 .aai-hero { padding-bottom:0 !important; }


/* ===== AAI-V25b: fala dopasowana do skroconego hero (pelna wysokosc SVG miesci sie w hero -> brak ciecia) ===== */
body.page-id-129 .aai-hero::before { top:0 !important; bottom:auto !important; height:100% !important; background-size:auto 100% !important; background-position:center bottom !important; opacity:0.62 !important; }


/* ===== AAI-V26: fala hero rozciagnieta na PELNA SZEROKOSC (100% auto, nie auto 100%) ===== */
body.page-id-129 .aai-hero::before { top:0 !important; bottom:auto !important; left:50% !important; transform:translateX(-50%) !important; width:100vw !important; max-width:none !important; height:100% !important; background-size:100% auto !important; background-position:center bottom !important; background-repeat:no-repeat !important; }


/* ===== AAI-V27: stopka RWD (przywroc padding boczny zdjety przez V15) + robot 1 blizej boxa ===== */
body.page-id-129 #section-431-10 .ct-section-inner-wrap { padding-left:24px !important; padding-right:24px !important; }
body.page-id-129 #image-35-115 { left: calc(50% - 448px - 135px) !important; }


/* ===== AAI-V28: robot filarow (#image-29) przypiety do BOXa (anchor do krawedzi gridu, nie viewportu) + revert #image-35 ===== */
body.page-id-129 #image-35-115 { left: calc(50% - 448px - 175px) !important; }
body.page-id-129 #image-29-115 { left: calc(50% + 640px - 80px) !important; right:auto !important; }


/* ===== AAI-V29: robot filarow (#image-29) OBOK boxa bez nachodzenia (cialo robota = 68% szer, inset 16%) ===== */
body.page-id-129 #image-29-115 { left: calc(50% + 640px - 10px) !important; right:auto !important; }
@media (max-width:1499px){ body.page-id-129 #image-29-115 { display:none !important; } }


/* AAI-V30 (2026-06-08): sekcja CTA #459 - klasa .reveal-up startuje opacity:0 i jest odslaniana przez GSAP-init dzialajacy TYLKO na homepage (post 10). Na /agenci-ai/ ScrollTrigger=0 => element niewidoczny. Override CSS-only (reveal-on-load, bez zaleznosci od GSAP). */
body.page-id-129 #section-459-115 .reveal-up { opacity:1 !important; transform:none !important; will-change:auto; animation: aai-cta-reveal .7s ease both; }
@keyframes aai-cta-reveal { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ body.page-id-129 #section-459-115 .reveal-up { animation:none !important; } }


/* AAI-V31 (2026-06-08): sekcja CTA #459 - wieksze odstepy (byla przyklejona do tabow agentow gap0 i blisko stopki) + plama #image-461 nie ucinana (byla position:absolute h612 w sekcji 428 + overflow:hidden => twarde ciecie top/bottom 92px). Padding pionowy sekcji + wysrodkowanie plamy w pionie. */
body.page-id-129 #section-459-115 { padding-top:96px !important; padding-bottom:72px !important; }
body.page-id-129 #image-461-115 { top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; }
@media (max-width:768px){ body.page-id-129 #section-459-115 { padding-top:56px !important; padding-bottom:48px !important; } }

/* WBN leady */
body.page-id-129 .wbn-hero-lead{max-width:680px;margin:8px auto 0;text-align:center;}
body.page-id-129 .wbn-webinar-lead{max-width:780px;margin:6px auto 0;text-align:center;}

/* WBN-SECTION-BG: sekcja webinarów przezroczysta (jak sekcje na Agenci AI), zlewa się z gradientem strony */
body.page-id-129 #section-700-10{background-color:transparent !important;background-image:none !important;}

/* WBN-SECTION-PAD: przywróć boczny padding sekcji webinarów (AAI-V15 zeruje .ct-section-inner-wrap globalnie) */
body.page-id-129 #section-700-10 .ct-section-inner-wrap{padding-left:24px !important;padding-right:24px !important;}

/* WBN-FOOTER-BLEND: stopka przezroczysta — gradient strony płynie bez szwu (płaskie #152a94 dawało twarde odcięcie) */
body.page-id-129 #section-431-10{background-color:transparent !important;background-image:none !important;}

/* WBN-CTA-GAP: większy odstęp sekcji CTA od kart wideo */
body.page-id-129 #section-459-115{margin-top:80px !important;}
@media (max-width:768px){body.page-id-129 #section-459-115{margin-top:48px !important;}}
/* ===== WHITEPAPER AGENCI AI — page 186 (Figma 1:1 v3) ===== */
/* TŁO wg makiety: baza #152a94 + pionowy gradient (tony spróbkowane z Figmy) + bloby plama1/plama4 na pozycjach z Figmy (scroll z treścią) */
body.page-id-186 { position:relative; background-color:#0a1338 !important; background-image: linear-gradient(to bottom, #050a22 0%, #0a1448 4%, #0d1a5c 8%, #10206f 12%, #132583 16%, #152a94 21%, #152a94 28%, #10226f 35%, #0c1854 42%, #09113e 50%, #050921 60%, #091240 70%, #0e1a5a 80%, #152a94 90%, #102071 100%) !important; background-repeat:no-repeat !important; background-attachment:scroll !important; background-position:center top !important; background-size:100% 100% !important;}
/* stary fixed-layer blobów wyłączony (bloby są teraz na body) */
.aai-wp-bg { position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none; } .aai-wp-blob { position:absolute; background-repeat:no-repeat; background-size:100% 100%; aspect-ratio:1; } .aai-wp-blob.b1 { left:-1.25%; top:11.1%; width:56.4vw; background-image:url(https://www.comarch.ai/wp-content/uploads/2026/07/wp-agenci-blob-plama2-v2.webp); } .aai-wp-blob.b2 { left:55.6%; top:7.8%; width:47.3vw; background-image:url(https://www.comarch.ai/wp-content/uploads/2026/07/wp-agenci-blob-plama1-v2.webp); } .aai-wp-blob.b3 { left:73.9%; top:53.9%; width:51.2vw; background-image:url(https://www.comarch.ai/wp-content/uploads/2026/07/wp-agenci-blob-plama4a-v2.webp); } .aai-wp-blob.b4 { left:-17.03%; top:68.7%; width:43.3vw; transform:rotate(180deg); background-image:url(https://www.comarch.ai/wp-content/uploads/2026/07/wp-agenci-blob-plama4b-v2.webp); }

/* Sekcje nad tłem */
body.page-id-186 .aai-wp-sec { position:relative; z-index:1; background:transparent !important; width:100% !important; }
body.page-id-186 .aai-wp-sec .ct-section-inner-wrap { max-width:1320px; margin:0 auto; }

/* ---------- HERO ---------- */
.aai-wp-hero-inner { width:100%; max-width:1024px; margin:24px auto 0; display:flex; flex-direction:column; align-items:center; text-align:center; }
.aai-wp-topbar { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:64px; gap:16px; }
.aai-wp-crumbs { display:inline-flex; flex-direction:row; align-items:center; gap:8px; }
.aai-wp-crumb { background:none !important; border:none !important; padding:0 !important; margin:0 !important; box-shadow:none !important; color:#99a1af !important; font-family:'Roboto',sans-serif; font-size:14px; font-weight:400; line-height:20px; text-decoration:none; display:inline-flex; flex-direction:row; align-items:center; gap:8px; }
.aai-wp-crumb:hover { color:#dbeafe !important; }
.aai-wp-crumb-home::before { content:""; width:16px; height:16px; display:inline-block; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2%206.67a.9.9%200%200%201%20.34-.7l4.67-4a1.5%201.5%200%200%201%201.98%200l4.67%204a.9.9%200%200%201%20.34.7v6A1.33%201.33%200%200%201%2012.67%2014H3.33A1.33%201.33%200%200%201%202%2012.67z%22%20stroke%3D%22%2399A1AF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%2014V8.67h4V14%22%20stroke%3D%22%2399A1AF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
.aai-wp-crumb-sep { width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%2012l4-4-4-4%22%20stroke%3D%22%2399A1AF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; font-size:0; flex:0 0 16px; }
.aai-wp-crumb-cur { color:#fff; font-family:'Roboto',sans-serif; font-size:14px; font-weight:500; line-height:20px; }
.aai-wp-back { display:inline-flex; flex-direction:row; align-items:center; gap:8px; padding:9px 17px; border-radius:100px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); color:#99a1af !important; font-family:'Roboto',sans-serif; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; white-space:nowrap; transition:all .25s; }
.aai-wp-back:hover { background:rgba(255,255,255,.09); color:#fff !important; }
.aai-wp-back::before { content:""; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.67%208H3.33%22%20stroke%3D%22%2399A1AF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2012.67%203.33%208%208%203.33%22%20stroke%3D%22%2399A1AF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }

.aai-wp-pill { display:inline-flex; flex-direction:row; align-items:center; gap:8px; height:38px; padding:0 16px; border-radius:100px; background:rgba(10,133,255,.20); border:1px solid rgba(10,133,255,.30); margin-bottom:8px; }
.aai-wp-pill::before { content:""; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.62%2010.33a2%202%200%200%200-1.29-1.29L1.58%208.32a.33.33%200%200%201%200-.64l3.75-1.06a2%202%200%200%200%201.29-1.29l1.06-3.75a.33.33%200%200%201%20.64%200l1.06%203.75a2%202%200%200%200%201.29%201.29l3.75%201.06a.33.33%200%200%201%200%20.64l-3.75%201.06a2%202%200%200%200-1.29%201.29l-1.06%203.75a.33.33%200%200%201-.64%200z%22%20stroke%3D%22%230A85FF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13.33%202v2.67M14.67%203.33H12%22%20stroke%3D%22%230A85FF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
.aai-wp-pill-txt { color:#0a85ff; font-family:'Roboto',sans-serif; font-size:14px; font-weight:400; line-height:20px; }

.aai-wp-h1 { font-family:'Roboto',sans-serif; font-weight:500; font-size:72px; line-height:90px; text-align:center; margin:0 0 8px; white-space:nowrap;
  background-image:linear-gradient(to right, #ffffff 0%, #dbeafe 50%, #0a85ff 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.aai-wp-subtitle { color:#fff; font-family:'Roboto',sans-serif; font-weight:500; font-size:48px; line-height:60px; max-width:840px; margin:8px auto 0; }
.aai-wp-lead { color:rgba(219,234,254,.9); font-family:'Roboto',sans-serif; font-weight:400; font-size:20px; line-height:32.5px; max-width:900px; margin:32px auto 0; }
.aai-wp-cta { margin-top:48px; height:56px; padding:16px 32px; border-radius:14px; color:#fff !important; font-family:'Roboto',sans-serif; font-weight:500; font-size:16px; line-height:24px; text-decoration:none; gap:7px; box-shadow:0 10px 20px rgba(10,133,255,.5); }
.aai-wp-cta::after { content:""; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.17%2010h11.66%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%204.17%2015.83%2010%2010%2015.83%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; transition:transform .3s; }
.aai-wp-cta:hover::after { transform:translateX(6px); }

/* ---------- EBOOK (mockup natywny: szklana ramka + okładka + kropki + strzałki) ---------- */
.aai-wp-ebook-wrap { max-width:989px; margin:72px auto 0; }
.aai-wp-ebookdev { position:relative; width:100%; }
.aai-wp-ebookdev-frame { background-image:linear-gradient(148.49deg, rgba(65,1,113,0.2) 15%, rgba(21,42,148,0.2) 100%); border:1px solid rgba(255,255,255,0.3); border-radius:37px; box-shadow:0 5px 25px rgba(0,0,0,0.15); padding:28px; margin:0 34px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.aai-wp-ebookdev-cover { width:100%; border-radius:15px; display:block; }
.aai-wp-ebookdev-dots { display:flex; flex-direction:row; gap:12px; }
.aai-wp-ebookdev-dots span { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.35); display:block; }
.aai-wp-ebookdev-dots span.on { background:#0a85ff; }
.aai-wp-ebookdev-arrow { position:absolute; top:50%; transform:translateY(-50%); width:55px; height:55px; border-radius:50%; background:#0a85ff; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 14px rgba(10,133,255,.45); z-index:2; padding:0; }
.aai-wp-ebookdev-arrow svg { width:26px; height:26px; display:block; }
.aai-wp-ebookdev-arrow.left { left:0; }
.aai-wp-ebookdev-arrow.right { right:0; }

/* ---------- CONTENT GRID ---------- */
.aai-wp-grid { display:grid; grid-template-columns:1fr 1fr; gap:66px; max-width:1282px; margin:32px auto 140px; align-items:start; }
.aai-wp-col-left { min-width:0; }
.aai-wp-col-right { min-width:0; }

/* dla kogo */
.aai-wp-h3 { color:#fff; font-family:'Roboto',sans-serif; font-weight:500; font-size:30px; line-height:36px; margin:0 0 40px; }
.aai-wp-dk-list { display:flex; flex-direction:column; gap:24px; }
.aai-wp-dk-item { display:flex; flex-direction:row; gap:16px; align-items:flex-start; }
.aai-wp-dk-ico { flex:0 0 48px; width:48px; height:48px; border-radius:14px; background:rgba(10,133,255,0.20) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.69%209.82A11%2011%200%201%201%2017.44%202.6%22%20stroke%3D%22%230A85FF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.27%2011.64%2012%2014.37%2023%203%22%20stroke%3D%22%230A85FF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/24px no-repeat; }
.aai-wp-dk-body { min-width:0; }
.aai-wp-dk-title { color:#fff; font-family:'Roboto',sans-serif; font-weight:500; font-size:18px; line-height:27px; margin:0 0 8px; }
.aai-wp-dk-desc { color:#bedbff; font-family:'Roboto',sans-serif; font-weight:400; font-size:16px; line-height:24px; margin:0; }

/* quote */
.aai-wp-quote { display:flex; flex-direction:row; align-items:flex-end; gap:24px; padding:33px; position:relative; z-index:0; overflow:visible; margin:80px 0; }

.aai-wp-quote::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:16px; border:1px solid rgba(255,255,255,0.15); background-image:linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.02) 60%); box-shadow:0 8px 32px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.25); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); pointer-events:none; }
.aai-wp-quote-photo { flex:0 0 201px; width:201px; height:339px; object-position:bottom; align-self:flex-end; margin-bottom:-33px; display:block; }
.aai-wp-quote-body { flex:1 1 auto; display:flex; flex-direction:column; align-items:flex-start; gap:14px; min-width:0; padding-bottom:6px; }
.aai-wp-quote-txt { color:#d1d5dc; font-family:'Roboto',sans-serif; font-style:italic; font-weight:500; font-size:18px; line-height:29.25px; margin:0; }
.aai-wp-quote::after { content:""; position:absolute; top:-49px; right:26px; width:86px; height:80px; transform:rotate(180deg); z-index:-2; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2286%22%20height%3D%2280%22%20viewBox%3D%220%200%2086%2080%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M31.98%2045.17V80H0V52.48c0-14.9%201.78-25.65%205.29-32.32C9.93%2011.27%2017.28%204.57%2027.33%200l7.31%2011.68c-6.06%202.54-10.54%206.38-13.4%2011.51-2.87%205.01-4.48%2012.32-4.81%2021.98h15.58zm51.36%200V80H51.36V52.48c0-14.9%201.78-25.65%205.29-32.32C61.29%2011.27%2068.64%204.57%2078.69%200L86%2011.68c-6.06%202.54-10.54%206.38-13.4%2011.51-2.87%205.01-4.48%2012.32-4.81%2021.98h15.58z%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2243%22%20y2%3D%2280%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230A85FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") center/contain no-repeat; pointer-events:none; }

/* authors */
.aai-wp-authors { margin-top:8px; }
.aai-wp-author { display:flex; flex-direction:row; gap:24px; align-items:flex-start; margin-top:32px; }
.aai-wp-author-photo { flex:0 0 202px; width:202px; height:202px; object-fit:cover; object-position:center top; border-radius:16px; border:1px solid rgba(255,255,255,0.1); box-shadow:0 0 8px rgba(0,0,0,0.25); background-image:linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); display:block; }
.aai-wp-author-body { flex:1 1 auto; min-width:0; }
.aai-wp-author-name { color:#fff; font-family:'Roboto',sans-serif; font-weight:500; font-size:20px; line-height:27.5px; margin:0 0 12px; }
.aai-wp-author-bio { color:#d1d5dc; font-family:'Roboto',sans-serif; font-weight:400; font-size:16px; line-height:24px; margin:0; max-height:96px; overflow:hidden; transition:max-height .35s ease; }
.aai-wp-author.open .aai-wp-author-bio { max-height:1200px; }
.aai-wp-author-toggle { display:inline-flex; flex-direction:row; align-items:center; gap:8px; margin-top:16px; color:#0a85ff !important; font-family:'Roboto',sans-serif; font-weight:500; font-size:14px; line-height:20px; text-decoration:none; background:none; border:none; cursor:pointer; }
.aai-wp-author-toggle::after { content:""; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%206l4%204%204-4%22%20stroke%3D%22%230A85FF%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; transition:transform .3s; }
.aai-wp-author.open .aai-wp-author-toggle::after { transform:rotate(180deg); }
.aai-wp-author.open .aai-wp-author-toggle .t-more { display:none; }
.aai-wp-author.open .aai-wp-author-toggle .t-less { display:inline !important; }

/* form title */
.aai-wp-col-right .oxy-form-title { color:#fff; font-family:'Roboto',sans-serif; font-weight:500; font-size:30px; line-height:36px; margin:0 0 24px; text-align:left; }
.aai-wp-col-right .consents-title { font-size:16px !important; }
.aai-wp-col-right .oxy-form-wrapper { max-width:none !important; scroll-margin-top:100px; }

/* scroll to top */
.aai-wp-totop { position:fixed; right:32px; bottom:32px; width:56px; height:56px; border-radius:50%; background:rgba(10,133,255,.92); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(10px); transition:all .3s; z-index:60; box-shadow:0 8px 24px rgba(10,133,255,.45); }
.aai-wp-totop.show { opacity:1; visibility:visible; transform:none; }
.aai-wp-totop:hover { background:#0a85ff; transform:translateY(-2px); }

/* ---------- RESPONSYWNIE ---------- */
@media (max-width:1250px) { .aai-wp-quote-body { align-self:flex-start; } } @media (max-width:1100px) {
  .aai-wp-h1 { font-size:56px; line-height:70px; white-space:normal; }
  .aai-wp-subtitle { font-size:36px; line-height:46px; }
}
@media (max-width:980px) {
  .aai-wp-grid { grid-template-columns:1fr; gap:48px; }
  .aai-wp-quote { margin:40px 0; } .aai-wp-quote-body { align-self:center; padding-bottom:0; }
}
@media (max-width:768px) {
  .aai-wp-topbar { flex-direction:column; align-items:flex-start; gap:12px; }
  .aai-wp-h1 { font-size:34px; line-height:42px; }
  .aai-wp-subtitle { font-size:26px; line-height:34px; }
  .aai-wp-lead { font-size:16px; line-height:26px; }
  
  
  
  
  .aai-wp-ebookdev-frame { padding:16px; margin:0 20px; border-radius:24px; }
  .aai-wp-ebookdev-arrow { width:40px; height:40px; }
  .aai-wp-ebookdev-arrow svg { width:20px; height:20px; }
  .aai-wp-totop { right:16px; bottom:16px; width:48px; height:48px; }
  .aai-wp-blob.b1 { left:-25%; top:5%; width:95vw; } .aai-wp-blob.b2 { left:30%; top:2%; width:95vw; } .aai-wp-blob.b3 { left:15%; top:58%; width:120vw; } .aai-wp-blob.b4 { left:-35%; top:80%; width:120vw; }
}
@media (max-width:600px) { .aai-wp-quote { flex-direction:column-reverse; align-items:center; } .aai-wp-quote-photo { flex:none; width:200px; height:338px; object-fit:fill; object-position:bottom; align-self:center; margin:0 auto -33px; } .aai-wp-quote-body { align-self:stretch; align-items:flex-start; padding-bottom:0; } .aai-wp-author { flex-direction:column; align-items:center; } .aai-wp-author-body { width:100%; } .aai-wp-author-name { text-align:center; } .aai-wp-author-photo { flex:none; width:140px; height:140px; } } @media (max-width:480px) {
  .aai-wp-h1 { font-size:28px; line-height:36px; }
}

/* ===== Slider e-booka (2 slajdy, crossfade+zoom) + scroll-reveal ===== */
.aai-wp-ebookdev-slides { position:relative; }
.aai-wp-ebookdev-slides .aai-wp-ebookdev-cover { display:block; width:100%; height:auto; border-radius:15px; opacity:0; transform:scale(1.045); transition:opacity .8s ease, transform 1.2s ease; } .aai-wp-ebookdev-slides .aai-wp-ebookdev-cover:first-child { position:relative; } .aai-wp-ebookdev-slides .aai-wp-ebookdev-cover:not(:first-child) { position:absolute; inset:0; height:100%; }
.aai-wp-ebookdev-slides .aai-wp-ebookdev-cover.on { opacity:1; transform:scale(1); }
.aai-wp-ebookdev-dots span { cursor:pointer; transition:background .3s, transform .3s, width .3s; }
.aai-wp-ebookdev-dots span.on { transform:scale(1.1); }
.aai-anim .aai-reveal { opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.aai-anim .aai-reveal.in { opacity:1; transform:none; }
.aai-anim .aai-wp-dk-item.aai-reveal:nth-child(2) { transition-delay:.1s; }
.aai-anim .aai-wp-dk-item.aai-reveal:nth-child(3) { transition-delay:.2s; }
@media (prefers-reduced-motion:reduce){ .aai-anim .aai-reveal{ opacity:1 !important; transform:none !important; transition:none !important; } }

/* ===== Lightbox okladki e-booka ===== */
.aai-wp-ebookdev-frame{position:relative;}
.aai-wp-ebookdev-slides{cursor:zoom-in;}
.aai-wp-ebookdev-zoom{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s;pointer-events:none;z-index:3;}
.aai-wp-ebookdev-frame:hover .aai-wp-ebookdev-zoom{opacity:1;transform:scale(1);}
.aai-wp-ebookdev-zoom svg{width:20px;height:20px;}
.aai-wp-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:rgba(6,10,30,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out;}
.aai-wp-lb.open{opacity:1;visibility:visible;}
.aai-wp-lb-img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.65);cursor:default;transform:scale(.96);transition:transform .3s ease;}
.aai-wp-lb.open .aai-wp-lb-img{transform:scale(1);}
.aai-wp-lb-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1;}
.aai-wp-lb-close:hover{background:rgba(255,255,255,.25);}
@media (max-width:600px){.aai-wp-lb-close{top:12px;right:12px;}.aai-wp-ebookdev-zoom{width:34px;height:34px;}}

.aai-wp-quote-author { color:#fff; font-family:'Roboto',sans-serif; font-weight:600; font-size:17px; line-height:1.45; margin:0; letter-spacing:.2px; }
/* AAI Whitepaper CTA - sekcja #9600 (strona 151) */
.aai-wp-row{max-width:1280px;margin-left:auto;margin-right:auto;}
.aai-wp-section{background-image:radial-gradient(60% 55% at 20% 32%,rgba(10,133,255,0.06) 0%,rgba(10,133,255,0) 60%),radial-gradient(55% 55% at 82% 72%,rgba(2,167,142,0.05) 0%,rgba(2,167,142,0) 60%);}
.aai-wp-card{flex:1 1 0;min-width:0;aspect-ratio:608 / 418;border-radius:24px;background-color:rgba(255,255,255,0.05);background-image:linear-gradient(145deg,rgba(10,133,255,0.10) 0%,rgba(0,0,0,0) 100%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden;position:relative;}
.aai-wp-media{position:absolute;top:1.44%;left:2.31%;width:111.4%;height:auto;max-width:none;pointer-events:none;}
.aai-wp-col{flex:1 1 0;min-width:0;}
.aai-wp-sub{font-family:'Roboto',sans-serif;color:#bedbff;font-size:20px;line-height:28px;font-weight:400;text-align:left;}
.aai-wp-section .aai-wp-cta{margin-top:0;}
@media (max-width:991px){.aai-wp-card{width:100%;flex:0 0 auto;}.aai-wp-col{width:100%;flex:0 0 auto;}.aai-wp-sub{font-size:18px;line-height:26px;}}
@media (max-width:767px){.aai-wp-media{width:120%;left:-6%;}}

/* przenies. na SG post 10 (2026-07-27): rytm paddingow i wyrownanie jak reszta SG */
@media (max-width:991px){.aai-wp-col{align-items:center !important;text-align:center !important;}.aai-wp-sub{text-align:center;}}
@media (max-width:767px){.aai-wp-section > .ct-section-inner-wrap{padding-left:2rem !important;padding-right:2rem !important;}}
@media (max-width:479px){.aai-wp-section > .ct-section-inner-wrap{padding-left:1.5rem !important;padding-right:1.5rem !important;}}

/* 2026-07-27 v2: pelne centrowanie tresci + tekst PRZED grafika <=991 */
@media (max-width:991px){.aai-wp-row{flex-direction:column !important;align-items:center !important;}.aai-wp-col{order:1 !important;}.aai-wp-card{order:2 !important;}.aai-wp-col > div{align-items:center !important;}.aai-wp-col > div > *{margin-left:auto;margin-right:auto;}}