:root{
  --bg:#070a10; --bg2:rgba(255,255,255,.03); --card:rgba(255,255,255,.045); --ink:#eef2f7; --muted:#9aa7b8;
  --accent:#22d3ee; --accent2:#7c3aed; --line:rgba(255,255,255,.10);
  --high:#fb7185; --mid:#fbbf24; --low:#34d399;
  --glass-shadow:0 8px 32px rgba(0,0,0,.37); --blur:saturate(140%) blur(14px);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}
/* Aurora-Hintergrund (glassmorph base) */
body::before{content:'';position:fixed;inset:0;z-index:-2;background:
  radial-gradient(60% 50% at 12% 8%, rgba(124,58,237,.22), transparent 60%),
  radial-gradient(55% 45% at 88% 12%, rgba(34,211,238,.18), transparent 60%),
  radial-gradient(60% 60% at 50% 100%, rgba(34,211,238,.10), transparent 60%),
  var(--bg);}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);background-size:42px 42px;}
a{color:var(--accent);text-decoration:none}
.glowbar{position:fixed;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,14,20,.55);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:4}
.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px}
.brand svg{width:28px;height:28px}
.nav .right{display:flex;align-items:center;gap:18px;font-size:14px;color:var(--muted)}
.container{max-width:920px;margin:0 auto;padding:36px 24px 80px}
.auth{max-width:420px;margin:8vh auto;padding:0 24px}
.auth h1{font-family:'Space Grotesk',sans-serif;font-size:30px;margin-bottom:8px}
.auth p.sub{color:var(--muted);margin-bottom:26px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.field input,.field select{width:100%;padding:13px 14px;border-radius:11px;border:1px solid var(--line);
  background:var(--bg2);color:var(--ink);font-size:15px;outline:none}
.field input:focus,.field select:focus{border-color:var(--accent)}
.btn{display:inline-block;width:100%;padding:14px;border:none;border-radius:11px;cursor:pointer;font-weight:600;font-size:15px;
  color:#04121a;background:linear-gradient(90deg,var(--accent),#38bdf8);transition:transform .1s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(34,211,238,.32)}
.btn.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}
.btn.secondary:hover{background:rgba(255,255,255,.1);box-shadow:none}
.error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.35);color:#fecdd3;
  padding:11px 14px;border-radius:10px;font-size:14px;margin-bottom:18px}
.alt{margin-top:20px;text-align:center;color:var(--muted);font-size:14px}
h1.page{font-family:'Space Grotesk',sans-serif;font-size:26px;margin-bottom:4px}
.lead{color:var(--muted);margin-bottom:28px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--glass-shadow);position:relative}
.card::before{content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);opacity:.7}
.card>*{position:relative;z-index:1}
.card h2{font-family:'Space Grotesk',sans-serif;font-size:18px;margin-bottom:14px}
.score-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ring{--p:0;width:120px;height:120px;border-radius:50%;flex:none;
  background:conic-gradient(var(--accent) calc(var(--p)*1%),rgba(255,255,255,.06) 0);
  display:flex;align-items:center;justify-content:center;position:relative}
.ring::after{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--card)}
.ring b{position:relative;z-index:1;font-family:'Space Grotesk',sans-serif;font-size:30px}
.ring small{position:relative;z-index:1;color:var(--muted);font-size:12px;margin-top:2px}
.headline{font-size:17px;font-weight:600}
.metrics{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:13px}
.metrics b{color:var(--ink);font-size:16px;display:block}
.rec{border-left:3px solid var(--line);padding:12px 0 12px 14px;margin-bottom:6px}
.rec.high{border-color:var(--high)} .rec.mid{border-color:var(--mid)} .rec.low{border-color:var(--low)}
.rec .t{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}
.tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:6px;font-weight:700}
.tag.high{background:rgba(251,113,133,.18);color:#fda4af}
.tag.mid{background:rgba(251,191,36,.18);color:#fcd34d}
.tag.low{background:rgba(52,211,153,.18);color:#6ee7b7}
.rec .d{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}
.hist{display:flex;gap:10px;flex-wrap:wrap}
.hist .h{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--muted)}
.hist .h b{color:var(--ink);font-size:18px;font-family:'Space Grotesk',sans-serif}
.muted{color:var(--muted)}
@media(max-width:560px){.grid2{grid-template-columns:1fr}}

/* ---- App shell ---- */
.badge-ai{font-size:12px;color:#94a3b8;border:1px solid var(--line);padding:4px 9px;border-radius:8px}
.bell{position:relative;text-decoration:none;font-size:18px;line-height:1}
.nbadge{position:absolute;top:-7px;right:-9px;background:#fb7185;color:#fff;font-size:10px;font-weight:700;
  min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.badge-ai.on{color:#6ee7b7;border-color:rgba(52,211,153,.35)}
.shell{display:flex;max-width:1100px;margin:0 auto;min-height:calc(100vh - 60px)}
.side{width:220px;flex:none;padding:24px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.side a{display:block;padding:11px 14px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:500}
.side a:hover{background:rgba(255,255,255,.04);color:var(--ink)}
.side a.on{background:rgba(34,211,238,.12);color:var(--accent)}
.side-niche{margin-top:auto;padding:12px 14px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.main{flex:1;padding:34px 30px 70px;min-width:0}
/* Desktop: Burger + Mobil-Nav versteckt */
.burger,.mobnav,.drawer,.drawer-scrim{display:none}
@media(max-width:760px){
  .shell{flex-direction:column}
  .side{display:none}
  .main{padding:20px 16px 96px}
  .nav{padding:14px 16px}
  .nav .right span:not(.badge-ai):not(.nbadge){display:none}
  .nav .right a.muted{display:none}
  .burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;
    border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-size:18px;cursor:pointer}
  /* Bottom-Tab-Bar — app-like */
  .mobnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;
    background:rgba(10,14,20,.88);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
    border-top:1px solid var(--line);padding:6px 4px env(safe-area-inset-bottom)}
  .mobnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;
    color:var(--muted);font-size:10px;font-weight:600;text-decoration:none}
  .mobnav a .mi{font-size:21px;line-height:1}
  .mobnav a.on{color:var(--accent)}
  .mobnav a.on .mi{filter:drop-shadow(0 0 8px rgba(34,211,238,.6))}
  /* Slide-out Drawer */
  .drawer-scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);
    opacity:0;pointer-events:none;transition:opacity .2s}
  .drawer-scrim.open{opacity:1;pointer-events:auto}
  .drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:41;
    width:82%;max-width:320px;padding:20px 14px 30px;overflow-y:auto;
    background:rgba(12,16,24,.98);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
    border-right:1px solid var(--line);transform:translateX(-105%);transition:transform .24s ease}
  .drawer.open{transform:translateX(0)}
  .drawer a{display:flex;align-items:center;gap:6px;padding:11px 14px;border-radius:10px;color:var(--muted);font-size:15px;font-weight:500}
  .drawer a.on{background:rgba(34,211,238,.12);color:var(--accent)}
  .drawer .side-group{padding:14px 14px 4px}
  .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 6px}
  .drawer-head b{font-family:'Space Grotesk',sans-serif;font-size:17px}
  .drawer-close{font-size:24px;color:var(--muted);cursor:pointer;background:none;border:none;line-height:1}
}

/* ---- Overview cards ---- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .15s,border-color .2s,box-shadow .2s;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--glass-shadow)}
.tile:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.45);box-shadow:0 14px 40px rgba(34,211,238,.16)}
.tile .ic{font-size:26px}
.tile h3{font-family:'Space Grotesk',sans-serif;font-size:17px;margin:10px 0 6px;color:var(--ink)}
.tile p{color:var(--muted);font-size:14px;line-height:1.5}
.statline{display:flex;gap:26px;flex-wrap:wrap;margin-top:8px}
.statline .s b{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px}
.statline .s span{color:var(--muted);font-size:13px}

/* ---- Studio: virale Formate ---- */
.vformats{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.vfmt{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:9px;padding:7px 12px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}
.vfmt:hover{border-color:var(--accent);color:var(--ink)}
.vfmt.on{background:rgba(34,211,238,.12);color:var(--accent);border-color:rgba(34,211,238,.4)}

/* ---- Studio / output ---- */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.tab{padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);cursor:pointer;font-size:14px}
.tab.on{background:rgba(34,211,238,.12);color:var(--accent);border-color:rgba(34,211,238,.4)}
.out{margin-top:18px}
.outitem{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:10px;font-size:14px;line-height:1.55;white-space:pre-wrap;position:relative}
.copy{position:absolute;top:10px;right:10px;font-size:12px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:3px 8px;background:var(--card)}
.copy:hover{color:var(--accent)}
.src{font-size:12px;color:var(--muted);margin-bottom:10px}
.ratebar{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.ratebtn{border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:5px 11px;cursor:pointer;font-size:15px}
.ratebtn:hover{border-color:var(--accent)}.ratebtn:disabled{opacity:.4;cursor:default}

/* ---- Compliance ---- */
textarea{width:100%;min-height:140px;padding:14px;border-radius:11px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-size:15px;font-family:inherit;resize:vertical;outline:none}
textarea:focus{border-color:var(--accent)}
.lamp{display:inline-flex;align-items:center;gap:9px;font-weight:600;padding:9px 14px;border-radius:10px;margin:14px 0}
.lamp.green{background:rgba(52,211,153,.14);color:#6ee7b7}
.lamp.amber{background:rgba(251,191,36,.14);color:#fcd34d}
.lamp.red{background:rgba(251,113,133,.14);color:#fda4af}
.find{border-left:3px solid var(--line);padding:10px 0 10px 14px;margin-bottom:8px}
.find.high{border-color:var(--high)}.find.mid{border-color:var(--mid)}.find.low{border-color:var(--low)}
.find code{background:rgba(255,255,255,.07);padding:2px 6px;border-radius:5px;color:#fda4af;font-size:13px}
.find .fx{color:var(--muted);font-size:14px;margin-top:4px}

/* ---- Playbook ---- */
.pb-intro{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:22px;max-width:680px}
.pb-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:16px}
.pb-sec h3{font-family:'Space Grotesk',sans-serif;font-size:17px;margin-bottom:12px}
.pb-step{display:flex;gap:12px;padding:9px 0;border-top:1px solid var(--line);align-items:flex-start}
.pb-step:first-of-type{border-top:none}
.pb-step .chk{width:20px;height:20px;border:2px solid var(--line);border-radius:6px;flex:none;margin-top:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent)}
.pb-step .chk.done{background:rgba(34,211,238,.15);border-color:var(--accent)}
.pb-step p{font-size:14px;line-height:1.5;color:var(--ink)}
.pb-step.done p{color:var(--muted);text-decoration:line-through}

/* ---- Pricing ---- */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:920px;margin:30px auto}
.price{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.price.feat{border-color:rgba(34,211,238,.5);box-shadow:0 10px 40px rgba(34,211,238,.1)}
.price h3{font-family:'Space Grotesk',sans-serif;font-size:20px}
.price .amt{font-family:'Space Grotesk',sans-serif;font-size:38px;margin:10px 0}
.price .amt small{font-size:15px;color:var(--muted)}
.price ul{list-style:none;margin:16px 0;padding:0}
.price li{padding:7px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.price li::before{content:'✓ ';color:var(--accent)}

/* ---- Sidebar groups ---- */
.side-group{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#64748b;padding:14px 14px 4px;font-weight:600}
.side a.pinned,.drawer a.pinned{margin-bottom:2px}
.navgroup{border:none;margin-top:4px}
.navgroup>summary{list-style:none;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.7px;
  color:#7c8aa0;padding:11px 14px 6px;font-weight:700;display:flex;align-items:center;justify-content:space-between;user-select:none}
.navgroup>summary::-webkit-details-marker{display:none}
.navgroup>summary::after{content:'▸';font-size:10px;color:#64748b;transition:transform .15s}
.navgroup[open]>summary::after{transform:rotate(90deg)}
.navgroup>summary:hover{color:var(--ink)}

/* ---- Activation checklist + streak ---- */
.checklist{margin-top:10px}
.cl-item{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.cl-item:first-child{border-top:none}
.cl-box{width:20px;height:20px;border:2px solid var(--line);border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent)}
.cl-box.done{background:rgba(34,211,238,.15);border-color:var(--accent)}
.cl-item.done span{color:var(--muted);text-decoration:line-through}
.cl-item a{margin-left:auto;font-size:12px;color:var(--accent)}
.progbar{height:8px;background:rgba(255,255,255,.07);border-radius:6px;overflow:hidden;margin:6px 0 4px}
.progbar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.streak{display:inline-flex;align-items:center;gap:8px;background:rgba(251,191,36,.12);color:#fcd34d;border:1px solid rgba(251,191,36,.3);padding:7px 13px;border-radius:10px;font-weight:600;font-size:14px}

/* ---- Outreach ---- */
.seq{margin-top:18px}
.seqmsg{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:12px;position:relative}
.seqmsg .when{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:7px}
.seqmsg .body{font-size:14px;line-height:1.6;white-space:pre-wrap}
.note-box{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:11px;padding:13px 16px;font-size:13px;color:#c4b5fd;margin-top:8px}

/* ---- Follow-up-Kommandozentrum ---- */
.fucard{border-color:rgba(251,191,36,.35);background:linear-gradient(120deg,rgba(251,191,36,.08),rgba(124,58,237,.06))}
.fucount{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#fb7185;color:#fff;font-size:13px;font-weight:700;vertical-align:middle;margin-left:6px}
.furow{border-top:1px solid var(--line);padding:12px 0}
.furow:first-child{border-top:none}
.furowtop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fumeta{flex:1;min-width:160px}
.funame{font-weight:600;font-size:15px}
.fusub{font-size:12px;margin-top:2px}
.fubtns{display:flex;gap:8px;flex:none}
.fumsgbox{margin-top:10px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:12px 14px}
.fumsgtext{font-size:14px;line-height:1.55;white-space:pre-wrap}
.fumsgact{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}

/* ---- Lead board ---- */
.board{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}
@media(max-width:980px){.board{grid-template-columns:repeat(2,1fr)}}
.bcol{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:90px}
.bcol h4{font-size:12px;font-family:'Space Grotesk',sans-serif;margin-bottom:8px;color:var(--accent)}
.leadcard{background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:7px;font-size:13px}
.leadcard .ln{font-weight:600}
.leadcard .lh{color:var(--muted);font-size:12px}
.leadcard .lnote{color:var(--muted);font-size:12px;margin-top:4px}
.leadcard select{width:100%;margin-top:6px;padding:5px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:12px}
.leadcard .ldel{float:right;color:var(--muted);cursor:pointer}.leadcard .ldel:hover{color:#fb7185}
.due{color:#fcd34d;font-size:11px;margin-top:4px}

/* ---- Nächster Zug (intelligenter Nudge) ---- */
.nextmove{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink);
  border:1px solid rgba(34,211,238,.35);
  background:linear-gradient(120deg,rgba(34,211,238,.12),rgba(124,58,237,.10));
  box-shadow:0 10px 40px rgba(34,211,238,.12);transition:transform .15s,box-shadow .2s}
.nextmove:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(34,211,238,.22)}
.nm-ic{font-size:34px;flex:none}
.nm-body{flex:1;min-width:0}
.nm-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-weight:700}
.nm-title{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;margin:3px 0 5px}
.nm-detail{color:var(--muted);font-size:14px;line-height:1.5}
.nm-cta{flex:none;font-weight:700;color:var(--accent);font-size:14px;white-space:nowrap}
@media(max-width:620px){.nextmove{flex-wrap:wrap}.nm-cta{width:100%}}