/* reset + theme + layout (identisch zur vorherigen Version) */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;display:block}
button,input,select{font:inherit}
:root{--bg:#0b0f17;--bg-soft:#121826;--card:#0f1522;--text:#e9eef7;--muted:#a7b1c5;--primary:#4aa3ff;--accent:#7af0b2;--danger:#ff6b6b;--ok:#27c498;--ring:0 0 0 3px rgba(74,163,255,.25);--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35);--gap:18px;--maxw:1200px}
body{background:radial-gradient(1200px 600px at 70% -10%, rgba(74,163,255,.08), transparent),radial-gradient(900px 500px at 10% -10%, rgba(122,240,178,.08), transparent),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;line-height:1.5}
.h-sm{font-size:18px;margin:0 0 10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-head{justify-content:space-between}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(140%) blur(10px);background:rgba(11,15,23,.6);border-bottom:1px solid rgba(255,255,255,.06)}
.nav .inner{max-width:var(--maxw);margin:auto;padding:14px 20px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text);text-decoration:none}
.brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 14px rgba(74,163,255,.45)}
.nav a{color:var(--muted);text-decoration:none;font-weight:600}.nav a:hover{color:var(--text)}.nav .spacer{flex:1}
.cta{background:linear-gradient(135deg,var(--primary),#6bc1ff);color:#05101d;padding:10px 14px;border-radius:10px;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(74,163,255,.35)}.cta:hover{filter:brightness(1.05)}
.hero{max-width:var(--maxw);margin:24px auto 0;padding:28px 20px}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),var(--bg-soft);border:1px solid rgba(255,255,255,.06);padding:26px;border-radius:var(--radius);box-shadow:var(--shadow)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.kpi{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;text-align:center}.kpi .n{font-size:22px;font-weight:900}.kpi .t{font-size:12px;color:var(--muted)}
.filters{max-width:var(--maxw);margin:12px auto 0;padding:0 0 8px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--gap)}@media (max-width:1100px){.filters{grid-template-columns:1fr 1fr}}@media (max-width:560px){.filters{grid-template-columns:1fr}}
.filter{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}.filter label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.filter select,.filter input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0b1220;color:var(--text)}
.filter input:focus,.filter select:focus{outline:none;box-shadow:var(--ring);border-color:transparent}
.section{max-width:var(--maxw);margin:18px auto;padding:0 20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.grid{grid-template-columns:1fr}}
.deal{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.deal .badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--accent),#b4ffd9);color:#052417;font-weight:900;font-size:12px;padding:6px 10px;border-radius:999px;box-shadow:0 6px 14px rgba(122,240,178,.35)}
.deal .head{display:flex;align-items:center;gap:12px}.deal .logo{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#1b5fff)}
.deal .title{font-weight:800}.deal .meta{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.1);padding:6px 8px;border-radius:999px}
.deal .code{display:flex;gap:8px;align-items:center;border:1px dashed rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;justify-content:space-between}
.deal .code kbd{background:#0b1220;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-weight:800;letter-spacing:.5px}
.btns{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:800}
.btn.primary{background:linear-gradient(135deg,var(--primary),#6bc1ff);color:#05101d}.btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn.copy{background:linear-gradient(135deg,var(--accent),#b4ffd9);color:#052417}
.table-wrap{background:var(--bg-soft);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}th{background:#0e1626;text-align:left;font-size:13px;color:var(--muted);position:sticky;top:0}tbody tr:hover{background:rgba(255,255,255,.03)}
.yes{color:var(--ok);font-weight:800}.no{color:var(--danger);font-weight:800}
.faq{display:grid;gap:12px}details{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}summary{cursor:pointer;font-weight:800;outline:none}details[open]{box-shadow:var(--ring)}
.sticky{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:var(--maxw);width:calc(100% - 32px);background:linear-gradient(90deg, rgba(74,163,255,.18), rgba(122,240,178,.18));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:12px 14px;border-radius:14px;display:flex;gap:12px;align-items:center;z-index:1001}
.sticky kbd{background:#0b1220;border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:8px}.close{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}
.footer{max-width:var(--maxw);margin:40px auto 100px;padding:0 20px;color:var(--muted);font-size:14px}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.foot-inner{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}