html,body{
overflow-x:hidden;
max-width:100%;
}
:root{

--gradient-main:linear-gradient(90deg,#9c4dff,#4da3ff,#00eaff);

--bg-dark:#050505;

--glow-blue:rgba(77,163,255,.35);
--glow-purple:rgba(156,77,255,.35);
--glow-red:rgba(255,60,60,.25);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* SMOOTH SCROLL */

html{
scroll-behavior:smooth;
}

/* HEADER OFFSET */

section{
scroll-margin-top:90px;
}

body{
font-family:'Montserrat',sans-serif;
background:var(--bg-dark);
color:white;
padding-top:70px;
overflow-x:hidden;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HEADER */

.header{
position:fixed;
top:0;
width:100%;
height:70px;

background:linear-gradient(to bottom,#050505,#050505e6);

backdrop-filter:blur(10px);

z-index:1000;

border-bottom:1px solid rgba(255,255,255,.05);
}

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
height:70px;
}

.logo span{
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.nav{
display:flex;
gap:25px;
}

.nav a{
color:#ccc;
text-decoration:none;
font-size:14px;
transition:.3s;
position:relative;
padding-bottom:6px;
}

/* PREMIUM NAV HOVER LINE */

.nav a::after{

content:"";

position:absolute;

left:0;
bottom:0;

width:0;
height:2px;

background:linear-gradient(
90deg,
#4da3ff,
#9c4dff
);

transition:.35s;

}

.nav a:hover{
color:white;
}

.nav a:hover::after{
width:100%;
}

/* ACCESSIBILITY */

a:focus-visible,
button:focus-visible{
outline:2px solid #4da3ff;
outline-offset:4px;
border-radius:6px;
}

/* MOBILE MENU */

.menu-toggle{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.menu-toggle span{
width:25px;
height:3px;
background:white;
}

/* HERO */

.hero{
position:relative;
min-height:60vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
overflow:hidden;
isolation:isolate;
}

.hero-img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
rgba(0,0,0,.65),
rgba(0,0,0,.9)
);
z-index:1;
}

/* HERO LIGHT */

.hero-light{
position:absolute;
width:800px;
height:800px;

background:radial-gradient(circle,var(--glow-blue),transparent 60%);

top:-200px;
left:50%;

transform:translate3d(-50%,0,0);

animation:heroLightMove 8s infinite alternate;

will-change:transform;

z-index:1;
}

.hero-content{
position:relative;
z-index:3;
max-width:640px;
margin:auto;

display:flex;
flex-direction:column;
align-items:center;
gap:30px;

padding-top:20px;
}

@keyframes heroLightMove{
0%{transform:translate3d(-50%,0,0);}
100%{transform:translate3d(-50%,60px,0);}
}

.hero h1{
font-size:34px;
margin-bottom:10px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* HERO → BRAND FADE */

.hero::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:160px;
background:linear-gradient(to bottom,transparent,var(--bg-dark));
z-index:2;
}

/* BUTTON */

.button{

display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;

min-height:46px;
padding:12px 24px;

font-size:14px;

border-radius:999px;

background:
linear-gradient(90deg,rgba(156,77,255,.95),rgba(77,163,255,.95),rgba(0,234,255,.95));

color:white;
text-decoration:none;
font-weight:600;
letter-spacing:.01em;
border:1px solid rgba(255,255,255,.18);

box-shadow:
0 14px 34px rgba(77,163,255,.24),
inset 0 1px 0 rgba(255,255,255,.18);

position:relative;
overflow:hidden;

transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
isolation:isolate;
cursor:pointer;
}

.button i,
.button svg{
width:18px;
height:18px;
flex:0 0 auto;
}

.button::after{

content:"";

position:absolute;

inset:-40% -20%;

background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 42%,transparent 62%);

transform:translateX(-120%);

transition:transform .6s ease;
z-index:-1;
}

.button:hover{

transform:translateY(-3px);
border-color:rgba(255,255,255,.34);

box-shadow:

0 0 28px rgba(77,163,255,.58),
0 0 58px rgba(156,77,255,.34),
inset 0 1px 0 rgba(255,255,255,.22);

}

.button:hover::after{
transform:translateX(120%);
}

.button:active{
transform:scale(.97);
}

.button-premium{
text-transform:none;
}

.button-ghost{
background:rgba(255,255,255,.05);
border-color:rgba(255,255,255,.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.24);
}

.button-ghost:hover{
background:rgba(77,163,255,.12);
}

/* BRAND SLIDER */

.brand-slider{

padding:60px 0;

background:radial-gradient(circle at center,rgba(77,163,255,.08),transparent 70%);

border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.05);

overflow:hidden;
}

.brand-marquee{
display:flex;
width:max-content;
animation:marquee 30s linear infinite;
}

.brand-group{
display:flex;
gap:70px;
padding-right:70px;
}

.brand-group img{
height:30px;
width:auto;
max-width:120px;
filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(77,163,255,.25));
opacity:.7;
transition:.3s;
}

.brand-group img:hover{
opacity:1;
transform:scale(1.15);
}

@keyframes marquee{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* TRUST */

.trust{
padding:60px 0;
}

.trust-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.trust-item{

background:linear-gradient(145deg,#0b0b12,#07070c);

padding:35px;
border-radius:16px;

text-align:center;

border:1px solid rgba(255,255,255,.05);

position:relative;
overflow:hidden;

transition:.35s;
}

.trust-item:hover{

transform:translateY(-8px);

box-shadow:

0 0 35px rgba(156,77,255,.35),
0 0 70px rgba(77,163,255,.25),
0 0 110px rgba(255,60,60,.2);

}

.trust-item h3{
font-size:34px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* SERVICES */

.features{
padding:100px 0;
text-align:center;
}

.features-title{

margin-bottom:50px;

font-size:34px;

background:var(--gradient-main);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.features-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

width:100%;

}

/* SERVICE CARD */

.feature{

background:linear-gradient(145deg,#0c0c14,#07070c);

padding:38px;

border-radius:18px;

border:1px solid rgba(255,255,255,.06);

opacity:0;

transform:translateY(40px);

transition:.45s;

position:relative;

overflow:hidden;

}

/* AMBIENT OUTER GLOW */

.feature::before{

content:"";

position:absolute;

bottom:-60px;
left:50%;

transform:translateX(-50%);

width:120%;
height:120%;

background:radial-gradient(
circle,
rgba(77,163,255,.35),
rgba(156,77,255,.25),
transparent 70%
);

filter:blur(40px);

opacity:.8;

}

/* HOVER LIGHT */

/* ================= CARD LIGHT SWEEP ================= */

.feature{

background:linear-gradient(145deg,#0c0c14,#07070c);

position:relative;

overflow:hidden;

}

/* DELAY FOR NATURAL EFFECT */

.feature:nth-child(2)::after{
animation-delay:1.5s;
}

.feature:nth-child(3)::after{
animation-delay:3s;
}

.feature:nth-child(4)::after{
animation-delay:4.5s;
}

.feature:nth-child(5)::after{
animation-delay:6s;
}

.feature.show{
opacity:1;
transform:translateY(0);
}

.feature:hover{

transform:translateY(-8px);

border-color:rgba(77,163,255,.4);

box-shadow:

0 15px 50px rgba(0,0,0,.7),
0 0 35px rgba(77,163,255,.25);

}

/* SERVICE ICON */

.service-icon{
width:42px;
height:42px;
margin-bottom:18px;
color:#4da3ff;
filter:drop-shadow(0 0 10px rgba(77,163,255,.45));
}

/* STANDORTE */

.standorte{
padding:70px 0;
text-align:center;
}

.standorte h2{
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.standorte li{
list-style:none;
margin:10px 0;
}

/* WHATSAPP */

.whatsapp-btn{

position:fixed;

right:max(18px,calc(18px + env(safe-area-inset-right)));
bottom:calc(22px + env(safe-area-inset-bottom));

width:56px;
height:56px;

background:#25D366;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

z-index:10050;

box-shadow:
0 18px 38px rgba(0,0,0,.45),
0 0 24px rgba(37,211,102,.58),
inset 0 1px 0 rgba(255,255,255,.24);
transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;
will-change:transform;
}

.whatsapp-btn:hover{
transform:translateY(-3px) scale(1.04);
box-shadow:
0 22px 44px rgba(0,0,0,.55),
0 0 34px rgba(37,211,102,.72),
inset 0 1px 0 rgba(255,255,255,.3);
}

.whatsapp-btn svg{
width:30px;
height:30px;
fill:#fff;
display:block;
}

.whatsapp-inline-icon{
width:20px;
height:20px;
fill:currentColor;
flex:0 0 auto;
}

/* SCROLL BUTTON */

.scroll-top{

position:fixed;

right:max(22px,calc(22px + env(safe-area-inset-right)));
bottom:calc(92px + env(safe-area-inset-bottom));

width:48px;
height:48px;

background:var(--gradient-main);

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

opacity:0;
pointer-events:none;
transform:translateY(8px);

z-index:10049;
color:#fff;
font-size:22px;
font-weight:800;
line-height:1;
box-shadow:
0 16px 36px rgba(0,0,0,.46),
0 0 26px rgba(77,163,255,.42),
inset 0 1px 0 rgba(255,255,255,.22);
cursor:pointer;
transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease;
}

.scroll-top.show{
opacity:1;
pointer-events:auto;
transform:translateY(-2px);
box-shadow:
0 20px 44px rgba(0,0,0,.56),
0 0 34px rgba(156,77,255,.5),
inset 0 1px 0 rgba(255,255,255,.28);
}

/* MOBILE */

@media(max-width:768px){

.nav{

position:absolute;

top:70px;
right:0;

background:#050505;

flex-direction:column;

padding:20px;

opacity:0;

transform:translateY(-10px);

pointer-events:none;

transition:.25s;
}

.nav.active{

opacity:1;

transform:translateY(0);

pointer-events:auto;
}

.menu-toggle{
display:flex;
}

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

.hero h1{
font-size:26px;
}

}

@media(max-width:768px) and (orientation:portrait){

.hero{
min-height:auto;
display:flex;
align-items:flex-start;
justify-content:center;
padding:186px 0 12px;
background:#050505 url("../images/hero-mobile-optimized.jpg") center top/contain no-repeat;
}

.hero::before{
content:"";
position:absolute;
inset:-24px;
background:url("../images/hero-mobile-optimized.jpg") center top/cover no-repeat;
filter:blur(24px) saturate(135%);
opacity:.72;
transform:scale(1.08);
z-index:0;
}

.hero-img{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:auto;
aspect-ratio:16/9;
object-fit:contain;
object-position:center center;
transform:none !important;
filter:saturate(112%) contrast(104%);
-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.15) 94%,transparent 100%);
mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.15) 94%,transparent 100%);
z-index:1;
}

.hero-overlay{
display:block;
background:
linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 24%,rgba(0,0,0,.22) 54%,rgba(0,0,0,.76)),
radial-gradient(circle at 52% 30%,rgba(77,163,255,.22),transparent 55%),
radial-gradient(circle at 45% 60%,rgba(156,77,255,.18),transparent 58%);
z-index:2;
}

.hero-light{
display:none;
}

.hero-content{
width:calc(100% - 34px);
max-width:350px;
padding:16px 14px 14px;
gap:12px;
margin:0 auto;
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
background:
linear-gradient(180deg,rgba(13,15,30,.64),rgba(4,5,12,.42)),
radial-gradient(circle at 50% 0%,rgba(77,163,255,.14),transparent 58%);
-webkit-backdrop-filter:blur(18px) saturate(150%);
backdrop-filter:blur(18px) saturate(150%);
box-shadow:
0 24px 72px rgba(0,0,0,.52),
inset 0 1px 0 rgba(255,255,255,.08),
0 0 44px rgba(77,163,255,.16);
}

.hero h1{
font-size:23px;
line-height:1.16;
max-width:340px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}

.hero p{
max-width:340px;
margin-left:auto;
margin-right:auto;
font-size:15px;
line-height:1.32;
}

.hero::after{
height:95px;
bottom:-1px;
background:linear-gradient(to bottom,transparent 0%,rgba(5,5,5,.78) 58%,#050505 100%);
z-index:3;
pointer-events:none;
}

.hero-logo img{
width:170px;
max-width:62%;
}

.hero-content > .hero#start{
display:none;
}

.car-slider{
padding-top:14px;
background:linear-gradient(to bottom,#050505 0%,#07070d 100%);
}

.features-title{
font-size:28px;
line-height:1.12;
}

}
/* WHATSAPP FORM */

.kontakt-formular{

padding:90px 0;
text-align:center;

}

.kontakt-formular form{

display:flex;
flex-direction:column;
gap:15px;
max-width:520px;
margin:auto;

}

.kontakt-formular input,
.kontakt-formular textarea{

padding:14px;

background:#0c0c14;

border:1px solid rgba(255,255,255,.08);

border-radius:10px;

color:white;

font-family:inherit;

font-size:16px;

}



.kontakt-formular textarea{

min-height:120px;
resize:none;

}
/* HERO LOGO */

.hero-logo{

display:flex;
justify-content:center;
align-items:center;

}

.hero-logo img{

width:260px;
max-width:80%;
height:auto;

filter:drop-shadow(0 0 20px rgba(77,163,255,.4));

transition:.4s;

}

/* Landscape Fix */

@media (max-height:500px){

.hero-logo img{
width:140px;
}

.hero{
min-height:45vh;
}

.hero h1{
font-size:20px;
}

}

.hero-logo img:hover{

transform:scale(1.05);

filter:drop-shadow(0 0 30px rgba(77,163,255,.6));

}
/* ================= STANDORTE BOX ================= */

.standorte{

padding:100px 0;
text-align:center;

}

.standorte-box{

margin-top:50px;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

gap:20px;

max-width:900px;

margin-left:auto;
margin-right:auto;

}

.standort-item{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

padding:18px 20px;

border-radius:14px;

background:linear-gradient(145deg,#0c0c14,#07070c);

border:1px solid rgba(255,255,255,.05);

font-size:16px;

transition:.35s;

position:relative;

overflow:hidden;

}

/* GLOW */

.standort-item::before{

content:"";

position:absolute;

bottom:-40px;
left:50%;

transform:translateX(-50%);

width:140%;
height:100px;

background:radial-gradient(
circle,
rgba(77,163,255,.35),
rgba(156,77,255,.25),
transparent 70%
);

filter:blur(35px);

}

.standort-item i{

width:22px;
height:22px;

color:#4da3ff;

filter:drop-shadow(0 0 10px rgba(77,163,255,.6));

}

.standort-item:hover{

transform:translateY(-6px);

border-color:#4da3ff;

box-shadow:

0 0 25px rgba(77,163,255,.25),
0 0 50px rgba(156,77,255,.2);

}
/* ================= CAR SLIDER ================= */

.car-slider{

padding:70px 0;

}

.car-slider-wrapper{

position:relative;

height:clamp(390px,40vw,560px);

border-radius:20px;

overflow:hidden;

background:
linear-gradient(135deg,rgba(7,10,20,.96),rgba(10,4,22,.92)),
#050509;

box-shadow:
0 30px 80px rgba(0,0,0,.8);

}

.car-slide{

position:absolute;

inset:0;

opacity:0;

transition:opacity .8s ease;

overflow:hidden;

}

.car-slide.active{
opacity:1;
}

.car-slide::before{
content:"";
position:absolute;
inset:-44px;
z-index:0;
background-image:var(--slide-image);
background-size:cover;
background-position:center;
filter:blur(28px) saturate(1.12);
opacity:.58;
transform:scale(1.08);
}

.car-slide::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(90deg,rgba(156,77,255,.16),transparent 26%,transparent 74%,rgba(0,234,255,.14)),
linear-gradient(180deg,rgba(0,0,0,.08),transparent 48%,rgba(0,0,0,.42));
pointer-events:none;
}

.car-slide img{

width:100%;
height:100%;

object-fit:cover;
object-position:center;
position:relative;
z-index:2;
display:block;

}

.car-slide-contain img{

width:auto;
height:100%;
max-width:100%;
max-height:100%;
margin:auto;
object-fit:contain;
padding:0;
filter:drop-shadow(0 22px 36px rgba(0,0,0,.5));
-webkit-mask-image:
linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),
linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
-webkit-mask-composite:source-in;
mask-image:
linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),
linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
mask-composite:intersect;

}

.car-slide-contain::before{
filter:blur(34px) saturate(1.18);
opacity:.76;
transform:scale(1.12);
}

.car-slide-contain::after{
background:
linear-gradient(90deg,rgba(156,77,255,.34),rgba(156,77,255,.08) 24%,transparent 42%,transparent 58%,rgba(0,234,255,.08) 76%,rgba(0,234,255,.32)),
linear-gradient(180deg,rgba(5,5,9,.18),transparent 38%,rgba(5,5,9,.5)),
radial-gradient(circle at 14% 50%,rgba(156,77,255,.22),transparent 34%),
radial-gradient(circle at 86% 50%,rgba(0,234,255,.2),transparent 34%);
}

/* DOTS */

.car-slider-dots{

display:flex;

justify-content:center;

gap:10px;

margin-top:15px;

}

.car-dot{

width:10px;
height:10px;

border-radius:50%;

background:#555;

cursor:pointer;

}

.car-dot.active{
background:#4da3ff;
}

/* MOBILE */

@media(max-width:768px){

.car-slider-wrapper{
height:clamp(230px,58vw,330px);
}

}

/* ================= BEWERTUNGEN ================= */

.bewertungen{

padding:100px 0;

text-align:center;

}

.bewertungen-grid{

margin-top:50px;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

}

.bewertung-card{

background:linear-gradient(145deg,#0c0c14,#07070c);

padding:30px;

border-radius:16px;

border:1px solid rgba(255,255,255,.05);

transition:.35s;

position:relative;

overflow:hidden;

}

/* GLOW */

.bewertung-card::before{

content:"";

position:absolute;

bottom:-50px;
left:50%;

transform:translateX(-50%);

width:150%;
height:120px;

background:radial-gradient(
circle,
rgba(77,163,255,.35),
rgba(156,77,255,.25),
transparent 70%
);

filter:blur(35px);

}

.bewertung-card:hover{

transform:translateY(-8px);

box-shadow:

0 0 35px rgba(77,163,255,.25),
0 0 60px rgba(156,77,255,.2);

}

.stars{

display:flex;

justify-content:center;

gap:6px;

margin-bottom:15px;

}

.stars i{

width:18px;
height:18px;

color:#facc15;

}

.bewertung-card p{

font-size:15px;

color:#ccc;

margin-bottom:15px;

}

.kunde{

font-size:14px;

color:#4da3ff;

font-weight:600;

}
/* ================= ÜBER UNS ================= */

.about-performance{

padding:100px 0;

text-align:center;

}

.about-intro{

max-width:800px;

margin:20px auto;

color:#ccc;

line-height:1.6;

}

.about-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

margin-top:50px;

}

.about-box{

background:linear-gradient(145deg,#0c0c14,#07070c);

padding:35px;

border-radius:18px;

border:1px solid rgba(255,255,255,.05);

text-align:left;

position:relative;

overflow:hidden;

transition:.35s;

}

.about-box::before{

content:"";

position:absolute;

bottom:-60px;
left:50%;

transform:translateX(-50%);

width:150%;
height:120px;

background:radial-gradient(
circle,
rgba(77,163,255,.35),
rgba(156,77,255,.25),
transparent 70%
);

filter:blur(35px);

}

.about-box:hover{

transform:translateY(-8px);

box-shadow:

0 0 35px rgba(77,163,255,.25),
0 0 60px rgba(156,77,255,.2);

}

.about-box h3{

margin-bottom:20px;

font-size:20px;

}

.about-box ul{

list-style:none;

padding:0;

}

.about-box li{

margin-bottom:10px;

color:#ccc;

font-size:14px;

}

.about-standorte{

margin-top:60px;

color:#ccc;

}

.about-hinweis{

margin-top:30px;

color:#4da3ff;

font-weight:600;

}
/* INTRO LOADER */

#intro-loader{
position:fixed;
inset:0;

display:flex;
align-items:center;
justify-content:center;

background:#050505;

z-index:9999;
animation:introLoaderFallback 3.2s ease forwards;
}

.intro-logo img{

width:220px;
max-width:80%;

opacity:0;

transform:scale(.7);

animation:introLogo 2.5s ease forwards;

filter:drop-shadow(0 0 25px rgba(77,163,255,.6));

}

@keyframes introLogo{

0%{
opacity:0;
transform:scale(.6);
}

50%{
opacity:1;
transform:scale(1.1);
}

100%{
opacity:1;
transform:scale(1);
}

}

/* LOADER HIDE */

#intro-loader.hide{

opacity:0;
visibility:hidden;
pointer-events:none;

}

@keyframes introLoaderFallback{
0%,75%{
opacity:1;
visibility:visible;
}
100%{
opacity:0;
visibility:hidden;
pointer-events:none;
}
}
/* COOKIE BANNER */

#cookie-banner{

position:fixed;
bottom:20px;
left:50%;

transform:translateX(-50%);

width:90%;
max-width:500px;
box-sizing:border-box;

background:#0c0c14;

padding:20px;

border-radius:14px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 20px 60px rgba(0,0,0,.6);

z-index:9999;

display:flex;
flex-direction:column;
gap:15px;

text-align:center;

}

.cookie-buttons{

display:flex;
gap:10px;
justify-content:center;

}

.cookie-buttons button{

padding:10px 18px;

border:none;

border-radius:8px;

cursor:pointer;

font-weight:600;

}

#accept-cookies{

background:linear-gradient(90deg,#9c4dff,#4da3ff,#00eaff);
color:white;

}

#decline-cookies{

background:#222;
color:white;

}

@media(max-width:768px){

#cookie-banner{
bottom:calc(12px + env(safe-area-inset-bottom));
width:calc(100% - 32px);
max-width:500px;
padding:18px 14px;
}

}

img{
max-width:100%;
height:auto;
}

.logo{
text-decoration:none;
color:white;
}

.eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:#4da3ff;
}

.about-actions{
margin-top:28px;
}

/* ================= SOFTWARE KONFIGURATOR ================= */

.tuning-page{
background:
radial-gradient(circle at 15% 8%,rgba(156,77,255,.16),transparent 32%),
radial-gradient(circle at 85% 14%,rgba(0,234,255,.14),transparent 34%),
#050505;
}

.tuning-hero{
position:relative;
overflow:hidden;
padding:86px 0 64px;
border-bottom:1px solid rgba(255,255,255,.06);
}

.tuning-hero::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.68),rgba(5,5,5,.94)),
url("../images/hero-optimized.jpg") center/cover no-repeat;
opacity:.9;
z-index:0;
}

.tuning-hero::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:120px;
background:linear-gradient(to bottom,transparent,#050505);
z-index:1;
}

.tuning-hero-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
gap:40px;
align-items:center;
}

.tuning-hero-copy h1{
font-size:clamp(34px,5vw,66px);
line-height:1.02;
max-width:820px;
margin:16px 0 18px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.tuning-hero-copy p{
max-width:720px;
color:#ddd;
font-size:18px;
line-height:1.65;
}

.tuning-hero-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:30px;
}

.tuning-hero-panel,
.tuning-form-panel,
.tuning-result-panel,
.tuning-process-grid > div{
border:1px solid rgba(255,255,255,.1);
background:
linear-gradient(180deg,rgba(15,17,34,.76),rgba(6,7,14,.58)),
radial-gradient(circle at top,rgba(77,163,255,.13),transparent 58%);
box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);
}

.tuning-hero-panel{
border-radius:18px;
padding:26px;
display:grid;
gap:14px;
-webkit-backdrop-filter:blur(18px);
backdrop-filter:blur(18px);
}

.tuning-type-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}

.tuning-type-card{
position:relative;
min-width:0;
min-height:116px;
padding:14px 10px 12px;
display:grid;
place-items:center;
gap:6px;
border:1px solid rgba(77,163,255,.18);
border-radius:8px;
background:
linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
linear-gradient(145deg,rgba(12,15,31,.92),rgba(5,7,16,.72));
color:#fff;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 42px rgba(0,0,0,.28);
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.tuning-type-card::after{
content:"";
position:absolute;
inset:auto 12px 10px;
height:2px;
border-radius:99px;
background:var(--gradient-main);
opacity:0;
box-shadow:0 0 18px rgba(77,163,255,.55);
transition:opacity .22s ease;
}

.tuning-type-card img{
width:54px;
height:54px;
object-fit:contain;
filter:drop-shadow(0 0 18px rgba(77,163,255,.32));
}

.tuning-type-card span{
font-size:14px;
font-weight:800;
letter-spacing:.04em;
}

.tuning-type-card small{
font-size:10px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
color:#9aa3b8;
}

.tuning-type-card:hover,
.tuning-type-card.is-active{
transform:translateY(-2px);
border-color:rgba(0,234,255,.58);
background:
linear-gradient(145deg,rgba(77,163,255,.18),rgba(156,77,255,.16)),
linear-gradient(145deg,#101322,#060711);
box-shadow:0 22px 54px rgba(0,0,0,.4),0 0 34px rgba(77,163,255,.2),inset 0 1px 0 rgba(255,255,255,.12);
}

.tuning-type-card.is-active::after{
opacity:1;
}

.tuning-live-badge{
display:flex;
align-items:center;
gap:12px;
padding:14px 16px;
border-radius:14px;
background:rgba(0,0,0,.28);
border:1px solid rgba(255,255,255,.08);
}

.tuning-live-badge span{
width:10px;
height:10px;
border-radius:50%;
background:#777;
box-shadow:0 0 0 0 rgba(77,163,255,.0);
}

.tuning-live-badge strong{
font-size:14px;
color:#d7d7df;
}

.tuning-live-badge .is-ready,
#tuning-db-status.is-ready{
color:#72f5ff;
}

.tuning-live-badge:has(.is-ready) span{
background:#00eaff;
box-shadow:0 0 22px rgba(0,234,255,.9);
}

.tuning-mini-spec{
display:flex;
justify-content:space-between;
gap:16px;
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}

.tuning-mini-spec:last-child{
border-bottom:0;
}

.tuning-mini-spec span{
color:#8f96a8;
font-size:13px;
}

.tuning-mini-spec strong{
font-size:14px;
text-align:right;
overflow-wrap:anywhere;
}

.tuning-configurator{
padding:80px 0;
background:linear-gradient(to bottom,#050505 0%,#07080f 100%);
}

.tuning-config-grid{
display:grid;
grid-template-columns:360px minmax(0,1fr);
gap:28px;
align-items:start;
}

.tuning-config-grid.tuning-result-only{
grid-template-columns:minmax(0,1fr);
max-width:1040px;
}

.tuning-form-panel,
.tuning-result-panel{
position:relative;
overflow:hidden;
border-radius:18px;
padding:28px;
border:1px solid rgba(77,163,255,.18);
background:
radial-gradient(circle at 12% 0%,rgba(156,77,255,.15),transparent 32%),
linear-gradient(145deg,rgba(12,15,31,.88),rgba(5,7,16,.76));
box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
backdrop-filter:blur(18px);
}

.tuning-form-panel::before,
.tuning-result-panel::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(120deg,rgba(0,234,255,.12),transparent 28%,rgba(156,77,255,.09) 72%,transparent);
opacity:.55;
}

.tuning-form-panel > *,
.tuning-result-panel > *{
position:relative;
z-index:1;
}

.tuning-form-panel{
position:sticky;
top:94px;
}

.tuning-panel-head h2,
.tuning-result-head h2{
font-size:30px;
margin:10px 0 8px;
}

.tuning-panel-head p,
.tuning-result-head p,
.tuning-result-type,
.tuning-empty p,
.tuning-detail-panel p,
.tuning-disclaimer,
.tuning-note,
.tuning-process-grid p{
color:#b9bdc9;
line-height:1.58;
}

.tuning-select-grid{
display:grid;
gap:15px;
margin-top:24px;
}

.tuning-select-grid label{
display:grid;
gap:8px;
text-align:left;
}

.tuning-select-grid label span{
font-size:13px;
font-weight:700;
color:#e8ecff;
}

.tuning-select-grid select{
width:100%;
min-height:48px;
border-radius:12px;
border:1px solid rgba(255,255,255,.12);
background:linear-gradient(180deg,rgba(12,16,31,.96),rgba(6,7,15,.96));
color:white;
padding:0 14px;
font-family:inherit;
font-size:14px;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.tuning-select-grid select:disabled{
opacity:.5;
cursor:not-allowed;
}

.tuning-select-grid select:focus{
border-color:#4da3ff;
box-shadow:0 0 0 3px rgba(77,163,255,.16);
}

.tuning-select-grid select:not(:disabled):hover{
border-color:rgba(0,234,255,.38);
box-shadow:0 0 22px rgba(0,234,255,.08), inset 0 1px 0 rgba(255,255,255,.06);
}

.tuning-selection-summary{
margin:22px 0;
padding:16px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
display:grid;
gap:5px;
}

.tuning-selection-summary strong{
color:white;
}

.tuning-selection-summary span{
color:#9ca3b4;
font-size:13px;
}

.tuning-selection-summary em,
.tuning-result-type{
width:max-content;
max-width:100%;
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
border:1px solid rgba(0,234,255,.22);
background:rgba(77,163,255,.08);
color:#8ff5ff;
font-size:11px;
font-style:normal;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}

.tuning-full-button{
width:100%;
}

.tuning-disclaimer{
font-size:12px;
margin-top:18px;
}

.tuning-result-panel{
min-height:560px;
}

.tuning-empty{
min-height:420px;
display:grid;
place-items:center;
align-content:center;
gap:16px;
text-align:center;
}

.tuning-empty svg{
width:54px;
height:54px;
color:#4da3ff;
filter:drop-shadow(0 0 22px rgba(77,163,255,.45));
}

.tuning-result-head{
display:flex;
justify-content:space-between;
gap:20px;
align-items:flex-start;
margin-bottom:24px;
}

.tuning-result-side{
display:flex;
align-items:center;
justify-content:flex-end;
gap:16px;
flex-wrap:wrap;
min-width:314px;
}

.tuning-result-logo{
position:relative;
overflow:hidden;
width:160px;
height:102px;
display:grid;
place-items:center;
padding:12px;
box-sizing:border-box;
border-radius:18px;
border:1px solid rgba(0,234,255,.46);
background:
radial-gradient(circle at 12% -10%,rgba(0,234,255,.18),transparent 46%),
radial-gradient(circle at 100% 110%,rgba(156,77,255,.2),transparent 50%),
radial-gradient(circle at 50% 48%,rgba(255,255,255,.055),transparent 42%),
linear-gradient(145deg,rgba(2,4,12,.99),rgba(8,13,27,.98) 52%,rgba(14,9,31,.99));
box-shadow:
0 22px 54px rgba(0,0,0,.52),
0 0 34px rgba(0,234,255,.2),
inset 0 1px 0 rgba(255,255,255,.14),
inset 0 -1px 0 rgba(0,234,255,.18);
isolation:isolate;
}

.tuning-result-logo::before{
content:"";
position:absolute;
inset:8px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
radial-gradient(circle at 50% 50%,rgba(255,255,255,.045),transparent 60%);
box-shadow:inset 0 0 22px rgba(0,234,255,.08);
z-index:0;
}

.tuning-result-logo img{
position:relative;
z-index:1;
display:block;
max-width:92%;
max-height:76px;
object-fit:contain;
transform:none;
filter:saturate(1.16) contrast(1.16) brightness(1.1) drop-shadow(0 10px 14px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(0,234,255,.12));
}

.tuning-gain-pill{
min-width:126px;
min-height:102px;
padding:16px;
border-radius:16px;
text-align:center;
display:grid;
align-content:center;
background:linear-gradient(180deg,rgba(0,234,255,.18),rgba(156,77,255,.16));
border:1px solid rgba(255,255,255,.1);
}

.tuning-gain-pill span{
display:block;
font-size:12px;
color:#b6bdcf;
}

.tuning-gain-pill strong{
display:block;
font-size:26px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.tuning-stage-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.tuning-stage-card{
position:relative;
overflow:hidden;
appearance:none;
border:1px solid rgba(255,255,255,.1);
background:
radial-gradient(circle at 16% 0%,rgba(77,163,255,.12),transparent 30%),
rgba(255,255,255,.04);
color:white;
border-radius:16px;
padding:18px;
text-align:left;
font-family:inherit;
cursor:pointer;
display:grid;
gap:7px;
min-height:166px;
transition:.25s ease;
}

.tuning-stage-card span{
font-size:13px;
color:#aab2c4;
font-weight:700;
}

.tuning-stage-card strong{
font-size:30px;
line-height:1;
}

.tuning-stage-card b{
position:absolute;
top:14px;
right:14px;
padding:6px 9px;
border-radius:999px;
background:linear-gradient(90deg,rgba(156,77,255,.34),rgba(0,234,255,.28));
border:1px solid rgba(0,234,255,.36);
color:#e8fbff;
font-size:11px;
line-height:1;
box-shadow:0 0 18px rgba(0,234,255,.16);
}

.tuning-stage-card mark{
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
background:linear-gradient(90deg,rgba(156,77,255,.34),rgba(0,234,255,.26));
border:1px solid rgba(0,234,255,.32);
color:#f8feff;
font-size:11px;
font-weight:900;
line-height:1;
box-shadow:0 0 18px rgba(0,234,255,.12);
}

.tuning-stage-card small,
.tuning-stage-card em,
.tuning-stage-card i{
font-style:normal;
color:#b9bdc9;
font-size:13px;
}

.tuning-stage-card.active,
.tuning-stage-card:hover{
transform:translateY(-3px);
border-color:rgba(77,163,255,.55);
box-shadow:0 0 34px rgba(77,163,255,.18);
background:linear-gradient(180deg,rgba(77,163,255,.16),rgba(156,77,255,.12));
}

.tuning-stage-card:focus-visible,
.tuning-stage-hint:focus-visible,
.tuning-addon-notice:focus-visible,
.tuning-addon-card:focus-visible{
outline:2px solid rgba(0,234,255,.78);
outline-offset:3px;
}

.tuning-stage-card:disabled{
cursor:not-allowed;
opacity:.62;
transform:none;
box-shadow:none;
}

.tuning-addon-notice{
width:100%;
min-height:72px;
margin:0 0 16px;
padding:14px 16px;
border:1px solid rgba(0,234,255,.38);
border-radius:16px;
background:
radial-gradient(circle at 12% 50%,rgba(0,234,255,.24),transparent 32%),
linear-gradient(100deg,rgba(77,163,255,.18),rgba(156,77,255,.2));
color:white;
font-family:inherit;
display:grid;
grid-template-columns:34px 1fr;
align-items:center;
gap:13px;
text-align:left;
cursor:pointer;
box-shadow:0 0 36px rgba(0,234,255,.13), inset 0 1px 0 rgba(255,255,255,.1);
transition:.22s ease;
}

.tuning-addon-notice svg{
width:26px;
height:26px;
color:#00eaff;
filter:drop-shadow(0 0 12px rgba(0,234,255,.6));
}

.tuning-addon-notice span{
display:grid;
gap:4px;
}

.tuning-addon-notice strong{
font-size:17px;
line-height:1.15;
}

.tuning-addon-notice small{
color:#c8eaff;
font-size:13px;
line-height:1.35;
}

.tuning-addon-notice:hover{
transform:translateY(-2px);
border-color:rgba(0,234,255,.65);
box-shadow:0 0 42px rgba(0,234,255,.2), inset 0 1px 0 rgba(255,255,255,.12);
}

.tuning-stage-hint{
width:100%;
min-height:52px;
margin-top:14px;
border-radius:14px;
border:1px solid rgba(0,234,255,.24);
background:
linear-gradient(90deg,rgba(77,163,255,.13),rgba(156,77,255,.14)),
rgba(255,255,255,.035);
color:#f3fbff;
font-family:inherit;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
box-shadow:0 0 28px rgba(77,163,255,.12), inset 0 1px 0 rgba(255,255,255,.07);
transition:.22s ease;
}

.tuning-stage-hint svg{
width:18px;
height:18px;
color:#00eaff;
filter:drop-shadow(0 0 10px rgba(0,234,255,.5));
}

.tuning-stage-hint:hover{
transform:translateY(-2px);
border-color:rgba(0,234,255,.52);
box-shadow:0 0 38px rgba(0,234,255,.15), inset 0 1px 0 rgba(255,255,255,.09);
}

.tuning-performance-chart{
margin:24px 0;
padding:22px;
border-radius:18px;
border:1px solid rgba(77,163,255,.22);
background:
radial-gradient(circle at 14% 0%,rgba(0,234,255,.16),transparent 34%),
linear-gradient(145deg,rgba(13,18,37,.86),rgba(7,8,18,.78));
box-shadow:0 0 40px rgba(77,163,255,.1), inset 0 1px 0 rgba(255,255,255,.08);
}

.tuning-chart-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:18px;
}

.tuning-chart-head h3{
font-size:24px;
margin:6px 0 0;
}

.tuning-chart-head p{
max-width:420px;
margin:0;
color:#b9bdc9;
font-size:13px;
line-height:1.45;
}

.tuning-chart-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.tuning-chart-card{
padding:16px;
border-radius:16px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.08);
}

.tuning-chart-title{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
margin-bottom:14px;
}

.tuning-chart-title span{
color:white;
font-weight:900;
}

.tuning-chart-title strong{
padding:5px 8px;
border-radius:999px;
background:rgba(0,234,255,.12);
border:1px solid rgba(0,234,255,.22);
color:#76f2ff;
font-size:11px;
}

.tuning-chart-lines{
display:grid;
gap:12px;
}

.tuning-chart-row{
display:grid;
grid-template-columns:72px minmax(0,1fr) 74px 48px;
align-items:center;
gap:10px;
font-size:12px;
color:#cbd0dc;
}

.tuning-chart-row > span{
font-weight:800;
color:#e8ecff;
}

.tuning-chart-track{
height:16px;
border-radius:999px;
overflow:hidden;
background:rgba(255,255,255,.08);
box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}

.tuning-chart-track i{
display:block;
width:var(--bar);
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#9c4dff,#4da3ff,#00eaff);
box-shadow:0 0 20px rgba(0,234,255,.24);
transform-origin:left center;
animation:tuningBarGrow .95s cubic-bezier(.2,.8,.2,1) both;
}

.tuning-chart-row[data-stage="stock"] .tuning-chart-track i{
background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(77,163,255,.7));
}

.tuning-chart-row[data-stage="stage2"] .tuning-chart-track i{
background:linear-gradient(90deg,#9c4dff,#4da3ff,#00eaff);
box-shadow:0 0 24px rgba(0,234,255,.34);
}

.tuning-chart-row strong{
color:white;
font-size:12px;
white-space:nowrap;
}

.tuning-chart-row em{
font-style:normal;
color:#76f2ff;
font-weight:900;
font-size:12px;
text-align:right;
}

@keyframes tuningBarGrow{
from{transform:scaleX(0);opacity:.45;}
to{transform:scaleX(1);opacity:1;}
}

.tuning-bars{
display:grid;
gap:13px;
margin:26px 0;
}

.tuning-bars div{
display:grid;
grid-template-columns:82px 76px 1fr;
gap:12px;
align-items:center;
font-size:13px;
color:#cbd0dc;
}

.tuning-bars i{
height:9px;
border-radius:999px;
background:
linear-gradient(90deg,#9c4dff,#4da3ff,#00eaff) left/var(--bar) 100% no-repeat,
rgba(255,255,255,.08);
box-shadow:0 0 22px rgba(77,163,255,.18);
}

.tuning-note{
padding:16px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
font-size:13px;
}

.tuning-action-row{
display:none;
margin-top:22px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.08);
}

.tuning-action-row.is-ready{
display:block;
}

.tuning-action-row .button{
justify-content:center;
min-height:54px;
box-shadow:0 0 32px rgba(0,234,255,.18);
}

.tuning-detail-panel{
margin-top:18px;
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);
gap:22px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.08);
}

.tuning-detail-panel h3{
font-size:28px;
margin:8px 0 10px;
}

.tuning-detail-panel dl{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.tuning-detail-panel dl div{
padding:14px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}

.tuning-detail-panel dt{
font-size:12px;
color:#8790a5;
margin-bottom:6px;
}

.tuning-detail-panel dd{
font-size:14px;
color:white;
}

.tuning-addons{
margin-top:22px;
padding:22px;
border-radius:18px;
border:1px solid rgba(77,163,255,.22);
background:
linear-gradient(135deg,rgba(77,163,255,.1),rgba(156,77,255,.12)),
rgba(5,7,16,.74);
box-shadow:0 0 38px rgba(77,163,255,.1);
}

.tuning-addons-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:18px;
margin-bottom:16px;
}

.tuning-addons-head h3{
font-size:24px;
margin:6px 0 0;
}

.tuning-addons-head p{
max-width:520px;
margin:0;
color:#b9bdc9;
font-size:14px;
line-height:1.55;
}

.tuning-addon-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.tuning-addon-card{
position:relative;
overflow:hidden;
appearance:none;
min-height:150px;
padding:20px;
border-radius:16px;
border:1px solid rgba(255,255,255,.1);
background:
radial-gradient(circle at 30% 12%,rgba(0,234,255,.18),transparent 34%),
linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
display:flex;
flex-direction:column;
justify-content:space-between;
gap:14px;
color:white;
font-family:inherit;
text-align:left;
cursor:pointer;
transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.tuning-addon-card::before{
content:"";
position:absolute;
top:16px;
right:16px;
width:20px;
height:20px;
border-radius:999px;
border:1px solid rgba(255,255,255,.2);
background:rgba(255,255,255,.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
z-index:2;
}

.tuning-addon-card::after{
content:"";
position:absolute;
inset:auto -20% -45% -20%;
height:80px;
background:linear-gradient(90deg,rgba(156,77,255,.2),rgba(0,234,255,.26));
filter:blur(24px);
opacity:.8;
}

.tuning-addon-card:hover,
.tuning-addon-card.is-selected{
transform:translateY(-3px);
border-color:rgba(0,234,255,.55);
background:
radial-gradient(circle at 30% 12%,rgba(0,234,255,.24),transparent 34%),
linear-gradient(180deg,rgba(77,163,255,.12),rgba(156,77,255,.12));
box-shadow:0 0 34px rgba(0,234,255,.14), inset 0 1px 0 rgba(255,255,255,.1);
}

.tuning-addon-card.is-selected::before{
border-color:rgba(0,234,255,.78);
background:radial-gradient(circle,#fff 0 25%,#00eaff 28% 62%,rgba(156,77,255,.86) 65%);
box-shadow:0 0 20px rgba(0,234,255,.35);
}

.tuning-addon-card svg{
position:relative;
z-index:1;
width:42px;
height:42px;
color:#00eaff;
filter:drop-shadow(0 0 14px rgba(0,234,255,.38));
}

.tuning-addon-card strong{
position:relative;
z-index:1;
font-size:18px;
line-height:1.2;
color:white;
}

.tuning-addon-card span{
position:relative;
z-index:1;
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
background:rgba(77,163,255,.12);
border:1px solid rgba(77,163,255,.24);
color:#76f2ff;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:0;
}

.tuning-addon-card.is-selected span{
background:linear-gradient(90deg,#9c4dff,#00eaff);
border-color:rgba(255,255,255,.18);
color:white;
box-shadow:0 0 20px rgba(0,234,255,.22);
}

.tuning-addons{
border-radius:14px;
border-color:rgba(255,255,255,.12);
background:
linear-gradient(180deg,rgba(8,11,23,.94),rgba(5,7,16,.9));
box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}

.tuning-addons-head{
align-items:flex-start;
padding-bottom:18px;
border-bottom:1px solid rgba(255,255,255,.08);
}

.tuning-addons-head h3{
font-size:20px;
letter-spacing:0;
}

.tuning-addon-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.tuning-addon-card{
min-height:0;
padding:15px 16px;
border-radius:12px;
border-color:rgba(255,255,255,.1);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:12px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.tuning-addon-card::before,
.tuning-addon-card::after{
display:none;
}

.tuning-addon-card svg{
width:24px;
height:24px;
color:#68d8ff;
filter:drop-shadow(0 0 10px rgba(0,234,255,.22));
}

.tuning-addon-copy{
position:relative;
z-index:1;
display:grid;
gap:3px;
min-width:0;
}

.tuning-addon-card strong{
font-size:15px;
line-height:1.2;
}

.tuning-addon-card em{
display:none;
}

.tuning-addon-card span{
padding:6px 9px;
font-size:10px;
border-color:rgba(104,216,255,.22);
background:rgba(104,216,255,.08);
color:#9cecff;
text-transform:none;
}

.tuning-addon-card:hover,
.tuning-addon-card.is-selected{
transform:none;
border-color:rgba(104,216,255,.5);
background:linear-gradient(180deg,rgba(77,163,255,.12),rgba(156,77,255,.08));
box-shadow:0 0 24px rgba(0,234,255,.1), inset 0 1px 0 rgba(255,255,255,.08);
}

.tuning-addon-card.is-diesel-option{
border-color:rgba(156,77,255,.28);
}

.tuning-addon-card.is-selected span{
background:rgba(0,234,255,.14);
border-color:rgba(0,234,255,.36);
color:#e9fbff;
box-shadow:0 0 16px rgba(0,234,255,.14);
}

.tuning-process{
padding:40px 0 80px;
}

.tuning-process-top{
padding:58px 0 46px;
background:linear-gradient(to bottom,#050505 0%,#07080f 100%);
}

.tuning-process-legacy{
display:none;
}

.tuning-process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}

.tuning-process-grid > div{
border-radius:16px;
padding:24px;
}

.tuning-process-grid svg{
width:30px;
height:30px;
color:#4da3ff;
margin-bottom:16px;
}

.tuning-process-grid h3{
font-size:17px;
margin-bottom:10px;
}

@media(max-width:920px){
.tuning-hero-inner,
.tuning-config-grid,
.tuning-detail-panel{
grid-template-columns:1fr;
}

.tuning-form-panel{
position:relative;
top:auto;
}

.tuning-process-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:768px){
.tuning-hero{
padding:24px 0 34px;
}

.tuning-hero-copy h1{
font-size:32px;
}

.tuning-hero-copy p{
font-size:15px;
}

.tuning-hero-panel{
order:-1;
}

.tuning-hero-actions{
display:none;
}

.tuning-hero-actions,
.tuning-stage-grid,
.tuning-detail-panel dl,
.tuning-addon-grid,
.tuning-process-grid{
grid-template-columns:1fr;
}

.tuning-addons{
padding:18px;
}

.tuning-addons-head{
display:grid;
}

.tuning-configurator{
padding:48px 0;
}

.tuning-form-panel,
.tuning-result-panel,
.tuning-hero-panel{
padding:20px;
border-radius:16px;
}

.tuning-result-head{
display:grid;
}

.tuning-result-side{
justify-content:flex-start;
display:grid;
grid-template-columns:minmax(128px,1fr) minmax(118px,1fr);
gap:12px;
width:100%;
min-width:0;
}

.tuning-result-logo{
width:100%;
height:88px;
padding:10px;
border-radius:16px;
}

.tuning-result-logo::before{
inset:7px;
border-radius:12px;
}

.tuning-result-logo img{
max-width:92%;
max-height:68px;
transform:none;
}

.tuning-gain-pill{
min-width:0;
min-height:88px;
padding:14px 10px;
}

.tuning-result-head h2{
font-size:28px;
overflow-wrap:anywhere;
}

.tuning-stage-grid{
display:grid;
}

.tuning-stage-card{
min-height:136px;
}

.tuning-stage-card mark{
font-size:10px;
}

.tuning-addon-notice{
grid-template-columns:28px 1fr;
padding:14px;
}

.tuning-addon-notice strong{
font-size:16px;
}

.tuning-addon-notice small{
font-size:12px;
}

.tuning-stage-hint{
min-height:auto;
padding:14px;
font-size:13px;
line-height:1.35;
text-align:center;
}

.tuning-performance-chart{
padding:18px;
}

.tuning-chart-head,
.tuning-chart-grid{
display:grid;
grid-template-columns:1fr;
}

.tuning-chart-row{
grid-template-columns:62px minmax(0,1fr) 70px;
gap:8px;
}

.tuning-chart-row em{
grid-column:2 / span 2;
text-align:left;
font-size:11px;
}

.tuning-action-row .button{
min-height:58px;
}

.tuning-addon-card{
min-height:0;
padding:12px;
grid-template-columns:28px minmax(0,1fr) auto;
gap:10px;
}

.tuning-addon-card strong{
font-size:15px;
}

.tuning-addon-card span{
grid-column:auto;
width:max-content;
padding:5px 8px;
font-size:10px;
}

.tuning-bars div{
grid-template-columns:70px 68px 1fr;
gap:8px;
}

.tuning-mini-spec{
display:grid;
justify-content:stretch;
gap:6px;
}

.tuning-mini-spec strong{
text-align:left;
}
}
.footer{
padding:40px 0;
text-align:center;
border-top:1px solid rgba(255,255,255,.05);
margin-top:80px;
}

.footer p{
color:#aaa;
font-size:14px;
margin:6px 0;
}

.footer-links{
margin-top:10px;
}

.footer-links a{
color:#4da3ff;
margin:0 10px;
text-decoration:none;
font-size:14px;
}

.footer-links a:hover{
text-decoration:underline;
}
/* ================= LEGAL PAGES ================= */

.legal-page{
padding:120px 0;
max-width:700px;
margin:auto;
text-align:left;
line-height:1.7;
}

.legal-card{
max-width:700px;
margin:auto;
line-height:1.8;
text-align:left;
}

.legal-card p{
margin-bottom:20px;
color:#ccc;
}

.back-home{
display:flex;
justify-content:center;
margin-top:40px;
}
.legal-card{
background:linear-gradient(145deg,#0c0c14,#07070c);
padding:40px;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
}
/* LEGAL PAGE FIX */

.legal-card{
opacity:1 !important;
transform:none !important;
}
/* ================= FAQ ================= */

.faq{
padding:100px 0;
}

.faq-item{
margin-bottom:15px;
border-radius:14px;
overflow:hidden;
background:linear-gradient(145deg,#0c0c14,#07070c);
border:1px solid rgba(255,255,255,.05);
}

.faq-question{

width:100%;
padding:18px 20px;

background:none;
border:none;

color:white;
font-size:16px;

text-align:left;
cursor:pointer;

font-weight:600;

}

.faq-answer{

padding:0 20px;
max-height:0;
overflow:hidden;

color:#ccc;
font-size:14px;

transition:max-height .35s ease;

}

.faq-item.active .faq-answer{

padding:20px;
max-height:200px;

}
/* ================= PERFORMANCE ================= */

.performance{
padding:100px 0;
text-align:center;
}

.performance-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

margin-top:50px;

}

.performance-card{

background:linear-gradient(145deg,#0c0c14,#07070c);

padding:35px;

border-radius:18px;

border:1px solid rgba(255,255,255,.05);

position:relative;

transition:.35s;

overflow:hidden;

}

.performance-card:hover{

transform:translateY(-8px);

box-shadow:

0 0 35px rgba(77,163,255,.25),
0 0 60px rgba(156,77,255,.2);

}

.performance-card h3{
margin-bottom:20px;
}

.power{

display:flex;

flex-direction:column;

font-size:14px;

color:#aaa;

}

.power strong{

font-size:22px;

color:white;

}

.power-arrow{

font-size:22px;

margin:10px 0;

color:#4da3ff;

}

.stage strong{
color:#4da3ff;
}

.gain{

margin-top:15px;

font-size:18px;

font-weight:700;

background:var(--gradient-main);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}
/* ================= WHY US ================= */

.why-us{
padding:100px 0;
text-align:center;
}

.why-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

gap:30px;

margin-top:50px;

}

.why-item{

background:linear-gradient(145deg,#0c0c14,#07070c);

padding:30px;

border-radius:16px;

border:1px solid rgba(255,255,255,.05);

transition:.35s;

}

.why-item:hover{

transform:translateY(-6px);

box-shadow:

0 0 35px rgba(77,163,255,.25),
0 0 60px rgba(156,77,255,.2);

}

.why-item h3{
margin-bottom:10px;
}

.why-item p{
color:#aaa;
font-size:14px;
}

/* ================= HOME VISUAL POLISH ================= */

.home-page{
background:
linear-gradient(90deg,rgba(77,163,255,.045) 1px,transparent 1px),
linear-gradient(180deg,rgba(156,77,255,.045),transparent 28%,rgba(77,163,255,.04) 62%,transparent),
var(--bg-dark);
background-size:92px 92px,100% 100%,auto;
}

.home-page .kontakt-formular,
.home-page .why-us,
.home-page .trust,
.home-page .performance,
.home-page .features,
.home-page .faq,
.home-page .bewertungen,
.home-page .standorte{
position:relative;
overflow:hidden;
}

.home-page .kontakt-formular::before,
.home-page .why-us::before,
.home-page .performance::before,
.home-page .features::before,
.home-page .faq::before,
.home-page .bewertungen::before,
.home-page .standorte::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(1180px,88vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(156,77,255,.42),rgba(77,163,255,.42),transparent);
pointer-events:none;
}

.home-page .kontakt-formular .container,
.home-page .why-us .container,
.home-page .trust .container,
.home-page .performance .container,
.home-page .features .container,
.home-page .faq .container,
.home-page .bewertungen .container,
.home-page .standorte .container{
position:relative;
z-index:1;
}

.home-page .car-slider{
padding:78px 0 62px;
position:relative;
}

.home-page .car-slider-wrapper{
border-radius:8px;
border:1px solid rgba(255,255,255,.12);
box-shadow:
0 32px 90px rgba(0,0,0,.78),
0 0 0 1px rgba(77,163,255,.08),
inset 0 1px 0 rgba(255,255,255,.12);
isolation:isolate;
}

.home-page .car-slider-wrapper::before{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(90deg,rgba(156,77,255,.18),transparent 24%,transparent 76%,rgba(77,163,255,.2)),
linear-gradient(180deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.38));
box-shadow:inset 0 0 70px rgba(0,0,0,.42);
}

.home-page .car-dot{
width:24px;
height:4px;
border-radius:999px;
background:rgba(255,255,255,.22);
box-shadow:0 0 14px rgba(77,163,255,.18);
}

.home-page .car-dot.active{
background:var(--gradient-main);
box-shadow:0 0 18px rgba(77,163,255,.55);
}

.home-page .brand-slider{
padding:46px 0;
background:
linear-gradient(90deg,rgba(156,77,255,.1),rgba(77,163,255,.08),rgba(0,234,255,.05)),
rgba(5,5,5,.54);
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(77,163,255,.08);
}

.home-page .brand-group img{
height:34px;
opacity:.82;
filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(77,163,255,.34));
}

.home-page .kontakt-formular form,
.home-page .why-item,
.home-page .trust-item,
.home-page .performance-card,
.home-page .about-box,
.home-page .feature,
.home-page .faq-item,
.home-page .bewertung-card,
.home-page .standort-item{
position:relative;
border-radius:8px;
background:
linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 34%,rgba(5,5,10,.88)),
linear-gradient(145deg,#0c0c14,#07070c);
border:1px solid rgba(255,255,255,.11);
box-shadow:
0 22px 55px rgba(0,0,0,.44),
inset 0 1px 0 rgba(255,255,255,.08),
inset 0 -1px 0 rgba(77,163,255,.08);
backdrop-filter:blur(16px);
isolation:isolate;
}

.home-page .kontakt-formular form::before,
.home-page .why-item::before,
.home-page .trust-item::before,
.home-page .performance-card::before,
.home-page .about-box::before,
.home-page .feature::before,
.home-page .faq-item::before,
.home-page .bewertung-card::before,
.home-page .standort-item::before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(135deg,rgba(255,255,255,.12),transparent 27%),
linear-gradient(100deg,transparent 0 62%,rgba(77,163,255,.1) 62% 63%,transparent 63%),
repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.026) 38px 39px);
opacity:.72;
pointer-events:none;
}

.home-page .kontakt-formular form::after,
.home-page .why-item::after,
.home-page .trust-item::after,
.home-page .performance-card::after,
.home-page .about-box::after,
.home-page .feature::after,
.home-page .bewertung-card::after,
.home-page .standort-item::after{
content:"";
position:absolute;
right:16px;
top:16px;
width:46px;
height:46px;
z-index:0;
border-top:1px solid rgba(77,163,255,.48);
border-right:1px solid rgba(156,77,255,.42);
opacity:.9;
pointer-events:none;
}

.home-page .kontakt-formular form > *,
.home-page .why-item > *,
.home-page .trust-item > *,
.home-page .performance-card > *,
.home-page .about-box > *,
.home-page .feature > *,
.home-page .faq-item > *,
.home-page .bewertung-card > *,
.home-page .standort-item > *{
position:relative;
z-index:1;
}

.home-page .why-item:hover,
.home-page .trust-item:hover,
.home-page .performance-card:hover,
.home-page .about-box:hover,
.home-page .feature:hover,
.home-page .faq-item:hover,
.home-page .bewertung-card:hover,
.home-page .standort-item:hover{
transform:translateY(-8px);
border-color:rgba(77,163,255,.46);
box-shadow:
0 26px 70px rgba(0,0,0,.58),
0 0 42px rgba(77,163,255,.22),
0 0 74px rgba(156,77,255,.16),
inset 0 1px 0 rgba(255,255,255,.12);
}

.home-page .kontakt-formular form{
max-width:640px;
padding:28px;
}

.home-page .kontakt-formular input,
.home-page .kontakt-formular textarea{
border-radius:8px;
background:rgba(5,5,12,.74);
border-color:rgba(255,255,255,.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.22);
}

.home-page .kontakt-formular input:focus,
.home-page .kontakt-formular textarea:focus{
border-color:rgba(77,163,255,.64);
box-shadow:0 0 0 3px rgba(77,163,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}

.home-page .features-grid{
width:90%;
max-width:1200px;
margin:0 auto;
padding:78px 0 18px;
counter-reset:feature-card;
}

.home-page .feature{
counter-increment:feature-card;
min-height:190px;
padding:32px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
}

.home-page .feature::after{
content:counter(feature-card,decimal-leading-zero);
font-size:12px;
font-weight:700;
letter-spacing:.08em;
color:rgba(255,255,255,.42);
width:auto;
height:auto;
border:0;
right:22px;
top:22px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.home-page .feature i{
width:34px;
height:34px;
margin-bottom:22px;
color:#4da3ff;
filter:drop-shadow(0 0 12px rgba(77,163,255,.48));
}

.home-page .feature p{
font-size:14px;
line-height:1.7;
color:#d4d4d8;
}

.home-page .about-grid{
align-items:stretch;
}

.home-page .about-box{
padding:34px;
}

.home-page .about-box h3{
padding-bottom:16px;
border-bottom:1px solid rgba(255,255,255,.09);
}

.home-page .about-box li{
position:relative;
padding-left:20px;
line-height:1.55;
}

.home-page .about-box li::before{
content:"";
position:absolute;
left:0;
top:.68em;
width:8px;
height:2px;
background:var(--gradient-main);
box-shadow:0 0 12px rgba(77,163,255,.5);
}

.home-page .why-grid{
counter-reset:why-card;
}

.home-page .why-item{
counter-increment:why-card;
padding:34px 30px;
text-align:left;
}

.home-page .why-item::after{
content:"0" counter(why-card);
border:0;
width:auto;
height:auto;
font-size:13px;
font-weight:800;
right:24px;
top:22px;
background:var(--gradient-main);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.home-page .why-item h3{
padding-right:42px;
}

.home-page .trust-grid{
gap:24px;
}

.home-page .trust-item{
padding:34px 24px;
}

.home-page .trust-item h3{
font-size:42px;
line-height:1;
margin-bottom:12px;
}

.home-page .trust-item p{
color:#d7d7df;
font-weight:600;
}

.home-page .performance-card{
padding:32px;
text-align:left;
}

.home-page .performance-card h3{
font-size:21px;
margin-bottom:24px;
}

.home-page .power{
padding:16px 18px;
border:1px solid rgba(255,255,255,.09);
border-radius:8px;
background:rgba(255,255,255,.035);
}

.home-page .power strong{
font-size:26px;
line-height:1.05;
}

.home-page .power.stage{
border-color:rgba(77,163,255,.32);
box-shadow:inset 0 0 24px rgba(77,163,255,.08);
}

.home-page .power-arrow{
display:grid;
place-items:center;
width:38px;
height:38px;
margin:14px auto;
border-radius:999px;
border:1px solid rgba(77,163,255,.34);
background:rgba(77,163,255,.08);
box-shadow:0 0 22px rgba(77,163,255,.18);
}

.home-page .gain{
display:inline-flex;
align-items:center;
min-height:38px;
padding:0 14px;
border-radius:8px;
border:1px solid rgba(77,163,255,.28);
background:rgba(77,163,255,.08);
background-clip:border-box;
-webkit-background-clip:border-box;
-webkit-text-fill-color:#fff;
color:#fff;
box-shadow:0 0 20px rgba(77,163,255,.14);
}

.home-page .faq-item{
margin-left:auto;
margin-right:auto;
max-width:900px;
}

.home-page .faq-question{
position:relative;
padding:20px 58px 20px 22px;
}

.home-page .faq-question::after{
content:"+";
position:absolute;
right:22px;
top:50%;
transform:translateY(-50%);
width:26px;
height:26px;
display:grid;
place-items:center;
border-radius:50%;
border:1px solid rgba(77,163,255,.36);
color:#4da3ff;
box-shadow:0 0 16px rgba(77,163,255,.16);
}

.home-page .faq-item.active .faq-question::after{
content:"-";
}

.home-page .bewertungen-grid{
align-items:stretch;
}

.home-page .bewertung-card{
text-align:left;
padding:34px;
}

.home-page .stars{
justify-content:flex-start;
}

.home-page .bewertung-card p{
line-height:1.7;
}

.home-page .standorte-box{
max-width:1040px;
}

.home-page .standort-item{
min-height:72px;
justify-content:flex-start;
padding:20px 22px;
}

.home-page .standort-item i{
flex:0 0 auto;
}

@media(max-width:768px){
.home-page{
background-size:64px 64px,100% 100%,auto;
}

.home-page .kontakt-formular,
.home-page .why-us,
.home-page .trust,
.home-page .performance,
.home-page .features,
.home-page .faq,
.home-page .bewertungen,
.home-page .standorte{
padding-top:74px;
padding-bottom:74px;
}

.home-page .car-slider{
padding:54px 0 44px;
}

.home-page .car-slider-wrapper{
height:clamp(230px,58vw,330px);
}

.home-page .brand-group{
gap:48px;
padding-right:48px;
}

.home-page .brand-group img{
height:28px;
max-width:102px;
}

.home-page .kontakt-formular form,
.home-page .why-item,
.home-page .trust-item,
.home-page .performance-card,
.home-page .about-box,
.home-page .feature,
.home-page .bewertung-card,
.home-page .standort-item{
padding:24px;
}

.home-page .features-grid{
grid-template-columns:1fr;
width:90%;
padding:46px 0 8px;
gap:18px;
}

.home-page .feature{
min-height:0;
}

.home-page .performance-card h3{
font-size:19px;
}

.home-page .power strong{
font-size:24px;
}

.home-page .faq-question{
font-size:15px;
line-height:1.45;
}
}

/* ================= LUXURY REVIEW + CONFIG POLISH ================= */

.nav a[href*="softwareoptimierung"]{
padding:8px 12px;
margin-top:-8px;
margin-bottom:-8px;
border:1px solid rgba(77,163,255,.24);
border-radius:8px;
background:
linear-gradient(120deg,rgba(156,77,255,.16),rgba(77,163,255,.12)),
rgba(255,255,255,.035);
box-shadow:0 0 20px rgba(77,163,255,.1),inset 0 1px 0 rgba(255,255,255,.08);
}

.nav a[href*="softwareoptimierung"]::after{
display:none;
}

.nav a[href*="softwareoptimierung"]:hover{
border-color:rgba(0,234,255,.44);
box-shadow:0 0 28px rgba(0,234,255,.16),inset 0 1px 0 rgba(255,255,255,.1);
}

.home-page .bewertungen{
background:
linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.78),rgba(5,5,5,.96)),
radial-gradient(circle at 16% 24%,rgba(156,77,255,.18),transparent 34%),
radial-gradient(circle at 88% 18%,rgba(0,234,255,.16),transparent 36%),
url("../images/hero-optimized.jpg") center/cover no-repeat;
}

.home-page .bewertungen::after{
content:"";
position:absolute;
left:50%;
top:116px;
width:min(980px,86vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(77,163,255,.55),rgba(156,77,255,.42),transparent);
box-shadow:0 0 30px rgba(77,163,255,.28);
pointer-events:none;
}

.home-page .bewertungen-grid{
gap:24px;
perspective:1100px;
}

.home-page .bewertung-card{
min-height:320px;
padding:30px;
display:flex;
flex-direction:column;
justify-content:space-between;
background:
linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 38%,rgba(5,6,14,.92)),
linear-gradient(145deg,#10111b,#05060d);
border-color:rgba(255,255,255,.14);
box-shadow:
0 28px 80px rgba(0,0,0,.58),
0 0 0 1px rgba(77,163,255,.08),
inset 0 1px 0 rgba(255,255,255,.11);
}

.review-head{
display:flex;
align-items:center;
gap:16px;
margin-bottom:26px;
}

.review-photo{
position:relative;
width:88px;
height:88px;
flex:0 0 88px;
border-radius:50%;
overflow:hidden;
border:1px solid rgba(255,255,255,.18);
background:#07080f;
box-shadow:
0 0 0 5px rgba(77,163,255,.08),
0 0 34px rgba(77,163,255,.22),
inset 0 1px 0 rgba(255,255,255,.14);
}

.review-photo::before{
display:none;
}

.review-photo img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
filter:saturate(1.08) contrast(1.08) brightness(.94);
transform:scale(1.02);
}

.review-photo::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(135deg,rgba(156,77,255,.16),transparent 48%,rgba(0,234,255,.2)),
radial-gradient(circle at 50% 24%,transparent 0 24%,rgba(0,0,0,.25) 70%);
}

.review-photo span{
position:absolute;
left:50%;
bottom:6px;
z-index:2;
transform:translateX(-50%);
min-width:30px;
height:20px;
display:grid;
place-items:center;
border-radius:999px;
background:rgba(5,7,16,.82);
border:1px solid rgba(255,255,255,.16);
color:#fff;
font-size:10px;
font-weight:800;
box-shadow:0 0 18px rgba(0,0,0,.34);
}

.home-page .review-head .kunde{
display:block;
margin-bottom:8px;
font-size:15px;
}

.home-page .review-head .stars{
margin:0;
}

.home-page .review-head .stars svg{
fill:#facc15;
stroke:#facc15;
filter:drop-shadow(0 0 12px rgba(250,204,21,.22));
}

.home-page .bewertung-card p{
position:relative;
padding:28px 0 0;
font-size:16px;
line-height:1.8;
}

.home-page .bewertung-card p::before{
content:"";
position:absolute;
top:0;
left:0;
width:54px;
height:2px;
background:var(--gradient-main);
box-shadow:0 0 20px rgba(77,163,255,.28);
}

.tuning-page{
background:
linear-gradient(90deg,rgba(77,163,255,.04) 1px,transparent 1px),
linear-gradient(180deg,rgba(156,77,255,.08),transparent 32%,rgba(0,234,255,.04) 70%,transparent),
#050505;
background-size:92px 92px,100% 100%,auto;
}

.tuning-page .tuning-hero,
.tuning-page .tuning-process-top,
.tuning-page .tuning-configurator{
position:relative;
overflow:hidden;
}

.tuning-page .tuning-hero{
padding:92px 0 72px;
}

.tuning-page .tuning-hero::before{
background:
linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.62),rgba(5,5,5,.94)),
linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,.88)),
url("../images/hero-optimized.jpg") center/cover no-repeat;
}

.tuning-page .tuning-hero-inner,
.tuning-page .tuning-process-top .container,
.tuning-page .tuning-config-grid.tuning-result-only{
max-width:1040px;
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel,
.tuning-page .tuning-process-grid > div,
.tuning-page .tuning-performance-chart,
.tuning-page .tuning-addons,
.tuning-page .tuning-detail-panel dl div,
.tuning-page .tuning-chart-card,
.tuning-page .tuning-stage-card{
border-radius:8px;
background:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 38%,rgba(5,6,14,.9)),
linear-gradient(145deg,#0d0f1a,#05060c);
border-color:rgba(255,255,255,.12);
box-shadow:
0 24px 68px rgba(0,0,0,.44),
inset 0 1px 0 rgba(255,255,255,.08);
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel{
padding:32px;
}

.tuning-page .tuning-result-panel{
max-width:1040px;
margin:0 auto;
}

.tuning-page .tuning-configurator{
padding:96px 0;
background:
radial-gradient(circle at 10% 0%,rgba(156,77,255,.12),transparent 34%),
radial-gradient(circle at 90% 12%,rgba(0,234,255,.09),transparent 32%),
linear-gradient(180deg,#050505 0%,#07080f 100%);
}

.tuning-page .tuning-process-top{
padding:72px 0 54px;
background:linear-gradient(180deg,#050505 0%,#07080f 100%);
}

.tuning-page .tuning-process-grid > div{
padding:26px;
}

.tuning-page .tuning-select-grid select,
.tuning-page .tuning-selection-summary,
.tuning-page .tuning-live-badge,
.tuning-page .tuning-addon-notice,
.tuning-page .tuning-stage-hint{
border-radius:8px;
}

.tuning-page .tuning-stage-card.active,
.tuning-page .tuning-stage-card:hover{
background:
linear-gradient(145deg,rgba(77,163,255,.18),rgba(156,77,255,.13)),
linear-gradient(145deg,#101322,#060711);
}

@media(max-width:768px){
.nav a[href*="softwareoptimierung"]{
margin:0;
padding:10px 14px;
}

.home-page .bewertung-card{
min-height:0;
}

.review-photo{
width:78px;
height:78px;
flex-basis:78px;
}

.tuning-page{
background-size:64px 64px,100% 100%,auto;
}

.tuning-page .tuning-hero{
padding:42px 0 44px;
}

.tuning-page .tuning-configurator{
padding:64px 0;
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel{
padding:22px;
}
}

/* ================= GLOBAL LUXURY SYSTEM 20260523 ================= */

body.home-page,
body.tuning-page,
body.legal-body{
position:relative;
background:
linear-gradient(90deg,rgba(77,163,255,.04) 1px,transparent 1px),
linear-gradient(180deg,rgba(156,77,255,.075),transparent 34%,rgba(0,234,255,.045) 72%,transparent),
#050505;
background-size:92px 92px,100% 100%,auto;
}

body.home-page::before,
body.tuning-page::before,
body.legal-body::before{
content:"";
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle at 18% 12%,rgba(156,77,255,.14),transparent 26%),
radial-gradient(circle at 82% 16%,rgba(0,234,255,.12),transparent 30%),
linear-gradient(120deg,transparent 0 46%,rgba(77,163,255,.055) 46% 47%,transparent 47% 100%);
opacity:.92;
}

body.home-page > *,
body.tuning-page > *,
body.legal-body > *{
position:relative;
z-index:1;
}

.header{
box-shadow:0 1px 0 rgba(255,255,255,.06),0 18px 60px rgba(0,0,0,.42);
}

.nav a{
transition:color .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}

.nav a:hover{
transform:translateY(-1px);
}

.legal-body .header .nav-container,
.tuning-page .header .nav-container,
.home-page .header .nav-container{
min-height:70px;
}

.legal-body{
min-height:100vh;
}

.legal-body .legal-page{
max-width:980px;
padding:120px 0 70px;
}

.legal-body .legal-page .container{
width:90%;
max-width:980px;
}

.legal-body .features-title{
text-align:left;
margin-bottom:34px;
}

.legal-body .legal-card{
max-width:none;
border-radius:8px;
padding:42px;
background:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 36%,rgba(5,6,14,.92)),
linear-gradient(145deg,#0d0f1a,#05060c);
border:1px solid rgba(255,255,255,.12);
box-shadow:
0 28px 78px rgba(0,0,0,.5),
0 0 0 1px rgba(77,163,255,.08),
inset 0 1px 0 rgba(255,255,255,.08);
}

.legal-body .legal-card::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(135deg,rgba(255,255,255,.1),transparent 28%),
repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.026) 42px 43px);
opacity:.7;
}

.legal-body .legal-card > *{
position:relative;
z-index:1;
}

.legal-body .back-home .button{
border-radius:8px;
}

.tuning-page .tuning-hero-copy,
.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel,
.tuning-page .tuning-process-grid > div,
.legal-body .legal-card,
.home-page .bewertung-card,
.home-page .performance-card,
.home-page .about-box,
.home-page .why-item,
.home-page .feature,
.home-page .faq-item{
will-change:transform,opacity,filter;
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel,
.legal-body .legal-card,
.home-page .bewertung-card,
.home-page .performance-card{
position:relative;
overflow:hidden;
}

.tuning-page .tuning-hero-panel::after,
.tuning-page .tuning-result-panel::after,
.legal-body .legal-card::after,
.home-page .bewertung-card::after,
.home-page .performance-card::after{
content:"";
position:absolute;
right:18px;
top:18px;
width:54px;
height:54px;
border-top:1px solid rgba(77,163,255,.5);
border-right:1px solid rgba(156,77,255,.46);
pointer-events:none;
opacity:.9;
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel{
border-radius:8px;
}

.tuning-page .tuning-hero-panel{
min-height:100%;
}

.tuning-page .tuning-panel-head h2,
.tuning-page .tuning-result-head h2,
.legal-body .features-title,
.home-page .features-title{
text-shadow:0 0 26px rgba(77,163,255,.16);
}

.tuning-page .tuning-process-grid > div{
min-height:190px;
}

.tuning-page .tuning-select-grid select{
min-height:52px;
}

.tuning-page .tuning-select-grid label span{
letter-spacing:.02em;
}

.tuning-page .tuning-result-panel{
border:1px solid rgba(255,255,255,.13);
}

.tuning-page .tuning-empty{
min-height:460px;
}

.tuning-page .tuning-stage-card,
.tuning-page .tuning-addon-card,
.tuning-page .tuning-chart-card,
.tuning-page .tuning-detail-panel dl div{
border-radius:8px;
}

.home-page .review-head{
align-items:center;
}

.home-page .review-photo{
box-shadow:
0 0 0 6px rgba(77,163,255,.09),
0 0 40px rgba(77,163,255,.28),
inset 0 1px 0 rgba(255,255,255,.14);
}

@media (prefers-reduced-motion:no-preference){
body.home-page,
body.tuning-page,
body.legal-body{
animation:pageOpen .75s cubic-bezier(.2,.8,.2,1) both;
}

.header{
animation:headerDrop .65s cubic-bezier(.2,.8,.2,1) both;
}

.luxury-js .luxury-reveal{
opacity:0;
transform:translate3d(0,34px,0) scale(.985);
filter:blur(12px);
transition:
opacity .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),
transform .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),
filter .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),
box-shadow .28s ease,
border-color .28s ease,
background .28s ease;
}

.luxury-js .luxury-reveal.is-visible{
opacity:1;
transform:translate3d(0,0,0) scale(1);
filter:blur(0);
}

.luxury-js .home-page .bewertung-card.luxury-reveal.is-visible{
transform:translate3d(0,0,0) scale(1);
}

.luxury-js .home-page .bewertung-card.luxury-reveal.is-visible:hover{
transform:translate3d(0,-8px,0) scale(1);
}

.home-page .hero-content{
animation:glassRise .85s cubic-bezier(.2,.8,.2,1) .18s both;
}

.home-page .hero-logo img{
animation:logoPulse 4.8s ease-in-out infinite;
}

.home-page .brand-marquee{
animation-duration:24s;
}

.tuning-page .tuning-live-badge span{
animation:statusPulse 2.2s ease-in-out infinite;
}

@keyframes pageOpen{
from{opacity:0;}
to{opacity:1;}
}

@keyframes headerDrop{
from{opacity:0;transform:translateY(-16px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes glassRise{
from{opacity:0;transform:translateY(28px) scale(.98);}
to{opacity:1;transform:translateY(0) scale(1);}
}

@keyframes logoPulse{
0%,100%{filter:drop-shadow(0 0 20px rgba(77,163,255,.42));transform:translateY(0) scale(1);}
50%{filter:drop-shadow(0 0 34px rgba(156,77,255,.5));transform:translateY(-3px) scale(1.018);}
}

@keyframes statusPulse{
0%,100%{box-shadow:0 0 12px rgba(0,234,255,.34);}
50%{box-shadow:0 0 24px rgba(0,234,255,.82);}
}
}

@media(max-width:768px){
body.home-page,
body.tuning-page,
body.legal-body{
background-size:64px 64px,100% 100%,auto;
}

body.home-page::before,
body.tuning-page::before,
body.legal-body::before{
background:
radial-gradient(circle at 15% 8%,rgba(156,77,255,.18),transparent 28%),
radial-gradient(circle at 88% 12%,rgba(0,234,255,.15),transparent 32%),
linear-gradient(112deg,transparent 0 52%,rgba(77,163,255,.07) 52% 53%,transparent 53% 100%);
}

.legal-body .legal-page{
padding:86px 0 48px;
}

.legal-body .legal-card{
padding:24px;
border-radius:8px;
}

.legal-body .features-title{
font-size:34px;
line-height:1.08;
}

.tuning-page .tuning-hero-copy,
.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel{
border-radius:8px;
}

.tuning-page .tuning-process-grid > div{
min-height:0;
}

.home-page .bewertungen-grid{
gap:20px;
}

.home-page .review-head{
gap:14px;
}

.home-page .review-head .stars svg{
width:16px;
height:16px;
}

.home-page .bewertung-card p{
font-size:15px;
line-height:1.65;
}

@media (prefers-reduced-motion:no-preference){
.luxury-js .luxury-reveal{
transform:translate3d(0,42px,0) scale(.975);
transition-duration:.82s;
}
}
}

/* ================= FIXED CONTACT ACTIONS OVERRIDE ================= */

body.home-page > .whatsapp-btn,
body.tuning-page > .whatsapp-btn,
body.legal-body > .whatsapp-btn{
position:fixed !important;
right:18px !important;
bottom:calc(22px + env(safe-area-inset-bottom)) !important;
left:auto !important;
top:auto !important;
display:flex !important;
z-index:10050 !important;
}

body.home-page > .scroll-top,
body.tuning-page > .scroll-top,
body.legal-body > .scroll-top{
position:fixed !important;
right:22px !important;
bottom:calc(92px + env(safe-area-inset-bottom)) !important;
left:auto !important;
top:auto !important;
display:flex !important;
z-index:10049 !important;
}

@media(max-width:768px){
body.home-page > .whatsapp-btn,
body.tuning-page > .whatsapp-btn,
body.legal-body > .whatsapp-btn{
right:16px !important;
bottom:calc(18px + env(safe-area-inset-bottom)) !important;
}

body.home-page > .scroll-top,
body.tuning-page > .scroll-top,
body.legal-body > .scroll-top{
right:20px !important;
bottom:calc(88px + env(safe-area-inset-bottom)) !important;
}
}

/* ================= FIXED MOBILE NAVIGATION OVERRIDE ================= */

body.home-page > .header,
body.tuning-page > .header,
body.legal-body > .header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
width:100% !important;
height:70px !important;
z-index:10080 !important;
}

.header .nav-container{
position:relative;
z-index:10081;
}

.menu-toggle{
position:relative;
z-index:10083;
touch-action:manipulation;
user-select:none;
}

@media(max-width:768px){
.nav{
position:fixed !important;
top:70px !important;
left:0 !important;
right:0 !important;
width:100% !important;
max-height:calc(100vh - 70px);
overflow-y:auto;
padding:18px 20px 24px !important;
background:linear-gradient(180deg,rgba(5,5,8,.98),rgba(8,9,18,.96)) !important;
border-bottom:1px solid rgba(77,163,255,.22);
box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 38px rgba(77,163,255,.14);
backdrop-filter:blur(18px);
z-index:10079 !important;
}

.nav.active{
opacity:1 !important;
transform:translateY(0) !important;
pointer-events:auto !important;
}

.nav a{
width:100%;
padding:14px 4px;
font-size:15px;
}

.menu-toggle.active span:nth-child(1){
transform:translateY(8px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
opacity:0;
}

.menu-toggle.active span:nth-child(3){
transform:translateY(-8px) rotate(-45deg);
}

.menu-toggle span{
transition:transform .22s ease,opacity .22s ease;
}

body.nav-open{
overflow:hidden;
}
}

/* ================= FINAL IPHONE NAV + WIDTH GUARD 20260523 ================= */

@media(max-width:768px){
.header .nav-container{
width:100% !important;
max-width:none !important;
padding:0 18px !important;
margin:0 !important;
}

.header .logo{
padding-right:62px;
}

.menu-toggle{
display:flex !important;
position:absolute !important;
right:18px !important;
top:50% !important;
width:46px !important;
height:46px !important;
margin:0 !important;
padding:0 !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
transform:translateY(-50%) !important;
border:1px solid rgba(77,163,255,.26);
border-radius:8px;
background:
linear-gradient(145deg,rgba(156,77,255,.24),rgba(77,163,255,.13)),
rgba(6,8,18,.82);
box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 24px rgba(77,163,255,.24);
}

.menu-toggle span{
display:block !important;
width:24px !important;
height:2px !important;
border-radius:99px;
background:#fff !important;
box-shadow:0 0 14px rgba(77,163,255,.65);
}

.menu-toggle.active span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
opacity:0;
}

.menu-toggle.active span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}

.tuning-page .container,
.tuning-page .tuning-hero-inner,
.tuning-page .tuning-process-top .container,
.tuning-page .tuning-config-grid.tuning-result-only{
width:calc(100% - 32px) !important;
max-width:none !important;
}

.tuning-page .tuning-hero-panel,
.tuning-page .tuning-result-panel,
.tuning-page .tuning-process-grid > div,
.tuning-page .tuning-performance-chart,
.tuning-page .tuning-addons,
.tuning-page .tuning-stage-card,
.tuning-page .tuning-addon-card,
.tuning-page .tuning-chart-card{
min-width:0 !important;
max-width:100% !important;
}

.tuning-page .tuning-select-grid,
.tuning-page .tuning-stage-grid,
.tuning-page .tuning-addon-grid,
.tuning-page .tuning-detail-panel,
.tuning-page .tuning-detail-panel dl{
width:100% !important;
min-width:0 !important;
}

.tuning-type-grid{
grid-template-columns:1fr !important;
}

.tuning-type-card{
min-height:76px;
grid-template-columns:48px minmax(0,1fr);
grid-template-rows:auto auto;
justify-items:start;
text-align:left;
padding:12px 14px;
}

.tuning-type-card img{
grid-row:1 / 3;
width:42px;
height:42px;
}

.tuning-type-card span,
.tuning-type-card small{
line-height:1.1;
}
}

/* ================= SOFTWARE CONFIGURATOR PREMIUM UI 20260523 ================= */

body.tuning-page{
--tuning-panel:rgba(5,7,16,.92);
--tuning-panel-strong:rgba(8,11,24,.96);
--tuning-line:rgba(114,245,255,.18);
--tuning-line-strong:rgba(114,245,255,.42);
--tuning-soft:rgba(255,255,255,.055);
--tuning-muted:#aeb5c8;
}

body.tuning-page .tuning-hero{
padding:104px 0 68px;
background:
linear-gradient(180deg,rgba(5,5,5,.78),rgba(5,5,5,.96)),
radial-gradient(circle at 18% 14%,rgba(156,77,255,.16),transparent 34%),
radial-gradient(circle at 86% 18%,rgba(0,234,255,.12),transparent 32%);
}

body.tuning-page .tuning-hero::before{
opacity:.82;
filter:saturate(1.08) contrast(1.05);
}

body.tuning-page .tuning-hero-inner{
max-width:1180px !important;
grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);
gap:34px;
align-items:center;
}

body.tuning-page .tuning-hero-copy{
padding:18px 0;
}

body.tuning-page .tuning-hero-copy h1{
max-width:760px;
font-size:clamp(42px,5vw,74px);
line-height:.96;
margin:14px 0 20px;
}

body.tuning-page .tuning-hero-copy p{
max-width:680px;
font-size:17px;
line-height:1.72;
color:#c8cedc;
}

body.tuning-page .tuning-hero-actions{
gap:12px;
margin-top:28px;
}

body.tuning-page .tuning-hero-actions .button{
border-radius:8px;
min-height:52px;
padding-inline:18px;
box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 24px rgba(77,163,255,.14);
}

body.tuning-page .tuning-hero-panel,
body.tuning-page .tuning-result-panel{
border-radius:8px;
border:1px solid rgba(138,246,255,.18);
background:
linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 36%,rgba(255,255,255,.035)),
linear-gradient(180deg,rgba(10,14,29,.96),rgba(4,6,14,.94));
box-shadow:
0 30px 90px rgba(0,0,0,.54),
0 0 0 1px rgba(77,163,255,.06),
inset 0 1px 0 rgba(255,255,255,.1);
}

body.tuning-page .tuning-hero-panel{
padding:30px;
}

body.tuning-page .tuning-hero-panel::before,
body.tuning-page .tuning-result-panel::before{
background:
linear-gradient(90deg,rgba(0,234,255,.2),transparent 26%,rgba(156,77,255,.14) 74%,transparent),
repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.022) 52px 53px);
opacity:.72;
}

body.tuning-page .tuning-panel-head{
display:grid;
gap:8px;
padding-bottom:20px;
border-bottom:1px solid rgba(255,255,255,.08);
}

body.tuning-page .tuning-panel-head h2{
font-size:clamp(30px,3.2vw,46px);
line-height:1;
margin:0;
}

body.tuning-page .tuning-panel-head p{
max-width:620px;
margin:0;
color:#b7bfce;
}

body.tuning-page .tuning-type-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:22px 0 16px;
}

body.tuning-page .tuning-type-card{
min-height:126px;
padding:16px;
border-radius:8px;
grid-template-columns:1fr;
justify-items:start;
align-content:space-between;
background:
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
rgba(6,8,18,.74);
border:1px solid rgba(255,255,255,.11);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

body.tuning-page .tuning-type-card img{
width:46px;
height:46px;
filter:drop-shadow(0 0 16px rgba(0,234,255,.22));
}

body.tuning-page .tuning-type-card span{
font-size:19px;
letter-spacing:.01em;
}

body.tuning-page .tuning-type-card small{
font-size:11px;
letter-spacing:.18em;
}

body.tuning-page .tuning-type-card:hover,
body.tuning-page .tuning-type-card.is-active{
transform:translateY(-2px);
background:
linear-gradient(145deg,rgba(77,163,255,.22),rgba(156,77,255,.18)),
rgba(8,10,22,.92);
border-color:var(--tuning-line-strong);
box-shadow:0 20px 46px rgba(0,0,0,.38),0 0 30px rgba(0,234,255,.15),inset 0 1px 0 rgba(255,255,255,.12);
}

body.tuning-page .tuning-live-badge{
min-height:46px;
border-radius:8px;
background:rgba(0,0,0,.34);
border-color:rgba(255,255,255,.1);
}

body.tuning-page .tuning-select-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:18px;
}

body.tuning-page .tuning-select-grid label{
gap:9px;
}

body.tuning-page .tuning-select-grid label span{
font-size:12px;
letter-spacing:.1em;
text-transform:uppercase;
color:#dce6ff;
}

body.tuning-page .tuning-select-grid select{
min-height:56px;
border-radius:8px;
font-size:15px;
background:
linear-gradient(180deg,rgba(11,14,28,.98),rgba(4,5,12,.98));
border-color:rgba(255,255,255,.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18);
}

body.tuning-page .tuning-select-grid label:nth-child(3),
body.tuning-page .tuning-select-grid label:nth-child(4){
grid-column:auto;
}

body.tuning-page .tuning-selection-summary{
border-radius:8px;
margin:18px 0 0;
background:
linear-gradient(90deg,rgba(77,163,255,.09),rgba(156,77,255,.06)),
rgba(255,255,255,.035);
border-color:rgba(255,255,255,.1);
}

body.tuning-page .tuning-disclaimer{
margin-top:16px;
color:#8e96aa;
}

body.tuning-page .tuning-process-top{
padding:64px 0 42px;
}

body.tuning-page .tuning-process-top .features-title{
margin-bottom:24px;
}

body.tuning-page .tuning-process-grid{
gap:12px;
counter-reset:tuningProcess;
}

body.tuning-page .tuning-process-grid > div{
position:relative;
min-height:178px;
padding:22px;
border-radius:8px;
background:
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
rgba(6,8,18,.8);
border:1px solid rgba(255,255,255,.1);
}

body.tuning-page .tuning-process-grid > div::before{
counter-increment:tuningProcess;
content:counter(tuningProcess);
position:absolute;
right:18px;
top:18px;
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:50%;
font-size:12px;
font-weight:900;
color:#9ff8ff;
background:rgba(0,234,255,.08);
border:1px solid rgba(0,234,255,.26);
}

body.tuning-page .tuning-process-grid svg{
width:28px;
height:28px;
margin-bottom:18px;
color:#72f5ff;
}

body.tuning-page .tuning-process-grid h3{
font-size:16px;
line-height:1.25;
}

body.tuning-page .tuning-configurator{
padding:72px 0 98px;
background:
radial-gradient(circle at 8% 12%,rgba(0,234,255,.09),transparent 28%),
radial-gradient(circle at 92% 12%,rgba(156,77,255,.12),transparent 32%),
linear-gradient(180deg,#050505 0%,#07080f 100%);
}

body.tuning-page .tuning-config-grid.tuning-result-only{
max-width:1180px !important;
}

body.tuning-page .tuning-result-panel{
padding:34px;
min-height:560px;
}

body.tuning-page .tuning-empty{
min-height:430px;
padding:40px 20px;
border:1px dashed rgba(114,245,255,.18);
border-radius:8px;
background:rgba(0,0,0,.14);
}

body.tuning-page .tuning-result-head{
align-items:stretch;
gap:18px;
padding:0 0 22px;
margin-bottom:22px;
border-bottom:1px solid rgba(255,255,255,.08);
}

body.tuning-page .tuning-result-head > div:first-child{
display:grid;
gap:10px;
min-width:0;
}

body.tuning-page .tuning-result-head h2{
font-size:clamp(34px,4.5vw,58px);
line-height:.98;
margin:0;
}

body.tuning-page .tuning-result-head p{
max-width:760px;
font-size:16px;
color:#b9c1d1;
}

body.tuning-page .tuning-result-side{
align-content:start;
align-items:stretch;
gap:12px;
min-width:330px;
}

body.tuning-page .tuning-result-logo,
body.tuning-page .tuning-gain-pill{
height:108px;
min-height:108px;
border-radius:8px;
}

body.tuning-page .tuning-result-logo{
width:168px;
background:
radial-gradient(circle at 18% 0%,rgba(0,234,255,.12),transparent 46%),
radial-gradient(circle at 84% 100%,rgba(156,77,255,.16),transparent 50%),
linear-gradient(145deg,rgba(1,3,10,.99),rgba(7,10,22,.99));
border-color:rgba(114,245,255,.34);
}

body.tuning-page .tuning-result-logo img{
max-width:90%;
max-height:78px;
}

body.tuning-page .tuning-gain-pill{
min-width:142px;
background:
linear-gradient(145deg,rgba(0,234,255,.16),rgba(156,77,255,.15)),
rgba(255,255,255,.035);
border-color:rgba(114,245,255,.2);
}

body.tuning-page .tuning-gain-pill strong{
font-size:31px;
}

body.tuning-page .tuning-addon-notice{
min-height:78px;
border-radius:8px;
margin-bottom:18px;
background:
linear-gradient(90deg,rgba(0,234,255,.13),rgba(156,77,255,.14)),
rgba(255,255,255,.035);
}

body.tuning-page .tuning-stage-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

body.tuning-page .tuning-stage-card{
min-height:188px;
padding:22px;
border-radius:8px;
background:
linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.016)),
rgba(7,9,20,.78);
border:1px solid rgba(255,255,255,.1);
}

body.tuning-page .tuning-stage-card::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:2px;
background:linear-gradient(90deg,rgba(156,77,255,.9),rgba(0,234,255,.9));
opacity:.45;
}

body.tuning-page .tuning-stage-card span{
font-size:13px;
letter-spacing:.06em;
text-transform:uppercase;
}

body.tuning-page .tuning-stage-card strong{
font-size:clamp(32px,3.8vw,48px);
}

body.tuning-page .tuning-stage-card small,
body.tuning-page .tuning-stage-card em,
body.tuning-page .tuning-stage-card i{
font-size:14px;
}

body.tuning-page .tuning-stage-card.active{
border-color:rgba(0,234,255,.44);
background:
linear-gradient(145deg,rgba(77,163,255,.18),rgba(156,77,255,.13)),
rgba(10,14,30,.88);
box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 36px rgba(0,234,255,.15);
}

body.tuning-page .tuning-stage-card b,
body.tuning-page .tuning-stage-card mark{
border-radius:8px;
}

body.tuning-page .tuning-stage-hint{
border-radius:8px;
margin-top:12px;
background:
linear-gradient(90deg,rgba(77,163,255,.11),rgba(156,77,255,.13)),
rgba(255,255,255,.028);
}

body.tuning-page .tuning-detail-panel{
margin-top:22px;
border-radius:8px;
border:1px solid rgba(255,255,255,.1);
background:
linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
rgba(5,7,16,.78);
}

body.tuning-page .tuning-detail-panel h3{
font-size:clamp(28px,3.2vw,42px);
line-height:1;
}

body.tuning-page .tuning-detail-panel dl div{
border-radius:8px;
background:rgba(255,255,255,.035);
}

body.tuning-page .tuning-performance-chart{
border-radius:8px;
padding:24px;
background:
linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.015)),
rgba(5,7,16,.76);
}

body.tuning-page .tuning-chart-card{
border-radius:8px;
padding:18px;
}

body.tuning-page .tuning-chart-track{
height:12px;
background:rgba(255,255,255,.075);
}

body.tuning-page .tuning-addons{
border-radius:8px;
padding:22px;
background:
linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),
rgba(5,7,16,.84);
}

body.tuning-page .tuning-addon-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}

body.tuning-page .tuning-addon-card{
min-height:64px;
border-radius:8px;
padding:14px 15px;
background:rgba(255,255,255,.032);
border-color:rgba(255,255,255,.1);
}

body.tuning-page .tuning-addon-card strong{
font-size:14px;
}

body.tuning-page .tuning-action-row{
margin-top:22px;
}

body.tuning-page .tuning-action-row .button{
border-radius:8px;
min-height:58px;
}

@media(max-width:1024px){
body.tuning-page .tuning-hero-inner{
grid-template-columns:1fr;
max-width:900px !important;
}

body.tuning-page .tuning-hero-copy{
padding-top:0;
}

body.tuning-page .tuning-process-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:768px){
body.tuning-page .tuning-hero{
padding:34px 0 44px;
}

body.tuning-page .tuning-hero-panel{
order:-1;
padding:22px;
}

body.tuning-page .tuning-hero-copy h1{
font-size:34px;
line-height:1.02;
}

body.tuning-page .tuning-hero-copy p{
font-size:15px;
line-height:1.62;
}

body.tuning-page .tuning-type-grid,
body.tuning-page .tuning-select-grid,
body.tuning-page .tuning-stage-grid,
body.tuning-page .tuning-addon-grid,
body.tuning-page .tuning-chart-grid,
body.tuning-page .tuning-process-grid{
grid-template-columns:1fr !important;
}

body.tuning-page .tuning-type-card{
min-height:82px;
grid-template-columns:46px minmax(0,1fr);
grid-template-rows:auto auto;
align-content:center;
gap:4px 14px;
padding:14px;
}

body.tuning-page .tuning-type-card img{
grid-row:1 / 3;
width:42px;
height:42px;
}

body.tuning-page .tuning-select-grid select{
min-height:54px;
font-size:15px;
}

body.tuning-page .tuning-configurator{
padding:54px 0 74px;
}

body.tuning-page .tuning-result-panel{
padding:20px;
}

body.tuning-page .tuning-result-head{
display:grid;
gap:18px;
}

body.tuning-page .tuning-result-head h2{
font-size:34px;
}

body.tuning-page .tuning-result-head p{
font-size:15px;
}

body.tuning-page .tuning-result-side{
display:grid;
grid-template-columns:minmax(128px,1fr) minmax(118px,1fr);
gap:10px;
width:100%;
min-width:0;
}

body.tuning-page .tuning-result-logo,
body.tuning-page .tuning-gain-pill{
width:100%;
height:88px;
min-height:88px;
}

body.tuning-page .tuning-result-logo img{
max-height:66px;
}

body.tuning-page .tuning-gain-pill strong{
font-size:25px;
}

body.tuning-page .tuning-stage-card{
min-height:150px;
padding:18px;
}

body.tuning-page .tuning-stage-card strong{
font-size:40px;
}

body.tuning-page .tuning-detail-panel,
body.tuning-page .tuning-performance-chart,
body.tuning-page .tuning-addons{
padding:18px;
}

body.tuning-page .tuning-chart-row{
grid-template-columns:62px minmax(0,1fr) 68px;
}

body.tuning-page .tuning-addon-card{
grid-template-columns:30px minmax(0,1fr) auto;
}
}

/* ================= SOFTWARE CONFIGURATOR FINAL POLISH 20260523 ================= */

body.tuning-page{
background:#050506;
}

body.tuning-page #konfigurator,
body.tuning-page .tuning-result-panel{
scroll-margin-top:118px;
}

body.tuning-page .tuning-hero-panel,
body.tuning-page .tuning-result-panel{
position:relative;
overflow:hidden;
isolation:isolate;
}

body.tuning-page .tuning-hero-panel::after,
body.tuning-page .tuning-result-panel::after{
content:"";
position:absolute;
right:28px;
top:28px;
width:92px;
height:92px;
border-top:2px solid rgba(77,163,255,.5);
border-right:2px solid rgba(156,77,255,.42);
opacity:.78;
pointer-events:none;
}

body.tuning-page .tuning-panel-head h2,
body.tuning-page .tuning-result-head h2{
letter-spacing:0;
}

body.tuning-page .tuning-type-card,
body.tuning-page .tuning-stage-card,
body.tuning-page .tuning-addon-card{
transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

body.tuning-page .tuning-result-head{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
}

body.tuning-page .tuning-result-side{
display:grid;
grid-template-columns:168px 150px;
}

body.tuning-page .tuning-result-logo,
body.tuning-page .tuning-gain-pill,
body.tuning-page .tuning-stage-card,
body.tuning-page .tuning-detail-panel,
body.tuning-page .tuning-performance-chart,
body.tuning-page .tuning-addons{
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.24);
}

body.tuning-page .tuning-result-logo img{
object-fit:contain;
}

body.tuning-page .tuning-stage-grid{
align-items:stretch;
}

body.tuning-page .tuning-stage-card{
display:grid;
align-content:start;
gap:8px;
text-align:left;
}

body.tuning-page .tuning-stage-card:hover{
transform:translateY(-2px);
}

body.tuning-page .tuning-stage-card:disabled:hover{
transform:none;
}

body.tuning-page .tuning-addon-notice{
display:grid;
grid-template-columns:42px minmax(0,1fr);
align-items:center;
text-align:left;
}

body.tuning-page .tuning-addon-notice svg{
width:32px;
height:32px;
}

body.tuning-page .tuning-addon-notice span{
display:grid;
gap:4px;
}

body.tuning-page .tuning-addon-notice small{
line-height:1.35;
}

body.tuning-page .tuning-detail-panel{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);
gap:18px;
align-items:start;
}

body.tuning-page .tuning-detail-panel dl{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

body.tuning-page .tuning-detail-panel dl div{
margin:0;
}

body.tuning-page .tuning-chart-head{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
align-items:end;
gap:18px;
}

body.tuning-page .tuning-chart-row{
align-items:center;
}

body.tuning-page .tuning-addon-card:hover,
body.tuning-page .tuning-addon-card.is-selected{
transform:translateY(-1px);
}

@media(max-width:920px){
body.tuning-page .tuning-detail-panel,
body.tuning-page .tuning-chart-head{
grid-template-columns:1fr;
}

body.tuning-page .tuning-detail-panel dl{
grid-template-columns:1fr;
}
}

@media(max-width:768px){
body.tuning-page #konfigurator,
body.tuning-page .tuning-result-panel{
scroll-margin-top:92px;
}

body.tuning-page .tuning-hero{
padding:22px 0 34px;
}

body.tuning-page .tuning-hero-inner{
gap:20px;
}

body.tuning-page .tuning-hero-panel{
padding:18px;
}

body.tuning-page .tuning-hero-panel::after,
body.tuning-page .tuning-result-panel::after{
right:16px;
top:16px;
width:56px;
height:56px;
opacity:.62;
}

body.tuning-page .tuning-panel-head{
gap:7px;
padding-bottom:14px;
}

body.tuning-page .tuning-panel-head h2{
font-size:30px;
line-height:1.03;
}

body.tuning-page .tuning-panel-head p{
font-size:15px;
line-height:1.48;
}

body.tuning-page .tuning-type-grid{
gap:8px;
margin:16px 0 12px;
}

body.tuning-page .tuning-type-card{
min-height:72px;
grid-template-columns:40px minmax(0,1fr);
gap:2px 13px;
padding:12px 14px;
}

body.tuning-page .tuning-type-card img{
width:34px;
height:34px;
}

body.tuning-page .tuning-type-card span{
font-size:24px;
line-height:1;
}

body.tuning-page .tuning-type-card small{
font-size:11px;
letter-spacing:.16em;
}

body.tuning-page .tuning-live-badge{
min-height:42px;
font-size:14px;
}

body.tuning-page .tuning-select-grid{
gap:11px;
margin-top:14px;
}

body.tuning-page .tuning-select-grid select{
min-height:50px;
font-size:15px;
padding:0 44px 0 15px;
}

body.tuning-page .tuning-selection-summary{
margin-top:14px;
padding:14px;
}

body.tuning-page .tuning-disclaimer{
font-size:13px;
line-height:1.45;
}

body.tuning-page .tuning-hero-copy h1{
font-size:32px;
line-height:1.02;
}

body.tuning-page .tuning-process-top{
padding:44px 0 28px;
}

body.tuning-page .tuning-process-grid > div{
min-height:0;
padding:18px;
}

body.tuning-page .tuning-configurator{
padding:42px 0 88px;
}

body.tuning-page .tuning-config-grid.tuning-result-only{
padding-inline:14px;
}

body.tuning-page .tuning-result-panel{
padding:16px;
min-height:430px;
}

body.tuning-page .tuning-result-head{
grid-template-columns:1fr;
gap:13px;
padding-bottom:16px;
margin-bottom:16px;
}

body.tuning-page .tuning-result-head > div:first-child{
gap:8px;
}

body.tuning-page .tuning-result-head h2{
font-size:clamp(28px,9vw,34px);
line-height:1.03;
}

body.tuning-page .tuning-result-type{
width:max-content;
font-size:12px;
padding:8px 14px;
}

body.tuning-page .tuning-result-head p{
font-size:14px;
line-height:1.45;
}

body.tuning-page .tuning-result-side{
grid-template-columns:1fr 1fr;
gap:9px;
min-width:0;
}

body.tuning-page .tuning-result-logo,
body.tuning-page .tuning-gain-pill{
height:74px;
min-height:74px;
}

body.tuning-page .tuning-result-logo img{
max-height:52px;
}

body.tuning-page .tuning-gain-pill span{
font-size:13px;
}

body.tuning-page .tuning-gain-pill strong{
font-size:22px;
}

body.tuning-page .tuning-addon-notice{
min-height:68px;
grid-template-columns:34px minmax(0,1fr);
gap:12px;
padding:12px;
margin-bottom:12px;
}

body.tuning-page .tuning-addon-notice svg{
width:27px;
height:27px;
}

body.tuning-page .tuning-addon-notice span strong{
font-size:18px;
line-height:1.1;
}

body.tuning-page .tuning-addon-notice span small{
font-size:13px;
line-height:1.33;
}

body.tuning-page .tuning-stage-grid{
gap:10px;
}

body.tuning-page .tuning-stage-card{
min-height:0;
padding:16px;
gap:7px;
}

body.tuning-page .tuning-stage-card span{
font-size:12px;
}

body.tuning-page .tuning-stage-card strong{
font-size:36px;
line-height:1;
}

body.tuning-page .tuning-stage-card small,
body.tuning-page .tuning-stage-card em,
body.tuning-page .tuning-stage-card i{
font-size:13px;
line-height:1.35;
}

body.tuning-page .tuning-stage-card b,
body.tuning-page .tuning-stage-card mark{
width:max-content;
max-width:100%;
font-size:12px;
}

body.tuning-page .tuning-stage-hint{
font-size:14px;
line-height:1.35;
padding:13px;
}

body.tuning-page .tuning-detail-panel,
body.tuning-page .tuning-performance-chart,
body.tuning-page .tuning-addons{
padding:16px;
}

body.tuning-page .tuning-detail-panel h3{
font-size:28px;
line-height:1.05;
}

body.tuning-page .tuning-detail-panel p{
font-size:14px;
line-height:1.5;
}

body.tuning-page .tuning-chart-head p{
font-size:14px;
line-height:1.45;
}

body.tuning-page .tuning-chart-card{
padding:14px;
}

body.tuning-page .tuning-chart-row{
grid-template-columns:58px minmax(0,1fr) 62px;
gap:8px;
font-size:12px;
}

body.tuning-page .tuning-addon-card{
min-height:58px;
padding:12px;
grid-template-columns:28px minmax(0,1fr) auto;
}

body.tuning-page .tuning-addon-card strong{
font-size:13px;
line-height:1.25;
}

body.tuning-page .tuning-addon-card span{
font-size:11px;
padding:6px 8px;
}

body.tuning-page .tuning-action-row .button{
min-height:54px;
font-size:14px;
}
}