.sys-comp{margin:24px 0 64px;scroll-margin-top:80px}.sys-comp-stage{background:white;border:1px solid var(--sys-rule);padding:36px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;min-height:120px}.sys-comp-stage.dark{background:var(--dark);color:#fff}.sys-comp-stage.column{flex-direction:column;align-items:flex-start;padding:32px}.sys-comp-meta{display:grid;grid-template-columns:140px 1fr;grid-gap:16px 24px;gap:16px 24px;padding:18px 24px;font-family:var(--sys-mono);font-size:12px;color:var(--sys-muted);border:1px solid var(--sys-rule);border-top:none;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.sys-comp-meta dt{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sys-dim);margin:0;padding-top:2px}.sys-comp-meta dd{margin:0;font-family:var(--sys-mono);color:var(--sys-ink);letter-spacing:.02em;word-break:break-word}.sys-tag-olive,.sys-tag-orange,.sys-tag-teal{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border:1.5px solid;background:transparent;text-decoration:none}.sys-tag-orange{color:var(--orange);border-color:var(--orange)}.sys-tag-teal{color:var(--teal);border-color:var(--teal)}.sys-tag-olive{color:var(--olive);border-color:var(--olive)}.sys-card-demo{background:var(--cream-warm);border-left:4px solid var(--orange);padding:24px 28px;display:flex;flex-direction:column;gap:8px;max-width:360px}.sys-card-demo-num{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.sys-card-demo-title{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.012em;color:var(--sys-ink)}.sys-card-demo-desc{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--sys-muted)}