:root{--bg: #080e22;--bg-panel: #0f1d3a;--blue: #1e40af;--blue-mid: #3b82f6;--cyan: #00d4ff;--cyan-dim: rgba(0,212,255,.15);--white: #ffffff;--gray: #8b9fc4;--gray-dim: rgba(139,159,196,.15);--border: rgba(255,255,255,.08);--orange: #ff9f43;--green: #2ecc71}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:100px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .45s ease;cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--blue));color:#fff;box-shadow:0 0 28px #3b82f659,inset 0 1px #ffffff1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d4ff73,inset 0 1px #ffffff26;background:linear-gradient(135deg,var(--cyan),var(--blue-mid))}.btn-ghost{background:transparent;color:var(--gray);border:1px solid var(--border)}.btn-ghost:hover{color:var(--white);border-color:#fff3;background:#ffffff0a}header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#080e22d9;border-bottom:1px solid var(--border);transition:background .4s ease,box-shadow .4s ease}header.scrolled{background:#080e22f7;box-shadow:0 4px 24px #0006}nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px;transition:height .4s ease}header.scrolled nav{height:50px}.logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-link img{height:34px;width:auto;transition:height .4s ease}header.scrolled .logo-link img{height:24px}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--cyan) 50%,var(--blue-mid) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{padding:80px 0 60px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(30,64,175,.25) 0%,rgba(0,212,255,.08) 50%,transparent 70%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-tag{display:inline-block;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:100px;padding:6px 18px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:24px}h1,h2.title,.cta-section h2{font-family:Outfit,Inter,sans-serif}.hero h1{font-size:3.4rem;line-height:1.1;margin-bottom:20px;font-weight:800;letter-spacing:-.03em}.hero .lead{font-size:1.1rem;color:var(--gray);max-width:640px;margin:0 auto 36px;line-height:1.7}.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.screenshot-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 0 80px #00d4ff1f,0 0 0 1px var(--border)}.screenshot-wrap img{width:100%;height:auto;display:block}.screenshot-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:linear-gradient(to top,rgba(8,14,34,.92) 0%,rgba(8,14,34,.6) 60%,transparent 100%);display:flex;align-items:center;gap:10px}.screenshot-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);flex-shrink:0}.screenshot-caption-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:700}.screenshot-caption-text{font-size:.75rem;color:#8b9fc4d9;letter-spacing:.03em;font-weight:500}.section{padding:80px 0}.section-alt{background:#0f1d3a4d}.section-divider{border:none;border-top:1px solid var(--border)}h2.title{font-size:2.1rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}p.lead{font-size:1rem;color:var(--gray);max-width:600px;line-height:1.75;margin-bottom:40px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#0f1d3ab3;border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center}.stat-num{font-size:2.8rem;font-weight:900;color:var(--cyan);line-height:1}.stat-label{color:var(--gray);font-size:.875rem;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:48px}.step{background:#0f1d3a99;border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .3s,transform .3s}.step:hover{border-color:#00d4ff40;transform:translateY(-4px)}.step-num{font-size:2.8rem;font-weight:900;color:#00d4ff1f;line-height:1;margin-bottom:16px}.step h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.step p{color:var(--gray);font-size:.875rem;line-height:1.7}.traffic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.traffic-card{border-radius:14px;padding:28px;text-align:center}.traffic-card.green{background:#2ecc7112;border:1px solid rgba(46,204,113,.25)}.traffic-card.yellow{background:#ff9f4312;border:1px solid rgba(255,159,67,.25)}.traffic-card.red{background:#e74c3c12;border:1px solid rgba(231,76,60,.25)}.traffic-dot{width:20px;height:20px;border-radius:50%;margin:0 auto 14px}.traffic-card.green .traffic-dot{background:#2ecc71;box-shadow:0 0 14px #2ecc71}.traffic-card.yellow .traffic-dot{background:#ff9f43;box-shadow:0 0 14px #ff9f43}.traffic-card.red .traffic-dot{background:#e74c3c;box-shadow:0 0 14px #e74c3c}.traffic-score{font-size:1.8rem;font-weight:900;margin:8px 0 10px}.traffic-card.green .traffic-score{color:#2ecc71}.traffic-card.yellow .traffic-score{color:#ff9f43}.traffic-card.red .traffic-score{color:#e74c3c}.traffic-card h3{font-size:1rem;font-weight:700;margin-bottom:6px}.traffic-card p{font-size:.85rem;color:var(--gray);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}.feature-card{background:#0f1d3a80;border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .3s,transform .3s}.feature-card:hover{border-color:#00d4ff33;transform:translateY(-3px)}.feature-icon{font-size:1.8rem;margin-bottom:14px}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--gray);font-size:.875rem;line-height:1.65}.badge{display:inline-block;background:#0f1d3acc;border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:.8rem;color:var(--gray);font-weight:600;margin:4px;transition:border-color .2s,color .2s}.badge:hover{border-color:#00d4ff40;color:var(--white)}.cta-section{padding:100px 0;text-align:center;background:#0f1d3a4d}.cta-section h2{font-size:2.4rem;margin-bottom:16px;font-weight:800;letter-spacing:-.02em}.cta-section p{color:var(--gray);margin-bottom:40px;font-size:1.05rem;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}footer{padding:48px 0 40px;border-top:1px solid var(--border);background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand p{color:var(--gray);font-size:.875rem;margin-top:16px;line-height:1.6;max-width:240px}.footer-col h5{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--white);margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul a{color:var(--gray);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-col ul a:hover{color:var(--white)}.footer-bottom{padding-top:28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom p{color:var(--gray);font-size:.8rem}.made-in-germany{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--gray);font-weight:600}.reveal{opacity:0;transform:translateY(32px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.contact-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.contact-overlay.open{opacity:1;pointer-events:all}.contact-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:#0d1b38;border-left:1px solid rgba(255,255,255,.08);z-index:201;display:flex;flex-direction:column;transform:translate(100%);transition:transform .38s cubic-bezier(.32,.72,0,1);overflow-y:auto}.contact-panel.open{transform:translate(0)}.contact-panel-header{padding:28px 28px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.contact-panel-header h3{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.3}.contact-panel-header p{font-size:.85rem;color:var(--gray);margin-top:4px;line-height:1.5}.panel-close{background:#ffffff0f;border:1px solid var(--border);border-radius:100px;color:var(--gray);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.panel-close:hover{background:#ffffff1a;color:var(--white)}.contact-form{padding:28px;flex:1;display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:.8rem;font-weight:600;color:var(--gray);letter-spacing:.03em}.form-group label .req{color:var(--cyan);margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--white);font-family:inherit;font-size:.9rem;padding:11px 14px;transition:border-color .2s,box-shadow .2s;outline:none;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b9fc480}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14;background:#00d4ff08}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b9fc4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-group select option{background:#0d1b38;color:var(--white)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.dsgvo-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.dsgvo-check input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--cyan);cursor:pointer}.dsgvo-check span{font-size:.78rem;color:var(--gray);line-height:1.5}.dsgvo-check a{color:var(--cyan);text-decoration:none}.dsgvo-check a:hover{text-decoration:underline}.btn-submit{width:100%;justify-content:center;padding:14px;font-size:.95rem;border-radius:10px;margin-top:4px;position:relative}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-submit .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}.btn-submit.loading .btn-label{display:none}.btn-submit.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.form-success,.form-error{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px;gap:16px;flex:1}.form-success.show,.form-error.show{display:flex}.success-icon,.error-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.success-icon{background:#2ecc711a;border:1px solid rgba(46,204,113,.3)}.error-icon{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.form-success h4,.form-error h4{font-size:1.2rem;font-weight:800}.form-success p,.form-error p{color:var(--gray);font-size:.9rem;line-height:1.6;max-width:300px}.form-group input.invalid,.form-group select.invalid,.form-group textarea.invalid{border-color:#f8717180;box-shadow:0 0 0 3px #f8717114}@media(max-width:768px){.hero h1{font-size:2.2rem}.two-col,.traffic-grid,.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}nav{gap:12px}.nav-actions{gap:6px}.nav-actions .btn{padding:8px 14px!important;font-size:.8rem!important}.nav-actions .nav-hide-sm{display:none}.nav-actions .btn svg{display:none}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.contact-panel{max-width:100%;border-left:none}.form-row{grid-template-columns:1fr}.nav-actions .btn{padding:7px 12px!important;font-size:.75rem!important}.logo-link img{height:28px!important}}.chat-fab{position:fixed;bottom:28px;right:28px;z-index:8500;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#00d4ff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00d4ff59;transition:transform .2s,box-shadow .2s}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px #00d4ff80}.chat-fab-icon,.chat-fab-close{position:absolute;transition:opacity .2s,transform .2s}.chat-fab-close{opacity:0;transform:rotate(-90deg) scale(0)}.chat-fab.open .chat-fab-icon{opacity:0;transform:rotate(90deg) scale(0)}.chat-fab.open .chat-fab-close{opacity:1;transform:rotate(0) scale(1)}.chat-window{position:fixed;bottom:96px;right:28px;z-index:8499;width:360px;max-height:520px;background:#0f1d3a;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080,0 0 0 1px #00d4ff14;display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px) scale(.96);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;transform-origin:bottom right}.chat-window.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.chat-hdr{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#1e40af,#3b82f6);flex-shrink:0}.chat-hdr-av{width:34px;height:34px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.chat-hdr-info{flex:1}.chat-hdr-info strong{display:block;font-size:.88rem;font-weight:700;color:#fff}.chat-hdr-info span{font-size:.72rem;color:#ffffffa6}.chat-hdr-close{background:#ffffff26;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.chat-hdr-close:hover{background:#ffffff47}.chat-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.chat-msg{display:flex;gap:8px;max-width:90%;animation:cMsgIn .18s ease}@keyframes cMsgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{align-self:flex-end;flex-direction:row-reverse}.chat-bbl{padding:9px 13px;border-radius:14px;font-size:.855rem;line-height:1.55;max-width:100%;word-break:break-word}.chat-msg.user .chat-bbl{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-bottom-right-radius:4px}.chat-msg.bot .chat-bbl{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;border-bottom-left-radius:4px}.chat-av{width:26px;height:26px;border-radius:50%;background:#00d4ff1f;border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#00d4ff;flex-shrink:0}.chat-typing{display:flex;gap:4px;align-items:center;padding:9px 13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 4px;width:fit-content}.chat-typing span{width:5px;height:5px;border-radius:50%;background:#8b9fc499;animation:cDot 1.2s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes cDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-row{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:8px;flex-shrink:0;align-items:flex-end}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fff;font-family:inherit;font-size:.855rem;padding:9px 15px;outline:none;resize:none;transition:border-color .2s}.chat-input::placeholder{color:#8b9fc473}.chat-input:focus{border-color:#00d4ff66}.chat-send-btn{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#00d4ff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.chat-send-btn:hover{transform:scale(1.1);box-shadow:0 4px 14px #00d4ff4d}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.chat-note{text-align:center;font-size:.68rem;color:#8b9fc459;padding:0 12px 8px;flex-shrink:0}@media(max-width:480px){.chat-window{width:calc(100vw - 20px);right:10px;bottom:80px}.chat-fab{right:14px;bottom:14px}}