:root { --ink:#151719; --muted:#6f747c; --line:#e5e7ea; --soft:#f6f7f8; --paper:#fff; --blue:#2463eb; --blue-dark:#1649c0; --red:#e04f4f; --green:#25a66a; --mono:"IBM Plex Mono", monospace; --sans:"Space Grotesk", sans-serif; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); line-height:1.45; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.site-header { height:74px; max-width:1200px; padding:0 28px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; gap:10px; align-items:center; font-family:var(--mono); font-size:13px; font-weight:600; letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:25px; height:25px; color:#fff; background:var(--ink); border-radius:7px; font-family:var(--sans); font-weight:700; font-size:14px; }
.brand-muted { color:#8b9199; font-weight:400; }
nav { display:flex; gap:24px; margin-left:auto; margin-right:28px; }
nav a,.nav-action { font-size:13px; color:#636a73; transition:color 160ms var(--ease); }
nav a:hover,.nav-action:hover { color:var(--ink); }
.nav-action { border:1px solid var(--line); padding:9px 13px; border-radius:9px; color:var(--ink); font-weight:500; }
.hero { max-width:900px; text-align:center; padding:112px 28px 82px; margin:auto; }
.eyebrow,.section-label { color:#747b84; font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; background:var(--soft); padding:6px 10px; border:1px solid var(--line); border-radius:99px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 0 3px rgba(224,79,79,.12); display:inline-block; }
.hero h1 { letter-spacing:-.065em; margin:22px 0 16px; font-size:clamp(42px,7vw,72px); line-height:.98; }
.hero h1 span { color:#9aa0a7; }
.hero-copy { max-width:610px; color:#717780; font-size:16px; margin:0 auto; }
.hero-actions { margin:28px 0 42px; display:flex; justify-content:center; gap:11px; }
.button { min-height:42px; display:inline-flex; align-items:center; gap:9px; padding:0 16px; border-radius:9px; font-size:13px; font-weight:600; transition:transform 160ms var(--ease), background 160ms var(--ease), border-color 160ms var(--ease); }
.button:active { transform:scale(.97); }
.button-primary { background:var(--ink); color:#fff; }
.button-primary:hover { background:#30343a; }
.button-secondary { border:1px solid var(--line); color:#444a51; }
.button-secondary:hover { border-color:#bfc4cb; }
.request-card { max-width:580px; margin:auto; border:1px solid var(--line); border-radius:13px; overflow:hidden; background:#fbfbfc; text-align:left; box-shadow:0 18px 48px rgba(12,18,28,.07); }
.request-bar { height:45px; padding:0 13px; display:flex; gap:12px; align-items:center; border-bottom:1px solid var(--line); font:10px var(--mono); color:#687079; }
.window-dots { display:flex; gap:5px; }.window-dots i { width:7px; height:7px; background:#d7d9dd; border-radius:50%; }.request-bar span { flex:1; text-align:right; }
.request-bar button { border:0; cursor:pointer; background:transparent; color:#7b8189; font:10px var(--mono); padding:4px; }.request-bar button:hover { color:var(--blue); }
pre { margin:0; padding:23px 28px 25px; overflow:auto; color:#67717d; font:12px/1.75 var(--mono); }.key { color:#c95050; }.string { color:#3473b3; }
.section { max-width:1200px; padding:72px 28px; margin:auto; }.intro-section { border-top:1px solid var(--line); }.section-label { margin-bottom:20px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }.section-heading .section-label { margin-bottom:8px; }.section-heading h2 { margin:0; font-size:31px; letter-spacing:-.045em; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:12px; overflow:hidden; }.capability-grid article { min-height:207px; padding:22px; border-right:1px solid var(--line); }.capability-grid article:last-child { border:0; }.capability-number { display:block; color:#9a9fa6; font:10px var(--mono); }.capability-grid h2 { margin:41px 0 8px; font-size:15px; letter-spacing:-.02em; }.capability-grid p { margin:0; font-size:13px; color:#737982; }
.endpoint-section { border-top:1px solid var(--line); }.endpoint-search { display:flex; align-items:center; gap:8px; width:230px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:#818891; }.endpoint-search:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px rgba(36,99,235,.1); }.endpoint-search input { min-width:0; width:100%; outline:0; border:0; color:var(--ink); font-size:13px; }.endpoint-search input::placeholder { color:#a1a5ac; }
.endpoint-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.endpoint-card { display:grid; grid-template-columns:42px 1fr; align-items:center; min-height:76px; padding:14px 16px; border:1px solid var(--line); border-radius:10px; transition:transform 180ms var(--ease), box-shadow 180ms var(--ease), border-color 180ms var(--ease); }.endpoint-card:hover { transform:translateY(-2px); border-color:#c4ccd7; box-shadow:0 8px 20px rgba(20,29,45,.07); }.endpoint-card b { color:var(--green); font:10px var(--mono); }.endpoint-card code { font:12px var(--mono); color:#27313d; }.endpoint-card span { grid-column:2; color:#8a9098; font-size:12px; margin-top:3px; }.filter-empty { margin:18px 0 0; color:#7b8189; }.filter-empty code { font:11px var(--mono); }
.live-section { border-top:1px solid var(--line); }.service-health { display:flex; align-items:center; gap:8px; min-height:30px; padding:7px 10px; border-radius:99px; background:var(--soft); color:#6c747c; font:10px var(--mono); }.health-pulse { width:7px; height:7px; border-radius:99px; background:#a0a5ab; }.service-health.is-online .health-pulse { background:var(--green); box-shadow:0 0 0 3px rgba(37,166,106,.12); }.service-health.is-error .health-pulse { background:var(--red); }
.date-strip { display:flex; gap:7px; overflow:auto; padding-bottom:10px; scrollbar-width:none; }.date-strip button { min-width:80px; padding:11px 9px; background:#fff; border:1px solid var(--line); border-radius:9px; color:#757c85; cursor:pointer; font:10px var(--mono); text-transform:uppercase; transition:background 150ms var(--ease), color 150ms var(--ease), border-color 150ms var(--ease); }.date-strip button[aria-selected="true"] { background:var(--ink); border-color:var(--ink); color:#fff; }.schedule-list { margin-top:8px; display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.loading-message,.error-message { grid-column:1/-1; color:#747b84; font-size:14px; }.schedule-item { min-height:68px; display:grid; grid-template-columns:55px 42px 1fr auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }.schedule-item time { color:#3d4650; font:11px var(--mono); }.schedule-item img { width:38px; height:48px; object-fit:cover; border-radius:6px; background:var(--soft); }.schedule-item strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.schedule-item small { color:#878d96; font-size:11px; }.schedule-item em { color:#8b9199; font:10px var(--mono); font-style:normal; }.live-footnote { display:flex; gap:16px; margin-top:20px; padding:17px 0 0; border-top:1px solid var(--line); }.live-footnote span { color:#7a8088; min-width:90px; font:10px var(--mono); text-transform:uppercase; }.live-footnote p { margin:0; color:#7a8088; font-size:12px; max-width:650px; }
.trending-section { border-top:1px solid var(--line); padding-bottom:92px; }.data-count { padding:6px 10px; color:#7d838b; background:var(--soft); border-radius:99px; font:10px var(--mono); }.trending-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.trend-card { overflow:hidden; min-width:0; border:1px solid var(--line); border-radius:11px; background:#fff; }.trend-card img { width:100%; height:235px; display:block; object-fit:cover; background:var(--soft); }.trend-card div { padding:11px; }.trend-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.trend-card small { color:#7b818a; font-size:11px; }.trend-fallback { display:grid; place-items:center; min-height:170px; padding:18px; color:#7b818a; text-align:center; border:1px dashed var(--line); border-radius:11px; font-size:13px; }
.site-footer { max-width:1200px; padding:28px; margin:auto; display:flex; align-items:center; gap:28px; border-top:1px solid var(--line); }.site-footer p { flex:1; margin:0; color:#858b92; font-size:12px; }.site-footer div { display:flex; gap:16px; color:#6e747c; font-size:12px; }.site-footer a:hover { color:var(--blue); }
@media (max-width:800px) { .site-header { padding:0 18px; height:64px; }.site-header nav { display:none; }.nav-action { margin-left:auto; }.hero { padding:76px 20px 58px; }.hero h1 { font-size:45px; }.section { padding:54px 20px; }.capability-grid { grid-template-columns:repeat(2,1fr); }.capability-grid article:nth-child(2) { border-right:0; }.capability-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }.section-heading { align-items:flex-start; flex-direction:column; }.endpoint-search { width:100%; }.trending-grid { grid-template-columns:repeat(2,1fr); }.trend-card img { height:260px; }.site-footer { flex-wrap:wrap; padding:26px 20px; }.site-footer p { min-width:100%; order:3; }.live-footnote { flex-direction:column; gap:7px; }.schedule-list { grid-template-columns:1fr; } }
@media (max-width:480px) { .nav-action { font-size:0; padding:9px 10px; }.nav-action span { font-size:14px; }.hero h1 { font-size:38px; }.hero-copy { font-size:14px; }.hero-actions { flex-direction:column; align-items:stretch; }.button { justify-content:center; }.capability-grid { grid-template-columns:1fr; }.capability-grid article { min-height:156px; border-right:0; border-bottom:1px solid var(--line); }.capability-grid article:last-child { border-bottom:0; }.capability-grid h2 { margin-top:24px; }.endpoint-grid { grid-template-columns:1fr; }.schedule-item { grid-template-columns:48px 38px 1fr; }.schedule-item em { display:none; }.trend-card img { height:220px; }.request-card { margin-left:-4px; margin-right:-4px; }.request-bar span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.request-bar button { font-size:9px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }