@layer reset, base, layout, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p, figure, dl, dd { margin: 0; }
  button, input { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  button { cursor: pointer; }
  img, svg { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  [hidden] { display: none !important; }
}
@layer base {
  :root { color-scheme: light; --paper: #f9f8f5; --ink: #302637; --muted: #706775; --purple: #704099; --purple-deep: #55306e; --lavender: #eee7f4; --border: #e2dce4; --green: #548376; --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; --sans: Inter, 'Helvetica Neue', Arial, sans-serif; }
  html { scroll-behavior: smooth; scroll-padding-top: 90px; }
  body { background: var(--paper); color: var(--ink); font: 15px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
  ::selection { background: #dcc3ed; color: #302637; }
  :focus-visible { outline: 3px solid #9161b0; outline-offset: 5px; }
  button:disabled { cursor: wait; opacity: .7; }
  h1, h2, h3 { font-weight: 450; }
  h1 { font-size: clamp(48px, 5.3vw, 76px); line-height: 1.04; letter-spacing: -.055em; }
  h1 span, h2 span { color: #8c709f; }
  h2 { font-size: clamp(32px, 3.2vw, 46px); line-height: 1.15; letter-spacing: -.045em; }
  h3 { font-size: 20px; line-height: 1.4; letter-spacing: -.025em; }
  p { color: var(--muted); }
  .wrap, .nav-shell { width: min(1248px, calc(100% - 96px)); margin-inline: auto; }
  .section-space { padding-block: 108px; }
  .eyebrow { display: flex; align-items: center; gap: 9px; font: 10px/1.5 var(--mono); letter-spacing: .1em; color: #6e577c; }
  .status-dot { display: inline-block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: var(--green); }
  .waiting { background: #bb9460; }.needs-you { background: #9a6db5; }
  .skip-link { position: fixed; top: -80px; left: 16px; background: white; padding: 12px 20px; z-index: 100; }.skip-link:focus { top: 10px; }
}
@layer layout {
  .site-header { height: 76px; border-bottom: 1px solid #e9e4e9; }
  .nav-shell { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
  .wordmark { display: inline-flex; align-items: center; gap: 9px; font-size: 21px; font-weight: 550; letter-spacing: -.055em; }
  .nav-shell nav { display: flex; gap: 32px; font-size: 13px; color: #625868; }
  .nav-shell nav a:hover, .text-link:hover { color: var(--purple); }
  .hero { padding-top: 72px; }
  .eyebrow-divider { opacity: .4; margin-inline: 5px; }
  .hero-intro { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 65px; margin: 25px 0 48px; }
  .hero-copy { padding-bottom: 4px; max-width: 420px; }
  .hero-copy > p { font-size: 17px; line-height: 1.65; }
  .hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 26px; }
  .coordination-section { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; border-top: 1px solid var(--border); }
  .section-number { margin-bottom: 22px; }
  .section-heading > p { margin-top: 24px; max-width: 390px; font-size: 16px; line-height: 1.8; }
  .coordination-details article { display: flex; gap: 23px; padding: 27px 0; border-bottom: 1px solid var(--border); }
  .coordination-details article:first-child { padding-top: 0; }.coordination-details article:last-child { border-bottom: 0; padding-bottom: 0; }
  .coordination-details p { margin-top: 10px; font-size: 14px; line-height: 1.8; }
  .feature-number { font: 11px var(--mono); color: #6d5877; padding-top: 7px; }
  .configuration-section { background: #f0edf1; border-block: 1px solid #e7e1e9; }
  .wide-heading { max-width: 690px; }.wide-heading > p { max-width: 580px; }
  .configuration-layout { display: grid; grid-template-columns: 1fr 1.3fr; gap: 76px; margin-top: 56px; align-items: start; }
  .configuration-caption { display: flex; align-items: baseline; gap: 16px; margin-top: 42px; color: #6d5877; font-size: 12px; max-width: 850px; }.caption-rule { width: 28px; height: 1px; background: #b29cc1; flex-shrink: 0; }
  .metrics-section { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 95px; }
  .fleet-section { border-top: 1px solid var(--border); padding-top: 90px; }
  .fleet-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 150px; margin-bottom: 46px; }.fleet-intro > p { font-size: 16px; line-height: 1.8; }
  .faq-section { display: grid; grid-template-columns: 1fr 1.25fr; gap: 70px; border-top: 1px solid var(--border); padding-top: 70px; }
  .faq-section h2 { font-size: 30px; }
  .waitlist-section { background: #eae1f0; border-block: 1px solid #dcd0e5; }
  .waitlist-inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 110px; padding-block: 65px 82px; }
  .waitlist-copy > img { margin: 0 0 15px -7px; }.waitlist-copy h2 { font-size: 48px; margin-top: 18px; }.waitlist-copy > p { margin-top: 20px; color: #67596f; }
  .waitlist-form-wrap { padding-top: 65px; }.waitlist-form-wrap h3 { font-size: 24px; }.waitlist-form-wrap > p { margin: 6px 0 26px; color: #67596f; }
  .site-footer { min-height: 118px; display: flex; gap: 28px; align-items: center; font-size: 12px; color: #6d5877; }.site-footer .wordmark { color: var(--ink); font-size: 19px; }.site-footer > div { margin-left: auto; display: flex; align-items: center; gap: 28px; }.footer-credit a { color: #58435f; }
}
@layer components {
  .button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 42px; padding: 10px 18px; border: 1px solid #d8cedd; background: transparent; color: var(--ink); border-radius: 5px; font-size: 13px; font-weight: 500; line-height: 1.4; white-space: nowrap; transition: background .18s, border-color .18s, box-shadow .18s; }
  .button:hover { background: #ece6ef; border-color: #bca8c9; }.primary { background: var(--purple); border-color: var(--purple); color: #fff; box-shadow: 0 2px 3px #3a1c4f0d; }.primary:hover { background: var(--purple-deep); border-color: var(--purple-deep); box-shadow: 0 4px 12px #3a1c4f20; }.primary:active { box-shadow: none; }
  .nav-cta { min-height: 34px; padding: 7px 13px; gap: 17px; font-size: 12px; border-radius: 4px; }.text-link { font-size: 13px; display: flex; gap: 12px; align-items: center; }
  .product-stage { background: #e7dbee; padding: 20px 40px 15px; border: 1px solid #ddcfe7; border-radius: 7px; scroll-margin-top: 22px; }
  .stage-caption { display: flex; justify-content: space-between; font: 9px var(--mono); letter-spacing: .11em; color: #6d5877; margin-bottom: 20px; }.stage-caption > span:first-child { display: flex; gap: 10px; align-items: center; }.crosshair { font-size: 14px; }
  .product-window { border: 1px solid #cdbbd6; border-radius: 7px; overflow: hidden; background: #fcfbfd; box-shadow: 0 12px 32px #48255b10, 0 2px 4px #48255b0b; }
  .window-chrome { display: flex; justify-content: space-between; align-items: center; height: 35px; background: #f1ecf5; border-bottom: 1px solid #e0d8e6; padding: 0 14px; color: #6d5877; font-size: 10px; }.window-dots { display: flex; gap: 5px; width: 80px; }.window-dots i { width: 6px; height: 6px; background: #ccbed5; border-radius: 50%; }.chrome-label { font: 8px var(--mono); letter-spacing: .1em; width: 80px; text-align: right; }
  .workspace { display: grid; grid-template-columns: 190px 1fr; }.workspace-sidebar { padding: 23px 12px 16px; background: #f5f1f7; border-right: 1px solid #e6deeb; position: relative; }.sidebar-label { font: 9px var(--mono); letter-spacing: .06em; padding: 0 7px; display: flex; justify-content: space-between; color: #6d5877; margin-bottom: 13px; }.space { padding: 6px 9px; display: flex; align-items: center; gap: 9px; font-size: 11px; color: #6d5877; border-radius: 3px; }.space.active { background: #e7dced; color: #5b386e; }.square-icon { display: grid; place-items: center; width: 15px; height: 15px; border: 1px solid #c8b7d0; border-radius: 4px; color: #6d5877; font: 9px var(--mono); }.hosts-label { margin-top: 28px; }.host-name { display: flex; align-items: center; gap: 8px; padding: 0 8px; font-size: 11px; }.host-name .status-dot { margin-left: auto; width: 5px; height: 5px; }.host-meta { font: 9px var(--mono); color: #6d5877; padding: 5px 8px 19px 29px; }.host-icon { color: #9c89a7; }.sidebar-foot { position: absolute; bottom: 19px; left: 18px; right: 12px; display: flex; align-items: center; gap: 8px; color: #6d5877; font-size: 8px; }
  .workspace-main { min-width: 0; }.workspace-title { padding: 21px 28px 16px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }.breadcrumb { font: 9px var(--mono); color: #6d5877; }.breadcrumb > span { margin-inline: 8px; color: #786481; }.workspace-title h2 { font-size: 17px; letter-spacing: -.02em; margin-top: 6px; }.live-badge { display: flex; align-items: center; gap: 5px; font-size: 9px; background: #ecf1ed; color: #668372; border-radius: 4px; padding: 4px 8px; white-space: nowrap; }
  .demo-tabs { display: flex; padding-inline: 28px; gap: 25px; border-bottom: 1px solid #eee8f0; }.demo-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; padding: 10px 1px 11px; color: #6d5877; font-size: 11px; }.demo-tabs button[aria-selected="true"] { color: #684086; border-bottom-color: #8e61ac; }.demo-tabs button > span { font: 8px var(--mono); margin-left: 4px; padding: 2px 4px; background: #eee5f4; border-radius: 3px; }
  .demo-panel { min-height: 345px; }.swarm-map { position: relative; height: 290px; background-image: radial-gradient(#d5c8dd 0.65px, transparent .65px); background-size: 16px 16px; margin: 0 20px; }.connection-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }.connection-lines path { fill: none; stroke: #d6c4e0; stroke-width: 1.3; }.connection-lines .flow { stroke: #a179b9; stroke-dasharray: 4 7; }.is-playing .connection-lines .flow { animation: travel 1.5s linear infinite; }@keyframes travel { to { stroke-dashoffset: -44; } }
  .agent-node { display: flex; gap: 9px; align-items: center; text-align: left; position: absolute; transform: translateX(-50%); border: 1px solid #e3d7ea; background: #fdfbfe; border-radius: 5px; padding: 11px 12px; box-shadow: 0 3px 10px #54316b06; transition: border-color .2s, box-shadow .2s; white-space: nowrap; color: #594761; }.agent-node:hover, .agent-node.selected { border-color: #b492ca; box-shadow: 0 3px 14px #7f479013; }.agent-node strong { display: block; font-size: 12px; font-weight: 500; }.agent-node small { display: block; margin-top: 3px; font: 9px/1.3 var(--mono); color: #6d5877; }.agent-node > .status-dot { margin-left: 9px; width: 4px; height: 4px; }.agent-symbol { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }.coordinator { left: 50%; top: 19px; }.builder-api { left: 24.5%; top: 123px; }.builder-ui { left: 75.5%; top: 123px; }.reviewer { left: 50%; top: 207px; }.map-note { position: absolute; top: 94px; left: 50%; transform: translateX(-50%); font: 7px var(--mono); letter-spacing: .065em; background: #fcfbfd; padding: 4px 7px; color: #6d5877; white-space: nowrap; }
  .agent-detail { padding: 12px 27px; margin: 0 20px 0; min-height: 55px; border-top: 1px solid #eee6f2; display: flex; align-items: center; gap: 10px; }.agent-detail p { font-size: 10px; color: #6d5877; }.agent-detail strong { color: #765286; font-weight: 500; }.detail-icon { color: #9f7bb4; font-size: 17px; }.detail-tag { margin-left: auto; font: 7px var(--mono); color: #6d5877; white-space: nowrap; }.workspace-status { background: #f5f0f8; border-top: 1px solid #e9dfed; display: flex; justify-content: space-between; padding: 6px 20px; font: 8px var(--mono); color: #6d5877; }.workspace-status > span:first-child { display: flex; align-items: center; gap: 5px; }.workspace-status .waiting { margin-left: 10px; }.workspace-status .status-dot { width: 4px; height: 4px; }.branch-icon { margin-left: 6px; }.stage-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 13px; font: 9px var(--mono); color: #6d5877; }.quiet-button { font-size: 10px; color: #6f4e81; border: 0; background: transparent; padding: 5px; }.quiet-button > span { margin-right: 5px; }
  .activity-panel { padding: 18px 28px; }.activity-item { display: flex; gap: 17px; align-items: baseline; padding: 17px 0; border-bottom: 1px solid #f0e9f4; }.activity-item:last-child { border: 0; }.activity-item time { color: #6d5877; font: 9px var(--mono); }.event-dot { width: 5px; height: 5px; background: #a078b7; border-radius: 50%; flex-shrink: 0; }.activity-item strong { font-size: 12px; font-weight: 500; color: #705580; }.activity-item p { font-size: 10px; margin-top: 4px; }.muted-dot { background: #c0a276; }
  .configuration-panel { padding: 25px 28px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 27px; align-items: center; }.mini-eyebrow { color: #6d5877; font: 8px var(--mono); letter-spacing: .08em; }.config-summary h3 { font-size: 21px; margin-top: 10px; }.config-summary p { font-size: 11px; margin-top: 12px; }.config-facts > div { border-bottom: 1px solid #e9e1ed; padding: 10px 0; }.config-facts dt { font: 8px var(--mono); color: #6d5877; }.config-facts dd { font-size: 11px; margin-top: 4px; color: #745881; }
  .compatibility { padding: 30px 0 34px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }.compatibility > span { font: 9px var(--mono); letter-spacing: .08em; color: #6d5877; }.compatibility > div { display: flex; align-items: center; gap: 38px; }.tool-name { font-size: 16px; color: #837789; display: inline-flex; align-items: center; gap: 8px; letter-spacing: -.03em; white-space: nowrap; }.tool-logo { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }.tool-logo--docker { width: 32px; height: 32px; }
  .pattern-selector > button { width: 100%; background: transparent; border: 0; border-bottom: 1px solid #ddd5e3; padding: 22px 18px; display: flex; align-items: center; gap: 15px; color: #6d5877; text-align: left; border-left: 2px solid transparent; }.pattern-selector > button[aria-selected="true"] { background: #e8e0ee; border-left-color: #9d73b6; color: #714d87; border-bottom-color: transparent; border-radius: 0 5px 5px 0; }.pattern-number { font: 10px var(--mono); align-self: flex-start; margin-top: 5px; }.pattern-selector strong { font-size: 16px; font-weight: 500; }.pattern-selector small { display: block; font-size: 12px; color: #6d5877; margin-top: 5px; }.pattern-selector button > span:last-child { margin-left: auto; }.pattern-note { font-size: 12px; line-height: 1.8; padding: 25px 18px 0; max-width: 340px; color: #6d5877; }
  .pattern-display { background: #fcfbfd; border: 1px solid #d9cede; border-radius: 6px; box-shadow: 0 5px 20px #4d285306; overflow: hidden; }.pattern-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 14px 21px; border-bottom: 1px solid #e8e0eb; font: 10px var(--mono); color: #6d5877; }.pattern-toolbar > span:first-child { display: flex; align-items: center; gap: 10px; }.file-icon { font-size: 14px; }.code-badge { color: #6d5877; font-size: 8px; letter-spacing: .05em; }.config-code { margin: 0; padding: 25px 29px; font: 13px/1.85 var(--mono); color: #ad9ab8; overflow-x: auto; min-height: 282px; }.code-comment { color: #6d5877; }.code-key { color: #80628f; }.code-string { color: #457161; }.code-bool { color: #8b5274; }.config-file-strip { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 29px 20px; }.config-file-strip span { border: 1px solid #e9dfef; border-radius: 3px; font: 9px var(--mono); padding: 4px 7px; color: #6d5877; }.pattern-explanation { padding: 15px 22px; background: #f4eff7; font-size: 11px; color: #6d5877; min-height: 65px; border-top: 1px solid #e9dfef; }
  .metrics-visual { padding: 27px; border: 1px solid #dcd2e3; border-radius: 6px; background: #f4f0f7; }.visual-heading, .fleet-toolbar { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #6d5877; }.sample-label { font: 8px var(--mono); letter-spacing: .07em; color: #6d5877; }.metric-totals { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e1d7e7; }.metric-totals > div > span { font: 9px var(--mono); color: #6d5877; }.metric-totals strong { font-size: 40px; font-weight: 400; line-height: 1; display: flex; gap: 9px; align-items: center; margin-top: 12px; letter-spacing: -.04em; color: #745584; }.metric-totals strong > span { align-self: flex-start; margin-top: 6px; }.context-heading { display: flex; justify-content: space-between; font-size: 9px; color: #6d5877; margin: 22px 0 14px; }.context-row { display: grid; grid-template-columns: 90px 1fr 30px; align-items: center; gap: 15px; margin-block: 12px; font: 9px var(--mono); color: #6d5877; }.context-row > span:last-child { text-align: right; }.meter { height: 6px; background: #e8dfee; border-radius: 3px; }.meter i { display: block; height: 100%; width: var(--fill); background: #b795cc; border-radius: inherit; }.metrics-bottom { display: flex; justify-content: space-between; gap: 15px; margin-top: 25px; padding-top: 18px; border-top: 1px solid #e1d7e7; }.metrics-bottom span { display: block; font-size: 9px; color: #6d5877; }.metrics-bottom strong { display: block; font: 19px var(--mono); margin-top: 7px; color: #6d5877; }.visual-fineprint { font-size: 9px; line-height: 1.6; margin-top: 22px; color: #6d5877; }.plain-list { list-style: none; padding: 0; margin: 22px 0 0; }.plain-list li { font-size: 13px; margin: 10px 0; color: #6d5877; display: flex; align-items: baseline; gap: 10px; }.plain-list li::before { content: '+'; color: #ab8fbc; }
  .fleet-visual { border: 1px solid #dcd2e3; border-radius: 6px; background: #f6f2f9; overflow: hidden; }.fleet-toolbar { padding: 18px 25px; border-bottom: 1px solid #e4dbe9; }.fleet-toolbar > span:first-child { display: flex; align-items: center; gap: 8px; }.fleet-body { display: grid; grid-template-columns: 1fr 1.2fr; }.fleet-hosts { border-right: 1px solid #e4dbe9; padding: 14px 26px; }.fleet-host { display: flex; align-items: center; gap: 16px; padding-block: 21px; border-bottom: 1px solid #e9e1ed; }.fleet-host:last-child { border: 0; }.fleet-host strong { font-size: 12px; font-weight: 500; color: #6d5877; }.fleet-host div > span { display: block; font-size: 10px; color: #6d5877; margin-top: 3px; }.machine-graphic { font-size: 28px; color: #af92bf; width: 27px; }.host-util { margin-left: auto; color: #6d5877; font: 15px var(--mono); text-align: right; white-space: nowrap; }.host-util > small { display: block; font: 7px var(--mono); color: #6d5877; margin-top: 3px; }.draining { font-size: 9px; color: #6d5877; }.fleet-queue { padding: 22px 28px; }.queue-labels { display: flex; justify-content: space-between; font: 8px var(--mono); color: #6d5877; }.queue-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 17px 0; border-bottom: 1px solid #e9e1ed; }.queue-row:last-child { border: 0; }.queue-row strong { display: block; font-size: 12px; font-weight: 500; color: #6d5877; }.queue-row div > span { display: block; font-size: 9px; color: #6d5877; margin-top: 4px; }.queue-state { border: 1px solid #e1d6e7; color: #6d5877; border-radius: 3px; padding: 3px 8px; font: 8px var(--mono); white-space: nowrap; background: #f0e9f4; }.queue-state.running { background: #e6eee8; color: #54725c; border-color: #dce6df; }.queue-state.queued { background: #f2ecdf; border-color: #e9dfce; color: #82683e; }.queue-explanation { font-size: 11px; padding: 12px; margin-top: 5px; background: #f3ece0; color: #998365; border-radius: 4px; }.fleet-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 15px 25px; border-top: 1px solid #e4dbe9; font: 9px var(--mono); color: #6d5877; }.fleet-footer > span::before { content: '+'; color: #ba9fca; margin-right: 8px; }
  .faq-list details { border-bottom: 1px solid var(--border); padding: 20px 0; }.faq-list details:first-child { padding-top: 0; }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 15px; color: #725d7e; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary > span { color: #b799c7; }.faq-list details[open] summary > span { transform: rotate(45deg); }.faq-list details p { margin-top: 15px; font-size: 13px; line-height: 1.85; max-width: 530px; }
  #waitlist-form label { font-size: 11px; color: #6d5877; }.signup-field { margin-top: 8px; display: flex; padding: 5px; gap: 5px; border: 1px solid #cbb7d7; border-radius: 5px; background: #f9f5fc; box-shadow: 0 3px 10px #52316007; }.signup-field:focus-within { border-color: #9370ac; box-shadow: 0 0 0 3px #c4a9d738; }.signup-field input { min-width: 0; flex: 1; width: 100%; background: transparent; border: 0; padding: 10px 11px; font-size: 12px; color: #614671; }.signup-field input::placeholder { color: #6d5877; }.signup-field input:focus-visible { outline: none; }.signup-field .button { min-height: 40px; padding-inline: 15px; gap: 18px; font-size: 11px; }.form-note { font-size: 10px; line-height: 1.7; color: #6d5877; max-width: 360px; }.form-note a { text-decoration: underline; text-underline-offset: 3px; }.form-status { color: #744e8c; font-size: 12px; line-height: 1.7; margin-block: 10px; }.form-status.error { color: #9c4555; }.form-status.success { color: #43786b; }.honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }#turnstile-container { margin-top: 12px; }#turnstile-container:empty { display: none; }
  .legal-page { max-width: 720px; padding-block: 75px 100px; }.legal-page h1 { font-size: 48px; margin: 18px 0 35px; }.legal-page h2 { font-size: 23px; margin: 28px 0 12px; }.legal-page p { margin-top: 14px; }.legal-page a { text-decoration: underline; text-underline-offset: 3px; }
}
@layer responsive {
  @media (min-width: 1440px) { .hero { padding-top: 86px; }.hero-intro { margin-bottom: 54px; } }
  @media (max-width: 1150px) { .wrap, .nav-shell { width: calc(100% - 64px); }.hero-intro { gap: 36px; }.hero-copy > p { font-size: 15px; }.hero-actions { gap: 18px; }.hero-actions .button { gap: 15px; }.hero-actions .text-link { font-size: 11px; }.product-stage { padding-inline: 24px; }.workspace { grid-template-columns: 156px 1fr; }.workspace-title { padding-inline: 20px; }.workspace-title h2 { font-size: 15px; }.agent-node { padding: 9px; gap: 7px; }.agent-node strong { font-size: 10px; }.agent-node small { font-size: 7px; }.agent-node .status-dot { margin-left: 3px; }.agent-symbol { width: 21px; height: 21px; }.detail-tag { display: none; }.compatibility > div { gap: 24px; }.tool-name { font-size: 13px; }.coordination-section, .metrics-section { gap: 60px; }.configuration-layout { gap: 50px; }.fleet-intro { gap: 90px; }.waitlist-inner { gap: 65px; }.waitlist-copy h2 { font-size: 43px; }.footer-credit { display: none; } }
  @media (max-width: 900px) { .hero-intro { grid-template-columns: 1.2fr 1fr; gap: 26px; }h1 { font-size: 51px; }.hero-copy > p { font-size: 14px; }.hero-actions { flex-wrap: wrap; gap: 12px; }.product-stage { padding-inline: 18px; }.workspace { grid-template-columns: 135px 1fr; }.workspace-sidebar { padding-inline: 7px; }.sidebar-foot { display: none; }.workspace-title { padding-inline: 18px; }.workspace-title h2 { font-size: 13px; }.live-badge { font-size: 8px; }.swarm-map { margin-inline: 10px; }.agent-node small { font-size: 6.5px; }.agent-node { padding: 8px; gap: 5px; }.agent-node strong { font-size: 9px; }.agent-symbol { width: 18px; height: 18px; }.agent-node .status-dot { display: none; }.builder-api { left: 25%; }.builder-ui { left: 75%; }.agent-detail { margin-inline: 9px; padding-inline: 10px; }.compatibility { align-items: flex-start; flex-direction: column; gap: 12px; }.compatibility > div { width: 100%; justify-content: space-between; }.section-space { padding-block: 76px; }.coordination-section { gap: 50px; }.configuration-layout { grid-template-columns: 1fr 1.25fr; gap: 25px; }.pattern-selector > button { padding: 17px 12px; gap: 10px; }.pattern-selector strong { font-size: 14px; }.pattern-selector small { font-size: 10px; }.config-code { padding-inline: 21px; font-size: 10px; min-height: 250px; }.metrics-section { gap: 40px; }.metrics-visual { padding: 20px; }.context-row { grid-template-columns: 75px 1fr 26px; gap: 7px; font-size: 8px; }.metric-totals strong { font-size: 34px; }.metrics-bottom span { font-size: 8px; }.fleet-intro { gap: 50px; }.fleet-hosts { padding-inline: 17px; }.fleet-host { gap: 10px; }.fleet-host strong { font-size: 10px; }.fleet-host div > span { font-size: 8px; }.fleet-queue { padding-inline: 20px; }.fleet-footer { font-size: 8px; }.faq-section { gap: 35px; }.waitlist-inner { gap: 40px; }.signup-field { flex-direction: column; }.waitlist-copy h2 { font-size: 38px; } }
  @media (max-width: 680px) { .wrap, .nav-shell { width: calc(100% - 40px); }.site-header { height: 66px; }.wordmark { font-size: 19px; gap: 5px; }.wordmark img { width: 34px; height: 30px; }.nav-shell nav { display: none; }.nav-cta { font-size: 10px; padding: 7px 10px; gap: 10px; }.hero { padding-top: 46px; }.eyebrow { font-size: 8px; }.hero-intro { display: block; margin-top: 23px; margin-bottom: 32px; }h1 { font-size: clamp(44px, 9.6vw, 64px); }.hero-copy { margin-top: 23px; max-width: 420px; }.hero-copy > p { font-size: 15px; }.hero-actions { gap: 24px; margin-top: 22px; }.hero-actions .text-link { font-size: 12px; }.product-stage { padding: 13px 10px 9px; margin-inline: -6px; border-radius: 5px; }.stage-caption { font-size: 7px; margin-bottom: 12px; }.stage-caption > span:last-child { display: none; }.workspace { display: block; }.workspace-sidebar { display: none; }.window-chrome { height: 28px; font-size: 9px; }.window-dots { width: 50px; }.chrome-label { font-size: 6px; width: 50px; }.workspace-title { padding: 17px 14px 12px; gap: 6px; }.workspace-title h2 { font-size: 12px; margin-top: 5px; }.breadcrumb { font-size: 7px; }.live-badge { font-size: 7px; padding: 4px 5px; }.live-badge .status-dot { width: 4px; height: 4px; }.demo-tabs { padding-inline: 14px; gap: 21px; }.demo-tabs button { font-size: 10px; }.swarm-map { margin-inline: 3px; height: 275px; }.agent-node { padding: 9px 7px; gap: 6px; }.agent-node strong { font-size: 9px; }.agent-node small { font-size: 6px; }.agent-symbol { width: 18px; height: 18px; }.builder-api { top: 119px; left: 25%; }.builder-ui { top: 119px; left: 75%; }.reviewer { top: 204px; }.map-note { font-size: 5.5px; top: 92px; }.agent-detail { padding: 10px 9px; gap: 7px; min-height: 65px; }.agent-detail p { font-size: 9px; }.demo-panel { min-height: 340px; }.stage-foot { font-size: 6.5px; gap: 7px; }.quiet-button { font-size: 8px; padding-inline: 0; }.workspace-status { font-size: 7px; padding-inline: 13px; }.compatibility { padding: 24px 0 28px; }.compatibility > span { font-size: 8px; }.compatibility > div { gap: 14px; justify-content: flex-start; flex-wrap: wrap; }.tool-name { font-size: 12px; gap: 6px; }.tool-logo { width: 24px; height: 24px; }.tool-logo--docker { width: 32px; height: 32px; }.activity-panel { padding: 16px 14px; }.activity-item { gap: 8px; padding: 15px 0; }.activity-item time { font-size: 7px; }.activity-item strong { font-size: 10px; }.activity-item p { font-size: 8px; }.configuration-panel { padding: 18px 16px; gap: 15px; }.config-summary h3 { font-size: 18px; }.config-summary p { font-size: 10px; }.config-facts dd { font-size: 9px; }.config-facts dt { font-size: 7px; }.mini-eyebrow { font-size: 7px; }
    .section-space { padding-block: 60px; }.section-heading h2 { font-size: 35px; }.section-heading > p { font-size: 15px; margin-top: 19px; }.section-number { margin-bottom: 17px; }.coordination-section, .metrics-section, .faq-section { grid-template-columns: 1fr; gap: 36px; }.coordination-details article { gap: 17px; padding-block: 21px; }.coordination-details h3 { font-size: 18px; }.coordination-details p { font-size: 13px; }.configuration-layout { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }.pattern-selector > button { padding: 16px; }.pattern-selector strong { font-size: 15px; }.pattern-selector small { font-size: 11px; }.pattern-note { display: none; }.config-code { font-size: 11px; padding: 22px; min-height: 267px; }.config-file-strip { padding-inline: 22px; }.configuration-caption { font-size: 10px; margin-top: 26px; gap: 10px; }.metrics-section .section-heading { grid-row: 1; }.metrics-visual { padding: 23px; }.metric-totals strong { font-size: 39px; }.context-row { grid-template-columns: 90px 1fr 30px; font-size: 9px; }.metrics-bottom span { font-size: 9px; }.visual-fineprint { font-size: 8px; }.fleet-intro { grid-template-columns: 1fr; gap: 20px; margin-bottom: 30px; }.fleet-intro > p { font-size: 15px; }.fleet-body { grid-template-columns: 1fr; }.fleet-hosts { border-right: 0; border-bottom: 1px solid #e4dbe9; padding-inline: 20px; }.fleet-host { padding-block: 16px; gap: 15px; }.fleet-host strong { font-size: 12px; }.fleet-host div > span { font-size: 10px; }.fleet-queue { padding: 20px; }.fleet-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 7px; padding: 16px; }.fleet-toolbar { padding-inline: 20px; font-size: 11px; }.sample-label { font-size: 7px; }.queue-row { gap: 10px; }.queue-row strong { font-size: 11px; }.faq-section .section-heading h2 { font-size: 29px; }.faq-list summary { font-size: 14px; }.faq-list details p { font-size: 12px; }.waitlist-inner { grid-template-columns: 1fr; gap: 32px; padding-block: 42px 50px; }.waitlist-copy h2 { font-size: 42px; }.waitlist-copy > img { width: 76px; height: 65px; }.waitlist-form-wrap { padding-top: 0; }.waitlist-form-wrap h3 { font-size: 21px; }.signup-field { flex-direction: row; }.signup-field .button { padding-inline: 12px; gap: 10px; }.signup-field input { padding-left: 8px; }.site-footer { padding-block: 26px; flex-wrap: wrap; min-height: 120px; gap: 20px; }.site-footer > div { margin-left: 0; width: 100%; gap: 22px; font-size: 10px; }.site-footer > div > span { margin-left: auto; }.legal-page { padding-block: 45px 70px; }.legal-page h1 { font-size: 38px; }
  }
  @media (max-width: 370px) { .wrap, .nav-shell { width: calc(100% - 28px); }.nav-cta { gap: 7px; }.wordmark { font-size: 17px; }.agent-node small { font-size: 5.5px; }.agent-node strong { font-size: 8px; }.agent-node { gap: 4px; }.agent-symbol { width: 16px; height: 16px; }.signup-field { flex-direction: column; }.live-badge { display: none; }.hero-actions { gap: 15px; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }*, *::before, *::after { animation: none !important; transition: none !important; } }
}