:root{--ink:#2f3437;--muted:#787774;--line:#eaeaea;--paper:#f7f6f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;border-bottom:1px solid var(--line);background:white}header a{color:inherit;text-decoration:none}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand small{font-size:13px;color:var(--muted);letter-spacing:0;font-weight:400}main{max-width:1440px;margin:auto;padding:50px 4vw 20px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;margin-bottom:34px}h1{font:58px/1.06 Georgia,serif;letter-spacing:-2px;margin:14px 0 22px}h2{font-size:19px;line-height:1.3;margin:0 0 12px}.lede{max-width:510px;color:#656762;font-size:17px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.8px;color:var(--muted)}.order{padding:30px;background:white;border:1px solid var(--line);border-radius:8px}.fields{display:flex;gap:16px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}input,select{border:1px solid #d9dcd6;border-radius:5px;padding:11px;background:white;font:14px -apple-system,sans-serif;color:var(--ink);min-width:0}input{width:100%}.quiet{font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:end;gap:16px;padding-top:20px;border-top:1px solid var(--line)}button{border:0;border-radius:5px;padding:12px 18px;background:#111;color:white;font:600 13px -apple-system,sans-serif;cursor:pointer}button:hover{background:#333}button:disabled{opacity:.45;cursor:wait}.toolbar button{margin-left:auto}.secondary{background:white;color:var(--ink);border:1px solid #d9dcd6;padding:7px 11px}.secondary:hover{background:#eeede8}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 16px}.section-title h2{margin:0}.carrier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.carrier{background:white;border:1px solid var(--line);border-radius:8px;padding:21px 17px;cursor:pointer;min-height:245px;transition:transform .16s,border-color .16s}.carrier:hover{transform:translateY(-2px)}.carrier.selected{border-color:#708974}.monogram{display:inline-grid;place-items:center;width:37px;height:37px;background:#eeede8;font:600 12px ui-monospace,monospace;border-radius:5px;margin-bottom:14px}.carrier h3{font-size:14px;margin:0}.price{font:35px Georgia,serif;margin:22px 0 2px}.placeholder-price{font:24px Georgia,serif;color:#858982;margin:26px 0 9px}.badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 8px;background:#f1f0ec;color:#76736a}.badge.available,.badge.restored,.badge.passed{background:#edf3ec;color:#346538}.badge.repairing,.badge.resuming,.badge.sandbox_running,.badge.waiting_contact{background:#fbf3db;color:#956400}.badge.failed,.badge.error,.badge.blocked,.badge.infrastructure_error,.badge.needs_review{background:#fdebec;color:#9f2f2d}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:start;margin-top:14px}.details{background:white;border:1px solid var(--line);border-radius:8px;padding:25px;margin-top:37px;min-width:0;position:sticky;top:20px}.activity{max-height:760px;overflow:auto}.event{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:12px}.event time{font-size:10px;color:var(--muted);padding-top:4px}.event h3{font-size:13px;margin:0 0 3px}.event p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.details a{color:#346538;font-size:13px}.details dl{display:grid;grid-template-columns:90px 1fr;gap:7px;font-size:12px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.attempt{padding:15px 0;border-top:1px solid var(--line)}.attempt p{font-size:12px}.attempt summary{font-size:12px;cursor:pointer}.attempt pre,.raw{font:11px/1.6 ui-monospace,monospace;background:#f7f6f3;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.contact-box{padding:15px;background:#fbf3db;border-radius:5px;margin:20px 0}.contact-box p{font-size:12px}.check{font-size:11px}.pass{color:#346538}.fail{color:#9f2f2d}.error{padding:15px;background:#fdebec;color:#9f2f2d;border-radius:5px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:1100px){.carrier-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:48px}}@media(max-width:760px){main{padding:25px 18px}.intro,.workspace{grid-template-columns:1fr;gap:16px}.carrier-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar button{margin-left:0}.details{position:static;margin-top:0}h1{font-size:42px}.brand small{display:none}footer{display:block}.order{padding:20px}}

.injection-alert{padding:12px;border-left:3px solid #b34835;background:#faece8;color:#833324;font-size:13px;line-height:1.55}

.session-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.session-actions span{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){header{align-items:flex-start;gap:12px}.session-actions{gap:8px}.session-actions span{width:100%;text-align:right}}

.carrier-actions{display:grid;gap:8px;margin-top:18px}.carrier-actions button{width:100%;font-size:12px}.choose-shipping:disabled{cursor:not-allowed}.carrier.shipping-selected{border-color:#346538;box-shadow:0 0 0 1px #346538}.shipping-selection{margin-top:20px;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:8px}.shipping-selection p{margin:6px 0 0}button:focus-visible{outline:3px solid #708974;outline-offset:3px}
.repair-flow{border:1px solid #d8e2e9;border-radius:12px;background:#f8fafc;overflow:hidden}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;background:white;border-bottom:1px solid #e2e8f0}.flow-heading h3{margin:0;font-size:16px}.flow-heading p{margin:4px 0 0;font-size:11px;color:#64748b}.flow-live{font:600 9px/1.5 ui-monospace,monospace;color:#0f766e;text-align:right;letter-spacing:.4px}.flow-canvas{overflow-x:auto}.flow-canvas svg{display:block;width:100%;min-width:580px;height:auto}.flow-edge{fill:none;stroke:#cbd5e1;stroke-width:1.8}.flow-edge.reached{stroke:#64748b}.flow-edge.flowing{stroke:#0284c7;stroke-width:2.5;stroke-dasharray:7 5;animation:flow-travel .8s linear infinite}.flow-node{cursor:pointer;outline:none}.flow-node rect{fill:#fff;stroke:#cbd5e1;stroke-width:1.2}.flow-node circle{fill:#94a3b8}.flow-node-title{font:600 13px -apple-system,sans-serif;fill:#334155}.flow-node-detail{font:11px -apple-system,sans-serif;fill:#64748b}.flow-node-status{font:9px ui-monospace,monospace;letter-spacing:1px;fill:#94a3b8}.flow-node.pending{opacity:.68}.flow-node.done rect{fill:#f0fdf4;stroke:#6eae91}.flow-node.done circle{fill:#059669}.flow-node.active rect{fill:#eff6ff;stroke:#0284c7;stroke-width:2}.flow-node.active circle{fill:#0284c7;animation:flow-pulse 1.4s ease-in-out infinite}.flow-node.failed rect{fill:#fff1f2;stroke:#f2a2ab}.flow-node.failed circle{fill:#e11d48}.flow-node.waiting rect{fill:#fffbeb;stroke:#d6a048}.flow-node.waiting circle{fill:#d97706}.flow-node.protected rect{fill:#f5f3ff;stroke:#a78bfa}.flow-node.protected circle{fill:#7c3aed}.flow-node.focused rect,.flow-node:focus rect{stroke:#0f172a;stroke-width:2}.flow-route-label{font:10px -apple-system,sans-serif;fill:#64748b;paint-order:stroke;stroke:#f8fafc;stroke-width:5;stroke-linejoin:round}.flow-proof{padding:16px 22px;border-top:1px solid #e2e8f0;background:white;font-size:12px}.flow-proof pre{font:11px/1.6 ui-monospace,monospace;max-height:190px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#64748b}.flow-legend{margin:0;padding:12px 22px;border-top:1px solid #e2e8f0;color:#64748b;font-size:10px}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}@keyframes flow-travel{to{stroke-dashoffset:-24}}@keyframes flow-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.flow-edge.flowing,.flow-node.active circle{animation:none}}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.details{position:static;margin-top:0}}@media(max-width:760px){.flow-heading{padding:16px}.flow-proof{padding:16px}.flow-canvas::after{content:'Swipe to explore the flow →';display:block;font-size:11px;color:#64748b;padding:0 16px 12px}}

/* Keep the order and primary action compact; the comparison is the presentation. */
main{padding-top:28px}.intro{gap:32px;margin-bottom:24px}h1{font-size:44px;line-height:1.1;margin:10px 0 16px}.intro h1 br{display:none}.order{padding:22px}.toolbar{align-items:center;padding:22px 0}.toolbar h2{margin:0}.toolbar .quiet{margin:6px 0 0;font-size:13px;color:#525b62}.toolbar button{flex-shrink:0;min-width:180px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.comparison-case{padding:20px;background:#fff;border:1px solid #dde2e5;border-radius:10px;display:flex;flex-direction:column;align-items:start}.comparison-case h3{font-size:16px;margin:4px 0 12px}.comparison-case p{font-size:13px;margin:6px 0}.comparison-case .eyebrow{font-size:11px;color:#52606b}.comparison-case button{margin-top:auto}.comparison-case.current{border-color:#0369a1;box-shadow:inset 0 3px #0369a1}.comparison-case.running .badge{background:#e0f2fe;color:#075985}.comparison-case.complete .badge{background:#edf3ec;color:#346538}.comparison-case .injection-alert{padding:6px 8px}.comparison-case .quiet{color:#525b62}#comparison>.section-title{margin-top:16px}#run-status{font-size:13px;color:#525b62}@media(max-width:760px){.comparison-grid{grid-template-columns:1fr}.toolbar{align-items:start}.toolbar button{width:100%}.intro h1{font-size:36px}}

.comparison-case button+button{margin-top:10px}.contact-box{padding:24px;border:1px solid #e4cf91;background:#fffbeb;scroll-margin-top:24px}.contact-box h3{font-size:22px;margin:8px 0}.contact-box p{font-size:14px;line-height:1.65}.contact-box .incident-reference{font:13px ui-monospace,monospace;color:#714c0b}.carrier-reply{background:#fff;border:1px solid #e7dfc6;border-radius:8px;padding:18px;margin:18px 0}.carrier-reply pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;margin-bottom:0}.contact-outcome{font-weight:600;color:#365a36}.contact-box button{background:#1f4f3a;color:white;border:0;padding:12px 16px}.contact-box button:hover{background:#173d2c}

.inspect-link{display:inline-block;text-decoration:none;font:600 13px -apple-system,sans-serif;border-radius:5px;cursor:pointer}.inspect-link:focus-visible{outline:3px solid #0284c7;outline-offset:3px}.inspect-link[aria-current=page]{border-color:#0369a1;color:#075985}.comparison-case .inspect-link{margin-top:10px}.comparison-case .inspect-link:first-of-type{margin-top:auto}#run-status,#contact-handoff,#details,#repair-flow{scroll-margin-top:24px}