.mdk-hero-premium{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 72% 45%,rgba(12,78,145,.22),transparent 35%),
linear-gradient(135deg,#030914 0%,#061221 55%,#020711 100%);
color:#fff;
}

.mdk-hero-premium:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(31,125,198,.055) 1px,transparent 1px),
linear-gradient(90deg,rgba(31,125,198,.055) 1px,transparent 1px);
background-size:44px 44px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 95%);
pointer-events:none;
}

.mdk-hero-premium .container{
position:relative;
z-index:2;
}

.mdk-hero-premium-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(520px,1.05fr);
gap:20px;
align-items:center;
min-height:700px;
padding:70px 0 55px;
}

.mdk-hero-copy{
max-width:640px;
}

.mdk-eyebrow{
display:inline-flex;
gap:10px;
align-items:center;
font-size:14px;
font-weight:800;
letter-spacing:.16em;
color:#5dc6ff;
text-transform:uppercase;
margin-bottom:22px;
}

.mdk-eyebrow:before{
content:"";
width:34px;
height:2px;
background:#1ca8ff;
box-shadow:0 0 12px #1ca8ff;
}

.mdk-hero-copy h1{
font-size:clamp(42px,5vw,76px);
line-height:.98;
letter-spacing:-.045em;
margin:0 0 26px;
font-weight:850;
}

.mdk-hero-copy h1 span{
color:#2b9fff;
text-shadow:0 0 28px rgba(43,159,255,.25);
}

.mdk-hero-copy>p{
font-size:19px;
line-height:1.7;
color:#c8d5e5;
max-width:590px;
margin:0 0 30px;
}

.mdk-hero-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px;
margin-bottom:28px;
}

.mdk-hero-actions .button{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:56px;
padding:0 22px;
border-radius:16px;
text-decoration:none;
font-size:15px;
font-weight:800;
letter-spacing:.15px;
overflow:hidden;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}

.mdk-hero-actions .button::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:-120%;
width:70%;
background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);
transform:skewX(-18deg);
transition:left .65s ease;
pointer-events:none;
}

.mdk-hero-actions .button:hover::before{
left:150%;
}

.mdk-hero-actions .button:hover{
transform:translateY(-3px);
}

.mdk-button-primary{
color:#fff !important;
background:linear-gradient(135deg,#078cff 0%,#0069ed 100%) !important;
border:1px solid rgba(91,204,255,.8) !important;
box-shadow:0 10px 28px rgba(0,126,255,.28),0 0 22px rgba(21,156,255,.16);
}

.mdk-button-primary:hover{
box-shadow:0 14px 34px rgba(0,126,255,.42),0 0 32px rgba(21,156,255,.28);
}

.mdk-button-secondary{
color:#dff5ff !important;
background:rgba(4,15,29,.72) !important;
border:1px solid rgba(55,181,255,.45) !important;
box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 0 20px rgba(21,156,255,.035);
backdrop-filter:blur(8px);
}

.mdk-button-secondary:hover{
color:#fff !important;
background:rgba(8,29,51,.9) !important;
border-color:#39baff !important;
box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 24px rgba(21,156,255,.2);
}

.mdk-button-icon{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
width:29px;
height:29px;
border-radius:9px;
font-size:16px;
line-height:1;
background:rgba(255,255,255,.12);
}

.mdk-hero-actions .button span:last-child{
position:relative;
z-index:2;
}

.mdk-trust{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
max-width:600px;
}

.mdk-trust-item{
display:flex;
gap:11px;
align-items:center;
color:#dce8f5;
font-size:14px;
}

.mdk-trust-dot{
width:9px;
height:9px;
border-radius:50%;
background:#27adff;
box-shadow:0 0 14px #27adff;
flex:0 0 auto;
}

.mdk-tech-wrap{
position:relative;
min-height:620px;
display:flex;
align-items:center;
justify-content:center;
}

.mdk-tech-visual{
width:min(100%,720px);
height:auto;
overflow:visible;
transition:transform .18s ease-out;
}

.mdk-orbits{
transform-origin:360px 320px;
animation:mdkSpin 34s linear infinite;
}

.mdk-core{
transform-origin:360px 320px;
animation:mdkCorePulse 3.8s ease-in-out infinite;
}

.mdk-node{
transform-box:fill-box;
transform-origin:center;
animation:mdkFloat 4s ease-in-out infinite;
}

.mdk-node-blue{
animation-delay:-1.2s;
}

.mdk-node-purple{
animation-delay:-2.3s;
}

.mdk-flow{
stroke-dasharray:10 24;
stroke-linecap:round;
opacity:1;
filter:
drop-shadow(0 0 5px currentColor)
drop-shadow(0 0 10px currentColor);
animation-name:mdkEnergyFlow;
animation-timing-function:linear;
animation-iteration-count:infinite;
}

.mdk-red-path{
color:#ff4934;
animation-duration:1.7s;
}

.mdk-blue-path{
color:#25aaff;
animation-duration:1.45s;
}

.mdk-purple-path{
color:#a65aff;
animation-duration:1.6s;
}

.mdk-particles circle{
filter:
drop-shadow(0 0 4px currentColor)
drop-shadow(0 0 9px currentColor);
animation:mdkParticle 3.2s ease-in-out infinite;
transform-box:fill-box;
transform-origin:center;
}

.mdk-particles .p1{
animation-duration:3.4s;
}

.mdk-particles .p2{
animation-duration:2.8s;
animation-delay:-1s;
}

.mdk-particles .p3{
animation-duration:3.8s;
animation-delay:-2s;
}

.mdk-particles .p4{
animation-duration:4.5s;
animation-delay:-2.8s;
}

.mdk-snow text{
animation:mdkSnow 4s ease-in-out infinite;
}

.mdk-snow text:nth-child(2){
animation-delay:-1.2s;
}

.mdk-snow text:nth-child(3){
animation-delay:-2.1s;
}

.mdk-snow text:nth-child(4){
animation-delay:-.6s;
}

.mdk-snow text:nth-child(5){
animation-delay:-2.8s;
}

.mdk-hero-premium .mdk-tech-wrap:after{
content:"";
position:absolute;
width:75%;
height:80px;
bottom:12%;
left:15%;
background:
radial-gradient(
ellipse,
rgba(19,154,255,.18),
transparent 68%
);
filter:blur(18px);
pointer-events:none;
}

.mdk-benefits{
position:relative;
z-index:3;
margin:-15px auto 0;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
border:1px solid rgba(76,148,210,.25);
border-radius:18px;
overflow:hidden;
background:rgba(15,45,72,.35);
backdrop-filter:blur(12px);
}

.mdk-benefit{
padding:22px 24px;
background:rgba(2,12,24,.72);
min-height:115px;
}

.mdk-benefit strong{
display:block;
margin-bottom:6px;
font-size:15px;
}

.mdk-benefit span{
color:#9fb2c8;
font-size:13px;
line-height:1.5;
}


/* =========================================================
   ANIMACJE
========================================================= */

@keyframes mdkSpin{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}

@keyframes mdkCorePulse{

0%,100%{
transform:scale(1);
filter:drop-shadow(0 0 4px rgba(28,168,255,.25));
}

45%{
transform:scale(1.018);
filter:drop-shadow(0 0 12px rgba(28,168,255,.55));
}

55%{
transform:scale(1.025);
filter:drop-shadow(0 0 18px rgba(28,168,255,.7));
}

70%{
transform:scale(1.008);
filter:drop-shadow(0 0 8px rgba(28,168,255,.4));
}

}

@keyframes mdkFloat{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

}

@keyframes mdkEnergyFlow{

from{
stroke-dashoffset:34;
}

to{
stroke-dashoffset:-68;
}

}

@keyframes mdkParticle{

0%,100%{
opacity:.2;
transform:translate(0,0) scale(.7);
}

35%{
opacity:.65;
}

50%{
opacity:1;
transform:translate(12px,-9px) scale(1.15);
}

75%{
opacity:.5;
}

}

@keyframes mdkSnow{

0%,100%{
transform:translateY(0) rotate(0);
opacity:.35;
}

50%{
transform:translateY(10px) rotate(18deg);
opacity:1;
}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1050px){

.mdk-hero-premium-grid{
grid-template-columns:1fr;
padding-top:50px;
}

.mdk-hero-copy{
max-width:760px;
}

.mdk-tech-wrap{
min-height:520px;
}

.mdk-benefits{
grid-template-columns:repeat(2,1fr);
}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:650px){

.mdk-hero-premium-grid{
padding:42px 0 35px;
}

.mdk-hero-copy h1{
font-size:42px;
}

.mdk-hero-copy>p{
font-size:16px;
}

.mdk-tech-wrap{
min-height:390px;
margin-top:-10px;
}

.mdk-trust{
grid-template-columns:1fr;
}

.mdk-benefits{
grid-template-columns:1fr;
margin-top:0;
}

.mdk-benefit{
padding:18px;
}

.mdk-hero-actions{
flex-direction:column;
}

.mdk-hero-actions .button{
width:100%;
text-align:center;
}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

.mdk-orbits,
.mdk-core,
.mdk-node,
.mdk-flow,
.mdk-particles circle,
.mdk-snow text{
animation:none!important;
}

.mdk-tech-visual{
transition:none;
}

}