:root{
  color-scheme: dark;
  --bg:#0a1120; --surface-kpi:#0f1e34; --surface:#0d1626; --surface-2:#0e1828; --surface-3:#0f1a2c;
  --surface-grad:#0c1422; --cta-a:#0e1c30; --cta-b:#0b1422; --pill-bg:#16273e; --copy-bg:#111c2e;
  --border:#1e293b; --border-2:#243044; --border-faint:#16202f; --border-chip:#1e2c40; --border-shot:#2a3a52; --border-hover:#33486a;
  --text:#f8fafc; --text-2:#cbd5e1; --text-lead:#a8b4c6; --text-muted:#94a3b8; --text-3:#9fb2cc; --text-faint:#5b6b82;
  --accent:#47c4f3; --accent-2:#5fcdf6; --accent-3:#7dd3fc;
  --ok:#34d399; --warn:#fbbf24; --bad:#f87171;
  --chip-bg:rgba(13,22,38,0.7);
}
:root[data-theme="light"]{
  color-scheme: light;
  --bg:#eef3f9; --surface-kpi:#e7eef8; --surface:#ffffff; --surface-2:#ffffff; --surface-3:#eef3fa;
  --surface-grad:#f4f8fd; --cta-a:#e7eff9; --cta-b:#f2f7fd; --pill-bg:#e8edf6; --copy-bg:#eef3fa;
  --border:#dfe6f0; --border-2:#d3dceb; --border-faint:#e6ecf4; --border-chip:#dae3f0; --border-shot:#cad6e8; --border-hover:#9bb4d6;
  --text:#0e1c30; --text-2:#33415a; --text-lead:#465369; --text-muted:#586781; --text-3:#465369; --text-faint:#7a8aa0;
  --accent:#0c7cbf; --accent-2:#0e84c6; --accent-3:#1a82bd;
  --ok:#059669; --warn:#b45309; --bad:#dc2626;
  --chip-bg:rgba(255,255,255,0.78);
}
*{box-sizing:border-box;margin:0;padding:0}
  body{background:var(--bg, #0a1120);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  html{background:var(--bg, #0a1120);transition:background-color .25s ease;zoom:1.1}
  ::selection{background:rgba(71,196,243,0.3);color:#fff}
  html{scroll-behavior:smooth}
  @keyframes scGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
  @keyframes scFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @keyframes scShimmer{to{background-position:220% center}}
  @keyframes scAurora{0%{transform:translate(0,0) scale(1)}33%{transform:translate(6%,4%) scale(1.12)}66%{transform:translate(-5%,3%) scale(1.05)}100%{transform:translate(0,0) scale(1)}}
  @keyframes scPulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
  a{text-decoration:none;color:inherit}
  @keyframes scIn{from{transform:translateY(22px)}to{transform:none}}
  [data-reveal]{animation:scIn .7s cubic-bezier(.16,1,.3,1) both}
  [data-reveal][data-reveal-delay]{animation-delay:.16s}
  [data-reveal-group] > *{animation:scIn .7s cubic-bezier(.16,1,.3,1) both}
  [data-reveal-group] > *:nth-child(2){animation-delay:.07s}
  [data-reveal-group] > *:nth-child(3){animation-delay:.14s}
  [data-reveal-group] > *:nth-child(4){animation-delay:.21s}
  [data-reveal-group] > *:nth-child(5){animation-delay:.28s}
  [data-reveal-group] > *:nth-child(6){animation-delay:.35s}
  [data-reveal-group] > *:nth-child(7){animation-delay:.42s}
  [data-reveal-group] > *:nth-child(8){animation-delay:.49s}
  [data-reveal-group] > *:nth-child(9){animation-delay:.56s}
  @media (prefers-reduced-motion: reduce){[data-reveal],[data-reveal-group] > *{animation:none}}
/* Hero-Screenshot: Dunkel als Basis, Hell-Overlay blendet sanft ein/aus (Loop) */
@keyframes scCross{0%,10%{opacity:0}26%,56%{opacity:1}72%,100%{opacity:0}}
.sc-cross{animation:scCross 11s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.sc-cross{animation:none;opacity:0}}

/* ===================== RESPONSIVE / MOBILE ===================== */
.sc-scroll-hint{display:none;}
/* Headline: Zeilen gleichmäßig umbrechen statt einzelne Wörter „verwaisen" zu lassen */
.sc-h1{ text-wrap:balance; }

/* Tablet: 4er- und 3er-Grids auf 2 Spalten */
@media (max-width: 920px){
  .sc-grid-4{ grid-template-columns:repeat(2,1fr) !important; }
  .sc-grid-3{ grid-template-columns:repeat(2,1fr) !important; }
  .sc-h1{ font-size:48px !important; letter-spacing:-1.6px !important; }
  /* Erzwungenen Zeilenumbruch (<br>) unterhalb Desktop entfernen → Titel fließt + balanciert (text-wrap:balance) statt einzelne Wörter zu „verwaisen" */
  .sc-h1 br{ display:none; }
}

/* Phone */
@media (max-width: 640px){
  /* Horizontaler Innenabstand aller Sektionen runter (vertikal bleibt erhalten) */
  .sc-sec{ padding-left:20px !important; padding-right:20px !important; }

  /* Hero */
  .sc-hero-inner{ padding:44px 20px 0 !important; }
  .sc-h1{ font-size:clamp(29px, 8.6vw, 40px) !important; line-height:1.07 !important; letter-spacing:-1.1px !important; }
  .sc-lead{ font-size:16px !important; line-height:1.55 !important; }
  .sc-h2{ font-size:24px !important; letter-spacing:-.5px !important; line-height:1.18 !important; }

  /* Grids → 1 Spalte */
  .sc-grid-4, .sc-grid-3{ grid-template-columns:1fr !important; }
  .sc-featlist{ grid-template-columns:1fr !important; }

  /* Hero-Screenshot auf iOS: kleiner + dezenter Schatten, weniger dominant */
  .sc-shot{ margin:24px auto -24px !important; padding:0 28px !important; }
  .sc-shot > div:first-child{ opacity:.4 !important; }
  .sc-shot > div:last-child{ box-shadow:0 14px 34px -20px rgba(0,0,0,0.5), 0 0 0 1px rgba(71,196,243,0.10) !important; }
  .sc-kpi{ padding-top:96px !important; }
  .sc-kpi-inner{ padding-left:18px !important; padding-right:18px !important; }

  /* Download-CTA */
  .sc-cta{ padding:44px 22px !important; }
  .sc-cta-h2{ font-size:26px !important; }

  /* Footer */
  .sc-footer-inner{ flex-direction:column !important; align-items:flex-start !important; gap:20px !important; }
  .sc-footer-links{ flex-wrap:wrap !important; gap:14px 20px !important; }

  /* ---- Vergleichstabelle: horizontal scrollbar + fixierte erste Spalte ---- */
  .sc-scroll-hint{ display:block; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--text-faint, #5b6b82); margin-bottom:10px; }
  .sc-table-wrap{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; border-radius:14px !important; }
  .sc-table{ min-width:600px; font-size:12.5px !important; }
  .sc-table th, .sc-table td{ padding-top:11px !important; padding-bottom:11px !important; }
  .sc-table thead th:first-child,
  .sc-table tbody td:first-child{
    position:sticky; left:0; z-index:2;
    padding-left:14px !important; padding-right:12px !important;
    box-shadow:1px 0 0 var(--border-faint, #16202f);
  }
  .sc-table thead th:first-child{ background:var(--surface-3, #0f1a2c) !important; }
  .sc-table tbody td:first-child{ background:var(--surface, #0d1626) !important; }
}
/* Helper-Klassen für übersetzte Inhalte mit Inline-Markup */
.grad{background:linear-gradient(110deg,var(--accent),var(--accent-3),#0568ac,var(--accent));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:scShimmer 6s linear infinite;}
.m{color:var(--text-faint, #5b6b82);}
.b{color:var(--text, #f8fafc);font-weight:600;}
/* Top-Navigation mit Theme- & Sprachumschalter */
.sc-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-faint);background:var(--bg);}
@supports (backdrop-filter:blur(1px)){.sc-nav{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(160%) blur(10px);}}
.sc-nav-inner{max-width:1180px;margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.sc-nav-brand{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:15px;color:var(--text);letter-spacing:-.5px;}
.sc-nav-ctrl{display:flex;align-items:center;gap:9px;}
.sc-menu{position:relative;}
.sc-menu-trigger{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 9px;font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1;cursor:pointer;}
.sc-menu-trigger:hover{border-color:var(--border-hover);}
.sc-menu-trigger .chev{opacity:.5;transition:transform .18s ease;}
.sc-menu[data-open] .chev{transform:rotate(180deg);}
.sc-menu .sc-code{font-weight:600;letter-spacing:.02em;}
.sc-menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:182px;background:var(--surface);border:1px solid var(--border-2);border-radius:12px;padding:5px;box-shadow:0 18px 44px -16px rgba(2,10,26,.5);}
.sc-menu-pop[hidden]{display:none;}
.sc-menu-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;border:0;background:none;border-radius:8px;padding:8px 10px;font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;text-align:left;}
.sc-menu-item:hover{background:var(--surface-3);}
.sc-menu-item .lbl{display:inline-flex;align-items:center;gap:9px;}
.sc-menu-item .code{display:inline-block;width:24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.55;}
.sc-menu-item .chk{color:var(--accent);opacity:0;flex:none;}
.sc-menu-item[aria-checked="true"] .chk{opacity:1;}
.sc-menu-trigger svg,.sc-menu-item .lbl svg{flex:none;}
@media (max-width:640px){.sc-nav-inner{padding:8px 16px;}.sc-nav-brand span{display:none;}}
/* Tarif-Tabelle: einklappbar mit Fade + zentriertem Toggle */
.sc-price-collapse{position:relative;max-height:480px;overflow:hidden;transition:max-height .45s ease;}
.sc-stats > div{text-align:center;}
.sc-price-collapse[data-expanded="true"]{max-height:1600px;}
.sc-price-fade{position:absolute;left:0;right:0;bottom:0;height:88px;z-index:5;background:linear-gradient(to bottom, transparent, var(--bg, #0a1120));pointer-events:none;transition:opacity .3s ease;}
.sc-price-collapse[data-expanded="true"] .sc-price-fade{opacity:0;}
.sc-price-more{text-align:center;margin-top:16px;}
.sc-price-more a{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--accent, #47c4f3);cursor:pointer;padding:8px 16px;border-radius:10px;border:1px solid var(--border-2, #243044);background:var(--surface, #0d1626);}
.sc-price-more a:hover{border-color:var(--border-hover, #33486a);}
.sc-price-more .chev{opacity:.8;transition:transform .2s ease;}
#sc-price-toggle[aria-expanded="true"] .chev{transform:rotate(180deg);}
@media (prefers-reduced-motion: reduce){.sc-price-collapse,.sc-price-fade,.sc-price-more .chev{transition:none;}}

/* Rechtsseiten (Impressum/Datenschutz) im Seiten-Design */
.legal{color:var(--text-2, #cbd5e1);line-height:1.65;}
.legal h1{font-size:34px;font-weight:800;letter-spacing:-1px;color:var(--text, #f8fafc);margin:0 0 6px;}
.legal h2{font-size:19px;font-weight:700;color:var(--text, #f8fafc);margin:34px 0 10px;}
.legal p{margin:0 0 12px;font-size:15.5px;}
.legal a{color:var(--accent-3, #7dd3fc);}
.legal a:hover{color:var(--accent-2, #5fcdf6);}
.legal ul{margin:0 0 14px;padding-left:22px;}
.legal li{font-size:15.5px;margin-bottom:6px;}
.legal strong{color:var(--text, #f8fafc);font-weight:600;}
.legal code{font-family:'JetBrains Mono',monospace;font-size:13px;background:var(--surface-3, #0f1a2c);padding:2px 6px;border-radius:6px;}
.legal .muted{color:var(--text-faint, #5b6b82);font-size:13px;margin-top:28px;}
@media (max-width:640px){ .legal h1{font-size:27px;} }

/* Top-Nav: Navi-Links + Mobile-Menü (Burger) */
.sc-nav-left{display:flex;align-items:center;gap:26px;min-width:0;}
.sc-nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500;}
.sc-nav-links a{color:var(--text-muted, #94a3b8);white-space:nowrap;}
.sc-nav-links a:hover{color:var(--text, #f8fafc);}
.sc-burger{display:none;align-items:center;justify-content:center;width:36px;height:34px;border-radius:9px;border:1px solid var(--border-2, #243044);background:var(--surface, #0d1626);color:var(--text-2, #cbd5e1);cursor:pointer;}
.sc-burger:hover{border-color:var(--border-hover, #33486a);}
.sc-burger .i-close{display:none;}
.sc-burger[aria-expanded="true"] .i-open{display:none;}
.sc-burger[aria-expanded="true"] .i-close{display:inline;}
@media (max-width:860px){
  .sc-burger{display:inline-flex;}
  .sc-nav-links{position:absolute;top:100%;left:0;right:0;z-index:55;flex-direction:column;align-items:stretch;gap:2px;background:var(--bg, #0a1120);border-bottom:1px solid var(--border-faint, #16202f);box-shadow:0 18px 40px -20px rgba(2,10,26,.5);padding:8px;display:none;}
  .sc-nav[data-menu-open] .sc-nav-links{display:flex;}
  .sc-nav-links a{padding:13px 14px;border-radius:9px;font-size:15px;}
  .sc-nav-links a:hover{background:var(--surface-3, #0f1a2c);color:var(--text, #f8fafc);}
}

/* Feature-Karten – Komponenten-Klasse statt 15× Inline-Style; Hover via echtes CSS statt JS */
/* Spotlight-Reihen (Features-Seite: Deep-Dive) */
.sc-spot{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:34px;}
.sc-spot-media{min-width:0;}
.sc-shot-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;border:2px dashed var(--border-hover, #33486a);border-radius:14px;background:linear-gradient(180deg,var(--surface-3, #0f1a2c),var(--surface, #0d1626));color:var(--text-muted, #94a3b8);padding:30px 24px;aspect-ratio:16/10;}
.sc-shot-ph .ph-ico{color:var(--accent-2, #5fcdf6);opacity:.8;}
@media (max-width:860px){.sc-spot{grid-template-columns:1fr;gap:22px;}.sc-spot-media{order:-1 !important;}}

.sc-card{padding:26px 24px;border-radius:16px;border:1px solid var(--border, #1e293b);background:var(--surface-2, #0e1828);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;}
.sc-card:hover{border-color:var(--border-hover, #33486a);transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(5,104,172,0.45);}
.sc-card-ico{width:42px;height:42px;border-radius:11px;background:rgba(71,196,243,0.1);border:1px solid rgba(71,196,243,0.2);display:flex;align-items:center;justify-content:center;color:var(--accent-2, #5fcdf6);margin-bottom:16px;}
.sc-card h3{font-size:16.5px;font-weight:700;margin-bottom:8px;}
.sc-card p{font-size:13.5px;color:var(--text-muted, #94a3b8);line-height:1.55;}

/* ===== „In Aktion" – Platzhalter-Mockups (App-Fenster-Optik, leicht gedreht) ===== */
.sc-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 28px;margin-top:8px;}
.sc-mock{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border-shot, #2a3a52);background:linear-gradient(180deg,var(--surface-3, #0f1a2c),var(--surface-grad, #0c1422));box-shadow:0 28px 64px -34px rgba(0,0,0,0.82),0 0 0 1px rgba(71,196,243,0.05);transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .55s;will-change:transform;}
.sc-mock:hover{transform:rotate(0deg) translateY(-7px) scale(1.02) !important;box-shadow:0 46px 92px -30px rgba(0,0,0,0.9),0 0 0 1px rgba(71,196,243,0.2);border-color:var(--border-hover, #34557a);z-index:5;}
.sc-mock-bar{display:flex;align-items:center;gap:7px;padding:10px 13px;border-bottom:1px solid var(--border-faint, #16202f);background:rgba(255,255,255,0.02);}
.sc-mock-bar i{width:11px;height:11px;border-radius:50%;display:block;flex-shrink:0;}
.sc-mock-bar i.r{background:#ff5f57;}
.sc-mock-bar i.y{background:#febc2e;}
.sc-mock-bar i.g{background:#28c840;}
.sc-mock-bar span{margin-left:7px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-faint, #5b6b82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-mock-body{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;background-image:repeating-linear-gradient(135deg,rgba(71,196,243,0.055) 0 12px,transparent 12px 26px),radial-gradient(120% 130% at 50% 0%,rgba(71,196,243,0.07),transparent 62%);}
.sc-mock-play{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(120deg,var(--accent, #47c4f3),var(--at, #0568ac));box-shadow:0 10px 26px -8px rgba(5,104,172,0.7);}
.sc-mock-play.static{background:rgba(71,196,243,0.12);border:1px solid rgba(71,196,243,0.3);color:var(--accent-2, #5fcdf6);box-shadow:none;}
.sc-mock-lab{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:var(--text-2, #cbd5e1);}
.sc-mock-cap{font-size:11.5px;color:var(--text-faint, #5b6b82);max-width:84%;line-height:1.45;}
.sc-mock-badge{position:absolute;top:11px;right:11px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text, #0e1c30);background:var(--surface, #fff);border:1px solid var(--border, #dfe6f0);padding:3px 8px;border-radius:99px;box-shadow:0 2px 10px rgba(2,10,26,0.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
@supports (backdrop-filter:blur(1px)){.sc-mock-badge{background:color-mix(in srgb, var(--surface) 86%, transparent);}}
.sc-mock-badge.prod{color:var(--bad, #dc2626);border-color:color-mix(in srgb, var(--bad) 38%, var(--border));}
/* Variante mit echtem Screenshot als Poster */
.sc-mock.is-poster .sc-mock-body{padding:0;background-image:none;}
.sc-mock-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;}
.sc-mock-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,17,32,0.04),rgba(10,17,32,0.7));}
.sc-mock-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;padding:18px;}
/* Echter Screenshot (eigenes Fenster-Chrome) – schlichter gedrehter Rahmen statt Mock */
.sc-showcase>*{min-width:0;}
.sc-real{position:relative;display:block;min-width:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;text-decoration:none;cursor:zoom-in;border:1px solid var(--border-shot, #2a3a52);box-shadow:0 28px 64px -34px rgba(0,0,0,0.82),0 0 0 1px rgba(71,196,243,0.05);transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .55s;will-change:transform;}
.sc-real:hover{transform:rotate(0deg) translateY(-7px) scale(1.02) !important;box-shadow:0 46px 92px -30px rgba(0,0,0,0.9),0 0 0 1px rgba(71,196,243,0.2);border-color:var(--border-hover, #34557a);z-index:5;}
.sc-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;}
/* Lightbox: Klick auf Thumbnail öffnet das Original groß */
.sc-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:rgba(2,6,16,0.86);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:scFade .2s ease both;}
.sc-lightbox img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 40px 100px -20px rgba(0,0,0,0.7);}
.sc-lightbox-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;}
@keyframes scFade{from{opacity:0}to{opacity:1}}
/* Leichte Drehungen – „hier und da ein paar Grad" */
.sc-tilt-1{transform:rotate(-3deg);}
.sc-tilt-2{transform:rotate(2.4deg);}
.sc-tilt-3{transform:rotate(-1.7deg);}
.sc-tilt-4{transform:rotate(2.8deg);}
.sc-tilt-5{transform:rotate(-2.5deg);}
.sc-tilt-6{transform:rotate(1.6deg);}
@media (max-width:920px){.sc-showcase{grid-template-columns:repeat(2,1fr);gap:24px;}.sc-mock[class*="sc-tilt"]{transform:none;}}
@media (max-width:640px){.sc-showcase{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.sc-mock{transition:none;}.sc-mock[class*="sc-tilt"]{transform:none;}}

/* ======================================================================
   REDESIGN 2026 – Motion-System, Glas, Illustrationen, neue Sektionen
   ====================================================================== */

/* ---- Scroll-Reveals (JS-armed: ohne JS bleibt alles sichtbar) ---- */
html.js [data-reveal]{animation:none;opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .65s cubic-bezier(.2,.7,.2,1);}
html.js [data-reveal].is-in{opacity:1;transform:none;}
html.js [data-reveal-group] > *{animation:none;opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .65s cubic-bezier(.2,.7,.2,1);}
html.js [data-reveal-group].is-in > *{opacity:1;transform:none;}
html.js [data-reveal-group].is-in > *:nth-child(2){transition-delay:.06s}
html.js [data-reveal-group].is-in > *:nth-child(3){transition-delay:.12s}
html.js [data-reveal-group].is-in > *:nth-child(4){transition-delay:.18s}
html.js [data-reveal-group].is-in > *:nth-child(5){transition-delay:.24s}
html.js [data-reveal-group].is-in > *:nth-child(6){transition-delay:.30s}
html.js [data-reveal-group].is-in > *:nth-child(7){transition-delay:.36s}
html.js [data-reveal-group].is-in > *:nth-child(n+8){transition-delay:.42s}
@media (prefers-reduced-motion: reduce){
  html.js [data-reveal],html.js [data-reveal-group] > *{transform:none;transition:opacity .4s ease;}
}

/* ---- Section-Aurora (entsättigt, weit hinten) ---- */
.sc-rel{position:relative;}
.sc-aura{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0;opacity:.45;}
:root[data-theme="light"] .sc-aura{opacity:.5;filter:blur(72px);}
.sc-sec > .sc-inner{position:relative;z-index:1;}

/* ---- Glas-Karte ---- */
.sc-glass{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);}
@supports (backdrop-filter:blur(1px)){.sc-glass{background:color-mix(in srgb, var(--surface) 58%, transparent);backdrop-filter:blur(18px) saturate(150%);}}
:root[data-theme="light"] .sc-glass{box-shadow:0 10px 34px rgba(20,40,80,.08), inset 0 1px 0 rgba(255,255,255,.7);}

/* ---- Buttons (Hierarchie: primär gefüllt + Glow, sekundär Glas) ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:15.5px;line-height:1.1;border-radius:13px;padding:14px 22px;cursor:pointer;border:1px solid transparent;transition:transform .18s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;white-space:nowrap;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:linear-gradient(120deg,var(--accent),#0568ac);color:#fff;box-shadow:0 12px 30px -12px rgba(71,196,243,.65), 0 0 48px -18px rgba(71,196,243,.55);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px -12px rgba(71,196,243,.8), 0 0 64px -14px rgba(71,196,243,.6);}
.btn-ghost{background:var(--surface);color:var(--text-2);border-color:var(--border-2);}
@supports (backdrop-filter:blur(1px)){.btn-ghost{background:color-mix(in srgb,var(--surface) 60%, transparent);backdrop-filter:blur(10px);}}
.btn-ghost:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);}
.btn-sm{padding:9px 15px;font-size:14px;border-radius:11px;}
.btn-lg{padding:16px 28px;font-size:16.5px;border-radius:14px;}
.hx-dl-meta{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text-muted, #94a3b8);margin-top:14px;}

/* ---- Eyebrow (mono, Slash-Stil) ---- */
.sc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:var(--accent);margin-bottom:14px;}
.sc-eyebrow::before{content:"//";opacity:.5;}

/* ---- Sticky-Nav-CTA ---- */
.sc-nav-cta{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;background:linear-gradient(120deg,var(--accent),#0568ac);color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 8px 20px -10px rgba(71,196,243,.7);transition:transform .18s, box-shadow .25s;}
.sc-nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(71,196,243,.85);}
/* „Teilen": gleiche blaue CTA-Optik, aber icon-only und kompakt-quadratisch (überschreibt die
   breite Pillen-Polsterung des .sc-nav-cta), damit auf schmalen Screens nichts überlappt.
   Nur im Mobile-Modus sichtbar; der Download-CTA weicht dort. */
.sc-nav-share{display:none;cursor:pointer;border:0;padding:0;width:38px;height:38px;justify-content:center;gap:0;}
@media (max-width:640px){
  .sc-nav-cta:not(.sc-nav-share){display:none;}
  .sc-nav-share{display:inline-flex;}
}

/* ---- Illustrationen ---- */
.illu{display:block;width:100%;height:auto;}
@keyframes scFlow{to{stroke-dashoffset:-200;}}
@keyframes scSpin{to{transform:rotate(360deg);}}
@keyframes scReload{0%,68%{transform:rotate(0)}86%,100%{transform:rotate(360deg)}}
.illu-flow{animation:scFlow 2.4s linear infinite;}
.illu-pulse{transform-box:fill-box;transform-origin:center;animation:scPulse 2.4s ease-in-out infinite;}
.illu-reload{transform-box:fill-box;transform-origin:50% 50%;animation:scReload 5s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.illu-flow,.illu-pulse,.illu-reload{animation:none;}}

/* ---- HERO ---- */
.hx-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:72px 32px 0;text-align:center;}
.hx-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;border:1px solid rgba(71,196,243,0.28);background:rgba(71,196,243,0.07);font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--accent-3);margin-bottom:22px;}
.hx-badge .dot{width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 9px var(--accent);}
.hx-cta-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:30px;}
.hx-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text-muted);margin-top:20px;}
.hx-shot-wrap{position:relative;z-index:2;max-width:940px;margin:50px auto -90px;padding:0 24px;}
.hx-shot-glow{position:absolute;inset:-6% 4% 8% 4%;background:radial-gradient(closest-side,rgba(71,196,243,0.30),transparent 72%);filter:blur(34px);animation:scGlow 7s ease-in-out infinite;pointer-events:none;}
.hx-shot{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-shot);box-shadow:0 50px 120px -34px rgba(0,0,0,0.85),0 0 0 1px rgba(71,196,243,0.1);animation:scFloat 8s ease-in-out infinite;}
.hx-shot .sc-shot-ph{aspect-ratio:16/10;border-style:solid;border-color:var(--border-shot);border-radius:0;}
@media (prefers-reduced-motion:reduce){.hx-shot{animation:none;}.hx-shot-glow{animation:none;}}
@media (max-width:640px){.hx-inner{padding:40px 20px 0;}.hx-shot-wrap{margin:30px auto -40px;}.hx-shot{animation:none;}}

/* ---- Notify-Form (Waitlist) ---- */
.hx-notify{display:flex;gap:8px;align-items:stretch;max-width:440px;margin:0 auto;width:100%;}
.hx-notify input{flex:1;min-width:0;border-radius:13px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);padding:13px 16px;font-size:15px;font-family:inherit;}
.hx-notify input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(71,196,243,.18);}
.hx-notify-note{font-size:12.5px;color:var(--text-faint);margin-top:10px;}
.hx-notify-ok{display:none;align-items:center;gap:8px;justify-content:center;color:var(--ok);font-weight:600;font-size:15px;}
.hx-notify[data-done] form{display:none;}
.hx-notify[data-done] .hx-notify-ok{display:flex;}

/* ---- Install-Block ---- */
.inst-cmd{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:14px 18px;border-radius:13px;border:1px solid var(--border);background:var(--surface);font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--text-2);}
.inst-cmd .pr{color:var(--text-faint);flex-shrink:0;}
.inst-cmd code{white-space:nowrap;overflow-x:auto;min-width:0;}
.inst-cmd .cur{width:8px;height:16px;background:var(--accent);display:inline-block;border-radius:1px;animation:scBlink 1.1s step-end infinite;flex-shrink:0;}
@keyframes scBlink{50%{opacity:0;}}
.inst-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-2);background:var(--copy-bg);color:var(--text-muted);cursor:pointer;}
.inst-copy:hover{color:var(--accent);border-color:var(--border-hover);}
.inst-what{margin-top:14px;}
.inst-what summary{cursor:pointer;font-size:13.5px;color:var(--text-muted);list-style:none;display:inline-flex;align-items:center;gap:7px;}
.inst-what summary::-webkit-details-marker{display:none;}
.inst-what summary::before{content:"+";font-family:'JetBrains Mono',monospace;color:var(--accent);}
.inst-what[open] summary::before{content:"–";}
.inst-what p{margin-top:10px;font-size:13.5px;color:var(--text-muted);line-height:1.6;max-width:560px;}
@media (prefers-reduced-motion:reduce){.inst-cmd .cur{animation:none;}}

/* ---- Split-Layout (Illustration + Text), z.B. Rust-Kern, Alles-in-einem ---- */
.sc-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.sc-split-media{min-width:0;}
@media (max-width:900px){.sc-split{grid-template-columns:1fr;gap:30px;}.sc-split-media{order:-1;}}
.sc-checklist{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.sc-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;color:var(--text-2);line-height:1.5;}
.sc-checklist svg{flex:none;margin-top:2px;color:var(--accent-2);}

/* ---- Security „Was verlässt deinen Mac" ---- */
.sech-promise{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:22px 26px;border-radius:16px;margin-top:24px;}
.sech-promise .q{font-size:18px;color:var(--text-2);}
.sech-promise .a{font-size:30px;font-weight:800;letter-spacing:-1px;background:linear-gradient(120deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---- Trust-Chip-Reihe ---- */
.sc-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid var(--border-chip);background:var(--chip-bg);font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text-2);transition:border-color .25s, transform .25s;}
.sc-chip:hover{border-color:var(--border-hover);transform:translateY(-2px);}
.sc-chip .dot{color:var(--accent);animation:scPulse 2.4s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.sc-chip .dot{animation:none;}}

/* ---- Vergleichszeilen-Highlight (sqlclient-Zeile leuchtet beim Reveal) ---- */
@keyframes scRowGlow{0%{background:rgba(71,196,243,0);}30%{background:rgba(71,196,243,.16);}100%{background:rgba(71,196,243,.05);}}
html.js .cmp-hl.is-in td{animation:scRowGlow 1.6s ease-out both;}
@media (prefers-reduced-motion:reduce){html.js .cmp-hl.is-in td{animation:none;}}

/* ---- Preis-Frei-Zeile ---- */
.prc-free{display:flex;align-items:center;gap:12px;justify-content:center;text-align:center;font-size:19px;font-weight:700;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 22px;margin-bottom:26px;}
.prc-free .badge{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--accent),#0568ac);padding:3px 9px;border-radius:99px;flex-shrink:0;}

/* ---- FAQ-Akkordeon ---- */
.faq-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:10px;overflow:hidden;}
.faq-item:hover{border-color:var(--border-hover);}
.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:none;border:0;color:var(--text);font-family:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;}
.faq-chev{flex:none;color:var(--text-muted);transition:transform .25s ease;}
.faq-item[data-open] .faq-chev{transform:rotate(180deg);color:var(--accent);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease;}
.faq-item[data-open] .faq-a{max-height:340px;}
.faq-a p{padding:0 22px 20px;font-size:15px;color:var(--text-muted);line-height:1.62;}
@media (prefers-reduced-motion:reduce){.faq-a{transition:none;}}

/* ---- Founder ---- */
.found-grid{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:center;}
.found-photo{aspect-ratio:1;border-radius:18px;overflow:hidden;}
.found-photo .sc-shot-ph{aspect-ratio:1;}
@media (max-width:640px){.found-grid{grid-template-columns:1fr;gap:20px;text-align:center;}.found-photo{max-width:160px;margin:0 auto;}}

/* ---- Cursor-Glow (nur fine pointer) ---- */
.sc-cursor-glow{position:fixed;top:0;left:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(closest-side, rgba(71,196,243,.10), transparent 70%);opacity:0;transition:opacity .5s ease;will-change:transform;}
:root[data-theme="light"] .sc-cursor-glow{background:radial-gradient(closest-side, rgba(12,124,191,.07), transparent 70%);}
@media (pointer:coarse){.sc-cursor-glow{display:none;}}
@media (prefers-reduced-motion:reduce){.sc-cursor-glow{display:none;}}