:root {
  --ink: #17211b;
  --muted: #647067;
  --paper: #f4f6ef;
  --panel: #e6ebdf;
  --line: #ccd5c7;
  --acid: #c9f25d;
  --deep: #17211b;
  --white: #fbfcf7;
  --mono: "DM Mono", monospace;
  --sans: "Space Grotesk", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { overflow-x: clip; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; min-width: 0; }
.site-header { display: flex; align-items: center; justify-content: space-between; min-height: 86px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; gap: 10px; align-items: center; font: 600 14px var(--mono); letter-spacing: .08em; }
.brand-mark { display: grid; place-items: center; width: 27px; height: 27px; color: var(--deep); background: var(--acid); font: 700 16px var(--sans); }
.nav-links { display: flex; align-items: center; gap: 28px; font-size: 14px; }
.nav-links a:not(.nav-cta), .text-link { color: var(--muted); }
.nav-links a:hover, .text-link:hover { color: var(--ink); }
.nav-cta { padding: 10px 14px; border: 1px solid var(--ink); font-weight: 600; }
.hero { display: grid; grid-template-columns: 1.08fr .92fr; gap: 80px; align-items: center; padding: 104px 0 120px; }
.eyebrow { margin: 0 0 20px; color: var(--muted); font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; background: #71a51a; border-radius: 50%; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 680px; margin-bottom: 26px; font-size: clamp(44px, 6vw, 82px); line-height: .98; letter-spacing: -.045em; font-weight: 600; }
h2 { max-width: 700px; margin-bottom: 16px; font-size: clamp(30px, 4vw, 52px); line-height: 1.02; letter-spacing: -.035em; font-weight: 600; }
h3 { margin: 20px 0 10px; font-size: 22px; letter-spacing: -.02em; }
.hero-lede { max-width: 600px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.hero-actions { display: flex; align-items: center; gap: 22px; margin: 34px 0 18px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 0 18px; font-weight: 600; font-size: 14px; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--deep); background: var(--acid); }
.button-outline { border: 1px solid var(--ink); }
.hero-note { color: var(--muted); font: 12px var(--mono); }
.hero-panel { padding: 22px; background: var(--deep); color: var(--white); box-shadow: 16px 16px 0 var(--acid); }
.panel-top, .request-row, .panel-footer { display: flex; align-items: center; justify-content: space-between; font: 11px var(--mono); }
.panel-top { padding-bottom: 28px; color: #8b9b8d; letter-spacing: .08em; }
.panel-live { color: var(--acid); }
.request-row { justify-content: flex-start; gap: 12px; padding: 18px 0; border-top: 1px solid #3a473d; border-bottom: 1px solid #3a473d; }
.line-number { color: #718276; }
.muted { color: #91b4a0; }
.code-block { padding: 28px 18px; color: #d7e5d6; font: 14px/2 var(--mono); overflow-wrap: anywhere; }
.indent { padding-left: 24px; }
.syntax-key { color: #a7d75d; }
.syntax-string { color: #e5c78e; }
.syntax-bool { color: #80c8c1; }
.panel-footer { justify-content: flex-start; gap: 9px; padding-top: 18px; color: #aab9aa; }
.shield { display: grid; place-items: center; width: 18px; height: 18px; color: var(--deep); background: var(--acid); border-radius: 50%; font-weight: 700; }
.feature-band { padding: 100px 0; background: var(--panel); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-heading { margin-bottom: 44px; }
.section-heading > p:not(.eyebrow) { color: var(--muted); font-size: 17px; }
.feature-grid, .pricing-grid, .performance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card, .performance-card { min-height: 255px; padding: 28px; border: 1px solid var(--line); background: rgba(251,252,247,.5); }
.feature-card p, .price-card li, .performance-card p { color: var(--muted); }
.feature-index { color: #6e876b; font: 12px var(--mono); }
.performance-band { padding: 90px 0 100px; }
.performance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.performance-card { background: var(--white); }
.performance-card .metric { margin: 0 0 18px; color: var(--ink); font: 600 32px/1 var(--mono); letter-spacing: -.04em; }
.performance-card h3 { margin: 0 0 10px; }
.pricing { padding: 112px 0; }
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1180px; }
.price-card { padding: 30px; border: 1px solid var(--line); background: var(--white); }
.price-card-featured { color: var(--white); background: var(--deep); border-color: var(--deep); }
.price-head { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.price-card-featured .price-head { border-color: #3a473d; }
.plan-label { font: 500 12px var(--mono); letter-spacing: .1em; }
.plan-caption { color: var(--muted); font-size: 13px; }
.price-card-featured .plan-caption { color: #aab9aa; }
.plan-description { min-height: 72px; margin: 24px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.price-card-featured .plan-description { color: #c8d4c8; }
.price-value { display: flex; align-items: baseline; gap: 12px; padding: 28px 0 16px; }
.price-value strong { font-size: 46px; line-height: 1; letter-spacing: -.04em; }
.price-value span { color: var(--muted); font: 12px var(--mono); }
.price-card-featured .price-value span { color: #aab9aa; }
.quota-note { min-height: 36px; margin: 0 0 16px; color: var(--muted); font: 11px/1.5 var(--mono); }
.price-card-featured .quota-note { color: #aab9aa; }
.price-card ul { min-height: 112px; margin: 0 0 24px; padding: 0; list-style: none; }
.price-card li { padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.signup-page { padding-top: 2rem; padding-bottom: 6rem; }
.signup-panel { max-width: 760px; margin: 8rem auto 0; }
.signup-panel h1 { max-width: 680px; }
.signup-form-row { display: flex; gap: .75rem; margin-top: .65rem; }
.signup-form-row input { flex: 1; min-width: 0; }
.business-confirmation { display: flex; align-items: flex-start; gap: .65rem; margin-top: 1rem; color: var(--muted); font-size: 13px; }
.business-confirmation input { flex: 0 0 auto; width: 17px; height: 17px; margin: 2px 0 0; accent-color: #6d9c37; }
.form-message { color: #9d3c25; }
.signup-result { margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--line); background: var(--white); }
.signup-result dl { margin: 1.5rem 0; }
.signup-result dl div { display: grid; grid-template-columns: 10rem 1fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.signup-result dt { color: var(--muted); }
.signup-result dd { display: flex; align-items: center; gap: .75rem; min-width: 0; margin: 0; }
.signup-result code { overflow-wrap: anywhere; }
.copy-button { flex: 0 0 auto; padding: .35rem .55rem; color: var(--ink); border: 1px solid var(--line); background: transparent; font: 500 11px var(--mono); cursor: pointer; }
.copy-button:hover { border-color: var(--ink); }
.price-card-featured li { color: #c8d4c8; border-color: #3a473d; }
.price-card .button { width: 100%; }
.trust-band { padding: 76px 0; color: var(--white); background: #26342b; }
.trust-row { display: flex; justify-content: space-between; gap: 60px; align-items: center; }
.trust-band h2 { max-width: 530px; margin-bottom: 0; }
.trust-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 40px; color: #c5d1c5; font: 12px var(--mono); }
.trust-list span::before { content: "+"; margin-right: 8px; color: var(--acid); }
.site-footer { display: flex; align-items: center; gap: 26px; min-height: 100px; color: var(--muted); font-size: 13px; }
.site-footer p { margin: 0 auto 0 0; }
.site-footer div { display: flex; gap: 20px; }
.site-footer a:hover { color: var(--ink); }
.legal-page { max-width: 820px; padding: 88px 0 112px; }
.legal-page h1 { max-width: 760px; margin-bottom: 14px; font-size: clamp(42px, 6vw, 72px); }
.legal-page h2 { margin: 48px 0 14px; font-size: 28px; }
.legal-page p { max-width: 720px; color: var(--muted); font-size: 17px; }
.legal-page a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-page .eyebrow { color: var(--muted); font-size: 11px; }
.legal-page .legal-updated { margin-bottom: 40px; font: 12px var(--mono); }
.code-sample { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
.legal-page .code-sample { max-width: 720px; margin: 8px 0 24px; padding: 18px; overflow-x: auto; color: #d7e5d6; background: var(--ink); border-radius: 6px; font: 13px/1.7 var(--mono); }
.legal-page code { font: 13px var(--mono); }
.legal-page pre code { font-size: inherit; }
.auth-panel { max-width: 720px; }
.auth-message { margin-top: 1rem; padding: 1rem 1.15rem; border-left: 3px solid #6d9c37; background: var(--panel); }
.dashboard-page { padding-top: 54px; padding-bottom: 100px; }
.dashboard-header { justify-content: space-between; }
.dashboard-heading, .dashboard-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.dashboard-heading { padding: 22px 0 34px; }
.dashboard-heading h1 { margin: 0; font-size: 44px; line-height: 1.05; }
.dashboard-heading .eyebrow, .dashboard-section .eyebrow { margin-bottom: 8px; }
.dashboard-muted { color: var(--muted); }
.dashboard-heading .dashboard-muted { margin: 8px 0 0; }
.status-label { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; color: #315a28; background: #e0edcf; font: 500 12px var(--mono); }
.status-label::before { content: ""; width: 7px; height: 7px; margin-right: 8px; background: #5e8b30; border-radius: 50%; }
.status-label.status-inactive { color: #8a3c22; background: #f4e2d8; }
.status-label.status-inactive::before { background: #b65a37; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dashboard-metrics > div { display: grid; gap: 9px; padding: 20px 22px; border-right: 1px solid var(--line); }
.dashboard-metrics > div:first-child { padding-left: 0; }
.dashboard-metrics > div:last-child { border-right: 0; }
.admin-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.admin-metrics > div { display: grid; gap: 9px; padding: 20px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.admin-metrics > div:nth-child(3n) { border-right: 0; }
.admin-metrics > div:nth-last-child(-n+3) { border-bottom: 0; }
.admin-metrics strong { font: 500 19px var(--mono); overflow-wrap: anywhere; }
.admin-metric-note { margin: 12px 0 0; color: var(--muted); font: 10px var(--mono); }
.metric-label { color: var(--muted); font: 500 10px var(--mono); }
.dashboard-metrics strong { font: 500 19px var(--mono); overflow-wrap: anywhere; }
.dashboard-section { padding: 34px 0; border-bottom: 1px solid var(--line); }
.dashboard-section-heading { margin-bottom: 20px; }
.dashboard-section-heading h2 { margin: 0; font-size: 27px; line-height: 1.15; }
.dashboard-section-heading .eyebrow { margin: 0 0 5px; }
.dashboard-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.dashboard-action-row select { min-width: 180px; min-height: 44px; padding: 0 12px; color: var(--ink); border: 1px solid var(--line); background: var(--white); font: 14px var(--sans); }
.dashboard-section .button { cursor: pointer; }
.dashboard-section .button:disabled { cursor: wait; opacity: .55; }
.dashboard-header .button:disabled { cursor: wait; opacity: .55; }
.table-scroll { overflow-x: auto; }
.dashboard-section table { width: 100%; border-collapse: collapse; text-align: left; }
.dashboard-section th { padding: 10px 14px; color: var(--muted); border-bottom: 1px solid var(--line); font: 500 10px var(--mono); white-space: nowrap; }
.dashboard-section td { padding: 14px; border-bottom: 1px solid var(--line); font-size: 13px; vertical-align: middle; }
.dashboard-section td:first-child, .dashboard-section th:first-child { padding-left: 0; }
.table-action { padding: 7px 10px; color: #8a3c22; border: 1px solid #d7b6a8; background: transparent; font: 500 11px var(--mono); cursor: pointer; }
.table-action:hover { border-color: #8a3c22; }
.secret-dialog { width: min(560px, calc(100% - 32px)); max-height: min(82vh, 640px); padding: 28px; color: var(--ink); border: 1px solid var(--line); background: var(--white); }
.secret-dialog::backdrop { background: rgba(18, 29, 21, .62); }
.secret-dialog h2 { margin-bottom: 12px; font-size: 28px; }
.dialog-close { float: right; padding: 7px 10px; border: 1px solid var(--line); background: transparent; font: 500 11px var(--mono); cursor: pointer; }
.secret-value { display: block; margin: 20px 0; padding: 14px; border: 1px solid var(--line); background: var(--paper); font: 13px/1.6 var(--mono); overflow-wrap: anywhere; user-select: all; }
.secret-dialog .button { cursor: pointer; }

/* Keep wide intrinsic content from expanding responsive grid/flex tracks. */
.hero > *,
.trust-row > *,
.developer-grid > *,
.signup-layout > *,
.status-hero > *,
.live-benchmark > *,
.quickstart-dashboard > *,
.docs-hero > *,
.feature-card,
.performance-card,
.price-card,
.onboarding-card,
.endpoint-card,
.docs-card,
.status-info-card { min-width: 0; }

.endpoint-card .code-sample { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
@media (max-width: 800px) {
  .dashboard-page { padding-top: 28px; }
  .dashboard-heading { align-items: flex-start; }
  .dashboard-heading h1 { font-size: 36px; }
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-metrics > div { padding: 16px 12px; border-bottom: 1px solid var(--line); }
  .dashboard-metrics > div:first-child { padding-left: 12px; }
  .dashboard-metrics > div:nth-child(2) { border-right: 0; }
  .dashboard-metrics > div:nth-child(n+3) { border-bottom: 0; }
  .admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-metrics > div { padding: 16px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .admin-metrics > div:nth-child(2n) { border-right: 0; }
  .admin-metrics > div:nth-last-child(-n+2) { border-bottom: 0; }
  .dashboard-section-heading { align-items: flex-start; flex-direction: column; }
  .dashboard-section td { padding: 12px 10px; }
}
@media (max-width: 800px) {
  .signup-panel { margin-top: 5rem; }
  .signup-form-row { flex-direction: column; }
  .signup-result dl div { grid-template-columns: 1fr; gap: .35rem; }
  .shell { width: min(100% - 32px, 620px); }
  .nav-links a:not(.nav-cta) { display: none; }
  .hero { grid-template-columns: 1fr; gap: 48px; padding: 72px 0 92px; }
  h1 { font-size: clamp(44px, 14vw, 72px); }
  .hero-panel { box-shadow: 9px 9px 0 var(--acid); }
  .feature-grid, .pricing-grid, .performance-grid { grid-template-columns: 1fr; }
  .feature-card, .performance-card { min-height: auto; }
  .trust-row { display: block; }
  .trust-list { margin-top: 36px; }
  .site-footer { flex-wrap: wrap; gap: 16px; padding: 28px 0; }
  .site-footer p { flex-basis: 100%; order: 3; }
  .site-footer div { flex-wrap: wrap; }
  .legal-page { padding: 64px 0 80px; }
}

.button-disabled { cursor: default; opacity: .65; pointer-events: none; }
.button-disabled:hover { transform: none; }
.coming-soon-price { font-size: 30px !important; letter-spacing: .02em !important; }
.price-card-featured .coming-soon-price { color: var(--white); }

.support-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
.ticket-form { display: grid; gap: 10px; }
.ticket-form input, .ticket-form select, .ticket-form textarea { width: 100%; padding: 11px 12px; color: var(--ink); border: 1px solid var(--line); background: var(--white); font: 14px var(--sans); }
.ticket-form textarea { resize: vertical; }
.ticket-form button { justify-self: start; }
.support-warning { color: var(--muted); font: 11px/1.5 var(--mono); margin: 0 0 8px; }
.ticket-list { display: grid; gap: 8px; }
.ticket-list-item { display: grid; gap: 5px; width: 100%; padding: 15px; text-align: left; color: var(--ink); border: 1px solid var(--line); background: var(--white); cursor: pointer; }
.ticket-list-item:hover { border-color: var(--ink); }
.ticket-list-item strong { font-size: 15px; }
.ticket-list-item span { color: var(--muted); font: 11px var(--mono); }
.ticket-detail { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--line); }
.ticket-detail h3 { margin: 0 0 8px; }
.ticket-messages { display: grid; gap: 12px; margin: 24px 0; }
.ticket-message { padding: 16px; border: 1px solid var(--line); background: var(--white); }
.ticket-message-admin { background: var(--panel); }
.ticket-message-meta { margin-bottom: 9px; color: var(--muted); font: 10px var(--mono); text-transform: uppercase; }
.ticket-message p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 800px) { .support-grid { grid-template-columns: 1fr; } }

.live-benchmark { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; margin-bottom: 24px; padding: 28px; color: var(--white); background: var(--deep); }
.live-benchmark h3 { margin: 0 0 8px; color: var(--white); }
.live-benchmark p:not(.benchmark-kicker):not(.benchmark-status) { margin: 0; color: #c8d4c8; font-size: 14px; }
.benchmark-kicker { margin: 0 0 8px; color: var(--acid); font: 500 10px var(--mono); letter-spacing: .12em; }
.benchmark-status { grid-column: 1 / -1; margin: 0; color: #aab9aa; font: 11px var(--mono); }
.live-benchmark .button { min-width: 190px; cursor: pointer; }
.live-benchmark .button:disabled { cursor: wait; opacity: .6; }
.benchmark-results .performance-card { min-height: 220px; }
.benchmark-note { margin: 18px 0 0; color: var(--muted); font: 11px/1.6 var(--mono); }
@media (max-width: 800px) {
  .live-benchmark { grid-template-columns: 1fr; }
  .live-benchmark .button { width: 100%; }
}

.status-page { padding-top: 64px; padding-bottom: 92px; }
.status-hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; padding: 44px 0 56px; }
.status-hero h1 { max-width: 700px; margin-bottom: 14px; font-size: clamp(48px, 7vw, 78px); letter-spacing: -.045em; }
.status-lede { max-width: 640px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.55; }
.status-overall { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 16px; white-space: nowrap; border: 1px solid var(--line); font: 500 12px var(--mono); }
.status-overall .status-indicator { width: 8px; height: 8px; margin: 0; border-radius: 50%; }
.status-overall.status-checking { color: var(--muted); background: var(--panel); }
.status-overall.status-checking .status-indicator { background: #9f9f98; }
.status-overall.status-operational { color: #315a28; background: #e0edcf; border-color: #c8dab2; }
.status-overall.status-operational .status-indicator { background: #5e8b30; }
.status-overall.status-degraded { color: #785e18; background: #f2ead1; border-color: #dfd1a3; }
.status-overall.status-degraded .status-indicator { background: #aa841e; }
.status-overall.status-outage { color: #8a3c22; background: #f4e2d8; border-color: #dfc3b6; }
.status-overall.status-outage .status-indicator { background: #b65a37; }

.status-panel { padding: 30px; border: 1px solid var(--line); background: var(--white); }
.status-panel-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 24px; }
.status-panel-heading h2 { margin: 0; font-size: 28px; }
.status-panel-heading .eyebrow { margin-bottom: 7px; }
.status-panel-heading .button { cursor: pointer; }
.status-panel-heading .button:disabled { cursor: wait; opacity: .55; }

.status-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.status-check-card { padding: 24px 0; }
.status-check-card + .status-check-card { padding-left: 28px; border-left: 1px solid var(--line); }
.status-check-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.status-check-name { margin: 0 0 5px; font-size: 18px; font-weight: 600; }
.status-check-endpoint { margin: 0; color: var(--muted); font: 11px var(--mono); }
.status-check-description { min-height: 44px; margin: 18px 0 20px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.status-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 10px; border: 1px solid var(--line); font: 500 10px var(--mono); white-space: nowrap; }
.status-badge .status-indicator { width: 7px; height: 7px; margin: 0; border-radius: 50%; }
.status-badge-checking { color: var(--muted); background: var(--panel); }
.status-badge-checking .status-indicator { background: #9f9f98; }
.status-badge-operational { color: #315a28; background: #e0edcf; border-color: #c8dab2; }
.status-badge-operational .status-indicator { background: #5e8b30; }
.status-badge-down { color: #8a3c22; background: #f4e2d8; border-color: #dfc3b6; }
.status-badge-down .status-indicator { background: #b65a37; }
.status-check-meta { display: flex; justify-content: space-between; gap: 20px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font: 10px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.status-check-meta strong { color: var(--ink); font-weight: 500; }

.status-last-check { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 18px; color: var(--muted); font: 10px var(--mono); }
.status-last-check strong { color: var(--ink); font-weight: 500; }

.status-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.status-info-card { padding: 26px 28px; border: 1px solid var(--line); background: var(--panel); }
.status-info-card h2 { margin-bottom: 10px; font-size: 24px; }
.status-info-card p:last-child { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.status-info-card p + p { margin-top: 12px; }
.status-info-card .text-link { color: var(--ink); }

.status-support { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 56px; padding-top: 36px; border-top: 1px solid var(--line); }
.status-support h2 { max-width: 520px; margin: 0; font-size: clamp(26px, 4vw, 36px); }
.status-support-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }
.status-support-actions .button { white-space: nowrap; }

@media (max-width: 800px) {
  .status-page { padding-top: 28px; padding-bottom: 72px; }
  .status-hero { align-items: flex-start; flex-direction: column; gap: 24px; padding: 34px 0 42px; }
  .status-hero h1 { font-size: clamp(44px, 14vw, 64px); }
  .status-panel { padding: 20px; }
  .status-panel-heading { align-items: flex-start; flex-direction: column; }
  .status-checks { grid-template-columns: 1fr; }
  .status-check-card + .status-check-card { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .status-info-grid { grid-template-columns: 1fr; }
  .status-support { align-items: flex-start; flex-direction: column; }
  .status-support-actions { justify-content: flex-start; }
}

.skip-link { position:absolute; left:14px; top:-60px; z-index:20; padding:10px 14px; color:var(--deep); background:var(--acid); border:1px solid var(--ink); font:500 11px var(--mono); }
.skip-link:focus { top:14px; }
:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 18px; color:var(--muted); font:10px var(--mono); }
.hero-proof > * { padding:6px 8px; border:1px solid var(--line); background:rgba(251,252,247,.55); }
.demo-band { padding:96px 0 104px; background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.demo-switcher { display:inline-flex; margin-bottom:22px; border:1px solid var(--line); }
.demo-tab { min-height:40px; padding:0 16px; border:0; border-right:1px solid var(--line); color:var(--muted); background:transparent; font:500 11px var(--mono); cursor:pointer; }
.demo-tab:last-child { border-right:0; }
.demo-tab.active { color:var(--deep); background:var(--acid); }
.demo-card { display:grid; grid-template-columns:1fr 44px 1fr; gap:18px; align-items:stretch; }
.demo-card[hidden] { display:none; }
.demo-column { min-height:230px; padding:22px; border:1px solid var(--line); background:var(--paper); }
.demo-label { margin:0 0 14px; color:var(--muted); font:500 10px var(--mono); letter-spacing:.1em; }
.demo-column pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.demo-column code { font:13px/1.7 var(--mono); }
.demo-transform { display:grid; place-items:center; color:var(--muted); font:22px var(--mono); }
.demo-note { margin:18px 0 0; color:var(--muted); font:11px/1.6 var(--mono); }
.steps-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.step-card { min-height:210px; padding:26px; background:rgba(251,252,247,.7); }
.step-card h3 { margin-top:24px; }
.step-card p { margin-bottom:0; color:var(--muted); font-size:14px; }
.protection { padding:104px 0; }
.protection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.protection-card { min-height:310px; padding:28px; border:1px solid var(--line); background:var(--white); }
.protection-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); color:var(--deep); font:14px var(--mono); }
.protection-card h3 { margin-top:22px; }
.protection-card p { color:var(--muted); font-size:14px; line-height:1.6; }
.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }
.tag-row span { padding:6px 7px; color:var(--muted); border:1px solid var(--line); font:10px var(--mono); }
.developer-band { padding:92px 0; color:var(--white); background:var(--deep); }
.developer-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center; }
.developer-band h2 { color:var(--white); }
.developer-band > .shell > div > p:not(.eyebrow) { max-width:520px; color:#c8d4c8; font-size:16px; }
.developer-band .eyebrow { color:#91b4a0; }
.developer-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:30px; }
.developer-link { color:#d7e5d6; }
.code-window { padding:18px; background:#101812; border:1px solid #3a473d; }
.code-window-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; color:#91b4a0; font:10px var(--mono); letter-spacing:.1em; border-bottom:1px solid #2e3a31; }
.code-window pre { margin:18px 0 0; overflow-x:auto; color:#d7e5d6; font:12px/1.7 var(--mono); }
.code-window p { margin:14px 0 0; color:#91b4a0; font:10px/1.5 var(--mono); }
.dark-copy { color:#d7e5d6; border-color:#506052; }
.dark-copy:hover { color:var(--white); border-color:#c8d4c8; }
.quickstart-dashboard { display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; margin:28px 0 0; padding:28px; color:var(--white); background:var(--deep); border:1px solid var(--deep); }
.quickstart-dashboard h2 { color:var(--white); font-size:30px; }
.quickstart-dashboard p:not(.eyebrow) { color:#c8d4c8; font-size:13px; }
.quickstart-dashboard-code { padding:18px; border:1px solid #3a473d; background:#101812; }
.quickstart-dashboard-code pre { margin:18px 0 0; overflow-x:auto; color:#d7e5d6; font:12px/1.7 var(--mono); }
.signup-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:50px; align-items:start; max-width:1040px; margin:7rem auto 4rem; }
.signup-panel { margin:0; }
.onboarding-card { padding:28px; border:1px solid var(--line); background:var(--white); }
.onboarding-steps { margin:0; padding:0; list-style:none; }
.onboarding-steps li { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.onboarding-steps li > span { color:var(--muted); font:11px var(--mono); }
.onboarding-steps strong { font-size:14px; }
.onboarding-steps p { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.onboarding-callout { display:flex; gap:8px; margin-top:18px; padding-top:18px; color:var(--muted); border-top:1px solid var(--line); }
.onboarding-callout p { margin:0; font:11px var(--mono); }
.signup-footnote { margin-top:26px; color:var(--muted); font:11px var(--mono); }
.docs-page { padding:68px 0 112px; }
.docs-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; padding-bottom:42px; }
.docs-hero h1 { max-width:760px; margin-bottom:16px; }
.docs-intro { max-width:650px; color:var(--muted); font-size:18px !important; line-height:1.6; }
.docs-toc { display:flex; flex-wrap:wrap; gap:8px; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.docs-toc a { padding:7px 9px; color:var(--muted); font:10px var(--mono); border:1px solid var(--line); background:var(--white); }
.docs-toc a:hover { color:var(--ink); border-color:var(--ink); }
.docs-section-heading { margin-bottom:24px; }
.endpoint-card { margin:28px 0; padding:24px; border:1px solid var(--line); background:var(--panel); }
.endpoint-card > h2 { margin-top:0; }
.endpoint-card > p:last-of-type { margin-bottom:0; }
.endpoint-card .code-toolbar { padding:14px 0 0; }
.code-toolbar { display:flex; align-items:center; justify-content:space-between; padding:14px 18px 0; color:var(--muted); font:10px var(--mono); }
.endpoint-card .code-sample { max-width:none; margin:10px 18px 0; border-radius:0; }
.docs-grid-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.docs-card { padding:24px; border:1px solid var(--line); background:var(--white); }
.docs-label { color:var(--muted); font:10px var(--mono); letter-spacing:.1em; }
.docs-card h3 { margin-top:14px; }
.docs-card p { margin-bottom:0; color:var(--muted); font-size:14px; }
.docs-bottom-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:28px; padding:22px; border:1px solid var(--line); background:var(--panel); }
.error-table { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.error-table > div { display:grid; grid-template-columns:72px 1fr; gap:16px; padding:13px 0; border-bottom:1px solid var(--line); }
.error-table > div:last-child { border-bottom:0; }
.error-table strong { font:500 12px var(--mono); }
.error-table span { color:var(--muted); font-size:13px; }
.status-check-disclaimer { margin:16px 0 0; color:var(--muted); font:10px/1.5 var(--mono); }
.error-page { min-height:calc(100vh - 100px); padding:60px 0; }
.error-page section { max-width:760px; margin:16vh auto 0; }
.error-page p { max-width:620px; color:var(--muted); font-size:17px; }
@media (max-width:900px) {
  .site-header .nav-links a:not(.nav-cta) { display: none; }
  .steps-grid,.protection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .developer-grid,.quickstart-dashboard { grid-template-columns:1fr; }
  .signup-layout { grid-template-columns:1fr; }
  .onboarding-card { order:-1; }
}
@media (max-width:800px) {
  .hero-actions { flex-wrap: wrap; }
  .price-head { align-items: flex-start; flex-wrap: wrap; }
  .trust-list { grid-template-columns: 1fr; }
  .site-footer > div { width: 100%; min-width: 0; }
  .site-footer a { overflow-wrap: anywhere; }
  .status-check-top, .status-check-meta { flex-wrap: wrap; }
  .demo-card { grid-template-columns:1fr; }
  .demo-transform { min-height:24px; }
  .steps-grid,.protection-grid { grid-template-columns:1fr; }
  .docs-hero { align-items:flex-start; flex-direction:column; }
  .docs-grid-two { grid-template-columns:1fr; }
  .docs-page { padding-top:36px; }
  .docs-bottom-cta { align-items:flex-start; flex-direction:column; }
  .quickstart-dashboard { padding:20px; }
  .signup-layout { margin-top:5rem; }
}