/* DITS Marken-Basis - geteilt zwischen Landingpage (dits-funnel.html) und
   oeffentlichen Tool-Kundenseiten (/bewerten, /warteliste). Werte 1:1 aus
   dits-funnel.html uebernommen - Aenderungen hier wirken auf alle Seiten,
   die diese Datei einbinden. */
:root{
  --ink:#060d1a;--ink2:#0d1e35;
  --sky:#0099cc;--sky2:#006699;
  --ice:#e8f4f8;--white:#f9fbff;
  --muted:#ffffff;--border:rgba(255,255,255,.08);
  --red:#e63946;--amber:#f4a261;--green:#2dc653;
  --sans:'DM Sans',sans-serif;--display:'Barlow Condensed',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--white);font-family:var(--sans);min-height:100vh}

/* ── NAV (Wortmarke, 1:1 aus dits-funnel.html) ── */
nav.dits-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;
  display:flex;align-items:center;
  background:rgba(6,13,26,.85);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);}
.nav-brand{display:flex;flex-direction:column;line-height:1;text-decoration:none}
.nav-brand-main{font-family:var(--display);font-weight:900;font-size:1.5rem;letter-spacing:.14em;color:#fff}
.nav-brand-sub{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sky);margin-top:3px;font-weight:600}

/* ── TOOL-SEITEN LAYOUT (eigenstaendig, nicht auf der Landingpage genutzt) ── */
.dits-tool-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 40px;text-align:center}
.dits-tool-card{max-width:420px;width:100%;background:var(--ink2);border:1px solid var(--border);border-radius:20px;padding:40px 28px}
.dits-tool-card h1{font-family:var(--display);font-weight:900;font-size:1.9rem;line-height:1.15;margin-bottom:14px;text-transform:uppercase}
.dits-tool-card p{color:rgba(255,255,255,.85);line-height:1.6;font-size:.98rem}
.dits-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
  background:linear-gradient(135deg,var(--sky),var(--sky2));color:#fff;font-weight:700;font-size:1.05rem;
  padding:14px 32px;border:none;border-radius:8px;text-decoration:none;cursor:pointer;
  box-shadow:0 0 40px rgba(0,153,204,.3);transition:.3s}
.dits-btn:hover{transform:translateY(-1px);box-shadow:0 0 55px rgba(0,153,204,.45)}
.dits-btn:disabled{opacity:.6;cursor:default;transform:none}

.dits-field{text-align:left;margin-top:16px}
.dits-field:first-of-type{margin-top:0}
.dits-field label{display:block;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.7);
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.dits-field input{width:100%;background:rgba(0,0,0,.35);border:1px solid var(--border);
  border-radius:7px;padding:13px 14px;color:var(--white);font-family:var(--sans);font-size:.98rem;outline:none;transition:.2s}
.dits-field input:focus{border-color:var(--sky);background:rgba(0,153,204,.05)}
.dits-field input::placeholder{color:rgba(255,255,255,.5)}
.dits-err{color:var(--red);font-size:.85rem;margin-top:10px;display:none}