.hero-section {
background:
url(https://arkadiuszwawer.eu/wp-content/uploads/2026/04/Interakcja-z-inteligentnym-asystentem-AI.png)
right center / 60% no-repeat,
radial-gradient(circle at 20% 30%, rgba(59,130,246,0.15), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(255,215,0,0.08), transparent 40%),
linear-gradient(135deg, #020617 0%, #0f172a 100%);
position: relative;
min-height: calc(100vh - 120px);
display: flex;
align-items: center;
padding: 60px 40px 120px 100px;
overflow: hidden;
z-index: 10;
isolation: isolate;
} .hero-section .kt-row-layout-inner {
display: flex;
align-items: stretch;
justify-content: flex-start; 
gap: 40px;                  
width: 100%;
}
.hero-section .kt-row-layout-inner > .wp-block-kadence-column {
height: 100%;
} .hero-section .wp-block-kadence-column {
display: flex;
flex-direction: column;
justify-content: center;
}  .hero-section .wp-block-kadence-advancedheading {
max-width: 600px;
}
.hero-section h1,
.hero-section h2 {
text-align: left;
}
.hero-title,
.hero-subtitle {
color: #ffffff !important;
} .hero-section::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(2,6,23,0.95) 0%,
rgba(2,6,23,0.85) 30%,
rgba(2,6,23,0.6) 55%,
rgba(2,6,23,0.2) 75%,
rgba(2,6,23,0) 100%
);
}
.hero-section > * {
position: relative;
z-index: 2;
} .hero-section .wp-block-button {
margin-top: 25px;
} @media (max-width: 768px) {
.hero-section {
background:
radial-gradient(circle at 20% 30%, rgba(59,130,246,0.15), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(255,215,0,0.08), transparent 40%),
linear-gradient(135deg, #020617 0%, #0f172a 100%);
padding-top: 60px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
align-items: flex-start; 
}
.hero-section .wp-block-kadence-advancedheading {
max-width: 90%;
}
.hero-section .wp-block-button {
margin-top: 25px;
gap: 12px;
}
.hero-section .wp-block-button + .wp-block-button {
margin-top: 10px;
}
.hero-section .kt-row-layout-inner {
flex-direction: column;
gap: 40px;
}
.hero-section h1 {
font-size: 28px;
line-height: 1.25;
}
.hero-section h2 {
font-size: 18px;
line-height: 1.5;
}
}