@import url('https://durable-workflow.com/identity/fonts.css');
[data-identity-root] { --paper:#F6F7F5; --surface:#fff; --ink:#0F1513; --ink-2:#3B4541; --muted:#5E6964; --line:#DDE2DF; --green:#0F7A52; --tint:#E3F4EC; background:var(--paper); color:var(--ink); font-family:Inter,system-ui,sans-serif; }
[data-theme="dark"] [data-identity-root] { --paper:#0F1513; --surface:#172019; --ink:#E8EDEA; --ink-2:#B7C2BD; --muted:#9AA6A1; --line:#2E3934; --green:#5FE0A6; --tint:#123B2A; color-scheme:dark; }
[data-identity-root] * { box-sizing:border-box; }
[data-identity-root] h1,[data-identity-root] h2,[data-identity-root] h3 { font-family:'Space Grotesk',Inter,sans-serif; font-weight:600; letter-spacing:-.03em; }
.identity-wrap { width:min(1248px,calc(100% - 64px)); margin-inline:auto; }
.identity-header { background:var(--surface); border-bottom:1px solid var(--line); }
.identity-nav { min-height:76px; display:flex; align-items:center; gap:30px; }
.identity-brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:600; white-space:nowrap; }
.identity-mark { display:inline-flex; padding:4px; border-radius:8px; }
[data-theme="dark"] .identity-mark { background:#F6F7F5; }
.identity-mark img { display:block; flex:none; }
.identity-slash { color:var(--muted); font-weight:400; }
.identity-surface { font:500 13px 'JetBrains Mono',monospace; color:var(--green); }
.identity-nav nav { display:flex; align-items:center; gap:22px; font-size:14px; }
.identity-nav a,.identity-footer a { text-decoration:none; }
.identity-nav a:hover,.identity-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.identity-nav nav>a { color:var(--ink-2); }
.identity-nav [aria-current="page"] { color:var(--ink); font-weight:600; }
.identity-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.identity-actions button { border:1px solid var(--line); border-radius:6px; min-height:44px; padding:8px 12px; background:var(--surface); color:var(--ink-2); cursor:pointer; font:500 12px Inter,sans-serif; }
.identity-primary { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:10px 18px; border-radius:6px; background:#0F7A52; color:#fff; font-size:13px; font-weight:600; }
[data-theme="dark"] .identity-primary { background:#5FE0A6; color:#0F1513; }
.identity-sdks { position:relative; }
.identity-sdks summary { cursor:pointer; min-height:44px; display:flex; align-items:center; gap:5px; list-style:none; }
.identity-sdks summary::-webkit-details-marker { display:none; }
.identity-sdks>div { position:absolute; z-index:10; top:44px; left:0; min-width:150px; padding:8px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
.identity-sdks a { display:block; padding:12px; color:var(--ink); }
.identity-footer { margin-top:72px; background:var(--surface); border-top:1px solid var(--line); padding:44px 0 24px; color:var(--muted); font:13px/1.6 Inter,sans-serif; }
.identity-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px; }
.identity-footer-grid>div { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.identity-footer .identity-brand { font-size:16px; }
.identity-footer p { max-width:270px; margin:12px 0 0; }
.identity-footer h2 { margin:0 0 12px; font:400 11px 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.identity-footer a { color:var(--ink-2); min-height:28px; }
.identity-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:32px; padding-top:22px; border-top:1px solid var(--line); font-size:12px; }
.identity-footer .identity-status { min-height:32px; padding:6px 12px; border-radius:20px; background:var(--paper); color:var(--muted); font:11px 'JetBrains Mono',monospace; }
.identity-status::before { content:'●'; margin-right:7px; }
.identity-footer .identity-status[data-state="operational"] { color:var(--green); background:var(--tint); }
.identity-footer .identity-status[data-state="degraded"],.identity-footer .identity-status[data-state="stale"] { color:#875700; background:#FFF1D6; }
.identity-footer .identity-status[data-state="incident"],.identity-footer .identity-status[data-state="unavailable"] { color:#B42318; background:#FEE7E5; }
.identity-footer .identity-status[data-state="maintenance"] { color:#205BB5; background:#E5EFFF; }
[data-identity-root] :is(a,button,summary,input):focus-visible { outline:3px solid var(--green); outline-offset:4px; }
.identity-skip { position:fixed; z-index:30; top:0; left:24px; transform:translateY(-150%); padding:12px; color:var(--ink); background:var(--surface); }
.identity-skip:focus { transform:translateY(0); }
@media(max-width:1140px) { .identity-nav { flex-wrap:wrap; gap:8px 20px; padding-block:12px; }.identity-nav nav { order:3; width:100%; gap:24px; }.identity-actions { margin-left:auto; } }
@media(max-width:640px) { .identity-wrap { width:calc(100% - 36px); }.identity-brand { font-size:15px; gap:6px; }.identity-surface { font-size:11px; }.identity-actions { width:100%; justify-content:space-between; }.identity-nav nav { gap:22px; flex-wrap:wrap; }.identity-footer-grid { grid-template-columns:1fr 1fr; gap:32px; }.identity-footer-grid>div:first-child { grid-column:1/-1; }.identity-footer-bottom { align-items:flex-start; flex-direction:column; gap:16px; } }
@media(prefers-reduced-motion:reduce) { [data-identity-root] *,[data-identity-root] *::before { scroll-behavior:auto!important; transition:none!important; } }

html,body { margin:0; padding:0; } body { min-height:100vh; font-size:16px; line-height:1.5; } a { color:inherit; }
.status-content { width:min(1248px,calc(100% - 64px)); margin:auto; }
.hero { padding:88px 0 0; }.hero-meta { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:24px; font:11px 'JetBrains Mono',monospace; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
.hero-title { font-size:clamp(36px,4vw,56px); line-height:1.08; margin:0 0 24px; }.hero-sub { font-size:18px; color:var(--ink-2); max-width:900px; margin:0 0 32px; }
.status-pill { display:inline-flex; align-items:center; white-space:nowrap; gap:6px; padding:4px 8px; border-radius:20px; background:var(--paper); color:var(--muted); font:10px 'JetBrains Mono',monospace; text-transform:uppercase; }
.status-pill .blip { width:5px; height:5px; border-radius:50%; background:currentColor; }.status-pill.ok { color:var(--green); background:var(--tint); }.status-pill.warn,.tag.warn { color:#875700; background:#FFF1D6; }.status-pill.bad,.tag.bad { color:#B42318; background:#FEE7E5; }.status-pill.maint,.tag.maint { color:#205BB5; background:#E5EFFF; }
.uptime-strip { padding:26px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }.uptime-strip-top { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:24px; margin-bottom:18px; }.uptime-strip .n { font:500 36px 'JetBrains Mono',monospace; }.uptime-strip .l { font:10px 'JetBrains Mono',monospace; color:var(--muted); text-transform:uppercase; margin-top:6px; }.uptime-strip-nums { display:flex; flex-wrap:wrap; gap:22px; font:11px 'JetBrains Mono',monospace; color:var(--muted); }.range-controls { display:flex; gap:6px; margin-top:16px; }.range-controls button { min-height:44px; min-width:44px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink-2); cursor:pointer; font:12px 'JetBrains Mono',monospace; }.range-controls [aria-pressed="true"] { background:var(--tint); color:var(--green); border-color:var(--green); }
.bars { display:flex; gap:3px; height:34px; }.bar { flex:1; min-width:0; border-radius:2px; background:var(--line); }.bar[data-s="ok"] { background:#0F7A52; }.bar[data-s="warn"] { background:#B7790A; }.bar[data-s="bad"] { background:#D92D20; }.bar[data-s="maint"] { background:#2671CC; }.bars-axis { display:flex; justify-content:space-between; margin-top:10px; color:var(--muted); font:10px 'JetBrains Mono',monospace; }
.section { margin-top:64px; }.section-head { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:18px; }.section-head h2 { font-size:28px; margin:0; }.section-head a { font-size:13px; color:var(--green); }.components { background:var(--surface); border:1px solid var(--line); border-radius:8px; }.comp { border-bottom:1px solid var(--line); }.comp:last-child { border-bottom:0; }.comp summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; cursor:pointer; }.comp summary::-webkit-details-marker { display:none; }.comp-title { font-weight:600; }.chev { display:inline-block; font-size:9px; margin-right:10px; color:var(--muted); }.comp[open] .chev { transform:rotate(90deg); }.comp-desc { color:var(--muted); font-size:13px; margin-top:5px; }.comp-r { display:flex; align-items:center; gap:24px; }.uptime-num { white-space:nowrap; font:11px 'JetBrains Mono',monospace; color:var(--muted); }.comp-expand { border-top:1px solid var(--line); padding:24px; }.comp-expand-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.metric .ml,.metric .mt { color:var(--muted); font-size:12px; }.metric .mv { font:16px 'JetBrains Mono',monospace; margin:8px 0; }.comp-expand .bars { margin-top:24px; height:20px; }
.incident-empty { padding:24px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--muted); }.incident { border:1px solid var(--line); border-radius:8px; background:var(--surface); }.incident-head { display:flex; justify-content:space-between; gap:24px; padding:24px; }.it { font-weight:600; margin-top:12px; }.id,.tl-body p { color:var(--ink-2); font-size:14px; }.incident-head-r,.tb-meta { display:flex; flex-direction:column; gap:8px; color:var(--muted); font-size:12px; }.incident-timeline { border-top:1px solid var(--line); padding:24px; }.tl-item { display:grid; grid-template-columns:160px 1fr; gap:24px; padding:16px 0; }.tl-time { color:var(--muted); font:11px 'JetBrains Mono',monospace; }.tb-head { display:flex; gap:12px; align-items:center; }.tb-head h4 { margin:0; }.history-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.hist-item { padding:24px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }.tag { display:inline-block; padding:4px 7px; border-radius:4px; font:10px 'JetBrains Mono',monospace; text-transform:uppercase; }.ht { font-weight:600; margin-top:14px; }.hd,.hdur { font:11px 'JetBrains Mono',monospace; color:var(--muted); margin-top:10px; }.hs { color:var(--ink-2); font-size:13px; margin-top:12px; }.status-data { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding-block:28px; margin-top:48px; border-top:1px solid var(--line); font:11px 'JetBrains Mono',monospace; color:var(--muted); }.status-data a { color:var(--green); }
@media(max-width:760px) { .status-content { width:calc(100% - 36px); }.hero { padding-top:48px; }.hero-title { font-size:36px; }.bars { gap:1px; }.uptime-strip { padding:20px; }.uptime-strip-top,.comp summary { align-items:flex-start; flex-direction:column; }.uptime-strip-nums { flex-wrap:wrap; gap:12px; }.comp-r { width:100%; justify-content:space-between; }.history-grid,.comp-expand-inner { grid-template-columns:1fr; }.section { margin-top:40px; }.incident-head { flex-direction:column; }.tl-item { grid-template-columns:1fr; gap:8px; }.section-head { align-items:flex-start; } }