@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 30px 60px -30px var(--glow),0 0 0 0 rgba(77,155,255,.35)}50%{box-shadow:0 30px 70px -25px var(--glow),0 0 40px 6px rgba(34,211,238,.18)}}@keyframes drift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s ease both}.fade-up.d1{animation-delay:.08s}.fade-up.d2{animation-delay:.16s}.fade-up.d3{animation-delay:.24s}.hero-visual{position:relative;border-radius:24px;overflow:hidden;animation:floaty 7s ease-in-out infinite}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-2);font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:1px;background:var(--accent-2)}.price-tag{position:absolute;right:18px;bottom:18px;background:rgba(4,11,26,.8);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem 1.1rem;border-radius:14px;text-align:right;animation:pulseGlow 4s ease-in-out infinite}.price-tag .big{font-size:1.6rem;font-weight:800;color:#fff}.price-tag .small{color:var(--text-sub);font-size:.8rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.2s}.nav-cta{border:1px solid var(--border)}.stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.2rem}.stats b{display:block;font-size:1.5rem;color:#fff}.stats span{color:var(--text-sub);font-size:.85rem}.konfig{max-width:1150px;margin:0 auto;padding:2.5rem 1.2rem 4rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);grid-gap:1.4rem;gap:1.4rem;align-items:start}.konfig-form{display:grid;grid-gap:1.1rem;gap:1.1rem}.fieldset{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(77,155,255,.07),transparent);padding:1.1rem 1.2rem;display:grid;grid-gap:.9rem;gap:.9rem}.fieldset legend{padding:0 .45rem;font-weight:700;color:#fff}.row{display:flex;gap:.9rem;flex-wrap:wrap}.field{display:grid;grid-gap:.35rem;gap:.35rem;flex:1 1 140px}.field label{font-size:.82rem;color:var(--text-sub)}.field input,.field select{background:#0b1a33;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem;font-size:1rem;width:100%;transition:border .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(77,155,255,.22)}.checks{display:flex;gap:.6rem .9rem;flex-wrap:wrap}.check{display:inline-flex;gap:.45rem;align-items:center;color:var(--text);font-size:.92rem;cursor:pointer}.check input{accent-color:var(--accent-2);width:17px;height:17px}.quote-panel{position:-webkit-sticky;position:sticky;top:86px}.quote-panel ul{list-style:none;padding:0;margin:.6rem 0 1rem;display:grid;grid-gap:.45rem;gap:.45rem}.quote-panel li{display:flex;justify-content:space-between;gap:1rem;color:var(--text-sub);font-size:.94rem}.quote-panel li b{color:var(--text)}.quote-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--border);padding-top:.8rem}.quote-total .amount{font-size:1.9rem;font-weight:800}.quote-note{color:var(--text-sub);font-size:.78rem;margin-top:.7rem}.quote-error{color:#ff8080;font-size:.9rem;margin-top:.6rem}.quote-loading{color:var(--accent-2)}.preview-box{border:1px solid var(--border);border-radius:14px;padding:.8rem;background:#071328}footer{margin-top:2rem}.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:2rem;gap:2rem;text-align:left}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.footer-links h4{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}.footer-links a{display:block;color:var(--text-sub);margin-bottom:.4rem}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);margin-top:1.6rem;padding-top:1.2rem}@media (max-width:900px){.konfig{grid-template-columns:1fr}.quote-panel{position:static}.footer-inner{grid-template-columns:1fr}}@media (max-width:720px){.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;right:0;left:0;flex-direction:column;padding:1rem 1.2rem;display:none;background:rgba(6,18,36,.97);border-bottom:1px solid var(--border)}.nav-links.open{display:flex}}@media (prefers-reduced-motion:reduce){.fade-up,.hero-visual,.price-tag{animation:none}}.konfigurator-empty{max-width:800px;margin:0 auto;padding:4rem 1.2rem}.konfigurator-empty h1{font-size:clamp(2rem,5vw,3.2rem)}.konfigurator-empty .cta{margin:1rem 0}.konfigurator-empty button{cursor:pointer;border:0}:root{--bg:#040b1a;--bg-2:#061224;--panel:#0a162d;--border:rgba(77,155,255,.25);--text:#eaf2ff;--text-sub:#9db2d9;--accent:#4d9bff;--accent-2:#22d3ee;--glow:rgba(77,155,255,.45)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 800px at 80% -10%,rgba(34,211,238,.08),transparent),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(6,18,36,.9),rgba(6,18,36,.7));border-bottom:1px solid var(--border)}.nav{justify-content:space-between;gap:1rem;max-width:1100px;margin:0 auto;padding:.8rem 1.2rem}.logo,.nav{display:flex;align-items:center}.logo{gap:.6rem;font-weight:700;letter-spacing:.02em}.logo-mark{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#fff,var(--accent));box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 10px 40px -10px var(--glow)}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}.nav-links a{color:var(--text-sub);padding:.4rem .6rem;border-radius:10px;transition:all .2s ease}.nav-links a:hover{color:var(--text);background:rgba(77,155,255,.12)}.hero{max-width:1100px;margin:0 auto;padding:clamp(2rem,6vw,6rem) 1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);align-items:center}.hero h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:.98;margin:0 0 1rem}.hero p{color:var(--text-sub);font-size:clamp(1rem,2vw,1.2rem);margin:0 0 1.6rem}.cta{display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(90deg,var(--accent) 0,var(--accent-2) 100%);color:#041022;box-shadow:0 30px 60px -30px var(--glow)}.btn-ghost{border-color:var(--border);color:var(--text);background:linear-gradient(180deg,rgba(77,155,255,.18),transparent)}.btn:hover{transform:translateY(-2px)}.card{position:relative;border-radius:18px;border:1px solid var(--border);background:radial-gradient(400px 200px at 80% -10%,rgba(34,211,238,.16),transparent),var(--panel);box-shadow:0 60px 120px -80px var(--glow);overflow:hidden}.card-inner{padding:clamp(1.2rem,3vw,2rem);display:grid;grid-gap:1rem;gap:1rem}.pill{display:inline-flex;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--text-sub);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem;max-width:1100px;margin:0 auto;padding:0 1.2rem 4rem}.feature{border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(77,155,255,.14),transparent);padding:1.4rem;display:grid;grid-gap:.6rem;gap:.6rem}.feature h3{margin:0}.feature p{margin:0}.feature p,footer{color:var(--text-sub)}footer{border-top:1px solid var(--border);padding:2rem 1.2rem;text-align:center}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}