@charset "UTF-8";
/*
 * Clean-Gestaltung für die öffentlichen Seiten (Startseite/Anmeldung, Tarife,
 * Registrierung, Konto). Nur Optik; Inhalte und Formulare bleiben unverändert.
 */
@font-face{font-family:"Inter Clean";src:url("/projects/noir-inter-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#121315;--panel:#1a1b1e;--line:rgba(255,255,255,.075);--text:#eeece7;--muted:#a0a2a9;--blue:#82acf0;--green:#67c991}
html body{background:#121315!important;background-image:none!important;color:#eeece7;font-family:"Inter Clean",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-feature-settings:"cv11" 1;-webkit-font-smoothing:antialiased}
html body :focus-visible{outline:2px solid #82acf0;outline-offset:2px}

/* Kopfzeile */
html body .top{border-color:rgba(255,255,255,.075)!important}
html body .top .brand{text-decoration:none!important}
html body .top .brand,html body .top .brand-word{font-weight:650;letter-spacing:-.01em}
html body .top .brand b{color:#82acf0;font-weight:inherit}
html body .public-nav a{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:9px;color:#a0a2a9!important;font-size:14px;font-weight:500;text-decoration:none!important;transition:color .16s,background .16s}
html body .public-nav a:hover,html body .public-nav a.active,html body .public-nav a[aria-current]{color:#eeece7!important;background:#1a1b1e}

/* Startseite */
html body .eyebrow{color:#70727a!important;letter-spacing:.06em!important;font-weight:600!important}
html body .hero h1 em{color:#82acf0}
html body .intro{color:#a0a2a9!important}
html body .points i{background:rgba(103,201,145,.12)!important;border:0!important;color:#67c991!important}
html body .trial-cta{background:#82acf0!important;border:0!important;color:#0e1828!important;box-shadow:none!important;border-radius:10px!important;font-weight:650!important;transition:background .16s,transform .16s}
html body .trial-cta:hover{background:#97bbf4!important}
html body .trial-cta:active{transform:translateY(1px)}
html body .windows-download{background:#1a1b1e!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;border-radius:10px!important}
html body .windows-download:hover{background:#222327!important}
html body .trust-link{color:#a0a2a9!important}

/* Anmeldekarte: ruhig, ohne doppelte Rahmen */
html body .hero .card{border:0!important;background:#1a1b1e!important;background-image:none!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;border-radius:16px!important}
html body .card input:not([type=checkbox]){border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:#121315!important;box-shadow:none!important;transition:border-color .16s,box-shadow .16s}
html body .card input:not([type=checkbox]):focus{outline:none!important;border-color:#82acf0!important;box-shadow:0 0 0 3px rgba(130,172,240,.14)!important}
html body .card form button{background:#82acf0!important;border:0!important;color:#0e1828!important;border-radius:9px!important;font-weight:650!important;box-shadow:none!important}
html body .card form button:hover{background:#97bbf4!important}
html body .license-cta{border:0!important;background:#222327!important;border-radius:10px!important;box-shadow:none!important;transition:background .16s}
html body .license-cta:hover{background:#2a2b30!important}

/* Nutzung und Erfahrungen */
html body .community-stats>*{border:0!important;background:#1a1b1e!important;border-radius:14px!important;box-shadow:none!important}
html body .community-method,html body .community p{color:#70727a!important;font-size:12.5px!important;line-height:1.6!important}
html body .community-empty{border:0!important;background:#1a1b1e!important;border-radius:14px!important;color:#a0a2a9!important}
html body .community-heading h2{letter-spacing:-.02em}

/* Tarife: flache Karten, Empfehlung mit blauem Rand statt Gold */
html body .plan{border:1px solid transparent!important;background:#1a1b1e!important;background-image:none!important;box-shadow:none!important;border-radius:16px!important;transform:none!important}
html body .plan::before,html body .plan::after{background:none!important;background-image:none!important;opacity:0!important}
html body .plan.recommended{border-color:#82acf0!important;background:linear-gradient(180deg,rgba(130,172,240,.08),rgba(130,172,240,0) 60%),#1a1b1e!important}
html body .plan .badge{background:#82acf0!important;color:#0e1828!important;border:0!important;box-shadow:none!important}
html body .plan .check,html body .feature i{color:#67c991!important;border-color:rgba(103,201,145,.3)!important;background:rgba(103,201,145,.1)!important}
html body .plan .choose,html body .billing button{border-radius:9px!important;box-shadow:none!important}
html body .plan .choose{background:#222327!important;border:1px solid rgba(255,255,255,.13)!important;color:#eeece7!important}
html body .plan.recommended .choose{background:#82acf0!important;border-color:#82acf0!important;color:#0e1828!important}
html body .billing{background:#1a1b1e!important;border:0!important;border-radius:10px!important}
html body .billing button.active,html body .billing [aria-pressed=true]{background:#2a2b30!important;color:#eeece7!important}

/* Seiten aus customer.css (Konto, Registrierung, Testzugang) */
html body .card:not(.hero .card){border-color:transparent!important;background:#1a1b1e!important;background-image:none!important;box-shadow:none!important;border-radius:14px!important}
html body a.button,html body button.button,html body .button.primary{border-radius:9px!important;box-shadow:none!important}

@media (prefers-reduced-motion:reduce){html body *{transition:none!important}}