/* ============================================================
   Datenanalyse — Moderne Datenanalyse & Business Intelligence
   Professional analytical · "query console" · deep navy + sky/blue
   ============================================================ */
:root{
  --da-bg:#020617; --da-panel:#0b1220; --da-panel2:#0f1a2e; --da-line:#1e293b;
  --da-sky:#38bdf8; --da-blue:#0284c7; --da-sky-l:#bae6fd;
  --da-text:#f8fafc; --da-slate:#94a3b8; --da-slate2:#64748b; --da-green:#34d399;
}
*{ -webkit-font-smoothing:antialiased; }
.font-display{ font-family:'Chivo','Inter',sans-serif; letter-spacing:-0.02em; }
.font-mono{ font-family:'Chivo Mono','Courier New',monospace; }
.font-label{ font-family:'Chivo Mono','Courier New',monospace; letter-spacing:.14em; text-transform:uppercase; }
body.da-body{ font-family:'Inter',system-ui,sans-serif; color:var(--da-text); background:var(--da-bg); }

.da-panel{ background:var(--da-panel); } .da-panel2{ background:var(--da-panel2); }
.text-sky{ color:var(--da-sky); } .text-slate{ color:var(--da-slate); } .text-green{ color:var(--da-green); }
.text-grad{ background:linear-gradient(100deg,var(--da-sky),var(--da-blue)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.da-grid{ position:relative; }
.da-grid::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(var(--da-line) 1px,transparent 1px),linear-gradient(90deg,var(--da-line) 1px,transparent 1px);
  background-size:40px 40px; opacity:.4; mask-image:radial-gradient(ellipse at 60% 0%, black, transparent 72%); }

.da-card{ background:var(--da-panel); border:1px solid var(--da-line); border-radius:1rem; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.da-card:hover{ transform:translateY(-4px); border-color:rgba(56,189,248,.5); box-shadow:0 20px 50px -24px rgba(56,189,248,.3); }
.da-card2{ background:var(--da-panel2); border:1px solid var(--da-line); border-radius:1rem; }

.da-icon{ width:48px; height:48px; border-radius:.7rem; display:flex; align-items:center; justify-content:center;
  background:rgba(56,189,248,.12); color:var(--da-sky); border:1px solid rgba(56,189,248,.2); }
.da-badge{ display:inline-flex; align-items:center; gap:.4rem; padding:.32rem .8rem; border-radius:999px; background:rgba(56,189,248,.1); color:var(--da-sky); font-size:.72rem; font-weight:600; border:1px solid rgba(56,189,248,.22); font-family:'Chivo Mono',monospace; }
.da-stat{ font-family:'Chivo',sans-serif; font-weight:700; letter-spacing:-0.03em; }
.da-eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-family:'Chivo Mono',monospace; text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:500; color:var(--da-sky); }
.da-eyebrow::before{ content:"›"; color:var(--da-green); font-size:1rem; }
.da-rownum{ font-family:'Chivo Mono',monospace; color:rgba(56,189,248,.5); font-size:3rem; font-weight:700; line-height:1; }

/* horizontal scroll carousel */
.da-scroll{ display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.5rem; }
.da-scroll::-webkit-scrollbar{ height:6px; } .da-scroll::-webkit-scrollbar-thumb{ background:#1e293b; border-radius:99px; }
.da-scard{ scroll-snap-align:start; flex:0 0 auto; width:300px; background:var(--da-panel); border:1px solid var(--da-line); border-radius:1rem; transition:border-color .25s ease,transform .25s ease; }
.da-scard:hover{ border-color:var(--da-sky); transform:translateY(-4px); }

/* buttons */
.btn-sky{ background:linear-gradient(100deg,var(--da-sky),var(--da-blue)); color:#04222a; font-weight:700; transition:transform .2s ease, box-shadow .3s ease, filter .2s ease; }
.btn-sky:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -12px rgba(56,189,248,.55); filter:brightness(1.05); }
.btn-ghost{ border:1px solid var(--da-line); color:var(--da-text); font-weight:600; transition:background .2s ease,border-color .2s ease; }
.btn-ghost:hover{ background:rgba(56,189,248,.1); border-color:var(--da-sky); }

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

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