:root {
      --brand-red: #ff4757;         /* freundlicheres Rot */
      --brand-red-700: #e0313a;
      --brand-mint: #2ed573;        /* success-akzent */
      --bg: #0e1117;                /* weicheres dunkel */
      --card: #141924;              /* sanfter card-ton */
      --border: #242b3a;            /* hauch von rahmen */
      --muted: #9aa3b2;            /* text-secondary */
    }

    body { background: #0e1117; }
    .navbar { background: rgba(12,15,22,.8); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); }
    .navbar-brand b { color: var(--brand-red); }

    .btn-brand { background-color: var(--brand-red); border: none; }
    .btn-brand:hover { background-color: var(--brand-red-700); }
    .btn-soft { background: #151b28; border: 1px solid var(--border); }

    .card { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)) , var(--card); border: 1px solid var(--border); border-radius: 1rem; }
    .shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.2); }

    /* HERO */
    .hero { position: relative; overflow: hidden; }
    .hero-wrap { position: relative; padding: 4.5rem 0 3rem; }
    .hero-accent { position:absolute; inset:auto auto -2px 0; width:100%; height:120px; background: linear-gradient(90deg, var(--brand-red), #ffa94d, #51cf66); filter: blur(18px); opacity:.15; }
    .glass { background: rgba(20, 25, 36, .65); border: 1px solid var(--border); border-radius: 1rem; backdrop-filter: blur(8px); }

    /* CHIPS */
    .chip { display:inline-flex; align-items:center; gap:.5rem; border-radius: 999px; padding: .45rem .8rem; background:#121826; border:1px solid var(--border); color:#fff; }

    /* SECTION HEADINGS */
    .section-head { text-align:center; margin-bottom: 1.75rem; }

    /* FEATURES */
    .feature-icon { width:48px;height:48px; display:grid; place-items:center; border-radius:12px; background:#0f1522; border:1px solid var(--border); }

    /* QUOTE */
    blockquote { font-size: 1.05rem; color: var(--muted); border-left: 3px solid var(--border); padding-left: 1rem; }

    footer { border-top: 1px solid var(--border); }
    a.text-muted:hover { color:#fff !important; }