/* ============================================================
   Erfolgsdaten — Erfolgsorientierte Datenanalysen für Unternehmen
   Corporate / results-first · light + slate-900 bands · cyan/teal
   ============================================================ */
:root{
  --ed-bg:#f8fafc; --ed-white:#ffffff; --ed-dark:#0f172a; --ed-dark2:#1e293b; --ed-line:#e2e8f0;
  --ed-cyan:#22d3ee; --ed-teal:#06b6d4; --ed-cyan-l:#a5f3fc;
  --ed-ink:#0f172a; --ed-muted:#64748b; --ed-slate:#94a3b8; --ed-green:#16a34a;
}
*{ -webkit-font-smoothing:antialiased; }
.font-display{ font-family:'Hanken Grotesk','Inter',sans-serif; letter-spacing:-0.02em; }
.font-label{ font-family:'Hanken Grotesk','Inter',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
body.ed-body{ font-family:'Inter',system-ui,sans-serif; color:var(--ed-ink); background:var(--ed-bg); }

.ed-dark{ background:var(--ed-dark); color:#f8fafc; } .ed-dark2{ background:var(--ed-dark2); color:#f8fafc; } .ed-white{ background:var(--ed-white); }
.text-cyan{ color:var(--ed-teal); } .text-slate{ color:var(--ed-slate); } .text-muted{ color:var(--ed-muted); } .text-green{ color:var(--ed-green); }
.text-grad{ background:linear-gradient(100deg,var(--ed-cyan),var(--ed-teal)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.ed-grid{ position:relative; }
.ed-grid::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px);
  background-size:40px 40px; opacity:.5; mask-image:radial-gradient(ellipse at 70% 30%, black, transparent 75%); }

.ed-card{ background:var(--ed-white); border:1px solid var(--ed-line); border-radius:1rem; box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ed-card:hover{ transform:translateY(-4px); box-shadow:0 22px 44px -24px rgba(6,182,212,.4); border-color:var(--ed-cyan-l); }
.ed-card-dark{ background:var(--ed-dark2); border:1px solid #334155; border-radius:1rem; transition:transform .25s ease,border-color .25s ease; }
.ed-card-dark:hover{ transform:translateY(-4px); border-color:var(--ed-teal); }

.ed-icon{ width:48px; height:48px; border-radius:.7rem; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(6,182,212,.16)); color:var(--ed-teal); }

.ed-badge{ display:inline-flex; align-items:center; gap:.4rem; padding:.32rem .8rem; border-radius:999px; background:rgba(34,211,238,.14); color:var(--ed-teal); font-size:.72rem; font-weight:600; }
.ed-badge-up{ background:rgba(22,163,74,.12); color:var(--ed-green); }

.ed-stat{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; letter-spacing:-0.03em; }
.ed-eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-family:'Hanken Grotesk',sans-serif; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:700; color:var(--ed-teal); }
.ed-eyebrow::before{ content:""; width:22px; height:2px; background:var(--ed-teal); display:inline-block; }
.ed-step-num{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; color:var(--ed-cyan-l); font-size:2.2rem; line-height:1; }

/* case study before/after */
.ed-delta{ display:inline-flex; align-items:baseline; gap:.5rem; }
.ed-before{ color:var(--ed-slate); text-decoration:line-through; font-size:1.1rem; }
.ed-after{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; color:var(--ed-teal); font-size:1.6rem; letter-spacing:-0.02em; }

/* buttons */
.btn-teal{ background:linear-gradient(100deg,var(--ed-cyan),var(--ed-teal)); color:#04222a; font-weight:700; transition:transform .2s ease, box-shadow .3s ease, filter .2s ease; }
.btn-teal:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -12px rgba(6,182,212,.55); filter:brightness(1.05); }
.btn-dark{ background:var(--ed-dark); color:#fff; font-weight:600; transition:transform .2s ease,background .2s ease; }
.btn-dark:hover{ transform:translateY(-2px); background:#1e293b; }
.btn-ghost{ border:1px solid var(--ed-line); color:var(--ed-ink); font-weight:600; transition:background .2s ease,border-color .2s ease; }
.btn-ghost:hover{ background:#fff; border-color:var(--ed-teal); color:var(--ed-teal); }
.btn-ghost-light{ border:1px solid rgba(255,255,255,.28); color:#fff; font-weight:600; transition:background .2s ease; }
.btn-ghost-light:hover{ background:rgba(255,255,255,.1); }

/* prose */
.ed-prose h2{ font-family:'Hanken Grotesk',sans-serif; color:var(--ed-ink); font-size:1.45rem; margin:2rem 0 .6rem; }
.ed-prose h3{ font-family:'Hanken Grotesk',sans-serif; color:var(--ed-ink); font-size:1.1rem; margin:1.4rem 0 .4rem; }
.ed-prose p,.ed-prose li{ color:var(--ed-muted); line-height:1.85; }
.ed-prose ul{ list-style:disc; padding-left:1.25rem; }
.ed-prose a{ color:var(--ed-teal); text-decoration:underline; }
.ed-prose table{ width:100%; border-collapse:collapse; margin:1rem 0; }
.ed-prose th,.ed-prose td{ border:1px solid var(--ed-line); padding:.7rem .9rem; text-align:left; font-size:.9rem; color:var(--ed-muted); }
.ed-prose th{ color:var(--ed-ink); font-family:'Hanken Grotesk',sans-serif; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }

.cookie-banner-hover-effect:hover{ filter:brightness(.98); }