:root {
  color-scheme: light;
  --ink: #17211b;
  --muted: #647168;
  --line: #d7ddd8;
  --paper: #f7f8f6;
  --white: #fff;
  --green: #17663d;
  --red: #a52a2a;
  --amber: #8a5b00;
  --blue: #235a91;
}

* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:14px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
header { height:58px; padding:0 24px; border-bottom:1px solid var(--line); background:var(--white); display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--ink); text-decoration:none; font-size:20px; font-weight:750; }
.identity { display:flex; align-items:center; gap:12px; }.identity small { color:var(--muted); text-transform:uppercase; }.identity form { margin:0; }
button,.button { border:1px solid var(--line); background:var(--white); color:var(--ink); padding:8px 12px; text-decoration:none; cursor:pointer; font:inherit; border-radius:4px; }.primary { color:white; background:var(--green); border-color:var(--green); }
.app-shell { display:grid; grid-template-columns:210px minmax(0,1fr); min-height:calc(100vh - 58px); }
.public-shell { grid-template-columns:minmax(0,1fr); }.public-shell main { max-width:none; }
nav { padding:22px 12px; border-right:1px solid var(--line); background:#eef1ed; display:flex; flex-direction:column; gap:3px; }nav a { color:#34443a; text-decoration:none; padding:9px 11px; border-radius:4px; }nav a:hover,nav .nav-current { background:var(--white); color:var(--ink); font-weight:650; }
main { width:100%; max-width:1280px; padding:32px 40px 64px; }.page-head,.section-head { display:flex; align-items:center; justify-content:space-between; gap:24px; }.page-head { margin-bottom:28px; }h1 { font-size:28px; line-height:1.2; margin:2px 0 0; }h2 { font-size:17px; margin:0; }.kicker { color:var(--green); font-weight:700; margin:0; text-transform:uppercase; }.muted { color:var(--muted); }
.metrics { border-block:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:34px; }.metrics div { padding:20px 18px; border-right:1px solid var(--line); }.metrics div:last-child { border:0; }.metrics strong { display:block; font-size:26px; }.metrics span { color:var(--muted); }
.table-section { margin-top:28px; }.section-head { margin-bottom:12px; }.section-head a { color:var(--green); }.table-scroll { overflow:auto; border:1px solid var(--line); background:var(--white); }table { border-collapse:collapse; width:100%; }th,td { text-align:left; padding:11px 13px; border-bottom:1px solid var(--line); }th { background:#f0f3ef; color:#526158; font-size:12px; text-transform:uppercase; }.empty { color:var(--muted); text-align:center; padding:30px; }
.status { display:inline-flex; align-items:center; min-height:26px; padding:3px 8px; border:1px solid var(--line); border-radius:999px; font-size:12px; font-weight:700; }.status-active,.status-succeeded,.status-ready,.status-verified { color:var(--green); border-color:#9ec8ad; background:#edf7f0; }.status-failed,.status-fulfilment_error,.status-error,.status-revocation_required { color:var(--red); border-color:#dfaaaa; background:#fff1f1; }.status-running,.status-queued,.status-fulfilling,.status-pending { color:var(--blue); border-color:#acc5dc; background:#f0f6fb; }
.connection { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr); border-block:1px solid var(--line); }.connection>div,.connection dl { margin:0; padding:24px 0; }.connection dl { padding-left:32px; border-left:1px solid var(--line); display:grid; grid-template-columns:90px 1fr; gap:10px; }.connection dt { color:var(--muted); }.connection dd { margin:0; overflow-wrap:anywhere; }pre { overflow:auto; padding:16px; background:#152019; color:#e8f1ea; border-radius:4px; }.mono,code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.workspace-launch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:28px; }.workspace-launch>div { min-width:0; padding:22px 24px 24px 0; }.workspace-launch>div+div { border-left:1px solid var(--line); padding-left:24px; }.workspace-launch h2 { font-size:19px; }.workspace-launch p { color:var(--muted); }.workspace-launch .step { margin:0 0 4px; color:var(--red); font-size:12px; font-weight:700; text-transform:uppercase; }.hidden-copy { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }.guide-grid article { border-top:2px solid #1f2937; padding-top:14px; min-width:0; }.guide-grid h2 { margin:4px 0 12px; font-size:20px; }.guide-grid .step { margin:0; color:#b33a2f; font-size:12px; font-weight:700; text-transform:uppercase; }.screenshot { min-height:128px; padding:18px; margin:12px 0; background:#202124; color:#f5f5f5; display:flex; flex-direction:column; justify-content:center; gap:10px; border:1px solid #444; }.screenshot span { font-size:11px; color:#9aa0a6; }.screenshot strong { font-size:16px; }.screenshot small { color:#8ab4f8; }.terminal-shot { background:#111827; }.termius-shot { background:#12201b; }
.actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.command-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }.command-head span { color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; }.command-head+pre { margin-top:7px; }
.onboarding { list-style:none; margin:0; padding:0; max-width:760px; border-block:1px solid var(--line); }.onboarding li { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:76px; border-bottom:1px solid var(--line); padding:12px 0; }.onboarding li:last-child { border-bottom:0; }.onboarding li::before { content:'○'; width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--muted); }.onboarding li.done::before { content:'✓'; color:white; background:var(--green); border-color:var(--green); }.onboarding li.current::before { content:'→'; color:var(--blue); border-color:var(--blue); }.onboarding strong,.onboarding span { display:block; }.onboarding span { color:var(--muted); }.onboarding a { grid-column:3; grid-row:1 / span 2; }
.key-setup { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-bottom:16px; }.key-setup>div { min-width:0; border-top:2px solid var(--ink); padding-top:12px; }.key-setup .step,.section-title .step { margin:0 0 4px; color:var(--red); font-size:12px; font-weight:700; text-transform:uppercase; }
.fingerprint { display:grid; grid-template-columns:160px minmax(260px,1fr) minmax(260px,1fr); align-items:center; gap:16px; padding:14px 16px; border:1px solid #9ec8ad; background:#edf7f0; }.fingerprint code { overflow-wrap:anywhere; }.fingerprint span { color:var(--muted); }
.guide-index { position:sticky; top:0; z-index:2; margin:22px -40px 0; padding:10px 40px; border:0; border-block:1px solid var(--line); background:rgba(238,241,237,.97); flex-direction:row; gap:4px; overflow:auto; }.guide-index a { white-space:nowrap; }
.guide-section { padding:34px 0; border-bottom:1px solid var(--line); scroll-margin-top:60px; }.guide-section:last-child { border-bottom:0; }.section-title { margin-bottom:18px; }.section-title h2 { font-size:22px; }.guide-section h3 { margin:0 0 8px; font-size:16px; }.guide-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,1fr); gap:34px; align-items:start; }.compact-steps { margin:0; padding-left:22px; }.compact-steps li { padding:5px 0; }.notice { border-left:3px solid var(--green); background:#edf7f0; padding:11px 14px; }.notice.warning { border-color:#b7791f; background:#fff8e6; }.command-table { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); background:var(--white); }.command-table div { display:grid; grid-template-columns:130px 1fr; gap:12px; padding:10px 12px; border-bottom:1px solid var(--line); }.command-table div:nth-child(odd) { border-right:1px solid var(--line); }.command-table span { color:var(--muted); }.settings-list { display:grid; grid-template-columns:140px minmax(0,1fr); max-width:720px; border-block:1px solid var(--line); }.settings-list dt,.settings-list dd { margin:0; padding:10px 0; border-bottom:1px solid var(--line); }.settings-list dt { color:var(--muted); }.faq { border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); padding:11px 0; }.faq summary { cursor:pointer; font-weight:700; }.faq p { margin-bottom:4px; }
.auth-panel { width:min(420px,calc(100vw - 32px)); margin:9vh auto; background:var(--white); border:1px solid var(--line); padding:34px; }.stack { display:grid; gap:18px; margin-top:28px; }.stack label { display:grid; gap:6px; font-weight:650; }.stack input { width:100%; border:1px solid #aeb8b0; padding:10px; border-radius:4px; font:inherit; }.error { color:var(--red); border-left:3px solid var(--red); padding-left:10px; }
.editor { border-block:1px solid var(--line); background:var(--white); }.editor summary { cursor:pointer; font-weight:700; padding:14px 16px; }.form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px 16px; border-top:1px solid var(--line); }.form-grid label { display:grid; align-content:start; gap:6px; font-weight:650; }.form-grid input,.form-grid select,.form-grid textarea { min-width:0; width:100%; border:1px solid #aeb8b0; background:var(--white); padding:9px; border-radius:4px; font:inherit; }.form-grid textarea { min-height:110px; resize:vertical; }.form-grid .wide { grid-column:span 2; }.form-grid button { align-self:end; min-height:40px; }.issued { border:1px solid #9ec8ad; background:#edf7f0; padding:18px; margin-bottom:24px; }.issued dl { display:grid; grid-template-columns:80px 1fr; }.issued dd { margin:0; }
.inline-form { display:flex; gap:6px; align-items:center; }.inline-form select { min-width:110px; border:1px solid #aeb8b0; background:var(--white); padding:6px; border-radius:4px; }.inline-form button { padding:6px 9px; }
.row-action { display:inline; margin-left:8px; }.row-action button { padding:4px 7px; }
.error-code { display:block; margin-top:4px; color:var(--red); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.retry-form { display:grid; grid-template-columns:minmax(140px,1fr) auto; gap:6px; margin-top:8px; }.retry-form input { min-width:0; border:1px solid #aeb8b0; padding:6px; }
@media (max-width:760px) { header { padding:0 16px; }.identity>span,.identity>small { display:none; }.app-shell { display:block; }nav { border-right:0; border-bottom:1px solid var(--line); flex-direction:row; overflow:auto; padding:8px; }nav a { white-space:nowrap; }main { padding:24px 16px 48px; }.metrics { grid-template-columns:1fr 1fr; }.metrics div:nth-child(2) { border-right:0; }.connection,.workspace-launch,.guide-grid,.key-setup,.guide-columns { grid-template-columns:1fr; }.workspace-launch>div { padding:20px 0; }.workspace-launch>div+div { border-left:0; border-top:1px solid var(--line); padding-left:0; }.connection dl { border-left:0; border-top:1px solid var(--line); padding-left:0; }.page-head { align-items:flex-start; flex-direction:column; }.form-grid { grid-template-columns:1fr; }.form-grid .wide { grid-column:auto; }.onboarding li { grid-template-columns:34px minmax(0,1fr); }.onboarding a { grid-column:2; grid-row:auto; justify-self:start; }.fingerprint { grid-template-columns:1fr; }.guide-index { margin:18px -16px 0; padding:8px 16px; }.command-table { grid-template-columns:1fr; }.command-table div:nth-child(odd) { border-right:0; }.command-table div { grid-template-columns:110px 1fr; } }