.d-shell{--d-bg:#14201a;--d-panel:#1c2a22;--d-fg:#e8efe9;--d-muted:#9fb2a5;--d-accent:#7cc49b;--d-line:#2d3e33;background:var(--d-bg);height:100dvh;color:var(--d-fg);font-family:var(--font-body), system-ui, sans-serif;padding:env(safe-area-inset-top,0px) max(12px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(12px, env(safe-area-inset-left,0px));grid-template-rows:auto auto minmax(0,1fr);display:grid}.d-center{text-align:center;min-height:60dvh;color:var(--d-muted,#9fb2a5);place-items:center;padding:24px;display:grid}.d-center a{color:var(--d-accent,#7cc49b)}.d-top{flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:10px;display:flex}.d-logo{color:var(--d-fg);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;text-decoration:none}.d-logo span{color:var(--d-accent)}.d-guide{counter-reset:g;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.d-guide li{counter-increment:g;color:var(--d-muted)}.d-guide li:before{content:counter(g) ". ";color:var(--d-accent);font-weight:700}.d-guide b{color:var(--d-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.d-tabs{justify-content:flex-end;gap:6px;padding-bottom:10px;display:flex}.d-tabs button{font:inherit;border:1.5px solid var(--d-line);color:var(--d-fg);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-weight:700}.d-tabs button[aria-pressed=true]{background:var(--d-accent);border-color:var(--d-accent);color:var(--d-bg)}.d-tabs button:focus-visible{outline:3px solid var(--d-accent);outline-offset:2px}.d-card{color:var(--d-muted);margin:0;font-size:.9rem;display:none}.d-card b{color:var(--d-fg);font-variant-numeric:tabular-nums}.d-stage{grid-template-columns:410px minmax(0,1fr);gap:16px;min-height:0;padding-bottom:12px;display:grid}.d-phone-wrap,.d-screen-wrap{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.d-label{color:var(--d-muted);margin:0;font-size:.9rem}.d-phone{background:#000;border:10px solid #000;border-radius:34px;flex:1;min-height:0;max-height:864px;overflow:hidden;box-shadow:0 20px 50px -20px #000000b3}.d-screen{border:1px solid var(--d-line);background:var(--d-panel);border-radius:12px;flex:1;min-height:0;overflow:hidden}.d-screen[hidden]{display:none}.d-stage iframe{background:#fff;border:0;width:100%;height:100%;display:block}.d-only-narrow{display:none}@media (max-width:900px){.d-shell{padding-inline:0}.d-top{gap:4px 14px;padding:8px 12px 4px}.d-guide,.d-label{display:none}.d-card{display:block}.d-only-narrow{display:inline-block}.d-tabs{justify-content:flex-start;padding:4px 12px 8px;overflow-x:auto}.d-tabs button{padding:6px 14px}.d-stage{grid-template-columns:minmax(0,1fr);padding-bottom:0}.d-stage[data-view=kunde] .d-screen-wrap,.d-stage:not([data-view=kunde]) .d-phone-wrap{display:none}.d-phone{aspect-ratio:auto;max-height:none;box-shadow:none;border-width:0;border-radius:0}.d-screen{border-inline:0;border-radius:0}}