/* Dunkles Design im Limitless-Stil (Variante A, Gina 14.10.2026) */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap");
:root{--sand:#0C0E12;--sand2:#11151B;--ink:#F0F2F5;--muted:#8A92A3;--acc:#306EE8;--num:#5B8DEF;--line:#232833;--card:#151920;--grad:linear-gradient(135deg,#99CCFF,#306EE8)}
html{color-scheme:dark}
body{background:var(--sand)!important;color:var(--ink);font-family:"Space Grotesk",Inter,sans-serif!important}
h1,h2,h3,.logo,.it,summary,.btn,.v{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-.02em}
h1,h2{font-weight:600!important}
header{background:rgba(12,14,18,.88)!important;border-bottom:1px solid var(--line)}
.logo{font-weight:600}
.btn{border-radius:12px!important;font-weight:600}
.btn.sm{border-radius:10px!important}
.btn.ghost{border-color:var(--line)!important}
.it em,h2.it em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hin h1 em{background:none;color:#cfe2ff!important}
.eyebrow{color:var(--num)!important}
.lnk{color:var(--ink)}
.ck{background:var(--card)!important;color:var(--ink)}
.q,.card,.list>div,.step{border-color:var(--line)}
.list>div.hl,.hl{background:var(--card)!important}
.stats{border-color:var(--line)}
details summary::after{color:var(--num)!important}
.guide img{background:#11151B!important}
.hint{background:var(--card)!important;color:var(--ink)}
.card,.tog button,.pills a{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important}
.tog button[aria-pressed=true]{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
.card img{width:calc(100% + 44px);margin:-22px -22px 16px;display:block;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}
.card{overflow:hidden}
.final{background:radial-gradient(ellipse at top,#16213a,transparent 70%)}
footer{color:var(--muted)}
.cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px}
.card{border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px}
.card h3{margin:0 0 6px;font-size:18px;font-weight:600}
.card p{margin:0;color:var(--muted);font-size:15px}
.card .tag{display:inline-block;margin-top:12px;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--num)}
@media(min-width:760px){.cards{grid-template-columns:1fr 1fr 1fr}}
.hin .eyebrow{color:#dbe7ff!important}
.hin .btn.ghost{border-color:rgba(255,255,255,.6)!important}

.cost{margin-top:30px;border-top:1px solid var(--line)}
.cost div{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-bottom:1px solid var(--line)}
.cost b{display:block;font-size:18px;font-weight:600}.cost small{color:var(--muted);font-size:14px}
.cost i{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--muted)}
.cost em{font-style:normal;color:var(--num);font-weight:600}
.sum{font-size:22px;margin:28px 0 6px}.sum b{color:var(--num)}
@media(min-width:760px){.cost div{grid-template-columns:2fr 1.4fr auto;align-items:center;gap:20px}}