/* Statischer Inhalt der Startseite (für Google, KI-Crawler und Nutzer ohne JS).
   React ersetzt #static-shell beim Start komplett — siehe src/main.jsx. */
#static-shell{max-width:980px;margin:0 auto;padding:56px 20px 64px;font-family:'Inter',system-ui,sans-serif;color:#F3F1EA;background:#14161B;line-height:1.55}
html[data-theme="light"] #static-shell{color:#14161B;background:#F3F1EA}
#static-shell .ss-eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;color:#FF5A2E;letter-spacing:.04em;margin:0 0 12px}
#static-shell h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.1;margin:0 0 16px}
#static-shell h1 span{color:#FF5A2E}
#static-shell .ss-lead{font-size:18px;max-width:680px;margin:0 0 36px;opacity:.85}
#static-shell .ss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 40px}
#static-shell .ss-card{border:1px solid rgba(243,241,234,.14);padding:22px;border-radius:4px}
#static-shell .ss-card h2{font-family:'Space Grotesk',sans-serif;font-size:20px;margin:0 0 8px}
#static-shell .ss-card p{margin:0 0 16px;font-size:15px;opacity:.85}
#static-shell a.ss-btn{display:inline-block;background:#FF5A2E;color:#14161B;font-weight:700;padding:10px 18px;border-radius:99px;text-decoration:none}
#static-shell a.ss-link{color:#FF5A2E;font-weight:600;margin-left:12px}
#static-shell .ss-more h2{font-family:'Space Grotesk',sans-serif;font-size:18px;margin:0 0 10px}
#static-shell .ss-more ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px 18px}
#static-shell .ss-more a{color:inherit;opacity:.8}