.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:#4c5a6c}
.example{display:flex;align-items:center;gap:18px;padding:22px 24px;margin:30px 0;background:#eaf1f8;border-radius:14px;color:#172433;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:650;font-variant-numeric:tabular-nums}
.example-rule{height:28px;width:1px;background:#b4c6d9}
.features{padding-left:22px}.features li{margin-bottom:10px}
@media(max-width:600px){header{align-items:flex-start;flex-direction:column}nav{gap:22px;flex-wrap:wrap}.example{gap:12px;padding:17px;font-size:1.15rem}}
@media(prefers-color-scheme:dark){.eyebrow{color:#becadb}.example{background:#1a2633;color:#edf3fa}.example-rule{background:#485e73}}