/* Developer portal (/developer, /developer/docs, signup, dashboard). Uses the site palette from site.css. */
.dev-hero { background: linear-gradient(135deg, #0b2540 0%, #12395f 60%, #174a73 100%); color: #fff; padding: 4.5rem 0 4rem; }
.dev-eyebrow { color: #7fd6c2; font-weight: 700; letter-spacing: .08em; font-size: .8rem; text-transform: uppercase; margin-bottom: .5rem; }
.dev-title { font-size: clamp(2rem, 4vw, 2.9rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; }
.dev-lead { font-size: 1.1rem; color: #d6e2ee; max-width: 36rem; }
.dev-note { color: #b9c9d9; margin: 0; }
.dev-code { background: #0a1a2c; color: #e6edf3; border: 1px solid #23415f; border-radius: .6rem; padding: 1.1rem 1.25rem; font-size: .82rem; line-height: 1.55; white-space: pre-wrap; word-break: break-all; margin: 0; }
.dev-code .c { color: #7d8fa3; }
.dev-card { display: block; height: 100%; border: 1px solid #e3e8ef; border-radius: .75rem; padding: 1.1rem 1.2rem; color: inherit; text-decoration: none; background: #fff; transition: box-shadow .15s, border-color .15s; }
a.dev-card:hover { border-color: #7fb8a8; box-shadow: 0 6px 18px rgba(11, 37, 64, .08); color: inherit; }
.dev-card p { color: #5a6b7d; font-size: .92rem; }
.dev-card code { font-size: .8rem; color: #0b2540; }
.dev-pill { display: inline-block; background: #e6f4f0; color: #146c5a; border-radius: 999px; padding: .1rem .6rem; font-size: .75rem; font-weight: 600; }
.dev-band { background: #f3f6fa; }
.dev-tier { background: #fff; border-radius: .5rem; overflow: hidden; }
.dev-steps li { margin-bottom: .35rem; }
.dev-callout { border-left: 4px solid #2a9d8f; background: #fff; padding: .8rem 1rem; border-radius: .25rem; font-size: .92rem; }
.dev-form { max-width: 46rem; }
.dev-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.dev-secret { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #fff8e1; border: 1px dashed #e0a800; padding: .5rem .75rem; border-radius: .35rem; word-break: break-all; }
.dev-meter { height: .9rem; border-radius: 999px; background: #e9eef4; overflow: hidden; display: flex; }
.dev-meter > span { display: block; height: 100%; }
.dev-meter .full { background: #2a9d8f; }
.dev-meter .throttled { background: #e9b949; }
.dev-meter-legend span { display: inline-flex; align-items: center; gap: .3rem; margin-right: 1rem; font-size: .85rem; }
.dev-meter-legend i { width: .75rem; height: .75rem; border-radius: 2px; display: inline-block; }
.traffic-chart { display: flex; align-items: flex-end; gap: 3px; height: 160px; border-bottom: 1px solid #ccd5df; padding-top: .5rem; }
.traffic-chart .bar { flex: 1; height: 100%; display: flex; flex-direction: column-reverse; min-width: 6px; }
.traffic-chart .bar span { display: block; flex: none; }
.traffic-chart .served { background: #2a9d8f; }
.traffic-chart .throttled { background: #e9b949; }
.traffic-chart .blocked { background: #d1495b; }
.traffic-kpi { border: 1px solid #e3e8ef; border-radius: .6rem; padding: .75rem 1rem; background: #fff; }
.traffic-kpi .v { font-size: 1.5rem; font-weight: 700; }
#swagger-ui .swagger-ui .topbar { display: none; }