:root {
  --ink:#122e37;
  --muted:#5a7078;
  --green:#15875f;
  --mint:#c7f2dc;
  --line:#dce6e5;
  --paper:#f7f9f8;
  --blue:#416eff;
  --radius:18px;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:112px;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button,input {
  font:inherit;
}
button,a {
  touch-action:manipulation;
}
button {
  color:inherit;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
}
button:disabled {
  cursor:default;
}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px;
}
button:focus:not(:focus-visible) {
  outline:none;
}
[hidden] {
  display:none!important;
}
img,svg {
  max-width:100%;
  vertical-align:middle;
}
h1,h2,h3,h4,p {
  margin:0;
}
h1,h2,h3,h4 {
  line-height:1.12;
  letter-spacing:-.045em;
}
p {
  color:var(--muted);
}
.container {
  width:min(1280px,calc(100% - 80px));
  margin-inline:auto;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:100;
  padding:12px 20px;
  background:white;
}
.skip-link:focus {
  top:16px;
}
.header {
  height:90px;
  background:rgba(247,249,248,.96);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(16px);
}
.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  gap:40px;
}
.brand {
  display:inline-flex;
  flex-shrink:0;
}
.brand img {
  height:34px;
  width:143px;
  object-fit:contain;
}
.desktop-nav {
  display:flex;
  align-items:center;
  gap:29px;
  margin-left:auto;
  font-size:14px;
  font-weight:500;
}
.desktop-nav>a:hover,.nav-trigger:hover {
  color:var(--green);
}
.nav-trigger {
  border:0;
  background:transparent;
  padding:20px 0;
  display:flex;
  align-items:center;
  gap:10px;
}
.nav-trigger[aria-expanded=true]>span {
  transform:rotate(180deg);
}
.header-cta {
  border:1px solid #b9ccca;
  border-radius:7px;
  padding:10px 22px;
  font-size:14px;
  font-weight:600;
  display:flex;
  gap:22px;
  align-items:center;
}
.header-cta:hover {
  background:white;
  border-color:var(--ink);
}
.nav-panel {
  position:absolute;
  top:89px;
  left:50%;
  transform:translateX(-50%);
  width:min(850px,calc(100vw - 80px));
  display:grid;
  grid-template-columns:1.1fr 1fr;
  background:white;
  border:1px solid var(--line);
  border-radius:0 0 16px 16px;
  box-shadow:0 24px 48px #122e3717;
  overflow:hidden;
}
.nav-panel>div {
  padding:28px;
}
.menu-caption {
  font-size:10px;
  letter-spacing:.12em;
  color:var(--muted);
  font-weight:600;
  display:block;
  margin-bottom:16px;
}
.nav-panel a {
  display:block;
  padding:12px;
  border-radius:6px;
  margin:3px -12px;
}
.nav-panel a:hover {
  background:#ebf7f1;
}
.nav-panel strong {
  font-weight:600;
  font-size:15px;
  display:block;
}
.nav-panel a span {
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:5px;
}
.nav-panel small {
  font-size:9px;
  font-weight:500;
  background:var(--mint);
  border-radius:20px;
  padding:3px 6px;
  white-space:nowrap;
  vertical-align:middle;
  margin-left:5px;
}
.nav-panel-aside {
  background:#f3f7f6;
}
.nav-panel a.menu-docs {
  margin-top:19px;
  color:var(--green);
  font-size:14px;
}
.nav-panel a.menu-docs span {
  display:inline;
  color:inherit;
}
.hamburger {
  display:none;
}
.hero {
  padding:68px 0 0;
  text-align:center;
}
.eyebrow {
  font-size:11px;
  letter-spacing:.12em;
  font-weight:600;
  color:var(--green);
  display:flex;
  align-items:center;
  gap:10px;
}
.hero .eyebrow {
  justify-content:center;
  margin-bottom:26px;
}
.status-dot {
  display:inline-block;
  width:7px;
  height:7px;
  background:#1eae7e;
  border-radius:50%;
  box-shadow:0 0 0 4px #1eae7e12;
  flex-shrink:0;
}
.hero h1 {
  font-size:clamp(44px,4.45vw,68px);
  font-weight:600;
  line-height:1.09;
  letter-spacing:-.052em;
}
.hero h1 span {
  color:var(--green);
}
.hero-lede {
  font-size:17px;
  line-height:1.65;
  max-width:710px;
  margin:24px auto 0;
}
.hero-actions {
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:29px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:29px;
  min-height:49px;
  padding:13px 24px;
  background:var(--ink);
  border:1px solid var(--ink);
  color:white;
  font-size:14px;
  font-weight:500;
  border-radius:7px;
  transition:background .2s,transform .2s;
}
.button:hover {
  background:#24505b;
  transform:translateY(-2px);
}
.button-secondary {
  background:transparent;
  border-color:#cddad8;
  color:var(--ink);
}
.button-secondary:hover {
  background:#e8efec;
}
.button>span {
  font-size:19px;
  line-height:1;
}
.hero-promises {
  display:flex;
  justify-content:center;
  gap:24px;
  font-size:11px;
  color:var(--muted);
  margin-top:21px;
}
.hero-promises i {
  color:var(--green);
  font-style:normal;
  margin-right:5px;
}
.partner-strip {
  margin:38px auto 0;
  padding:22px 0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}
.partner-strip>span:first-child {
  font-size:12px;
  color:var(--muted);
  text-align:left;
}
.partner-strip img {
  object-fit:contain;
  height:28px;
  width:auto;
  max-width:150px;
}
.partner-strip a {
  display:flex;
  align-items:center;
  min-height:36px;
}
.partner-strip .partner-divider {
  height:25px;
  width:1px;
  background:var(--line);
  display:block;
}
.simulation-section {
  padding:22px 0 75px;
  position:relative;
  background:radial-gradient(ellipse at 80% 75%,#d1f4e6 0,transparent 52%),radial-gradient(ellipse at 10% 65%,#e2eaff 0,transparent 50%);
}
.simulation {
  border:1px solid #d2dfdc;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:0 18px 45px #122e3708;
  overflow:hidden;
}
.simulation-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:25px 30px 22px;
  gap:20px;
}
.simulation-top .eyebrow {
  font-size:9px;
  letter-spacing:.11em;
  margin-bottom:10px;
  color:var(--muted);
}
.simulation-top h2 {
  font-size:23px;
  letter-spacing:-.035em;
}
.illustration-label,.small-badge {
  display:inline-block;
  white-space:nowrap;
  background:#eff4f2;
  color:#5b7169;
  border:1px solid #e1e9e5;
  border-radius:30px;
  padding:3px 9px;
  font-size:10px;
  font-weight:500;
}
.simulation-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-block:1px solid var(--line);
  background:#f7f9f8;
}
.simulation-tabs button {
  position:relative;
  background:transparent;
  border:0;
  border-right:1px solid var(--line);
  padding:18px 12px;
  font-size:13px;
  font-weight:500;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.simulation-tabs button:last-child {
  border-right:0;
}
.simulation-tabs button span {
  font-size:10px;
  color:#768b87;
  font-variant-numeric:tabular-nums;
}
.simulation-tabs button[aria-selected=true] {
  background:#ecf8f1;
  color:var(--green);
}
.simulation-tabs button[aria-selected=true]:after {
  content:"";
  position:absolute;
  bottom:-1px;
  height:2px;
  background:var(--green);
  left:0;
  right:0;
}
.simulation-tabs button:hover {
  background:#f0f5f2;
}
.simulation-tabs button:focus-visible {
  outline-offset:-5px;
}
.stage-panel {
  display:grid;
  grid-template-columns:.8fr 1.8fr;
  gap:45px;
  min-height:340px;
  padding:31px 30px;
}
.stage-story {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.stage-counter {
  font-size:10px;
  color:#82948e;
  letter-spacing:.08em;
  margin-bottom:15px;
}
.stage-title {
  font-size:24px;
  font-weight:600;
  max-width:260px;
  line-height:1.15;
}
.stage-description {
  font-size:12px;
  line-height:1.75;
  margin-top:12px;
  min-height:85px;
}
.stage-summary {
  margin-top:16px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:11px;
  line-height:1.5;
  color:var(--green);
  max-width:260px;
}
.summary-icon {
  font-size:16px;
  line-height:1;
}
.simulation-controls {
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:auto;
  padding-top:20px;
}
.icon-button,.motion-toggle {
  border:1px solid var(--line);
  background:white;
  border-radius:6px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}
.icon-button {
  width:34px;
}
.motion-toggle {
  padding:0 13px;
  gap:8px;
  min-width:105px;
}
.icon-button:hover,.motion-toggle:hover {
  background:#eef7f2;
}
.cluster-diagram {
  min-width:0;
  display:flex;
  flex-direction:column;
}
.diagram-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  margin-bottom:15px;
  color:var(--muted);
}
.diagram-head>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
}
.diagram-state {
  color:var(--green);
  background:#edf8f2;
  padding:3px 8px;
  border-radius:4px;
  font-size:9px;
}
.node-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  flex:1;
}
.node {
  border:1px solid #bdcfc8;
  border-radius:9px;
  padding:12px 10px;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:224px;
  background:linear-gradient(160deg,#f6faf8,#fff);
  transition:background .55s,border-color .55s,opacity .55s;
  overflow:visible;
}
.node-name {
  font-size:9px;
  letter-spacing:.1em;
  color:#6c8279;
  white-space:nowrap;
}
.pod-slot {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:14px;
  flex:1;
  align-items:flex-start;
}
.pod {
  width:100%;
  height:61px;
  border:1px solid #a5bcff;
  border-radius:5px;
  background:#e8eeff;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:height .65s,background .65s,border-color .65s;
  overflow:hidden;
  flex-shrink:0;
}
.pod span {
  font-size:9px;
  position:relative;
  z-index:1;
  padding:5px 7px;
  color:#2b4c97;
  line-height:1.1;
}
.pod i {
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:19px;
  background:#90b5ff;
  border-top:1px solid #7da9ff;
}
.pod[data-pod="1"] i,.pod[data-pod="4"] i {
  height:14px;
}
.node-foot {
  font-size:8px;
  line-height:1.2;
  color:#899b93;
  padding-top:12px;
  margin-top:auto;
}
.simulation[data-stage="1"] .pod,.simulation[data-stage="2"] .pod,.simulation[data-stage="3"] .pod {
  height:39px;
}
.simulation[data-stage="2"] .node:nth-child(n+3),.simulation[data-stage="3"] .node:nth-child(n+3) {
  border-style:dashed;
  border-color:#dce5e0;
  background:#fafcfb;
}
.node.is-empty .node-foot {
  color:#94a79d;
}
.simulation[data-stage="3"] .node:nth-child(-n+2) {
  background:#eaf8f0;
  border-color:#59b98c;
}
.simulation[data-stage="3"] .pod {
  background:#d3f2e2;
  border-color:#79c5a0;
}
.simulation[data-stage="3"] .pod i {
  background:#7fd3ab;
  border-color:#60c595;
}
.simulation[data-stage="3"] .pod span {
  color:#215f44;
}
.diagram-legend {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:9px;
  color:#71867c;
  margin-top:15px;
}
.diagram-legend>span {
  display:flex;
  align-items:center;
  gap:5px;
}
.diagram-legend i {
  width:9px;
  height:9px;
  display:block;
  border-radius:2px;
  background:#e8eeff;
  border:1px solid #a5bcff;
}
.diagram-legend .legend-used {
  background:#90b5ff;
  border-color:#7da9ff;
}
.diagram-result {
  margin-left:auto;
  color:var(--ink);
  font-weight:500;
  font-size:10px;
}
.simulation-foot {
  border-top:1px solid var(--line);
  background:#fafcfb;
  padding:14px 30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-size:10px;
  color:#70837c;
}
.simulation-foot a {
  color:var(--green);
  white-space:nowrap;
}
.simulation-foot a span {
  padding-left:10px;
}
.section {
  padding:100px 0;
}
.section-heading {
  margin-bottom:50px;
}
.section-heading .eyebrow {
  margin-bottom:20px;
}
.section-heading h2 {
  font-size:clamp(32px,3.4vw,47px);
  font-weight:500;
  line-height:1.15;
}
.section-heading>p:last-child:not(.eyebrow) {
  max-width:560px;
  font-size:15px;
  margin-top:21px;
}
.problems {
  padding-top:75px;
}
.capability-layout {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:64px;
  align-items:start;
}
.section-nav {
  position:sticky;
  top:135px;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-top:6px;
}
.section-nav a {
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 0 14px 18px;
  border-left:2px solid #dce6e1;
  font-size:13px;
  color:#70847a;
  transition:color .2s,border-color .2s;
}
.section-nav a span {
  font-size:10px;
  color:#899c92;
}
.section-nav a[aria-current],.section-nav a:hover {
  border-color:var(--green);
  color:var(--ink);
}
.section-nav a[aria-current] span {
  color:var(--green);
}
.capability {
  padding-bottom:90px;
  margin-bottom:75px;
  border-bottom:1px solid var(--line);
  scroll-margin-top:115px;
}
.capability:last-child {
  padding-bottom:0;
  margin-bottom:0;
  border:0;
}
.capability-copy {
  max-width:630px;
}
.section-kicker {
  font-size:10px;
  letter-spacing:.1em;
  color:var(--green);
  font-weight:600;
}
.capability h3 {
  font-size:37px;
  font-weight:500;
  line-height:1.15;
  margin:19px 0;
}
.capability-copy p {
  font-size:14px;
  line-height:1.8;
  margin:13px 0;
  max-width:580px;
}
.text-link {
  display:inline-flex;
  gap:24px;
  align-items:center;
  color:var(--green);
  font-size:13px;
  font-weight:500;
  margin-top:10px;
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
.feature-visual {
  border:1px solid #dbe5de;
  border-radius:14px;
  background:white;
  margin-top:32px;
  padding:27px 30px;
  overflow:hidden;
}
.visual-caption {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:500;
}
.chart-legend {
  display:flex;
  gap:20px;
  font-size:10px;
  color:var(--muted);
  margin:28px 0 10px;
}
.chart-legend span {
  display:flex;
  gap:7px;
  align-items:center;
}
.line-key,.used-key {
  width:14px;
  height:2px;
  background:#416eff;
  display:inline-block;
}
.used-key {
  background:#1eae7e;
}
.rightsizing-visual svg {
  width:100%;
  height:auto;
  overflow:visible;
}
.chart-grid {
  fill:none;
  stroke:#eaf0ec;
  stroke-width:1;
}
.usage-line {
  fill:none;
  stroke:#1eae7e;
  stroke-width:2;
}
.request-line {
  fill:none;
  stroke:#416eff;
  stroke-width:2;
}
.change-line {
  fill:none;
  stroke:#adb8d2;
  stroke-width:1;
  stroke-dasharray:4 5;
}
.chart-labels {
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#7b8b82;
  margin:12px 0 24px;
}
.visual-note {
  font-size:10px;
  color:var(--muted);
  border-top:1px solid var(--line);
  padding-top:17px;
  margin-top:18px;
  line-height:1.6;
}
.check {
  color:var(--green);
  margin-right:8px;
}
.packing-before,.packing-after {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:26px;
}
.packing-before>div,.packing-after>div {
  border:1px solid #c6d5d0;
  border-radius:7px;
  padding:11px;
  min-height:130px;
  display:flex;
  flex-direction:column;
  gap:8px;
  background:#f8faf9;
}
.packing-visual b {
  font-size:10px;
  color:#426298;
  font-weight:500;
  background:#e5edff;
  border:1px solid #abc3f0;
  padding:5px 8px;
  border-radius:3px;
  line-height:1.2;
}
.packing-connector {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  color:var(--muted);
  padding:16px 0;
}
.packing-connector>span:last-child {
  font-size:25px;
  color:var(--green);
}
.packing-after {
  margin-top:0;
}
.packing-after>div {
  background:#eef9f2;
  border-color:#86cda7;
}
.packing-after b {
  background:#d4f1e0;
  border-color:#8bcaa7;
  color:#276447;
}
.packing-after .freed-nodes {
  grid-column:span 2;
  border-style:dashed;
  border-color:#dbe6de;
  background:#fafcfb;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#789185;
  font-size:11px;
  line-height:1.6;
}
.freed-nodes>span {
  font-size:25px;
  color:#85aa96;
}
.profile-bars {
  display:flex;
  flex-direction:column;
  gap:17px;
  margin:32px 0;
}
.profile-bars>div {
  display:grid;
  grid-template-columns:35px 1fr 65px;
  align-items:center;
  gap:14px;
  font-size:10px;
  color:var(--muted);
}
.profile-bars i {
  height:8px;
  background:#edf2ef;
  border-radius:4px;
  overflow:hidden;
}
.profile-bars b {
  display:block;
  height:100%;
  border-radius:4px;
  background:#8cb0ff;
}
.profile-bars>div:nth-child(2) b {
  background:#60c99b;
}
.profile-bars>div>span:last-child {
  text-align:right;
}
.instance-options {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.instance-options>div {
  position:relative;
  border:1px solid var(--line);
  padding:23px 19px;
  border-radius:9px;
  background:#fafcfb;
}
.instance-symbol {
  display:block;
  font-size:27px;
  margin-bottom:14px;
  color:#83978b;
}
.instance-options h4 {
  font-size:16px;
  font-weight:500;
  letter-spacing:-.02em;
}
.instance-options p {
  font-size:11px;
  line-height:1.6;
  margin-top:8px;
  max-width:170px;
}
.instance-options>div.instance-selected {
  border-color:#4cba85;
  background:#effaf3;
}
.instance-selected .instance-symbol {
  color:var(--green);
}
.instance-check {
  position:absolute;
  top:15px;
  right:16px;
  background:#1eae7e;
  color:white;
  border-radius:50%;
  font-size:10px;
  line-height:20px;
  width:20px;
  text-align:center;
}
.control-flow {
  list-style:none;
  margin:20px 0 0;
  padding:0;
}
.control-flow li {
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid #e7ede9;
}
.control-flow li:last-child {
  border:0;
  padding-bottom:0;
}
.control-flow li>span {
  font-size:10px;
  color:#7e9488;
  width:22px;
  flex-shrink:0;
}
.control-flow strong {
  font-size:13px;
  font-weight:500;
}
.control-flow p {
  font-size:11px;
  margin-top:4px;
  line-height:1.5;
}
.control-flow i {
  margin-left:auto;
  font-size:15px;
  color:var(--green);
  font-style:normal;
}
.control-flow .control-gate {
  background:#eff8f3;
  border:1px solid #bfddcc;
  border-radius:7px;
  margin:10px -12px 0;
  padding:17px 12px;
}
.ai-section {
  background:var(--ink);
  color:white;
  padding:95px 0;
  overflow:hidden;
  position:relative;
}
.ai-section:after {
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  right:-200px;
  top:80px;
  border:1px solid #5c938744;
  border-radius:50%;
  pointer-events:none;
}
.ai-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:110px;
  position:relative;
  z-index:1;
}
.ai-copy .eyebrow {
  color:#a9c9bf;
  font-size:9px;
  gap:12px;
  flex-wrap:wrap;
}
.future-badge {
  border:1px solid #86b8a2;
  color:#b5eed1;
  font-size:9px;
  font-weight:500;
  letter-spacing:0;
  padding:3px 8px;
  border-radius:30px;
  white-space:nowrap;
}
.ai-copy h2 {
  font-weight:500;
  font-size:50px;
  line-height:1.1;
  margin:27px 0;
}
.ai-copy p {
  color:#a6bfc3;
  font-size:14px;
  line-height:1.8;
  margin-bottom:16px;
}
.ai-copy .ai-lede {
  color:#e3efec;
  font-size:18px;
  line-height:1.6;
}
.ai-copy .future-note {
  font-size:11px;
  color:#8caaa9;
  border-left:2px solid #638c80;
  padding-left:14px;
  margin:23px 0;
}
.ai-copy .text-link {
  color:#9ee5bc;
  font-size:13px;
}
.ai-map {
  border:1px solid #51706b;
  background:linear-gradient(145deg,#24444a,#193a40);
  border-radius:16px;
  padding:25px 27px;
  box-shadow:0 24px 60px #061c2326;
}
.ai-map-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#99bab1;
  font-size:8px;
  letter-spacing:.08em;
  gap:10px;
  margin-bottom:26px;
}
.ai-map-head>span:last-child {
  font-size:8px;
  border:1px solid #4d7469;
  border-radius:20px;
  letter-spacing:0;
  padding:2px 7px;
}
.ai-request {
  display:flex;
  align-items:center;
  gap:14px;
  background:#315157;
  border:1px solid #547773;
  border-radius:8px;
  padding:16px;
}
.ai-request>span {
  border:1px solid #6b8f80;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:6px;
  color:#b8eace;
  flex-shrink:0;
}
.ai-request small {
  font-size:8px;
  letter-spacing:.09em;
  color:#a2c1b5;
  display:block;
  margin-bottom:4px;
}
.ai-request strong {
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  display:block;
}
.ai-track {
  position:relative;
  padding:14px 0 14px 22px;
  margin-left:27px;
  border-left:1px solid #5d8172;
}
.ai-track>div {
  display:flex;
  gap:13px;
  align-items:center;
  padding:14px 0;
}
.ai-node-icon {
  color:#b8dfce;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  background:#31534e;
  border-radius:5px;
  flex-shrink:0;
  font-size:21px;
}
.ai-track strong {
  font-size:12px;
  font-weight:500;
  display:block;
}
.ai-track small {
  display:block;
  font-size:9px;
  color:#9cb9b2;
  margin-top:4px;
}
.ai-track-dot {
  position:absolute;
  top:0;
  left:-3px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9be4bb;
}
.ai-total {
  border:1px solid #578f74;
  border-radius:7px;
  background:#244f43;
  padding:16px 20px;
}
.ai-total>span {
  font-size:9px;
  color:#afd1bd;
  display:block;
  margin-bottom:5px;
}
.ai-total strong {
  font-size:15px;
  letter-spacing:-.02em;
  font-weight:500;
  display:flex;
  justify-content:space-between;
}
.audit-section {
  background:#eff4f0;
}
.product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:45px;
}
.product-grid article {
  min-width:0;
}
.item-number {
  display:block;
  font-size:11px;
  color:var(--green);
  margin-bottom:26px;
}
.product-grid h3 {
  font-size:22px;
  line-height:1.22;
  letter-spacing:-.03em;
  font-weight:500;
  margin-bottom:15px;
}
.product-grid p {
  font-size:13px;
  line-height:1.8;
  max-width:320px;
}
.how-section {
  padding-top:95px;
}
.step-line {
  display:flex;
  align-items:center;
  gap:15px;
  color:var(--green);
  font-size:10px;
  margin-bottom:24px;
}
.step-line i {
  height:1px;
  background:#c6d8ce;
  flex:1;
  position:relative;
}
.step-line i:after {
  content:"";
  width:5px;
  height:5px;
  border-top:1px solid #91b9a3;
  border-right:1px solid #91b9a3;
  position:absolute;
  right:3px;
  top:-2px;
  transform:rotate(45deg);
}
.closing {
  background:var(--ink);
  color:white;
  padding:48px 0;
}
.closing-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.closing-copy {max-width:620px;}
.closing h2 {
  font-size:32px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.035em;
}
.closing p {color:#b9ccca;font-size:14px;line-height:1.6;margin-top:12px;}
.closing-actions {display:flex;align-items:center;gap:12px;flex-shrink:0;}
.closing .button {background:var(--mint);color:var(--ink);border:1px solid var(--mint);white-space:nowrap;padding:13px 19px;gap:20px;}
.closing .button:hover {background:#e0faec;border-color:#e0faec;}
.closing .button-secondary {background:transparent;color:white;border-color:#6d8589;}
.closing .button-secondary:hover {background:#26444d;border-color:#b9ccca;}
.closing a:focus-visible {outline-color:var(--mint);}
.footer {
  background:#fff;
  padding-top:45px;
}
.footer-top {
  display:grid;
  grid-template-columns:180px 1fr 1fr;
  gap:50px;
  padding-bottom:40px;
  align-items:start;
}
.footer-top>p {
  font-size:12px;
  line-height:1.8;
}
.footer-top nav {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  font-size:11px;
  color:var(--muted);
}
.footer a:hover {
  color:var(--green);
}
.footer-bottom {
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:30px;
  padding-block:19px;
  font-size:9px;
  color:#7b8f85;
}
.footer-bottom span:last-child {
  margin-left:auto;
}
.mobile-nav {
  position:fixed;
  z-index:50;
  inset:0;
  background:#f7f9f8;
  padding:75px 26px 35px;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow-y:auto;
}
.mobile-nav>a {
  font-size:18px;
  padding:6px 0;
}
.mobile-nav>a.button {
  font-size:14px;
  padding:14px;
  margin-top:10px;
}
.mobile-nav-close {
  position:absolute;
  top:17px;
  right:23px;
  background:none;
  border:1px solid #ccdbd1;
  border-radius:50%;
  width:37px;
  height:37px;
  font-size:27px;
  line-height:1;
}
.menu-open {
  overflow:hidden;
}
@media(min-width:1600px) {
  .container {
    width:min(1380px,calc(100% - 160px));
  }
  .hero {
    padding-top:82px;
  }
  .hero h1 {
    font-size:74px;
  }
  .hero-lede {
    font-size:18px;
    max-width:760px;
  }
  .partner-strip {
    margin-top:42px;
  }
  .stage-panel {
    padding:35px 38px;
    gap:62px;
    min-height:365px;
  }
  .node {
    min-height:244px;
  }
  .stage-description {
    font-size:13px;
  }
  .pod {
    height:68px;
  }
  .simulation[data-stage="1"] .pod,.simulation[data-stage="2"] .pod,.simulation[data-stage="3"] .pod {
    height:44px;
  }
  .pod span {
    font-size:10px;
  }
  .capability-layout {
    gap:100px;
    grid-template-columns:280px minmax(0,1fr);
  }
}
@media(max-width:1100px) {
  .container {
    width:calc(100% - 48px);
  }
  .header-inner {
    gap:24px;
  }
  .desktop-nav {
    gap:18px;
    font-size:12px;
  }
  .header-cta {
    padding:9px 16px;
  }
  .brand img {
    width:124px;
  }
  .hero h1 {
    font-size:53px;
  }
  .stage-panel {
    gap:26px;
    grid-template-columns:.8fr 1.6fr;
    padding:27px 23px;
  }
  .node-grid {
    gap:7px;
  }
  .node {
    padding:10px 7px;
  }
  .stage-title {
    font-size:22px;
  }
  .stage-description {
    font-size:11px;
  }
  .node-foot {
    font-size:7px;
  }
  .capability-layout {
    gap:36px;
    grid-template-columns:215px minmax(0,1fr);
  }
  .section-nav a {
    font-size:11px;
    gap:9px;
    padding-left:12px;
  }
  .ai-layout {
    gap:55px;
  }
  .ai-copy h2 {
    font-size:44px;
  }
  .footer-top {
    gap:25px;
  }
  .simulation-top {
    padding-inline:23px;
  }
  .simulation-foot {
    padding-inline:23px;
  }
}
@media(max-width:1000px) {
  .desktop-nav {
    display:none;
  }
  .header-cta {
    margin-left:auto;
  }
  .hamburger {
    display:flex;
    flex-direction:column;
    gap:5px;
    background:none;
    border:0;
    padding:12px 4px;
    width:28px;
  }
  .hamburger span {
    height:2px;
    background:var(--ink);
    width:20px;
  }
  .header {
    height:75px;
  }
  .hero {
    padding-top:48px;
  }
  .simulation-top h2 {
    font-size:21px;
  }
  .stage-panel {
    grid-template-columns:1fr;
    gap:26px;
  }
  .stage-story {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:start;
    column-gap:28px;
  }
  .stage-counter {
    grid-column:1;
    margin-bottom:9px;
  }
  .stage-title {
    max-width:none;
    font-size:25px;
    grid-column:1;
  }
  .stage-description {
    grid-column:1;
    margin-top:10px;
    min-height:0;
    max-width:500px;
    font-size:12px;
  }
  .stage-summary {
    grid-column:1;
    max-width:none;
    margin-top:12px;
  }
  .simulation-controls {
    grid-column:2;
    grid-row:1 / span 4;
    align-self:center;
    padding-top:0;
  }
  .node {
    min-height:205px;
  }
  .node-foot {
    font-size:9px;
  }
  .pod {
    height:56px;
  }
  .diagram-head {
    font-size:11px;
  }
  .node-name {
    font-size:10px;
  }
  .pod span {
    font-size:10px;
  }
  .diagram-legend {
    font-size:10px;
  }
  .diagram-result {
    font-size:11px;
  }
  .capability-layout {
    grid-template-columns:190px minmax(0,1fr);
    gap:25px;
  }
  .capability h3 {
    font-size:31px;
  }
  .feature-visual {
    padding:22px;
  }
  .ai-layout {
    gap:35px;
  }
  .ai-copy h2 {
    font-size:39px;
  }
  .ai-copy .ai-lede {
    font-size:16px;
  }
  .ai-copy p {
    font-size:12px;
  }
  .ai-map {
    padding:22px;
  }
  .ai-map-head {
    font-size:7px;
  }
  .ai-request strong {
    font-size:11px;
  }
  .ai-track small {
    font-size:8px;
  }
  .product-grid {
    gap:28px;
  }
  .product-grid h3 {
    font-size:20px;
  }
  .closing-inner {align-items:flex-start;flex-direction:column;gap:24px;}
}
@media(max-width:760px) {
  html {
    scroll-padding-top:95px;
  }
  .container {
    width:calc(100% - 36px);
  }
  .header-inner {
    gap:19px;
  }
  .header-cta {
    font-size:12px;
    padding:7px 13px;
    gap:14px;
  }
  .brand img {
    width:118px;
    height:28px;
  }
  .hero {
    padding-top:39px;
  }
  .hero .eyebrow {
    font-size:9px;
    letter-spacing:.045em;
    margin-bottom:22px;
    gap:8px;
  }
  .hero h1 {
    font-size:clamp(34px,6.5vw,47px);
    line-height:1.12;
    letter-spacing:-.05em;
  }
  .hero-lede {
    font-size:14px;
    line-height:1.7;
    max-width:510px;
    margin-top:21px;
  }
  .hero-actions {
    gap:9px;
    margin-top:23px;
    flex-wrap:wrap;
  }
  .button {
    font-size:12px;
    min-height:47px;
    padding:12px 19px;
    gap:20px;
  }
  .hero-promises {
    gap:8px 17px;
    flex-wrap:wrap;
    font-size:9px;
    margin-top:18px;
  }
  .partner-strip {
    gap:22px;
    margin-top:27px;
    padding:21px 0;
    flex-wrap:wrap;
  }
  .partner-strip>span:first-child {
    flex-basis:100%;
    text-align:center;
    font-size:10px;
  }
  .partner-strip img {
    height:24px;
    max-width:135px;
  }
  .partner-strip a {
    min-height:27px;
  }
  .partner-strip .partner-divider {
    height:22px;
  }
  .simulation-section {
    padding:19px 0 52px;
  }
  .simulation-top {
    padding:20px;
    align-items:flex-start;
  }
  .simulation-top .eyebrow {
    font-size:8px;
    margin-bottom:9px;
  }
  .simulation-top h2 {
    font-size:20px;
    max-width:330px;
  }
  .illustration-label {
    font-size:8px;
    max-width:90px;
    white-space:normal;
    line-height:1.5;
    text-align:center;
    padding:4px 7px;
  }
  .simulation-tabs button {
    font-size:10px;
    padding:15px 3px;
    gap:5px;
    flex-direction:column;
  }
  .simulation-tabs button span {
    font-size:8px;
  }
  .stage-panel {
    padding:23px 20px;
  }
  .stage-story {
    grid-template-columns:1fr;
    gap:0;
    min-height:225px;
  }
  .stage-counter {
    font-size:9px;
    margin-bottom:10px;
  }
  .stage-title {
    font-size:24px;
    max-width:350px;
  }
  .stage-description {
    font-size:11px;
    line-height:1.75;
    min-height:58px;
  }
  .stage-summary {
    font-size:10px;
    margin-top:12px;
    min-height:30px;
  }
  .simulation-controls {
    grid-column:1;
    grid-row:auto;
    padding-top:16px;
    justify-self:start;
  }
  .node-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .node {
    min-height:170px;
    padding:11px;
  }
  .pod-slot {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:7px;
    margin-top:10px;
  }
  .pod {
    height:69px;
  }
  .pod span {
    font-size:8px;
    padding:5px;
  }
  .pod i {
    height:22px;
  }
  .simulation[data-stage="1"] .pod,.simulation[data-stage="2"] .pod,.simulation[data-stage="3"] .pod {
    height:46px;
  }
  .node-foot {
    font-size:8px;
    padding-top:8px;
  }
  .diagram-head {
    font-size:10px;
  }
  .diagram-state {
    font-size:8px;
  }
  .diagram-legend {
    font-size:8px;
    gap:10px;
    flex-wrap:wrap;
  }
  .diagram-result {
    font-size:9px;
    margin-left:auto;
  }
  .simulation-foot {
    padding:13px 20px;
    flex-direction:column;
    align-items:flex-start;
    font-size:9px;
    gap:10px;
  }
  .section {
    padding:65px 0;
  }
  .section-heading {
    margin-bottom:34px;
  }
  .section-heading .eyebrow {
    font-size:9px;
    margin-bottom:16px;
  }
  .section-heading h2 {
    font-size:33px;
    line-height:1.14;
  }
  .section-heading>p:last-child:not(.eyebrow) {
    font-size:13px;
    max-width:420px;
    margin-top:18px;
  }
  .capability-layout {
    display:block;
  }
  .section-nav {
    position:sticky;
    top:75px;
    z-index:10;
    flex-direction:row;
    gap:0;
    background:var(--paper);
    margin:0 -18px 34px;
    padding:8px 18px;
    border-bottom:1px solid var(--line);
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .section-nav a {
    white-space:nowrap;
    flex-shrink:0;
    border:0;
    border-bottom:2px solid transparent;
    padding:10px 12px;
    font-size:10px;
    gap:6px;
  }
  .section-nav a span {
    font-size:8px;
  }
  .section-nav a[aria-current] {
    border-bottom-color:var(--green);
  }
  .capability {
    scroll-margin-top:155px;
    margin-bottom:45px;
    padding-bottom:45px;
  }
  .capability h3 {
    font-size:31px;
    margin:15px 0;
  }
  .section-kicker {
    font-size:9px;
  }
  .capability-copy p {
    font-size:13px;
    line-height:1.75;
  }
  .text-link {
    font-size:12px;
    gap:18px;
  }
  .feature-visual {
    padding:21px 20px;
    margin-top:26px;
  }
  .visual-caption {
    font-size:10px;
  }
  .small-badge {
    font-size:8px;
  }
  .chart-legend {
    font-size:8px;
    margin-top:23px;
  }
  .chart-labels {
    font-size:8px;
  }
  .visual-note {
    font-size:9px;
    line-height:1.7;
  }
  .packing-before,.packing-after {
    gap:8px;
  }
  .packing-before>div,.packing-after>div {
    padding:7px;
    min-height:108px;
    gap:6px;
  }
  .packing-visual b {
    font-size:7px;
    padding:4px;
  }
  .packing-connector {
    font-size:8px;
  }
  .packing-after .freed-nodes {
    font-size:9px;
  }
  .instance-options {
    gap:10px;
  }
  .instance-options>div {
    padding:17px 14px;
  }
  .instance-options h4 {
    font-size:14px;
  }
  .instance-options p {
    font-size:10px;
  }
  .profile-bars>div {
    font-size:9px;
    gap:10px;
  }
  .control-flow li {
    gap:12px;
  }
  .control-flow strong {
    font-size:12px;
  }
  .control-flow p {
    font-size:10px;
  }
  .ai-section {
    padding:64px 0;
  }
  .ai-layout {
    grid-template-columns:1fr;
    gap:34px;
  }
  .ai-copy h2 {
    font-size:42px;
    margin:22px 0;
  }
  .ai-copy p {
    font-size:13px;
    max-width:510px;
  }
  .ai-copy .ai-lede {
    font-size:17px;
  }
  .ai-copy .eyebrow {
    font-size:8px;
  }
  .ai-map {
    max-width:510px;
    width:100%;
    padding:23px;
  }
  .ai-map-head {
    font-size:8px;
  }
  .ai-track small {
    font-size:10px;
  }
  .ai-request strong {
    font-size:12px;
  }
  .ai-track {
    padding-left:24px;
  }
  .ai-track>div {
    padding-block:16px;
  }
  .product-grid {
    grid-template-columns:1fr;
    gap:30px;
  }
  .item-number {
    margin-bottom:13px;
  }
  .product-grid article {
    padding-bottom:25px;
    border-bottom:1px solid #d8e3db;
  }
  .product-grid article:last-child {
    padding-bottom:0;
    border:0;
  }
  .product-grid h3 {
    font-size:23px;
    margin-bottom:10px;
  }
  .product-grid p {
    max-width:490px;
    font-size:13px;
  }
  .how-section .product-grid article {
    border:0;
    padding:0;
  }
  .step-line {
    margin-bottom:17px;
  }
  .closing {padding:36px 0;}
  .closing h2 {font-size:28px;}
  .closing-actions {width:100%;max-width:420px;flex-direction:column;align-items:stretch;}
  .closing .button {justify-content:space-between;}
  .footer {
    padding-top:35px;
  }
  .footer-top {
    grid-template-columns:1fr 1fr;
    gap:25px;
    padding-bottom:30px;
  }
  .footer-top>p {
    font-size:10px;
  }
  .footer-top nav {
    grid-column:span 2;
    font-size:11px;
    gap:15px;
  }
  .footer-bottom {
    flex-wrap:wrap;
    gap:12px 20px;
    font-size:8px;
  }
  .footer-bottom span:last-child {
    margin-left:0;
    width:100%;
  }
  .mobile-nav>a {
    font-size:17px;
  }
}
@media(max-width:380px) {
  .hero h1 {
    font-size:32px;
  }
  .hero-actions {
    flex-direction:column;
    align-items:stretch;
    padding-inline:10px;
  }
  .hero-promises {
    font-size:8px;
    gap:6px 10px;
  }
  .simulation-top h2 {
    font-size:18px;
  }
  .illustration-label {
    display:none;
  }
  .stage-title {
    font-size:22px;
  }
  .stage-panel {
    padding-inline:16px;
  }
  .simulation-foot {
    padding-inline:16px;
  }
  .stage-description {
    min-height:76px;
  }
  .simulation-tabs button {
    font-size:9px;
  }
  .diagram-result {
    width:100%;
    margin-left:0;
  }
  .capability h3 {
    font-size:29px;
  }
  .section-heading h2 {
    font-size:30px;
  }
  .feature-visual {
    padding-inline:15px;
  }
  .ai-map {
    padding:19px;
  }

}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important;
  }
  .button:hover {
    transform:none;
  }
}

/* The illustration changes topology, resource reservations and instance choice. */
.cluster-diagram {position:relative;}
.node-grid {display:flex;gap:12px;position:relative;min-height:260px;align-items:stretch;flex:none;}
.node {flex:1;min-width:0;min-height:260px;}
.node[hidden],.instance-comparison[hidden] {display:none;}
.node-name {font-size:10px;letter-spacing:.02em;white-space:normal;}
.pod-slot {display:flex;flex-direction:column;gap:10px;}
.pod {z-index:3;height:74px;transition:height 1.6s cubic-bezier(.2,.7,.2,1),background .7s;}
.pod span {font-size:11px;padding:7px 8px;}
.pod i {height:18px;}
.pod[data-pod="1"] i,.pod[data-pod="4"] i {height:14px;}
.simulation[data-stage="1"] .pod,.simulation[data-stage="2"] .pod,.simulation[data-stage="3"] .pod {height:42px;}
.node-foot {font-size:10px;color:#6a8178;line-height:1.5;}
.simulation[data-stage="2"] .node-grid,.simulation[data-stage="3"] .node-grid {gap:18px;}
.simulation[data-stage="2"] .node,.simulation[data-stage="3"] .node {background:#f3faf7;border-color:#8dbba7;}
.node-removal {position:absolute;z-index:2;pointer-events:none;border:1px dashed #6ea58b;border-radius:9px;background:#edf8f2;display:grid;place-items:center;font-size:12px;color:#327657;}
.resource-ledger {margin-top:22px;padding:16px 0 4px;border-top:1px solid #dce6e1;--cpu-cap:100%;--cpu-req:75%;--ram-cap:100%;--ram-req:37.5%;}
.resource-row {display:grid;grid-template-columns:30px minmax(0,1fr) 96px;gap:12px;align-items:center;margin-bottom:10px;font-size:10px;color:#63796f;}
.resource-values {font-size:11px;text-align:right;font-variant-numeric:tabular-nums;color:#254338;}
.resource-track {height:14px;position:relative;background:#eef2f0;border-radius:4px;}
.resource-track i {position:absolute;left:0;top:0;height:14px;border-radius:4px;transition:width 1.7s cubic-bezier(.22,.7,.2,1);}
.resource-capacity {width:var(--cpu-cap);border:1px solid #82958c;background:#e6ece8;}
.resource-request {width:var(--cpu-req);background:#b8cafb;border:1px solid #8ba8ee;}
.resource-usage {width:18.75%;background:#3ba77d;border:1px solid #25926a;}
.resource-row:nth-child(2) .resource-capacity {width:var(--ram-cap);}
.resource-row:nth-child(2) .resource-request {width:var(--ram-req);}
.resource-row:nth-child(2) .resource-usage {width:9.375%;}
.simulation:not([data-stage="0"]) .resource-ledger {--cpu-req:37.5%;--ram-req:18.75%;}
.simulation[data-stage="2"] .resource-ledger {--cpu-cap:50%;--ram-cap:50%;}
.simulation[data-stage="3"] .resource-ledger {--cpu-cap:50%;--ram-cap:25%;}
.resource-key {display:flex;gap:14px;font-size:9px;flex-wrap:wrap;color:#73877c;}
.resource-key span:first-child {color:#288d65;}
.resource-key span:nth-child(2) {color:#5e7cc3;}
.instance-comparison {margin:0 0 18px;}
.comparison-heading {font-size:11px;color:#6a7f75;margin-bottom:10px;}
.comparison-heading strong {color:#274738;}
.instance-options {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.instance-option {padding:15px;border:1px solid #d4dfd9;border-radius:9px;background:#fff;}
.instance-option h4 {font-size:14px;margin:10px 0 14px;font-weight:600;}
.instance-option .option-tag {font-size:10px;display:flex;gap:6px;justify-content:space-between;color:#647c70;}
.option-tag b {color:#21805b;font-weight:600;}
.option-meter {display:grid;grid-template-columns:25px 1fr 18px;gap:8px;align-items:center;font-size:10px;margin:7px 0;color:#73857c;}
.option-meter i {display:block;background:linear-gradient(to right,#9eb7ce var(--fill),#eef3f0 var(--fill));height:7px;border-radius:3px;}
.option-meter b {font-weight:500;text-align:right;}
.instance-option p {margin:14px 0 3px;font-size:10px;color:#728379;}
.instance-option p strong {font-size:25px;font-weight:600;color:#203d30;}
.instance-option small {font-size:10px;color:#71877a;}
.instance-option.is-selected {border:2px solid #32966c;padding:14px;background:#edf8f2;box-shadow:0 4px 20px #3f946817;}
.instance-option.is-selected .option-meter i {background:linear-gradient(to right,#56b48a var(--fill),#dceee3 var(--fill));}
.simulation[data-stage="3"] .node-grid {min-height:210px;}
.simulation[data-stage="3"] .node {min-height:210px;}
.simulation[data-stage="3"] .pod-slot {flex-direction:row;gap:7px;}
.simulation[data-stage="3"] .pod {flex:1;min-width:0;height:64px;}
.simulation[data-stage="3"] .pod span {font-size:10px;padding:6px 5px;}
.diagram-legend {flex-wrap:wrap;}
@media(max-width:700px) {
  .node-grid {flex-wrap:wrap;gap:10px;min-height:0;}
  .node {flex:1 1 calc(50% - 10px);min-height:205px;}
  .node-name {font-size:10px;}
  .pod {height:67px;}
  .pod span {font-size:11px;}
  .node-foot {font-size:9px;}
  .simulation[data-stage="2"] .node,.simulation[data-stage="3"] .node {flex-basis:calc(50% - 18px);}
  .simulation[data-stage="3"] .node {min-height:220px;}
  .simulation[data-stage="3"] .pod-slot {flex-direction:column;}
  .simulation[data-stage="3"] .pod {flex:none;width:100%;height:42px;}
  .instance-option {padding:10px;}
  .instance-option.is-selected {padding:9px;}
  .instance-option h4 {font-size:11px;}
  .option-tag {flex-wrap:wrap;min-height:28px;}
  .instance-option small {font-size:9px;}
  .resource-row {grid-template-columns:25px minmax(0,1fr) 78px;gap:7px;}
  .resource-values {font-size:10px;}
  .resource-key {gap:9px;font-size:8px;}
}
@media(prefers-reduced-motion:reduce) {
  .pod,.resource-track i {transition:none;}
}
.pod i,.diagram-legend .legend-used {background:#66b693;border-color:#4fa47f;}