@font-face {
  font-family:Manrope;
  src:url("fonts/Manrope[wght].ttf") format("truetype");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}
:root {
  --bg:#0d100c;
  --surface:#151912;
  --line:#2b3026;
  --lime:#c9f36b;
  --paper:#eeefe5;
  --text:#edf0e6;
  --muted:#a1a799;
  --dark:#20271a;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Manrope,Arial,sans-serif;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:30px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:14px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
}
body,button,select {
  font-family:var(--sans);
}
button,a,select {
  -webkit-tap-highlight-color:transparent;
}
button,select {
  font-size:inherit;
}
button,a {
  touch-action:manipulation;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
  color:inherit;
}
button:disabled {
  cursor:default;
}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible {
  outline:2px solid var(--lime);
  outline-offset:6px;
}
::selection {
  background:var(--lime);
  color:var(--bg);
}
button {
  border:0;
}
button,select {
  border-radius:0;
}
[hidden] {
  display:none!important;
}
.wrap {
  width:min(1280px,calc(100% - 112px));
  margin-inline:auto;
}
.header {
  height:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:5;
}
.brand {
  font-size:27px;
  font-weight:700;
  letter-spacing:-1.5px;
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
}
.desktop-nav {
  display:flex;
  gap:34px;
  margin-left:80px;
  font-size:12px;
  color:#b6bbae;
}
.desktop-nav a:hover {
  color:var(--lime);
}
.header-cta {
  font-size:12px;
  padding-block:8px;
  border-bottom:1px solid #849375;
}
.menu-button {
  display:none;
}
.mobile-nav {
  display:none;
}
.hero {
  min-height:738px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
}
.hero-content {
  position:relative;
  z-index:2;
  padding-block:72px 100px;
  pointer-events:none;
}
.hero-content a {
  pointer-events:auto;
}
.eyebrow {
  font:10px/1.6 var(--mono);
  letter-spacing:1.7px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 32px;
}
.hero .eyebrow {
  color:#c5ceba;
}
h1,h2,p {
  margin-top:0;
}
h1 {
  font-size:clamp(76px,8.4vw,122px);
  line-height:1.03;
  letter-spacing:-8px;
  font-weight:500;
  margin-bottom:30px;
}
.hero-description {
  color:#b1b7a8;
  font-size:16px;
  line-height:1.9;
  margin-bottom:33px;
  max-width:490px;
}
.hero-actions {
  display:flex;
  gap:32px;
  align-items:center;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:15px 27px;
  font-size:12px;
  font-weight:650;
  border-radius:2px;
  position:relative;
  overflow:hidden;
  transition:background .25s,color .25s;
}
.button-lime {
  background:var(--lime);
  color:#1c2414;
}
.button:hover {
  background:#edf0e6;
  color:#172011;
}
.button-lime:hover {
  background:#dafb8b;
}
.quiet-link {
  display:inline-flex;
  gap:14px;
  align-items:center;
  font-size:12px;
  font-weight:500;
}
.hero-caption {
  color:#7c8671;
  font:10px/1.7 var(--mono);
  margin:30px 0 0;
  display:flex;
  gap:11px;
  align-items:center;
}
.hero-art {
  position:absolute;
  z-index:-1;
  right:-55px;
  top:-12px;
  width:69%;
  height:720px;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 14%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);
}
#topology {
  width:100%;
  height:100%;
  display:block;
}
.art-coordinate {
  position:absolute;
  color:#727f62;
  font:8px var(--mono);
  letter-spacing:1.8px;
  pointer-events:none;
}
.art-coordinate-top {
  top:61px;
  right:34px;
}
.art-coordinate-side {
  right:17px;
  top:46%;
  writing-mode:vertical-rl;
}
.hero-bottom {
  position:absolute;
  bottom:28px;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.scroll-link {
  display:flex;
  gap:13px;
  align-items:center;
  font:8px var(--mono);
  letter-spacing:1.4px;
  color:#9ea891;
}
.art-controls {
  display:flex;
  align-items:center;
  gap:18px;
}
.segmented {
  display:flex;
  gap:18px;
  border-bottom:1px solid #343d2c;
  padding:0;
  background:transparent;
}
.segmented button {
  padding:9px 0;
  background:transparent;
  color:#a8b39b;
  border-radius:0;
  border-bottom:1px solid transparent;
  margin-bottom:-1px;
  font-size:10px;
  white-space:nowrap;
  transition:border-color .25s,color .25s;
}
.segmented button[aria-pressed=true] {
  color:var(--lime);
  border-color:var(--lime);
  background:transparent;
}
.motion-toggle {
  background:none;
  display:flex;
  align-items:center;
  gap:8px;
  font:9px var(--mono);
  color:#a7b19a;
  padding:10px 0;
}
.foundation {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-block:1px solid var(--line);
  padding-block:27px;
  gap:30px;
}
.foundation-label {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#717c64;
  max-width:100px;
}
.foundation>span:not(:first-child) {
  display:flex;
  align-items:center;
  gap:26px;
  color:#c0c7b6;
  font-size:18px;
  font-weight:500;
  letter-spacing:-.4px;
}
.section-space {
  padding-block:104px;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px;
  margin-bottom:48px;
}
.section-heading .eyebrow {
  color:#9aa78b;
  margin-bottom:22px;
}
h2 {
  font-size:62px;
  letter-spacing:-3.6px;
  line-height:1.08;
  font-weight:500;
  margin-bottom:0;
}
.section-description {
  font-size:14px;
  color:#a0aa95;
  line-height:1.95;
  max-width:365px;
  margin-bottom:4px;
}
.routing-lab {
  border:1px solid #35412d;
  border-radius:0;
  overflow:hidden;
  background:linear-gradient(115deg,#171e13,#10160d);
}
.route-options {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #35412d;
  background:transparent;
  position:relative;
}
.route-options button {
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 25px;
  background:transparent;
  font-size:12px;
  text-align:left;
  border-right:1px solid #35412d;
  color:#96a987;
}
.route-options button:last-child {
  border-right:0;
}
.route-options button span {
  font:9px var(--mono);
  opacity:.6;
}
.route-options button[aria-pressed=true] {
  background:transparent;
  color:var(--lime);
}
.route-content {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  min-height:290px;
  align-items:center;
  padding:30px;
}
.route-code {
  padding:5px 20px 5px 0;
}
.panel-label {
  font:8px/1.5 var(--mono);
  letter-spacing:1px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#91a080;
}
.panel-label>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
}
pre {
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  tab-size:2;
}
code {
  font-family:var(--mono);
}
.route-code pre {
  font-size:12px;
  line-height:1.95;
  margin-block:23px;
  color:#d4e7c2;
  min-height:72px;
}
.route-code p {
  font-size:11px;
  color:#879b76;
  max-width:350px;
  margin:0;
  line-height:1.8;
}
.route-diagram {
  position:relative;
  height:230px;
  margin-left:18px;
}
.route-wires {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke-width:1;
}
.wire {
  stroke:#35452a;
}
.wire-live {
  stroke:var(--lime);
  stroke-width:2;
  opacity:0;
  stroke-dasharray:9 91;
  stroke-dashoffset:9;
  animation:route-packet 3.4s cubic-bezier(.4,0,.2,1) infinite;
}
.routing-lab[data-route=graphblas] .wire-graphblas,.routing-lab[data-route=hybrid] .wire-hybrid,.routing-lab[data-route=age] .wire-age {
  opacity:1;
}
.route-destinations {
  position:absolute;
  left:47%;
  right:18%;
  top:13px;
  display:flex;
  flex-direction:column;
  gap:15px;
}
.route-destinations>span {
  display:grid;
  grid-template-columns:1fr;
  gap:2px 9px;
  padding:11px 13px;
  background:#161e11;
  border:1px solid #36462a;
  border-radius:0;
  font-size:11px;
  white-space:nowrap;
  color:#718762;
  transition:background .3s,border-color .3s,color .3s;
}
.route-destinations small {
  font:6px var(--mono);
  letter-spacing:1px;
  grid-column:1;
}
.routing-lab[data-route=graphblas] [data-destination=graphblas],.routing-lab[data-route=hybrid] [data-destination=hybrid],.routing-lab[data-route=age] [data-destination=age] {
  border-color:#abd353;
  background:#26391a;
  color:#e3f6cb;
  box-shadow:0 0 30px #93d13d0a;
}
.route-status {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid #2b3c21;
  padding:15px 25px;
  color:#849575;
  font:8px/1.7 var(--mono);
}
.route-status>span:first-child {
  display:flex;
  align-items:center;
  gap:10px;
  letter-spacing:.6px;
}
.route-status strong {
  color:#c9e5b0;
  font-size:8px;
  letter-spacing:1px;
}
.engine-notes {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:24px;
  color:#9aa98d;
  font-size:10px;
}
.engine-notes p {
  margin:0;
  display:flex;
  gap:12px;
  align-items:center;
}
.benchmark-section {
  background:var(--paper);
  color:var(--dark);
}
.benchmark-section .eyebrow {
  color:#5e6855;
}
.benchmark-intro {
  max-width:340px;
}
.benchmark-intro p {
  font-size:13px;
  line-height:1.9;
  margin:0;
  color:#6a7460;
}
.benchmark-content {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:85px;
  align-items:center;
  margin-block:62px 40px;
}
.metric-number {
  display:flex;
  align-items:baseline;
  gap:12px;
  line-height:1;
  font-size:113px;
  font-weight:500;
  letter-spacing:-8px;
  font-variant-numeric:tabular-nums;
}
.metric-number>span:last-child {
  font-size:32px;
  letter-spacing:-2px;
  color:#778169;
}
.benchmark-metric>p {
  font:10px var(--mono);
  color:#626f56;
  margin:18px 0 37px;
}
.benchmark-facts {
  display:flex;
  gap:30px;
  border-top:1px solid #ccd2c1;
  padding-top:23px;
}
.benchmark-facts>span {
  font-size:10px;
  line-height:1.7;
  max-width:130px;
  color:#6b765e;
}
.benchmark-facts b {
  display:block;
  font-size:26px;
  line-height:1.5;
  font-weight:500;
  color:#35452a;
}
.benchmark-toolbar {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:34px;
}
select {
  max-width:100%;
  color:inherit;
  cursor:pointer;
}
.benchmark-toolbar select {
  background:transparent;
  border:0;
  border-bottom:1px solid #abb79b;
  padding:10px 25px 10px 0;
  font-size:13px;
  min-width:170px;
  color:#36442b;
}
.light.segmented {
  border-color:#bcc6b0;
  background:transparent;
}
.light.segmented button {
  color:#637353;
}
.light.segmented button[aria-pressed=true] {
  color:#263c1d;
  background:transparent;
  border-color:#263c1d;
}
.bar-label {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
  font-size:12px;
}
.bar-label>span {
  display:flex;
  align-items:center;
  gap:8px;
}
.bar-label strong {
  font:12px var(--mono);
}
.key {
  width:6px;
  height:6px;
  display:inline-block;
  border-radius:50%;
  flex:none;
}
.key-pg {
  background:#9fca48;
}
.key-neo {
  background:#8b9680;
}
.bar-track {
  height:38px;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#ccd4c2 calc(25% - 1px),#ccd4c2 25%);
  border-right:1px solid #c6cebb;
}
.bar {
  height:100%;
  width:var(--bar-width);
  transition:width .75s cubic-bezier(.2,.7,.25,1);
  min-width:3px;
  border-radius:0 3px 3px 0;
}
.bar-pg {
  background:#42612f;
}
.bar-neo {
  background:repeating-linear-gradient(135deg,#acb69f 0,#acb69f 1px,#d1d7c8 1px,#d1d7c8 5px);
  border:1px solid #aab49f;
}
.chart-row {
  margin-bottom:27px;
}
.chart-axis {
  display:flex;
  justify-content:space-between;
  color:#7b866e;
  font:7px var(--mono);
  letter-spacing:.4px;
}
.benchmark-caveat {
  font-size:10px;
  color:#77826a;
  margin:24px 0 0;
  line-height:1.8;
}
.benchmark-details {
  border-top:1px solid #cbd2c0;
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:50px;
  padding-top:20px;
}
.benchmark-details details {
  max-width:700px;
  flex:1;
}
summary {
  list-style:none;
  cursor:pointer;
}
summary::-webkit-details-marker {
  display:none;
}
summary>.disclosure-label {
  margin-left:auto;
  font:8px var(--mono);
  text-transform:uppercase;
  letter-spacing:.7px;
  opacity:.7;
}
details[open] summary>.disclosure-label {
  transform:rotate(45deg);
}
.benchmark-details summary {
  font-size:11px;
  display:flex;
  align-items:center;
  gap:30px;
}
.benchmark-details details p {
  font-size:11px;
  color:#65715a;
  line-height:1.85;
  margin:18px 0 0;
}
.benchmark-details .quiet-link {
  font-size:10px;
  padding-top:2px;
}
.benchmark-section :focus-visible,.start-section :focus-visible {
  outline-color:#41642e;
}
.playground-section .section-heading {
  margin-bottom:43px;
}
.graph-lab {
  border:1px solid #35442b;
  border-radius:0;
  overflow:hidden;
  background:#11190e;
}
.graph-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding:17px 20px;
  border-bottom:1px solid #314027;
}
.graph-toolbar .segmented {
  background:transparent;
  border-color:#2e3c24;
}
.graph-selectors {
  display:flex;
  align-items:center;
  gap:18px;
}
.graph-selectors label {
  display:flex;
  align-items:center;
  gap:8px;
  font:9px var(--mono);
  color:#879b74;
}
.graph-selectors select {
  padding:7px 22px 7px 9px;
  background:#1b2814;
  border:1px solid #34452a;
  border-radius:4px;
  color:#c1d6ae;
  font-size:10px;
  min-width:58px;
}
.replay-button {
  background:transparent;
  color:#a3ba8c;
  font:9px var(--mono);
  border-bottom:1px solid #617a4d;
  padding:7px 0;
}
.graph-workspace {
  display:grid;
  grid-template-columns:1fr 260px;
}
.graph-pane {
  min-width:0;
  position:relative;
  background-image:radial-gradient(#52663b44 .75px,transparent .75px);
  background-size:24px 24px;
}
.graph-caption {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:18px 22px;
  font:8px var(--mono);
  letter-spacing:.5px;
  color:#879d74;
}
.graph-caption>span:first-child {
  display:flex;
  gap:8px;
  align-items:center;
}
#graph {
  width:100%;
  height:auto;
  max-height:390px;
  display:block;
  overflow:visible;
}
.graph-edge {
  fill:none;
  stroke:#35452a;
  stroke-width:1.1;
  marker-end:url(#graph-arrow);
  transition:stroke .4s;
}
.graph-edge.active {
  stroke:#789b59;
  stroke-width:1.5;
}
.edge-pulse {
  fill:none;
  stroke:var(--lime);
  stroke-width:2;
  stroke-dasharray:8 190;
  opacity:0;
  pointer-events:none;
}
.graph-lab.replaying .edge-pulse.active {
  animation:traverse 1.6s ease both;
  animation-delay:var(--delay,0ms);
}
.graph-node {
  cursor:pointer;
  outline:none;
}
.node-halo {
  fill:#90ba5608;
  stroke:#71964e30;
  stroke-width:1;
  transition:r .4s,fill .4s;
}
.node-core {
  fill:#182414;
  stroke:#4a6735;
  stroke-width:1.3;
  transition:fill .35s,r .4s,stroke .35s;
}
.graph-node.reached .node-core {
  fill:#38592a;
  stroke:#91bd65;
}
.graph-node.source .node-core {
  fill:var(--lime);
  stroke:var(--lime);
}
.graph-node.source .node-halo {
  fill:#b4e76008;
  stroke:#c9f36944;
}
.graph-node:focus-visible .node-halo,.graph-node:hover .node-halo {
  stroke:var(--lime);
  stroke-width:2;
}
.node-number {
  font:11px var(--mono);
  fill:#91ac7a;
  text-anchor:middle;
  dominant-baseline:central;
  pointer-events:none;
}
.graph-node.reached .node-number {
  fill:#d4e7bf;
}
.graph-node.source .node-number {
  fill:#243319;
}
.node-label {
  font:12px var(--sans);
  fill:#8ca27b;
  text-anchor:middle;
  pointer-events:none;
}
.graph-node.reached .node-label,.graph-node.source .node-label {
  fill:#d6e4c9;
}
.node-metric {
  font:8px var(--mono);
  fill:#5c7946;
  text-anchor:middle;
  pointer-events:none;
  letter-spacing:.4px;
}
.graph-node.source .node-metric {
  fill:#b7d995;
}
.graph-key {
  display:flex;
  align-items:center;
  gap:21px;
  padding:17px 22px;
  font:8px var(--mono);
  color:#8da17c;
  border-top:1px solid #26371d;
}
.graph-key>span {
  display:flex;
  gap:6px;
  align-items:center;
}
.key-reached {
  background:#557d3e;
}
.graph-count {
  margin-left:auto;
  color:#596e49;
  font-size:7px;
  letter-spacing:.5px;
}
.results-pane {
  border-left:1px solid #314027;
  padding:22px;
  background:#151f10;
}
.results-pane .panel-label {
  font-size:7px;
  letter-spacing:.7px;
  margin-bottom:24px;
}
.results-table {
  width:100%;
  border-collapse:collapse;
  font-size:11px;
}
.results-table th {
  color:#688354;
  font:8px var(--mono);
  text-align:left;
  padding-block:10px;
  border-bottom:1px solid #2d4221;
}
.results-table td {
  padding:10px 0;
  border-bottom:1px solid #26391c;
  color:#c6d8b9;
}
.results-table td:last-child,.results-table th:last-child {
  text-align:right;
}
.results-table td:last-child {
  color:#8eaf75;
  font-family:var(--mono);
}
.results-table tbody tr:first-child td {
  color:var(--lime);
}
.results-pane>p {
  font-size:9px;
  line-height:1.9;
  color:#799267;
  margin:20px 0 0;
}
.empty-result {
  text-align:left!important;
  font-size:11px!important;
}
.demo-query {
  display:flex;
  gap:15px;
  align-items:center;
  padding:19px 22px;
  border-top:1px solid #314027;
  background:#10180c;
  min-width:0;
}
.demo-query pre {
  min-width:0;
  flex:1;
  font-size:10px;
  color:#afc997;
  line-height:1.8;
}
.copy-button {
  background:none;
  padding:7px 12px;
  border:1px solid #415a30;
  color:#aac88f;
  font-size:9px;
  border-radius:4px;
}
.copy-button:hover {
  background:#273b1b;
}
.demo-status {
  font-size:9px;
  line-height:1.9;
  color:#7c8e6e;
  margin:16px 0 0;
}
.algorithm-rail {
  display:flex;
  gap:26px;
  justify-content:space-between;
  margin-top:55px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.algorithm-rail>span {
  font-size:14px;
  color:#b6c2a8;
  display:flex;
  gap:22px;
  align-items:center;
}
.start-section {
  background:var(--lime);
  color:#263319;
}
.start-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:115px;
}
.start-section .eyebrow {
  color:#5c7740;
}
.start-section h2 {
  font-size:76px;
  letter-spacing:-4.7px;
}
.start-description {
  font-size:14px;
  color:#5c7340;
  line-height:1.9;
  margin:24px 0 30px;
}
.button-dark {
  background:#1d2b15;
  color:#e4f4d6;
}
.button-dark:hover {
  background:#2c3f20;
}
.start-contact {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:21px;
  font-size:10px;
  color:#4b6730;
  width:fit-content;
}
.start-code {
  align-self:center;
  background:#172011;
  color:#d4e4c4;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 22px 50px #4b68151a;
}
.start-code>.panel-label {
  padding:20px 23px;
  border-bottom:1px solid #34412b;
  color:#81946f;
}
.start-code pre {
  font-size:11px;
  line-height:1.9;
  padding:27px 24px;
  min-width:0;
}
.syntax-muted {
  color:#6b805b;
}
.syntax-lime {
  color:#d0ed88;
}
.syntax-string {
  color:#a3c987;
}
.start-code-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px 23px;
  font:8px var(--mono);
  letter-spacing:1px;
  border-top:1px solid #34412b;
  color:#8ea478;
}
.faq-row {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px;
  margin-top:73px;
  padding-top:25px;
  border-top:1px solid #9ac44e;
}
.faq-row summary {
  font-size:11px;
  font-weight:600;
  display:flex;
  gap:20px;
  align-items:center;
}
.faq-row p {
  font-size:11px;
  line-height:1.9;
  color:#59743c;
  margin:16px 0 0;
}
.footer {
  padding-block:45px 24px;
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding-bottom:34px;
}
.footer-top>p {
  font-size:11px;
  color:#89977c;
  margin:0;
}
.back-top {
  font:8px var(--mono);
  letter-spacing:1px;
  display:flex;
  align-items:center;
  gap:15px;
  color:#a9b59d;
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:23px;
  border-top:1px solid var(--line);
  font:8px var(--mono);
  color:#6b7b5d;
}
.footer-bottom>span:last-child {
  display:flex;
  align-items:center;
  gap:8px;
  letter-spacing:.5px;
}
.project-reference {
  white-space:nowrap;
  text-decoration:underline;
  text-decoration-color:#647354;
  text-underline-offset:4px;
}
.project-reference:hover {
  color:var(--lime);
  text-decoration-color:currentColor;
}
.project-reference sup {
  font-size:.6em;
  line-height:0;
  margin-left:2px;
}
.trademark-notice {
  max-width:900px;
  margin:18px 0 0;
  color:#9aa68f;
  font-size:11px;
  line-height:1.8;
}
.trademark-notice a {
  text-decoration:underline;
  text-underline-offset:3px;
}
.trademark-notice a:hover {
  color:var(--lime);
}
.skip-link {
  position:fixed;
  top:10px;
  left:10px;
  z-index:20;
  transform:translateY(-160%);
  background:var(--lime);
  color:var(--bg);
  padding:10px 18px;
}
.skip-link:focus {
  transform:none;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@keyframes traverse {
  0% {
    opacity:0;
    stroke-dashoffset:200;
  }
  15%,70% {
    opacity:1;
  }
  100% {
    opacity:0;
    stroke-dashoffset:0;
  }
}
@keyframes enter {
  from {
    opacity:0;
    transform:translateY(20px);
  }
  to {
    opacity:1;
    transform:none;
  }
}


.brand-join {
  width:25px;
  height:2px;
  margin:5px 5px 0;
  background:var(--lime);
  transition:width .5s cubic-bezier(.16,1,.3,1);
}
.brand:hover .brand-join {
  width:38px;
}
.title-line {
  display:block;
  overflow:hidden;
  padding-bottom:.09em;
  margin-bottom:-.09em;
}
.title-line>span {
  display:block;
  animation:title-unfold 1.1s cubic-bezier(.16,1,.3,1) both;
}
.title-accent {
  color:var(--lime);
}
.title-accent>span {
  animation-delay:.14s;
}
.hero .eyebrow,.hero-description,.hero-actions,.hero-caption {
  animation:enter .8s cubic-bezier(.16,1,.3,1) both;
}
.hero-description { animation-delay:.2s; }
.hero-actions { animation-delay:.3s; }
.hero-caption { animation-delay:.4s; }
#topology {
  touch-action:pan-y;
  cursor:grab;
}
#topology.dragging { cursor:grabbing; }
#topology[data-view=matrix] { cursor:default; }
#topology:focus-visible { outline:1px solid #6e8155; outline-offset:-8px; }
.art-hint {
  font:8px var(--mono);
  color:#8a987c;
  margin-right:14px;
}
.quiet-link,.start-contact,.back-top,.desktop-nav a,.scroll-link {
  position:relative;
  width:fit-content;
}
.quiet-link::after,.start-contact::after,.back-top::after,.desktop-nav a::after,.scroll-link::after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:0;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.quiet-link:hover::after,.start-contact:hover::after,.back-top:hover::after,.desktop-nav a:hover::after,.scroll-link:hover::after {
  transform:scaleX(1);
}
.button::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.button:hover::after { transform:scaleX(1); }
.foundation>span:not(:first-child) { letter-spacing:-.6px; }
.routing-lab { --route-index:0; }
.routing-lab[data-route=hybrid] { --route-index:1; }
.routing-lab[data-route=age] { --route-index:2; }
.route-options::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:33.333%;
  height:2px;
  background:var(--lime);
  transform:translateX(calc(var(--route-index) * 100%));
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}
.wire-live {
  stroke-linecap:round;
}
.route-destinations>span { min-height:58px; }
.engine-notes p { flex:1; padding-left:15px; border-left:1px solid #445536; }
.run-caption {
  display:block;
  font:8px var(--mono);
  letter-spacing:1px;
  margin-bottom:17px;
}
#bench-value { display:inline-block; }
.bar { transform-origin:left; }
.disclosure-label::before { content:"Read"; }
.benchmark-details .disclosure-label::before { content:"Details"; }
.faq-row details[open] .disclosure-label::before,.benchmark-details details[open] .disclosure-label::before { content:"Close"; }
.algorithm-rail>span { border-top:1px solid #566a43; padding-top:13px; flex:1; }
.algorithm-rail { border:0; }
.start-code-footer>span { position:relative; }
.start-code-footer>span::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:100%;
  height:1px;
  background:var(--lime);
  transform:scaleX(0);
  transform-origin:left;
  animation:step-line 6s ease infinite;
}
.start-code-footer>span:nth-child(2)::after { animation-delay:2s; }
.start-code-footer>span:nth-child(3)::after { animation-delay:4s; }
body.motion-paused .title-line>span,body.motion-paused .hero .eyebrow,body.motion-paused .hero-description,body.motion-paused .hero-actions,body.motion-paused .hero-caption {
  animation:none;
  opacity:1;
  transform:none;
}
body.motion-paused .wire-live {
  stroke-dasharray:none;
  opacity:.5;
}
body.motion-paused .routing-lab[data-route=graphblas] .wire-graphblas,
body.motion-paused .routing-lab[data-route=hybrid] .wire-hybrid,
body.motion-paused .routing-lab[data-route=age] .wire-age { opacity:1; }
body.motion-paused .routing-lab .wire-live { opacity:0; }
@keyframes title-unfold {
  from { transform:translateY(110%) rotate(2deg); }
  to { transform:translateY(0) rotate(0); }
}
@keyframes route-packet {
  0% { stroke-dashoffset:9; }
  75%,100% { stroke-dashoffset:-100; }
}
@keyframes step-line {
  0%,35%,100% { transform:scaleX(0); }
  10%,25% { transform:scaleX(1); }
}

@media(min-width:1600px) {
  .hero-art {
    right:-80px;
    width:75%;
    height:790px;
    top:-40px;
  }
  .hero {
    min-height:780px;
  }
}
@media(max-width:1150px) {
  .wrap {
    width:calc(100% - 72px);
  }
  .desktop-nav {
    margin-left:0;
    gap:25px;
  }
  .hero {
    min-height:685px;
  }
  h1 {
    font-size:94px;
    letter-spacing:-6px;
  }
  .hero-art {
    right:-36px;
    width:73%;
    height:660px;
  }
  .hero-content {
    padding-block:60px 100px;
  }
  .hero-description {
    font-size:14px;
  }
  .hero .eyebrow {
    font-size:9px;
  }
  .hero-actions {
    gap:23px;
  }
  .foundation {
    gap:25px;
  }
  .foundation>span:not(:first-child) {
    font-size:15px;
    gap:18px;
  }
  .section-space {
    padding-block:85px;
  }
  h2 {
    font-size:54px;
  }
  .section-heading {
    gap:45px;
  }
  .section-description {
    max-width:310px;
    font-size:13px;
  }
  .route-content {
    grid-template-columns:1.12fr 1fr;
    padding:25px;
  }
  .route-code {
    padding-right:0;
  }
  .route-code pre {
    font-size:10px;
  }
  .route-diagram {
    margin-left:0;
  }
  .route-destinations {
    left:42%;
    right:15%;
  }
  .route-options button {
    padding:20px;
    font-size:11px;
  }
  .benchmark-content {
    gap:55px;
  }
  .metric-number {
    font-size:96px;
  }
  .benchmark-toolbar {
    gap:14px;
  }
  .benchmark-toolbar select {
    min-width:140px;
    font-size:11px;
  }
  .segmented button {
    padding:8px 13px;
  }
  .graph-workspace {
    grid-template-columns:1fr 230px;
  }
  .start-grid {
    gap:65px;
  }
  .start-code pre {
    font-size:10px;
  }
  .start-section h2 {
    font-size:66px;
  }
  .algorithm-rail>span {
    font-size:12px;
    gap:15px;
  }
}
@media(max-width:850px) {
  .wrap {
    width:calc(100% - 48px);
  }
  .header {
    height:82px;
  }
  .brand {
    font-size:22px;
  }
  .desktop-nav {
    gap:19px;
    font-size:10px;
  }
  .header-cta {
    font-size:10px;
    gap:12px;
  }
  .hero {
    min-height:710px;
  }
  .hero-art {
    right:-24px;
    top:10px;
    width:74%;
    height:620px;
    opacity:.82;
    mask-image:linear-gradient(90deg,transparent,#000 35%);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);
  }
  h1 {
    font-size:86px;
    letter-spacing:-5.5px;
  }
  .hero-content {
    padding-block:60px 110px;
  }
  .hero-description {
    font-size:14px;
  }
  .hero-caption {
    font-size:8px;
  }
  .art-coordinate-top {
    display:none;
  }
  .foundation {
    gap:20px;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .foundation-label {
    max-width:none;
    flex-basis:100%;
    font-size:7px;
  }
  .foundation>span:not(:first-child) {
    font-size:14px;
    gap:18px;
  }
  .section-space {
    padding-block:70px;
  }
  .section-heading {
    gap:35px;
  }
  h2 {
    font-size:47px;
    letter-spacing:-2.6px;
  }
  .section-description {
    max-width:260px;
    font-size:12px;
  }
  .section-heading .eyebrow {
    font-size:8px;
  }
  .route-options button {
    padding:17px 14px;
    gap:9px;
    font-size:10px;
  }
  .route-content {
    padding:23px;
    grid-template-columns:1fr 1fr;
  }
  .route-code pre {
    font-size:9px;
  }
  .route-code .panel-label {
    font-size:6px;
    letter-spacing:.4px;
  }
  .route-diagram {
    height:215px;
  }
  .route-destinations {
    left:37%;
    right:7%;
    top:7px;
    gap:13px;
  }
  .route-destinations>span {
    font-size:10px;
  }
  .route-status {
    padding:14px 20px;
    font-size:7px;
  }
  .route-status>span:last-child {
    max-width:230px;
    text-align:right;
  }
  .engine-notes {
    gap:13px;
    font-size:8px;
  }
  .benchmark-content {
    gap:34px;
    grid-template-columns:.8fr 1.2fr;
  }
  .metric-number {
    font-size:83px;
    letter-spacing:-6px;
  }
  .metric-number>span:last-child {
    font-size:26px;
  }
  .benchmark-metric>p {
    font-size:8px;
  }
  .benchmark-facts {
    gap:20px;
  }
  .benchmark-facts b {
    font-size:23px;
  }
  .benchmark-facts>span {
    font-size:8px;
  }
  .benchmark-intro {
    max-width:260px;
  }
  .benchmark-intro p {
    font-size:12px;
  }
  .benchmark-toolbar {
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:22px;
  }
  .benchmark-toolbar select {
    flex:1;
  }
  .benchmark-details {
    gap:30px;
  }
  .benchmark-details .quiet-link {
    max-width:155px;
    font-size:9px;
  }
  .graph-toolbar {
    padding:14px;
    gap:15px;
    flex-wrap:wrap;
  }
  .graph-toolbar .segmented {
    flex:1;
  }
  .graph-toolbar .segmented button {
    flex:1;
  }
  .graph-selectors {
    gap:15px;
  }
  .graph-workspace {
    grid-template-columns:1fr 200px;
  }
  .graph-caption {
    padding:16px;
    font-size:6px;
  }
  #graph {
    min-height:315px;
  }
  .graph-key {
    font-size:7px;
    padding:15px;
    gap:13px;
  }
  .graph-count {
    display:none;
  }
  .results-pane {
    padding:17px;
  }
  .demo-query pre {
    font-size:8px;
  }
  .algorithm-rail {
    gap:16px;
    flex-wrap:wrap;
  }
  .algorithm-rail>span {
    font-size:11px;
    gap:15px;
  }
  .start-grid {
    gap:40px;
  }
  .start-section h2 {
    font-size:59px;
    letter-spacing:-3px;
  }
  .start-section .eyebrow {
    font-size:8px;
  }
  .start-code pre {
    font-size:9px;
    padding:23px 19px;
  }
  .start-code>.panel-label {
    padding-inline:19px;
  }
  .faq-row {
    gap:26px;
  }
  .faq-row summary {
    font-size:10px;
  }
  .footer-top>p {
    font-size:9px;
  }
  .footer-bottom {
    font-size:7px;
  }
}
@media(max-width:640px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .header {
    height:78px;
  }
  .brand {
    font-size:23px;
  }
  .desktop-nav,.header-cta {
    display:none;
  }
  .menu-button {
    display:block;
    background:transparent;
    font-size:12px;
    padding:10px 0;
    border-bottom:1px solid #60714f;
  }
  .mobile-nav:not([hidden]) {
    position:absolute;
    top:78px;
    left:0;
    right:0;
    z-index:10;
    background:#15200f;
    border-bottom:1px solid #3d4e2f;
    display:flex;
    flex-direction:column;
    padding:20px;
    gap:0;
    box-shadow:0 25px 40px #0008;
  }
  .mobile-nav a {
    padding:16px 3px;
    border-bottom:1px solid #35422b;
    font-size:16px;
  }
  .mobile-nav a:last-child {
    border:0;
  }
  .hero {
    min-height:925px;
    justify-content:start;
  }
  .hero-content {
    padding-block:46px 0;
  }
  .hero .eyebrow {
    font-size:7px;
    letter-spacing:1.1px;
    margin-bottom:25px;
  }
  h1 {
    font-size:clamp(61px,13.8vw,86px);
    letter-spacing:-4px;
    line-height:1.08;
    margin-bottom:23px;
  }
  .hero-description {
    font-size:12px;
    line-height:1.95;
    max-width:340px;
    margin-bottom:26px;
  }
  .hero-actions {
    gap:24px;
  }
  .button {
    min-height:52px;
    padding-left:18px;
    font-size:10px;
    gap:17px;
  }
  .quiet-link {
    font-size:10px;
    gap:8px;
  }
  .hero-caption {
    font-size:7px;
    gap:8px;
    margin-top:24px;
  }
  .hero-art {
    top:383px;
    left:-20px;
    right:-20px;
    width:calc(100% + 40px);
    height:480px;
    opacity:1;
    mask-image:none;
    -webkit-mask-image:none;
  }
  .art-coordinate-side {
    right:20px;
    top:35%;
    font-size:6px;
  }
  .hero-bottom {
    bottom:24px;
    gap:12px;
  }
  .scroll-link {
    font-size:6px;
    letter-spacing:.6px;
    gap:8px;
  }
  .art-controls {
    gap:12px;
  }
  .art-controls .segmented button {
    padding:7px 11px;
    font-size:8px;
  }

  .motion-toggle {
    padding:8px;
  }
  .foundation {
    padding-block:21px;
    gap:20px 13px;
  }
  .foundation-label {
    font-size:6px;
    letter-spacing:1.4px;
  }
  .foundation>span:not(:first-child) {
    font-size:12px;
    gap:0;
  }
  .section-space {
    padding-block:62px;
  }
  .section-heading {
    display:block;
    margin-bottom:30px;
  }
  .section-heading .eyebrow {
    margin-bottom:20px;
    font-size:8px;
  }
  h2 {
    font-size:45px;
    letter-spacing:-2.8px;
    line-height:1.12;
  }
  .section-description {
    font-size:12px;
    max-width:400px;
    margin:23px 0 0;
  }
  .route-options {
    grid-template-columns:1fr;
  }
  .route-options button {
    border-right:0;
    border-bottom:1px solid #334528;
    padding:15px 18px;
    font-size:11px;
  }
  .route-options button:last-child {
    border-bottom:0;
  }
  .route-options button span {
    font-size:8px;
  }
  .route-content {
    grid-template-columns:1fr;
    padding:22px 20px 12px;
    gap:10px;
  }
  .route-code pre {
    font-size:10px;
    min-height:78px;
    margin-block:22px 16px;
  }
  .route-code .panel-label {
    font-size:7px;
  }
  .route-code p {
    font-size:10px;
    max-width:none;
  }
  .route-diagram {
    height:218px;
    margin:8px 0 8px;
  }
  .route-destinations {
    left:44%;
    right:15%;
    top:8px;
    gap:14px;
  }
  .route-destinations>span {
    font-size:11px;
  }
  .route-status {
    display:block;
    padding:15px 20px;
    font-size:7px;
  }
  .route-status>span:last-child {
    display:block;
    max-width:none;
    text-align:left;
    margin-top:10px;
    font-size:6px;
    line-height:1.8;
  }
  .engine-notes {
    display:grid;
    gap:10px;
    font-size:9px;
    padding-top:24px;
  }
  .benchmark-intro {
    margin-top:25px;
    max-width:360px;
  }
  .benchmark-intro p {
    font-size:12px;
  }
  .benchmark-content {
    grid-template-columns:1fr;
    gap:32px;
    margin-block:34px 29px;
  }
  .metric-number {
    font-size:102px;
    letter-spacing:-7px;
  }
  .metric-number>span:last-child {
    font-size:29px;
  }
  .benchmark-metric>p {
    font-size:9px;
    margin:13px 0 26px;
  }
  .benchmark-facts {
    padding-top:17px;
    gap:35px;
  }
  .benchmark-facts>span {
    font-size:9px;
    max-width:145px;
  }
  .benchmark-facts b {
    font-size:25px;
  }
  .benchmark-toolbar {
    flex-wrap:nowrap;
    gap:15px;
  }
  .benchmark-toolbar select {
    font-size:11px;
    min-width:0;
    width:155px;
  }
  .light.segmented button {
    font-size:9px;
    padding:7px 11px;
  }
  .bar-label {
    font-size:11px;
  }
  .bar-label strong {
    font-size:10px;
  }
  .bar-track {
    height:31px;
  }
  .chart-axis {
    font-size:6px;
  }
  .benchmark-caveat {
    font-size:9px;
  }
  .benchmark-details {
    display:block;
    padding-top:18px;
  }
  .benchmark-details summary {
    font-size:10px;
  }
  .benchmark-details .quiet-link {
    max-width:none;
    margin-top:22px;
    font-size:9px;
  }
  .benchmark-details details p {
    font-size:10px;
  }
  .graph-toolbar {
    padding:13px;
    display:block;
  }
  .graph-toolbar .segmented {
    width:100%;
    padding:3px;
  }
  .graph-toolbar .segmented button {
    padding:9px 6px;
    font-size:9px;
    flex:1;
  }
  .graph-selectors {
    margin-top:15px;
    justify-content:space-between;
    gap:10px;
  }
  .graph-selectors label {
    font-size:8px;
    gap:6px;
  }
  .graph-selectors select {
    font-size:9px;
    min-width:49px;
    padding:6px 13px 6px 6px;
  }
  .replay-button {
    font-size:8px;
  }
  .graph-workspace {
    grid-template-columns:1fr;
  }
  .graph-caption {
    font-size:6px;
    padding:17px 14px;
  }
  .graph-caption>span:last-child {
    font-size:6px;
    letter-spacing:0;
  }
  #graph {
    min-height:0;
    max-height:none;
  }
  .graph-key {
    padding:14px;
    font-size:7px;
    gap:18px;
  }
  .graph-count {
    display:flex;
    font-size:6px;
  }
  .results-pane {
    border-left:0;
    border-top:1px solid #314027;
    padding:18px;
  }
  .results-pane .panel-label {
    margin-bottom:12px;
    font-size:7px;
  }
  .results-table {
    font-size:11px;
  }
  .results-table td {
    padding:8px 0;
  }
  .results-table th {
    font-size:8px;
  }
  .results-pane>p {
    margin-top:14px;
    font-size:9px;
  }
  .demo-query {
    padding:15px 14px;
    gap:10px;
    align-items:start;
  }
  .demo-query pre {
    font-size:8px;
    line-height:1.9;
  }
  .copy-button {
    font-size:8px;
    padding:6px 9px;
  }
  .demo-status {
    font-size:8px;
    margin-top:13px;
  }
  .algorithm-rail {
    margin-top:31px;
    padding-top:23px;
    gap:14px 24px;
    justify-content:start;
  }
  .algorithm-rail>span {
    font-size:11px;
    gap:13px;
  }
  .start-grid {
    grid-template-columns:1fr;
    gap:36px;
  }
  .start-section h2 {
    font-size:60px;
    letter-spacing:-3.7px;
  }
  .start-section .eyebrow {
    margin-bottom:24px;
  }
  .start-description {
    font-size:13px;
    margin-block:22px 27px;
  }
  .start-code {
    transform:none;
  }
  .start-code pre {
    font-size:10px;
    padding:24px 20px;
  }
  .start-code>.panel-label {
    padding:18px 20px;
  }
  .faq-row {
    grid-template-columns:1fr;
    gap:0;
    margin-top:37px;
    padding-top:0;
    border:0;
  }
  .faq-row details {
    border-top:1px solid #9ac44e;
    padding:20px 0;
  }
  .faq-row summary {
    font-size:11px;
  }
  .faq-row details:last-child {
    padding-bottom:0;
  }
  .faq-row p {
    font-size:10px;
  }
  .footer {
    padding-block:34px 22px;
  }
  .footer-top {
    flex-wrap:wrap;
    gap:24px;
    padding-bottom:25px;
  }
  .footer-top .brand {
    font-size:23px;
  }
  .footer-top>p {
    order:3;
    flex-basis:100%;
    font-size:10px;
  }
  .back-top {
    font-size:7px;
    gap:10px;
  }
  .footer-bottom {
    flex-direction:column;
    gap:16px;
    font-size:7px;
    line-height:1.7;
    padding-top:24px;
  }
}
@media(max-width:360px) {
  .wrap {
    width:calc(100% - 32px);
  }
  h1 {
    font-size:58px;
    letter-spacing:-3.8px;
  }
  .hero {
    min-height:870px;
  }
  .hero-art {
    height:430px;
    top:377px;
    left:-16px;
    width:calc(100% + 32px);
  }
  .hero .eyebrow {
    font-size:6px;
    letter-spacing:.75px;
  }
  .hero-description {
    font-size:11px;
  }
  .hero-actions {
    gap:15px;
  }
  .button {
    font-size:9px;
    padding-left:13px;
    gap:10px;
  }
  .hero-actions .quiet-link {
    font-size:9px;
  }
  .hero-caption {
    font-size:6px;
  }
  .scroll-link {
    font-size:5px;
    gap:5px;
  }
  .art-controls {
    gap:5px;
  }
  h2 {
    font-size:40px;
  }
  .section-heading .eyebrow {
    font-size:7px;
    letter-spacing:1.2px;
  }
  .foundation>span:not(:first-child) {
    font-size:11px;
  }
  .route-code pre {
    font-size:9px;
  }
  .route-destinations {
    right:10%;
    left:39%;
  }
  .benchmark-toolbar {
    gap:9px;
  }
  .benchmark-toolbar select {
    font-size:10px;
  }
  .metric-number {
    font-size:95px;
  }
  .graph-count {
    display:none;
  }
  .graph-selectors {
    gap:7px;
  }
  .start-code pre {
    font-size:9px;
  }
  .start-section h2 {
    font-size:55px;
  }
  .graph-toolbar .segmented button {
    font-size:8px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
  .hero-content {
    opacity:1;
    transform:none;
  }
}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after {
  animation-play-state:paused!important;
  transition:none!important;
}

@media(max-width:850px) {
  .art-hint { display:none; }
}
@media(max-width:640px) {
  .hero { min-height:900px; }
  .hero-art { top:405px; height:410px; }
  .hero-bottom { flex-wrap:wrap; gap:20px; bottom:26px; }
  .scroll-link { font-size:7px; }
  .art-controls { width:100%; justify-content:space-between; }
  .art-hint { display:inline; font-size:7px; margin:0; }
  .motion-toggle { padding:8px 0; font-size:8px; }
  .art-controls .segmented { margin-left:auto; margin-right:14px; }
  .art-controls .segmented button { padding:8px 2px; font-size:9px; }
  .button { padding:14px 22px; }
  .route-options::after { display:none; }
  .route-options button[aria-pressed=true] { box-shadow:inset 2px 0 var(--lime); }
  .engine-notes { gap:16px; }
  .algorithm-rail>span { flex:none; }
  .brand-join { width:22px; }
}
@media(max-width:360px) {
  .hero { min-height:865px; }
  .hero-art { top:410px; height:365px; }
  .button { padding:13px 17px; }
}
@media(prefers-reduced-motion:reduce) {
  .wire-live { animation:none; stroke-dasharray:none; }
  .title-line>span { animation:none; transform:none; }
}