/* [project]/app/globals.css [app-client] (css) */
html, body {
  margin: 0;
}

body {
  background: #f5f7fb;
}

.host-sketch a, .host-sketch a:hover, .host-sketch a:focus, .host-sketch a:focus-visible, .stage a, .stage a:hover, .stage a:focus, .stage a:focus-visible {
  text-decoration: none;
}

.legal-page {
  --ink: #101828;
  --muted: #667085;
  --line: #e4e7ec;
  --soft-line: #d6e4f0;
  --blue: #0ea5e9;
  --teal: #12b76a;
  color: var(--ink);
  border-top: 1px solid var(--line);
  background: linear-gradient(90deg, #0ea5e90b 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#0ea5e90b 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#f7fbff 0%, #fff 48%, #f8fafc 100%);
}

.legal-toc a, .legal-contact-block a {
  color: inherit;
  text-decoration: none;
}

.legal-hero {
  background: radial-gradient(circle at 86% 18%, #12b76a29, #0000 28%), radial-gradient(circle at 16% 20%, #0ea5e924, #0000 30%), linear-gradient(135deg, #fff 0%, #f7fbff 100%);
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: end;
  gap: 28px;
  padding: 58px 56px 38px;
  display: grid;
}

.legal-kicker {
  color: #0369a1;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 850;
}

.legal-hero h1 {
  color: #0f172a;
  letter-spacing: 0;
  margin: 0;
  font-size: 56px;
  line-height: 1.02;
}

.legal-hero p:last-child {
  color: #475467;
  max-width: 720px;
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.65;
}

.legal-meta-card {
  border: 1px solid var(--soft-line);
  background: #ffffffb8;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 14px 34px #0f172a0f;
}

.legal-meta-card span, .legal-meta-card small {
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
  display: block;
}

.legal-meta-card b {
  color: #101828;
  margin: 6px 0;
  font-size: 16px;
  display: block;
}

.legal-highlights {
  background: #fff;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 56px 28px;
  display: grid;
}

.legal-highlight {
  border-left: 3px solid var(--blue);
  background: #f8fafc;
  border-radius: 10px;
  padding: 15px 16px;
}

.legal-highlight:nth-child(2) {
  border-left-color: var(--teal);
}

.legal-highlight:nth-child(3) {
  border-left-color: #f79009;
}

.legal-highlight b, .legal-highlight span {
  display: block;
}

.legal-highlight b {
  color: #101828;
  font-size: 14px;
}

.legal-highlight span {
  color: #667085;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.5;
}

.legal-layout {
  border-top: 1px solid var(--line);
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 34px;
  padding: 38px 56px 48px;
  display: grid;
}

.legal-toc {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  align-self: start;
  padding: 16px;
  position: sticky;
  top: 18px;
  box-shadow: 0 14px 34px #0f172a0a;
}

.legal-toc span {
  color: #0f172a;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.legal-toc a {
  color: #667085;
  border-top: 1px solid #eef2f7;
  padding: 9px 0;
  font-size: 13px;
  line-height: 1.35;
  display: block;
}

.legal-article {
  gap: 18px;
  display: grid;
}

.legal-note, .legal-section, .legal-contact-block {
  border: 1px solid var(--line);
  background: #ffffffeb;
  border-radius: 14px;
  box-shadow: 0 14px 34px #0f172a0a;
}

.legal-note {
  color: #475467;
  background: linear-gradient(135deg, #f0f9ff, #fff);
  border-color: #bae6fd;
  padding: 18px 20px;
  font-size: 14px;
  line-height: 1.65;
}

.legal-section {
  padding: 24px 26px;
}

.legal-section h2 {
  color: #101828;
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.15;
}

.legal-section p {
  color: #475467;
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
}

.legal-section p + p {
  margin-top: 12px;
}

.legal-section ul, .legal-section ol {
  color: #475467;
  gap: 10px;
  margin: 14px 0 0;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
  display: grid;
}

.legal-section li::marker {
  color: var(--blue);
}

.legal-table-wrap {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-top: 16px;
  overflow-x: auto;
}

.legal-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 420px;
}

.legal-table-wrap th, .legal-table-wrap td {
  color: #475467;
  text-align: left;
  border-bottom: 1px solid #eef2f7;
  padding: 13px 15px;
  font-size: 14px;
}

.legal-table-wrap th {
  color: #101828;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 850;
}

.legal-table-wrap tr:last-child td {
  border-bottom: 0;
}

.legal-contact-block {
  background: linear-gradient(90deg, #0ea5e914, #0000 42%), #fff;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  display: flex;
}

.legal-contact-block span, .legal-contact-block b {
  display: block;
}

.legal-contact-block span {
  color: #667085;
  font-size: 13px;
}

.legal-contact-block b {
  color: #101828;
  margin-top: 5px;
  font-size: 17px;
}

.legal-contact-block a {
  color: #fff;
  white-space: nowrap;
  background: linear-gradient(135deg, #13c9ff 0%, #0c99dc 52%, #006db7 100%);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.posts-shell {
  --posts-blue: #0ea5e9;
  --posts-ink: #0f172a;
  --posts-muted: #475467;
  --posts-line: #d6e4f0;
  background: linear-gradient(90deg, #09a8f50e 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14b8a60d 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#edf9ff 0%, #f8fbff 50%, #fff 100%);
}

.posts-page {
  color: var(--posts-ink);
}

.posts-index-hero {
  text-align: center;
  padding: 42px 42px 24px;
}

.posts-index-hero span, .posts-index-card span {
  color: #0ea5e9;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.posts-index-hero h1 {
  max-width: none;
  color: var(--posts-ink);
  letter-spacing: 0;
  white-space: nowrap;
  margin: 10px auto;
  font-size: 44px;
  line-height: 1.05;
}

.posts-index-hero p {
  max-width: 680px;
  color: var(--posts-muted);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
}

.posts-index-divider {
  background: var(--posts-line);
  height: 1px;
  margin: 0 42px 28px;
}

.posts-index-featured, .posts-index-section {
  padding: 0 42px 34px;
}

.posts-index-featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.posts-index-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin: 8px 0 16px;
  display: flex;
}

.posts-index-heading h2 {
  color: #0ea5e9;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.posts-index-heading a {
  color: #0ea5e9;
  font-size: 13px;
  font-weight: 850;
}

.posts-index-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.posts-index-card {
  border: 1px solid var(--posts-line);
  min-height: 250px;
  color: inherit;
  background: radial-gradient(circle at 82% 18%, #0ea5e914, #0000 30%), #fff;
  border-radius: 14px;
  align-content: space-between;
  padding: 0 22px 22px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 16px 34px #0f172a0d;
}

.posts-index-card-featured {
  background: radial-gradient(circle at 82% 18%, #10b9811f, #0000 30%), radial-gradient(circle at 18% 76%, #0ea5e91a, #0000 30%), linear-gradient(135deg, #fff 0%, #f8fbff 60%, #f1fff9 100%);
  align-content: start;
  min-height: 150px;
  padding: 18px 28px 24px;
  position: relative;
}

.posts-index-side {
  gap: 18px;
  display: grid;
}

.posts-index-row-card {
  border: 1px solid var(--posts-line);
  min-height: 150px;
  color: inherit;
  background: radial-gradient(circle at 88% 18%, #0ea5e914, #0000 30%), linear-gradient(135deg, #fff 0%, #f8fbff 100%);
  border-radius: 14px;
  align-content: start;
  padding: 18px 28px 24px;
  display: grid;
  box-shadow: 0 16px 34px #0f172a0d;
}

.posts-index-card-top {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.posts-index-card-top small {
  color: var(--posts-muted);
  font-size: 12px;
  font-weight: 400;
}

.posts-index-card img {
  object-fit: cover;
  background: #e2e8f0;
  width: calc(100% + 44px);
  height: 130px;
  margin: 0 -22px 20px;
  display: block;
}

.posts-index-card-featured img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.posts-index-card-featured:after {
  content: "";
  background: linear-gradient(#03071247, #030712d1);
  position: absolute;
  inset: 0;
}

.posts-index-featured-copy {
  z-index: 1;
  gap: 0;
  display: grid;
  position: relative;
}

.posts-index-card h2, .posts-index-card h3, .posts-index-row-card h2 {
  color: var(--posts-ink);
  letter-spacing: 0;
  margin: 14px 0 28px;
  line-height: 1.12;
}

.posts-index-card h2, .posts-index-row-card h2 {
  font-size: 30px;
}

.posts-index-row-card h2, .posts-index-card-featured h2 {
  margin-bottom: 12px;
  font-size: 28px;
}

.posts-index-card-featured .posts-index-card-top span, .posts-index-card-featured .posts-index-card-top small, .posts-index-card-featured h2 {
  color: #fff;
}

.posts-index-card-featured p {
  color: #ffffffd1;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.posts-index-row-card p {
  color: var(--posts-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.posts-index-card h3 {
  font-size: 18px;
}

.posts-index-meta {
  color: var(--posts-muted);
  justify-content: space-between;
  gap: 14px;
  font-size: 13px;
  display: flex;
}

.posts-index-card b, .posts-index-card small {
  font-size: inherit;
}

.posts-index-card small {
  white-space: nowrap;
}

.posts-hero {
  padding: 28px 42px 26px;
}

.posts-back-link {
  color: #0369a1;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #ffffffc2;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 0 13px 0 8px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 12px 26px #0ea5e914;
}

.posts-back-link span {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #10b981);
  border-radius: 999px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 1;
  display: grid;
}

.posts-back-link:hover, .posts-back-link:focus-visible {
  border-color: #7dd3fc;
  transform: translateY(-1px);
}

.posts-hero h1 {
  max-width: 1078px;
  color: var(--posts-ink);
  letter-spacing: 0;
  margin: 14px 0;
  font-size: 50px;
  line-height: 1.05;
}

.posts-hero p {
  color: var(--posts-muted);
  max-width: 946px;
  margin: 0;
  font-size: 16px;
  line-height: 1.72;
}

.posts-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .58fr);
  align-items: start;
  gap: 20px;
  padding: 0 42px 48px;
  display: grid;
}

.posts-main-column {
  gap: 16px;
  display: grid;
}

.posts-feature, .posts-sidebar, .posts-note, .posts-timeline article, .posts-quick-panel {
  border: 1px solid var(--posts-line);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 34px #0f172a0d;
}

.posts-feature {
  background: radial-gradient(circle at 86% 14%, #10b9811a, #0000 28%), radial-gradient(circle at 18% 8%, #0ea5e917, #0000 30%), radial-gradient(circle at 78% 88%, #f59e0b14, #0000 30%), linear-gradient(135deg, #fff 0%, #f8fbff 54%, #fff9f0 100%);
  padding: 34px 36px;
}

.posts-feature h2 {
  color: #0f172a;
  letter-spacing: 0;
  margin: 16px 0;
  font-size: 40px;
  line-height: 1.07;
}

.posts-meta {
  color: var(--posts-muted);
  letter-spacing: .04em;
  margin: 0;
  font-size: 12px;
  font-weight: 750;
}

.posts-intro {
  color: var(--posts-muted);
  margin: 14px 0 24px;
  font-size: 16px;
  line-height: 1.72;
}

.posts-feature h3 {
  color: #0f172a;
  margin: 20px 0 8px;
  font-size: 20px;
}

.posts-feature ul {
  color: var(--posts-muted);
  margin: 0;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
}

.posts-feature ul li + li {
  margin-top: 9px;
}

.posts-feature blockquote {
  border-left: 4px solid var(--posts-blue);
  color: #0f172a;
  margin: 20px 0;
  padding: 14px 0 14px 16px;
  font-size: 16px;
  font-style: italic;
  line-height: 1.7;
}

.posts-note {
  gap: 6px;
  margin: 20px 0 0;
  padding: 16px 18px;
  display: grid;
}

.posts-note b {
  color: var(--posts-ink);
  font-size: 14px;
}

.posts-note p {
  color: var(--posts-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.posts-timeline {
  margin-top: 22px;
}

.posts-timeline h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

.posts-timeline-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.posts-timeline article {
  padding: 16px;
}

.posts-timeline small {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #06b6d4);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 850;
  display: inline-flex;
}

.posts-timeline b {
  color: #0f172a;
  margin-bottom: 8px;
  font-size: 16px;
  display: block;
}

.posts-timeline span {
  color: var(--posts-muted);
  font-size: 14px;
  line-height: 1.5;
}

.posts-links {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.posts-inline-link, .posts-sidebar-title {
  color: #0ea5e9;
  font-size: 13px;
  font-weight: 750;
}

.posts-sidebar {
  padding: 24px 22px;
}

.posts-sidebar-column {
  gap: 16px;
  display: grid;
}

.posts-sidebar h3 {
  color: #0f172a;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  font-size: 19px;
  display: flex;
}

.posts-sidebar h3:before, .posts-quick-panel h4:before {
  content: "";
  background: linear-gradient(135deg, #ffffffc7, #fff0), linear-gradient(135deg, #0ea5e9, #10b981);
  border-radius: 7px;
  flex: none;
  width: 22px;
  height: 22px;
  box-shadow: 0 8px 18px #0ea5e92e;
}

.posts-quick-panel h4:before {
  background: linear-gradient(135deg, #ffffffc7, #fff0), linear-gradient(135deg, #10b981, #f59e0b);
}

.posts-sidebar ul {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.posts-sidebar li {
  border-bottom: 1px solid #eef2f7;
  padding: 0 0 12px;
}

.posts-sidebar li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.posts-sidebar span {
  color: #64748b;
  margin-top: 6px;
  font-size: 11.5px;
  display: block;
}

.posts-quick-panel {
  padding: 20px 18px;
}

.posts-quick-panel h4 {
  color: #0f172a;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  font-size: 16px;
  display: flex;
}

.posts-quick-panel ul {
  color: var(--posts-muted);
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.62;
  list-style: none;
}

.posts-quick-panel li {
  border-top: 1px solid #eef2f7;
  padding: 10px 0;
}

.posts-quick-panel li:first-child {
  border-top: 0;
  padding-top: 0;
}

.posts-quick-panel li:last-child {
  padding-bottom: 0;
}

.posts-deployment-cta {
  background: linear-gradient(90deg, #0ea5e914 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#0ea5e914 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(90deg, #082232 0%, #092c33 66%, #113743 100%);
  border: 1px solid #0ea5e957;
  border-left: 4px solid #0ea5e9;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) 270px;
  align-items: center;
  margin: 0;
  display: grid;
  overflow: hidden;
}

.posts-deployment-cta div {
  padding: 22px 18px;
}

.posts-deployment-cta span {
  color: #7dd3fc;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  display: block;
}

.posts-deployment-cta p {
  color: #b7c6d8;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.posts-deployment-button {
  color: #fff;
  background: linear-gradient(135deg, #13c9ff 0%, #0ea5e9 48%, #0284c7 100%);
  border-radius: 7px;
  justify-content: center;
  justify-self: center;
  align-items: center;
  min-height: 41px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 14px 30px #0ea5e933;
}

@media (max-width: 1040px) {
  .posts-index-featured, .posts-index-grid, .posts-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .posts-index-hero, .posts-index-featured, .posts-index-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .posts-index-hero h1 {
    white-space: normal;
    font-size: 34px;
  }

  .posts-index-card, .posts-index-card-featured, .posts-index-row-card {
    min-height: 220px;
  }

  .posts-index-card div {
    flex-direction: column;
    gap: 4px;
  }

  .posts-hero {
    padding: 24px 16px 22px;
  }

  .posts-hero h1 {
    margin-top: 12px;
    font-size: 38px;
  }

  .posts-layout {
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .posts-feature {
    padding: 22px;
  }

  .posts-feature h2 {
    font-size: 32px;
  }

  .posts-timeline-grid, .posts-deployment-cta {
    grid-template-columns: 1fr;
  }

  .posts-deployment-button {
    justify-self: start;
    margin: 0 18px 20px;
  }
}

@media (max-width: 860px) {
  .legal-hero {
    grid-template-columns: 1fr;
    padding: 36px 16px 28px;
  }

  .legal-hero h1 {
    font-size: 38px;
  }

  .legal-hero p:last-child {
    font-size: 15px;
  }

  .legal-highlights {
    grid-template-columns: 1fr;
    padding: 0 16px 26px;
  }

  .legal-layout {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 26px 16px 34px;
  }

  .legal-toc {
    position: static;
  }

  .legal-section {
    padding: 20px 18px;
  }

  .legal-section h2 {
    font-size: 21px;
  }

  .legal-contact-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

.nav-links a {
  color: inherit;
  text-decoration: none;
  position: relative;
}

.nav-links a:before {
  content: "";
  opacity: 0;
  background: #13c9ff;
  border-radius: 999px;
  height: 2px;
  transition: opacity .18s, transform .18s;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  transform: translateY(-3px);
}

.nav-links a:hover:before, .nav-links a:focus-visible:before {
  opacity: 1;
  transform: translateY(0);
}

.product-shell {
  --product-blue: #0ea5e9;
  --product-green: #10b981;
  --product-amber: #f59e0b;
  --product-violet: #7c3aed;
  --product-ink: #0f172a;
  --product-muted: #64748b;
  background: linear-gradient(90deg, #09a8f50e 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14b8a60d 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#edf9ff 0%, #f8fbff 50%, #fff 100%);
}

.product-stage, .product-shell main {
  background: #fff;
}

.product-hero {
  background: radial-gradient(circle at 84% 12%, #10b98129, #0000 26%), radial-gradient(circle at 18% 4%, #0ea5e92e, #0000 28%), linear-gradient(135deg, #f8fbff 0%, #fff 50%, #fff7ed 100%);
  border-top: 1px solid #eef2f7;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 510px);
  align-items: center;
  gap: 34px;
  padding: 58px 42px 42px;
  display: grid;
}

.product-shell-dedicated .product-hero {
  color: #fff;
  background: none;
  border-top-color: #7dd3fc2e;
  grid-template-columns: minmax(0, 760px);
  align-content: center;
  align-items: start;
  min-height: 320px;
  padding-top: 34px;
  padding-bottom: 34px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.product-shell-dedicated .product-hero-shell {
  background: linear-gradient(90deg, #03131fcc 0%, #03131f8a 42%, #03131f29 100%), url("/images/home-datacenter-racks.png") 50% 38% / cover no-repeat;
  position: relative;
  overflow: hidden;
}

.product-shell-dedicated .product-hero-shell:before, .product-shell-dedicated .product-hero-shell:after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.product-shell-dedicated .product-hero-shell:before {
  background: radial-gradient(circle at 14% 26%, #47ffdad1 0 2px, #0000 3px), radial-gradient(circle at 31% 68%, #00d6b2b8 0 2px, #0000 3px), radial-gradient(circle at 64% 32%, #5ceeff80 0 2px, #0000 3px), radial-gradient(circle at 84% 72%, #29b4877a 0 2px, #0000 3px), repeating-radial-gradient(at 68% 44%, #5effda12 0 1px, #0000 1px 22px), repeating-radial-gradient(at 18% 70%, #5ceeff0b 0 1px, #0000 1px 18px);
}

.product-shell-dedicated .product-hero-shell:after {
  background: linear-gradient(118deg, #0000 0 33%, #47ffda3d 33% 33.22%, #0000 33.22% 100%), linear-gradient(28deg, #0000 0 52%, #00d6b238 52% 52.22%, #0000 52.22% 100%), linear-gradient(152deg, #0000 0 62%, #5ceeff29 62% 62.2%, #0000 62.2% 100%), linear-gradient(90deg, #020e16bd, #0000 42%, #02191a47);
}

.product-shell-dedicated .product-hero-copy {
  z-index: 2;
  position: relative;
}

.product-shell-dedicated .product-visual {
  display: none;
}

.product-shell-dedicated .product-hero h1 {
  color: #fff;
}

.product-shell-dedicated .product-hero p {
  color: #ebf8ffd1;
}

.product-shell-dedicated .product-actions .btn.secondary {
  color: #e0f2fe;
  background: #ffffff14;
  border-color: #bae6fd47;
}

.product-shell-dedicated .product-starting span, .product-shell-dedicated .product-starting small {
  color: #dbeafe;
}

.product-shell-dedicated .product-starting b {
  color: #fff;
}

.product-shell-dedicated .hero-bullet-grid span {
  color: #dbeafe;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0814208f;
  border-color: #94a3b838;
}

.product-shell-dedicated .product-starting, .product-shell-dedicated .hero-bullet-grid {
  display: none;
}

.product-eyebrow, .section-heading span, .explainer-panel > span, .product-cta span {
  color: #0369a1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.product-hero h1 {
  max-width: 780px;
  color: var(--product-ink);
  letter-spacing: 0;
  margin: 18px 0 16px;
  font-size: 58px;
  line-height: 1.01;
}

.product-hero p {
  color: #475569;
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}

.product-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  display: flex;
}

.product-actions a, .product-cta a, .plan-command {
  text-decoration: none;
}

.product-starting {
  color: var(--product-muted);
  align-items: end;
  gap: 7px;
  margin-top: 26px;
  display: flex;
}

.product-starting span, .product-starting small {
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 750;
}

.product-starting b {
  color: var(--product-ink);
  letter-spacing: 0;
  font-size: 46px;
  line-height: 1;
}

.hero-bullet-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 560px;
  margin-top: 24px;
  display: grid;
}

.hero-bullet-grid span {
  color: #334155;
  letter-spacing: .005em;
  background: #ffffffb8;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  min-height: 42px;
  padding: 0 14px 0 38px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
  position: relative;
  box-shadow: 0 12px 28px #0f172a0a;
}

.hero-bullet-grid span:before {
  content: "";
  background: linear-gradient(135deg, var(--product-blue), var(--product-green));
  border-radius: 4px;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 14px;
  box-shadow: 0 0 0 4px #0ea5e91c;
}

.product-visual {
  background: linear-gradient(90deg, #ffffff0f 1px, #0000 1px) 0 0 / 26px 26px, linear-gradient(#ffffff0e 1px, #0000 1px) 0 0 / 26px 26px, radial-gradient(circle at 28% 20%, #13c9ff52, #0000 30%), linear-gradient(145deg, #071827 0%, #0f2740 58%, #123f52 100%);
  border: 1px solid #dbeafe;
  border-radius: 16px;
  min-height: 430px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 60px #0f172a29;
}

.product-visual-dedicated {
  background: linear-gradient(90deg, #ffffff0e 1px, #0000 1px) 0 0 / 26px 26px, linear-gradient(#ffffff0d 1px, #0000 1px) 0 0 / 26px 26px, radial-gradient(circle at 72% 20%, #f59e0b57, #0000 30%), linear-gradient(145deg, #081624 0%, #132235 56%, #45220f 100%);
}

.visual-header, .visual-console {
  z-index: 1;
  color: #dbeafe;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff14;
  border: 1px solid #ffffff24;
  border-radius: 10px;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  display: flex;
  position: relative;
}

.visual-header span, .visual-console span {
  color: #bae6fd;
  font-size: 12px;
  font-weight: 800;
}

.visual-header b, .visual-console b {
  color: #fff;
  font-size: 13px;
}

.visual-rack {
  z-index: 1;
  background: #02061761;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  gap: 12px;
  margin-top: 28px;
  padding: 20px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #ffffff14;
}

.visual-rack-unit {
  background: linear-gradient(90deg, #ffffff1a, #0000 38%), #111827;
  border: 1px solid #94a3b86b;
  border-radius: 10px;
  grid-template-columns: 1fr 30px 30px 30px;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 0 16px;
  display: grid;
  position: relative;
}

.visual-rack-unit span {
  background: linear-gradient(90deg, var(--product-blue), #ffffff47);
  border-radius: 999px;
  height: 12px;
}

.visual-rack-unit i {
  background: #64748b;
  border-radius: 50%;
  justify-self: center;
  width: 12px;
  height: 12px;
  display: block;
}

.visual-rack-unit.active i:first-of-type, .visual-rack-unit.hot i:first-of-type {
  background: var(--product-green);
  box-shadow: 0 0 0 5px #10b98129;
}

.visual-rack-unit.hot span {
  background: linear-gradient(90deg, var(--product-amber), #ffffff47);
}

.visual-network {
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 18px 0;
  display: grid;
  position: relative;
}

.visual-network span {
  background: radial-gradient(circle, #fffc 0 3px, #0000 4px), linear-gradient(135deg, #0ea5e938, #10b9811f);
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  height: 54px;
  display: block;
}

.visual-console {
  align-items: center;
}

.visual-console div {
  gap: 4px;
  display: grid;
}

.product-stats {
  background: #e2e8f0;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.product-stats div {
  background: #fff;
  align-content: center;
  gap: 8px;
  min-height: 112px;
  padding: 18px 26px;
  display: grid;
}

.product-stats b, .product-stats span {
  display: block;
}

.product-stats b {
  color: var(--product-ink);
  font-size: 28px;
  line-height: 1;
}

.product-stats span {
  color: var(--product-muted);
  font-size: 13px;
  font-weight: 750;
}

.product-shell-dedicated .product-stats {
  z-index: 2;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #03131f6b;
  border-top: 0;
  border-bottom: 1px solid #7dd3fc2e;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: -1px;
  position: relative;
  overflow: hidden;
}

.product-shell-dedicated .product-stats div {
  text-align: center;
  background: none;
  border-right: 1px solid #7dd3fc24;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 104px;
  padding: 20px;
  display: flex;
  position: relative;
}

.product-shell-dedicated .product-stats div:last-child {
  border-right: 0;
}

.product-shell-dedicated .product-stats div:before {
  content: "";
  background: var(--stat-accent, #38bdf8);
  width: 44px;
  height: 3px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--stat-accent, #38bdf8) 34%, transparent);
  border-radius: 999px;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
}

.product-shell-dedicated .product-stats div:nth-child(2), .product-shell-dedicated .product-stats div:nth-child(4) {
  --stat-accent: #34d399;
}

.product-shell-dedicated .product-stats div:nth-child(3) {
  --stat-accent: #f59e0b;
}

.product-shell-dedicated .product-stats b {
  color: #f8fafc;
  margin-top: 20px;
  font-size: 24px;
  line-height: 1.06;
}

.product-shell-dedicated .product-stats span {
  color: #a9b8c9;
}

.product-section {
  padding: 28px 42px;
}

#plans.product-section .section-heading {
  max-width: none;
}

#plans.product-section .section-heading h2 {
  white-space: nowrap;
}

.section-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.section-heading h2, .explainer-panel h2, .product-cta h2 {
  color: var(--product-ink);
  letter-spacing: 0;
  margin: 14px 0 0;
  font-size: 38px;
  line-height: 1.08;
}

.section-heading p, .explainer-panel p {
  color: #64748b;
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.65;
}

.plan-matrix {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.product-shell-dedicated .plan-matrix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-plan {
  background: radial-gradient(circle at 18% 0, #0ea5e91c, #0000 28%), linear-gradient(#f8fafcf5, #fff 48%), #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  padding: 22px;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 44px #0f172a0f;
}

.product-plan:before {
  content: "";
  border-top: 4px solid var(--plan-accent, var(--product-blue));
  background: linear-gradient(90deg, color-mix(in srgb, var(--plan-accent, var(--product-blue)) 11%, transparent), transparent 52%);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.product-plan:hover {
  border-color: color-mix(in srgb, var(--plan-accent, var(--product-blue)) 40%, #dbeafe);
  transform: translateY(-4px);
  box-shadow: 0 26px 54px #0f172a1a;
}

.product-plan-blue {
  --plan-accent: var(--product-blue);
}

.product-plan-green {
  --plan-accent: var(--product-green);
}

.product-plan-amber {
  --plan-accent: var(--product-amber);
}

.product-plan-violet {
  --plan-accent: var(--product-violet);
}

.plan-compact-head {
  z-index: 1;
  border-bottom: 1px dashed #dbeafe;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  margin: 2px 0 18px;
  padding-bottom: 18px;
  display: grid;
  position: relative;
}

.plan-mini-rack {
  background: linear-gradient(90deg, #0ea5e90f, #0000), #fff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  align-content: center;
  gap: 6px;
  width: 92px;
  min-height: 62px;
  margin-top: 4px;
  padding: 10px;
  display: grid;
  box-shadow: inset 0 1px #ffffffd1;
}

.plan-mini-rack i {
  background: linear-gradient(90deg, var(--plan-accent, var(--product-blue)), #0f172ac7);
  border-radius: 999px;
  height: 10px;
  display: block;
  position: relative;
}

.plan-mini-rack i:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 3px;
  right: 6px;
  box-shadow: -10px 0 #ffffff8c;
}

.plan-compact-copy {
  min-width: 0;
}

.plan-topline {
  z-index: 1;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  display: flex;
  position: relative;
}

.plan-topline h3 {
  color: var(--product-ink);
  margin: 0;
  font-size: 21px;
  line-height: 1.1;
}

.plan-topline span {
  color: #475569;
  letter-spacing: .01em;
  white-space: nowrap;
  background: #f1f5f9;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.plan-price {
  z-index: 1;
  border-bottom: 0;
  align-items: end;
  gap: 4px;
  margin: 18px 0 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.plan-price b {
  color: var(--product-ink);
  font-size: 40px;
  line-height: 1;
}

.plan-price small {
  color: #64748b;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 800;
}

.product-plan ul {
  z-index: 1;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.product-plan li {
  color: #475569;
  border-bottom: 1px solid #eef2f7;
  padding: 10px 0 10px 24px;
  font-size: 13px;
  line-height: 1.45;
  position: relative;
}

.product-plan li:last-child {
  border-bottom: 0;
}

.product-plan li:before {
  content: "";
  background: var(--plan-accent, var(--product-green));
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--plan-accent, var(--product-green)) 13%, transparent);
  border-radius: 4px;
  position: absolute;
  top: 15px;
  left: 0;
}

.plan-command {
  z-index: 1;
  background: linear-gradient(90deg, color-mix(in srgb, var(--plan-accent, #0f172a) 22%, #0f172a), #0f172a);
  color: #fff;
  letter-spacing: .005em;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin-top: 22px;
  padding: 0 14px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  position: relative;
  box-shadow: 0 12px 26px #0f172a24;
}

.product-explainer {
  background: linear-gradient(90deg, #0ea5e914, #0000 45%), #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 18px;
  display: grid;
}

.explainer-panel {
  align-self: start;
  padding-right: 24px;
}

.product-locations {
  background: linear-gradient(90deg, #0ea5e90f, #0000 45%), #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.cloud-node-shell .product-locations {
  border-top: 0;
  margin-top: 28px;
  padding-top: 28px;
}

.location-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  display: grid;
}

.location-card {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 44px #0f172a12;
}

.location-media {
  background-color: #1e3a5f;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  min-height: 118px;
  padding: 14px 18px;
  display: flex;
  position: relative;
}

.location-media:after {
  content: "";
  background: linear-gradient(#08121e0d 0%, #08121e8c 100%);
  position: absolute;
  inset: 0;
}

.location-badge {
  z-index: 1;
  color: #fff;
  letter-spacing: .08em;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0f172a6b;
  border: 1px solid #ffffff59;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 800;
  position: absolute;
  top: 16px;
  right: 16px;
}

.location-name {
  z-index: 1;
  color: #fff;
  text-shadow: 0 2px 12px #08121e73;
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
  position: relative;
}

.location-body {
  flex-direction: column;
  flex: 1;
  padding: 22px 24px 24px;
  display: flex;
}

.location-body p {
  color: #64748b;
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.65;
}

.location-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: auto;
  display: grid;
}

.location-stat {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.location-stat .magic-icon-badge {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.location-stat .magic-icon-badge svg {
  width: 22px;
  height: 22px;
}

.location-stat b {
  color: var(--product-ink);
  font-size: 15px;
  line-height: 1.1;
  display: block;
}

.location-stat span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

.location-stat-violet {
  border-color: #ddd6fe;
}

.location-stat-violet b {
  color: #6d28d9;
}

.cloud-node-shell .location-stat-violet b {
  color: #0f172a;
}

.location-stat-green {
  border-color: #bbf7d0;
}

.location-stat-green b {
  color: #047857;
}

.operations-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.operation-card {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 16px 34px #0f172a0d;
}

.magic-icon-badge {
  color: #2563eb;
  place-items: center;
  width: 44px;
  height: 44px;
  display: inline-grid;
}

.magic-icon-badge svg {
  stroke: currentColor;
  stroke-width: 2.25px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 34px;
  height: 34px;
}

.magic-icon-green {
  color: #059669;
}

.magic-icon-amber {
  color: #d97706;
}

.magic-icon-cyan {
  color: #0891b2;
}

.magic-icon-violet {
  color: #7c3aed;
}

.magic-icon-rose {
  color: #e11d48;
}

.operation-card .magic-icon-badge, .feature-tile .magic-icon-badge {
  width: 42px;
  height: 42px;
}

.operation-card .magic-icon-badge svg, .feature-tile .magic-icon-badge svg {
  width: 32px;
  height: 32px;
}

.operation-card h3, .feature-tile h3 {
  color: var(--product-ink);
  margin: 16px 0 8px;
  font-size: 17px;
}

.operation-card p, .feature-tile p, .faq-list p {
  color: #64748b;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.feature-band {
  box-shadow: none;
  background: linear-gradient(90deg, #7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 34%, #0ea5e92e, #0000 30%), radial-gradient(circle at 86% 78%, #f59e0b29, #0000 34%), linear-gradient(135deg, #071827 0%, #0a2030 48%, #0f172a 100%);
  border: 1px solid #7dd3fc2e;
  border-radius: 0;
  grid-template-columns: minmax(0, 1.22fr) minmax(340px, .78fr);
  gap: 38px;
  margin: 0;
  padding: 28px 36px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.feature-band:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(110deg, #0ea5e929, #0000 42%), linear-gradient(#0000 58%, #10b98114);
  position: absolute;
  inset: 0;
}

.feature-band .section-heading {
  z-index: 1;
  grid-column: 2;
  align-self: center;
  margin: 0;
  position: relative;
}

.feature-band .section-heading h2 {
  color: #f8fafc;
  margin: 0;
  font-size: 42px;
  line-height: 1.08;
}

.feature-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 64px;
  display: grid;
}

.feature-metrics div {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff13;
  border: 1px solid #7dd3fc38;
  border-radius: 12px;
  min-height: 94px;
  padding: 20px;
  box-shadow: inset 0 1px #ffffff14;
}

.feature-metrics b, .feature-metrics span {
  display: block;
}

.feature-metrics b {
  color: #fff;
  font-size: 36px;
  line-height: 1;
}

.feature-metrics span {
  color: #b7c6d8;
  letter-spacing: 0;
  text-transform: none;
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 0;
  margin-top: 8px;
  padding: 0;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
}

.product-shell-dedicated .feature-band {
  grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr);
}

.product-shell-dedicated .feature-band .section-heading {
  grid-column: 1;
}

.product-shell-dedicated .feature-grid {
  grid-column: 2;
}

.feature-grid {
  z-index: 1;
  grid-area: 1 / 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  display: grid;
  position: relative;
}

.feature-tile {
  min-height: 142px;
  box-shadow: none;
  background: none;
  border: 0;
  border-top: 1px solid #94a3b829;
  border-radius: 0;
  padding: 24px 0 22px;
}

.feature-tile .magic-icon-badge {
  background: var(--feature-accent, #38bdf8);
  color: #0000;
  width: 48px;
  height: 3px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--feature-accent, #38bdf8) 34%, transparent);
  border-radius: 999px;
  margin-bottom: 24px;
  display: block;
}

.feature-tile .magic-icon-badge svg {
  display: none;
}

.feature-tile:first-child, .feature-tile:nth-child(5) {
  --feature-accent: #38bdf8;
}

.feature-tile:nth-child(2), .feature-tile:nth-child(6) {
  --feature-accent: #34d399;
}

.feature-tile:nth-child(3) {
  --feature-accent: #f59e0b;
}

.feature-tile:nth-child(4) {
  --feature-accent: #a78bfa;
}

.feature-tile h3 {
  color: #f8fafc;
  margin: 0;
  font-size: 23px;
  line-height: 1.15;
}

.feature-tile p {
  color: #a9b8c9;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.48;
}

.faq-section {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 28px 42px;
}

.faq-split {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: start;
  gap: 32px;
  display: grid;
}

.faq-ops {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 12px;
  display: grid;
}

.operation-card-head {
  align-items: center;
  gap: 10px;
  display: flex;
}

.faq-ops .operation-card h3 {
  margin: 0;
}

.faq-ops .operation-card p {
  margin-top: 12px;
}

.faq-list {
  gap: 10px;
  max-width: 940px;
  display: grid;
}

.faq-list details {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 18px;
}

.faq-list summary {
  color: var(--product-ink);
  cursor: pointer;
  font-size: 15px;
  font-weight: 850;
}

.faq-list p {
  margin-top: 10px;
}

.infra-signals {
  color: #fff;
  background: linear-gradient(90deg, #7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 34%, #0ea5e92e, #0000 30%), radial-gradient(circle at 86% 78%, #10b98133, #0000 34%), linear-gradient(135deg, #071827 0%, #0a2030 48%, #0f172a 100%);
  border: 1px solid #7dd3fc2e;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: 38px;
  margin: 0 42px 46px;
  padding: 34px 36px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 54px #0f172a2e;
}

.infra-signals:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(110deg, #0ea5e92e, #0000 42%), linear-gradient(#0000 58%, #10b98114);
  position: absolute;
  inset: 0;
}

.infra-signal-list, .infra-signal-copy {
  z-index: 1;
  position: relative;
}

.infra-signal-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  display: grid;
}

.infra-signal {
  border-top: 1px solid #94a3b829;
  min-height: 142px;
  padding: 24px 0 22px;
}

.infra-signal span {
  background: var(--signal-color, #38bdf8);
  width: 48px;
  height: 3px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--signal-color, #38bdf8) 34%, transparent);
  border-radius: 999px;
  margin-bottom: 24px;
  display: block;
}

.infra-signal h3 {
  color: #f8fafc;
  margin: 0;
  font-size: 23px;
  line-height: 1.15;
}

.infra-signal p {
  color: #a9b8c9;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.48;
}

.infra-signal-blue {
  --signal-color: #38bdf8;
}

.infra-signal-green {
  --signal-color: #34d399;
}

.infra-signal-amber {
  --signal-color: #f59e0b;
}

.infra-signal-violet {
  --signal-color: #a78bfa;
}

.infra-signal-cyan {
  --signal-color: #22d3ee;
}

.infra-signal-copy {
  flex-direction: column;
  justify-content: center;
  padding-left: 4px;
  display: flex;
}

.infra-kicker {
  color: #7dd3fc;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
}

.infra-signal-copy h2 {
  color: #f8fafc;
  letter-spacing: 0;
  max-width: 650px;
  margin: 0;
  font-size: 42px;
  line-height: 1.08;
}

.infra-signal-copy > p:not(.infra-kicker) {
  color: #a9b8c9;
  max-width: 640px;
  margin: 22px 0 0;
  font-size: 18px;
  line-height: 1.62;
}

.infra-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 64px;
  display: grid;
}

.infra-metrics div {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff13;
  border: 1px solid #7dd3fc2e;
  border-radius: 12px;
  min-height: 94px;
  padding: 20px;
  box-shadow: inset 0 1px #ffffff14;
}

.infra-metrics b, .infra-metrics span {
  display: block;
}

.infra-metrics b {
  color: #fff;
  font-size: 36px;
  line-height: 1;
}

.infra-metrics span {
  color: #b7c6d8;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
}

.infra-signals-dedicated {
  background: linear-gradient(90deg, #7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 34%, #0ea5e929, #0000 30%), radial-gradient(circle at 86% 78%, #f59e0b2b, #0000 34%), linear-gradient(135deg, #071827 0%, #0a2030 48%, #141b2a 100%);
}

.product-cta {
  color: #fff;
  background: linear-gradient(90deg, #22d3ee0f 1px, #0000 1px) 0 0 / 26px 26px, linear-gradient(#22d3ee0f 1px, #0000 1px) 0 0 / 26px 26px, radial-gradient(circle at 12% 16%, #38bdf838, #0000 34%), radial-gradient(circle at 90% 88%, #22d3ee29, #0000 40%), linear-gradient(135deg, #050f1c, #0a1b2e 54%, #0b1426);
  border: 1px solid #7dd3fc2e;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  margin: 28px 42px 48px;
  padding: 40px 36px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 44px #08121e59;
}

.product-cta:before, .product-cta:after {
  content: "";
  opacity: .3;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #38bdf81a, #0000), repeating-linear-gradient(90deg, #38bdf83d 0 16px, #0000 16px 26px);
  border-radius: 12px;
  height: 64px;
  position: absolute;
  left: 44px;
  right: 44px;
}

.product-cta:before {
  top: 20px;
}

.product-cta:after {
  bottom: 20px;
  transform: scaleY(-1);
}

.product-cta > * {
  z-index: 1;
  position: relative;
}

.product-cta > div {
  text-align: center;
  flex: 1;
}

.product-cta h2 {
  color: #fff;
  white-space: nowrap;
  max-width: none;
  margin: 0;
  font-size: 34px;
  line-height: 1.1;
}

.product-cta .product-eyebrow, .product-cta span {
  color: #bae6fd;
  background: #ffffff14;
  border-color: #bae6fd47;
}

@media (max-width: 1040px) {
  .product-hero, .product-explainer, .faq-split, .feature-band, .infra-signals {
    grid-template-columns: 1fr;
  }

  .feature-band .section-heading, .product-shell-dedicated .feature-band .section-heading, .feature-grid {
    grid-area: auto;
  }

  .infra-signal-copy {
    padding-left: 0;
  }

  .infra-metrics {
    margin-top: 34px;
  }

  .product-shell-dedicated .product-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .plan-matrix, .product-shell-dedicated .plan-matrix, .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .nav {
    gap: 10px;
    height: auto;
    min-height: 66px;
    padding: 8px 14px;
  }

  .logo-brand img {
    height: 44px;
  }

  .nav-links {
    gap: 12px;
    font-size: 12px;
  }

  .nav-links span, .theme-switch {
    display: none;
  }

  .utility {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: 52px;
    padding: 8px 14px;
  }

  .product-hero, .product-section {
    padding: 36px 16px;
  }

  .product-hero h1 {
    font-size: 40px;
  }

  .hero-bullet-grid, .product-stats, .plan-matrix, .product-shell-dedicated .plan-matrix, .operations-grid, .location-grid, .feature-grid {
    grid-template-columns: 1fr;
  }

  .product-visual {
    min-height: 360px;
  }

  .product-stats div {
    min-height: 92px;
  }

  .section-heading h2, .explainer-panel h2 {
    font-size: 30px;
  }

  .product-cta {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 16px 34px;
    padding: 24px;
  }

  .feature-band {
    margin: 0;
    padding: 24px;
  }

  .feature-band .section-heading h2 {
    font-size: 31px;
  }

  .feature-metrics {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .feature-tile {
    min-height: 0;
    padding: 20px 0;
  }

  .feature-tile h3 {
    font-size: 21px;
  }

  .feature-tile p {
    font-size: 15px;
  }

  .infra-signals {
    margin: 0 16px 34px;
    padding: 24px;
  }

  .infra-signal-list, .infra-metrics {
    grid-template-columns: 1fr;
  }

  .infra-signal {
    min-height: 0;
    padding: 20px 0;
  }

  .infra-signal h3 {
    font-size: 21px;
  }

  .infra-signal p, .infra-signal-copy > p:not(.infra-kicker) {
    font-size: 15px;
  }

  .infra-signal-copy h2 {
    font-size: 31px;
  }

  .product-cta h2 {
    font-size: 25px;
  }
}

.host-sketch {
  --ink: #101828;
  --muted: #667085;
  --line: #e4e7ec;
  --soft: #f8fafc;
  --blue: #0ea5e9;
  --blue-dark: #0369a1;
  --teal: #12b76a;
  --amber: #f79009;
  --slate: #0f172a;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  font-feature-settings: "cv02", "cv03", "cv04", "kern";
  color: var(--ink);
  background: linear-gradient(90deg, #09a8f50e 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14b8a60d 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#edf9ff 0%, #f8fbff 50%, #fff 100%);
  min-height: 100vh;
  padding: 28px 0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI, Helvetica Neue, Arial, sans-serif;
}

*, :before, :after {
  box-sizing: border-box;
}

.stage {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 0;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  box-shadow: 0 18px 48px #0f172a14;
}

.utility {
  color: #dbeafe;
  background: #061826;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 38px;
  padding: 0 28px;
  font-size: 12px;
  display: flex;
}

.utility span, .utility a {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.utility-actions {
  align-items: center;
  gap: 7px;
  display: flex;
}

.utility a {
  color: #dbeafe;
  letter-spacing: .005em;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.utility-actions > * + * {
  padding-left: 10px;
  position: relative;
}

.utility-actions > * + :before {
  content: "-";
  color: #dbeafe;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.nav {
  background: #fffffff5;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 82px;
  padding: 8px 54px 0 28px;
  display: flex;
}

.brand {
  letter-spacing: 0;
  color: inherit;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 850;
  text-decoration: none;
  display: flex;
}

.logo-brand img {
  width: auto;
  height: 52px;
  margin-top: 5px;
  display: block;
}

.brand-mark {
  background: linear-gradient(135deg, #13c9ff, #006db7);
  border-radius: 8px;
  width: 34px;
  height: 34px;
  position: relative;
}

.brand-mark:after {
  content: "";
  border: 2px solid #fff;
  border-left: 0;
  border-radius: 3px;
  position: absolute;
  inset: 9px 7px;
}

.nav-links {
  color: #475467;
  letter-spacing: .01em;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  font-size: 14.5px;
  font-weight: 650;
  line-height: 1;
  display: flex;
}

.nav-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.theme-toggle-input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.theme-switch {
  z-index: 20;
  color: #475467;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #08131f;
  border: 0;
  border-radius: 0 7px 7px 0;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 22px;
  height: 56px;
  min-height: 0;
  padding: 0;
  font-size: 0;
  font-weight: 850;
  transition: box-shadow .18s, transform .18s;
  display: inline-flex;
  position: absolute;
  top: 12px;
  right: -17px;
  box-shadow: 5px 8px 14px #0f172a1f;
}

.theme-switch:before, .theme-switch:after {
  display: none;
}

.theme-switch:hover, .theme-switch:focus-visible {
  transform: translateX(2px);
  box-shadow: 7px 10px 18px #0f172a29;
}

.theme-switch:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #0ea5e9;
}

.theme-knob, .theme-text-light, .theme-text-dark {
  display: none;
}

.btn {
  letter-spacing: .005em;
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 15px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.btn.primary {
  color: #fff;
  background: linear-gradient(135deg, #13c9ff 0%, #0c99dc 52%, #006db7 100%);
  box-shadow: 0 12px 28px #13c9ff42;
}

.btn.secondary {
  color: #344054;
  border: 1px solid var(--line);
  background: #fff;
}

.hero {
  background: radial-gradient(circle at 82% 8%, #0ea5e924, #0000 28%), linear-gradient(135deg, #f8fbff 0%, #fff 48%, #fff8ed 100%);
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
  gap: 30px;
  min-height: 500px;
  padding: 42px 38px 32px;
  display: grid;
}

.kicker {
  color: #344054;
  background: #f8fafc;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.hero h1 {
  letter-spacing: 0;
  color: #0f172a;
  margin: 0 0 16px;
  font-size: 52px;
  line-height: 1.02;
}

.hero-copy {
  color: #475467;
  max-width: 590px;
  margin-bottom: 22px;
  font-size: 17px;
  line-height: 1.6;
}

.quiet-intro {
  gap: 10px;
  max-width: 610px;
  margin: 22px 0 0;
  display: grid;
}

.quiet-intro div {
  color: #475467;
  border-top: 1px solid #10182814;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.45;
  display: grid;
}

.quiet-intro b {
  color: #101828;
  font-size: 13px;
}

.hero-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hero-list li {
  color: #344054;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.dot {
  background: #ecfdf3;
  border: 1px solid #abefc6;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  position: relative;
}

.dot:after {
  content: "";
  border-bottom: 2px solid #12b76a;
  border-left: 2px solid #12b76a;
  width: 7px;
  height: 4px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(-45deg);
}

.trust-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
  display: grid;
}

.trust {
  border: 1px solid var(--line);
  background: #ffffffbf;
  border-radius: 10px;
  padding: 11px;
}

.trust b {
  color: #0f172a;
  font-size: 17px;
  display: block;
}

.trust span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 12px;
  display: block;
}

.builder {
  background: #fff;
  border: 1px solid #d6e4f0;
  border-radius: 14px;
  align-self: start;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 22px 60px #0f172a1f;
}

.builder-head {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  display: flex;
}

.builder-head h3 {
  margin: 0;
  font-size: 17px;
}

.live {
  color: #027a48;
  background: #ecfdf3;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 850;
}

.rack {
  background: linear-gradient(#f8fbff, #eef8ff);
  border: 1px solid #dbeafe;
  border-radius: 12px;
  margin: 14px 18px;
  padding: 14px 18px;
}

.rack-unit {
  background: #111827;
  border-radius: 7px;
  height: 26px;
  margin-bottom: 8px;
  position: relative;
}

.rack-unit:before {
  content: "";
  background: #475467;
  border-radius: 99px;
  width: 88px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 12px;
}

.rack-unit:after {
  content: "";
  background: var(--teal);
  width: 8px;
  height: 8px;
  box-shadow: -15px 0 0 var(--blue), -30px 0 0 var(--amber);
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 12px;
}

.builder-body {
  padding: 0 18px 18px;
}

.tabs {
  background: #f2f4f7;
  border-radius: 10px;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-bottom: 14px;
  padding: 4px;
  display: grid;
}

.tabs span, .tabs button {
  text-align: center;
  color: #667085;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 9px 4px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 850;
}

.tabs span:first-child, .tabs button.active {
  color: #0f172a;
  background: #fff;
  box-shadow: 0 1px 4px #0f172a14;
}

.field-row {
  border-top: 1px solid #f2f4f7;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  font-size: 13px;
  display: grid;
}

.field-row span {
  color: #667085;
  font-weight: 700;
}

.field-row b {
  color: #101828;
  font-size: 14px;
}

.builder-footer {
  border-top: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.price small {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.price strong {
  color: #0f172a;
  font-size: 29px;
  line-height: 1;
}

.section {
  border-top: 1px solid var(--line);
  padding: 28px 38px;
}

.section-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 16px;
  display: flex;
}

.section-head h2 {
  margin: 0;
  font-size: 25px;
  line-height: 1.15;
}

.section-head p {
  color: #667085;
  margin: 5px 0 0;
  font-size: 14px;
}

.service-showcase {
  grid-template-columns: minmax(430px, .98fr) minmax(430px, 1.02fr);
  align-items: stretch;
  gap: 20px;
  display: grid;
}

.service-visual {
  background: radial-gradient(circle at 20% 18%, #12b76a1f, #0000 24%), radial-gradient(circle at 80% 80%, #0ea5e929, #0000 30%), linear-gradient(135deg, #f8fbff, #fff 54%, #fff7ed);
  border: 1px solid #d6e4f0;
  border-radius: 16px;
  min-height: 342px;
  padding: 22px;
  position: relative;
  overflow: hidden;
}

.service-visual.network-focus {
  background: linear-gradient(90deg, #0ea5e90f 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#0ea5e90f 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 20%, #12b76a1f, #0000 30%), radial-gradient(circle at 80% 58%, #0ea5e929, #0000 34%), linear-gradient(135deg, #f8fbff, #fff 52%, #fff7ed);
  min-height: 430px;
  padding: 34px 34px 0;
}

.global-map {
  opacity: .56;
  filter: saturate(1.12) contrast(1.04);
  z-index: 0;
  width: 118%;
  max-width: none;
  position: absolute;
  bottom: 72px;
  right: -132px;
}

.map-glow {
  filter: blur(32px);
  z-index: 0;
  background: #13c9ff29;
  border-radius: 50%;
  width: 300px;
  height: 210px;
  position: absolute;
  bottom: 64px;
  right: 42px;
}

.service-visual h3 {
  z-index: 1;
  color: #0f172a;
  max-width: 410px;
  margin: 0;
  font-size: 38px;
  line-height: 1.04;
  position: relative;
}

.service-visual p {
  z-index: 1;
  color: #667085;
  max-width: 410px;
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.6;
  position: relative;
}

.rack-stack {
  gap: 10px;
  width: min(62%, 300px);
  display: grid;
  position: absolute;
  bottom: 22px;
  right: 22px;
  transform: perspective(700px)rotateY(-8deg)rotateX(2deg);
}

.rack-slab {
  background: linear-gradient(#1f2937, #111827);
  border-radius: 10px;
  height: 42px;
  position: relative;
  box-shadow: 0 15px 26px #0f172a29;
}

.rack-slab:before {
  content: "";
  background: #667085;
  border-radius: 99px;
  width: 110px;
  height: 9px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.rack-slab:after {
  content: "";
  background: #12b76a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 16px;
  box-shadow: -18px 0 #0ea5e9, -36px 0 #f79009;
}

.floating-chip {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #344054;
  background: #ffffffdb;
  border: 1px solid #0ea5e938;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  position: absolute;
  box-shadow: 0 12px 28px #0f172a14;
}

.floating-chip.one {
  bottom: 86px;
  left: 22px;
}

.floating-chip.two {
  bottom: 34px;
  left: 58px;
}

.network-points {
  z-index: 1;
  background: #ffffffeb;
  border-top: 1px solid #bae6fd;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  display: grid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.network-point {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #475467;
  background: none;
  border: 0;
  border-right: 1px solid #e4e7ec;
  border-radius: 0;
  padding: 15px 20px 17px;
  font-size: 12px;
  font-weight: 750;
}

.network-point:last-child {
  border-right: 0;
}

.network-point b {
  color: #101828;
  margin-bottom: 2px;
  font-size: 13px;
  display: block;
}

.service-track {
  background: #fff;
  border: 0;
  border-radius: 12px;
  align-self: stretch;
  gap: 0;
  display: grid;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #e4e7ec, 0 14px 32px #0f172a0d;
}

.plan {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eef2f6;
  border-radius: 0;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  min-height: 132px;
  padding: 18px 20px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.plan:last-child {
  border-bottom: 0;
}

.plan:before {
  content: "";
  background: #d0d5dd;
  border-radius: 0 99px 99px 0;
  width: 4px;
  position: absolute;
  inset: 20px auto 20px 0;
}

.plan.featured {
  box-shadow: none;
  background: linear-gradient(90deg, #0ea5e90f, #0000 44%), #fff;
}

.plan.featured:before {
  background: linear-gradient(#13c9ff, #006db7);
}

.plan:first-child:before {
  background: #12b76a;
}

.plan:nth-child(3):before {
  background: #f79009;
}

.badge {
  color: #c2410c;
  background: #fff7ed;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 850;
}

.plan h3 {
  margin: 0 0 5px;
  font-size: 18px;
}

.plan p {
  color: #667085;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.plan-action {
  align-content: center;
  justify-items: start;
  gap: 7px;
  min-width: 106px;
  display: grid;
}

.specs {
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
  display: flex;
}

.spec {
  color: #667085;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  font-size: 12px;
  display: inline-flex;
}

.spec b {
  color: #101828;
}

.mini-btn {
  border: 1px solid var(--line);
  white-space: nowrap;
  background: #f8fafc;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 106px;
  height: 36px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.network {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  display: grid;
}

.map-card {
  background-color: #f8fbff;
  background-image: linear-gradient(90deg, #0ea5e914 1px, #0000 1px), linear-gradient(#0ea5e914 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: 28px 28px;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  border: 1px solid #d6e4f0;
  border-radius: 16px;
  min-height: 230px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.network-line {
  background: linear-gradient(90deg, #0000, #0ea5e98c, #12b76a8c, #0000);
  height: 2px;
  position: absolute;
  top: 52%;
  left: 14%;
  right: 14%;
  transform: rotate(-4deg);
}

.map-copy {
  z-index: 1;
  max-width: 360px;
  position: relative;
}

.map-copy h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.18;
}

.map-copy p {
  color: #667085;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
}

.pin {
  background: #0ea5e9;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  position: absolute;
  box-shadow: 0 0 0 7px #0ea5e924;
}

.pin.one {
  top: 42%;
  left: 24%;
}

.pin.two {
  background: #12b76a;
  top: 32%;
  left: 48%;
  box-shadow: 0 0 0 7px #12b76a24;
}

.pin.three {
  background: #f79009;
  top: 52%;
  left: 73%;
  box-shadow: 0 0 0 7px #f7900924;
}

.proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.proof {
  border-top: 2px solid #e4e7ec;
  padding: 14px 0 0;
}

.proof:first-child {
  border-color: #0ea5e9;
}

.proof:nth-child(2) {
  border-color: #12b76a;
}

.proof:nth-child(3) {
  border-color: #f79009;
}

.proof:nth-child(4) {
  border-color: #7c3aed;
}

.proof b {
  color: #0f172a;
  font-size: 22px;
  display: block;
}

.why-panel-inner {
  background: linear-gradient(90deg, #ffffff0b 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(#ffffff0b 1px, #0000 1px) 0 0 / 28px 28px, radial-gradient(circle at 18% 24%, #0ea5e92e, #0000 30%), radial-gradient(circle at 85% 70%, #12b76a24, #0000 28%), linear-gradient(135deg, #07131f 0%, #0b1e2d 48%, #101827 100%);
  border: 0;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: 24px;
  padding: 28px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 54px #0f172a2e;
}

.why-panel-inner:before {
  content: "";
  background: linear-gradient(90deg, #0000, #0ea5e97a, #12b76a61, #0000);
  height: 2px;
  position: absolute;
  top: 54%;
  left: 30px;
  right: 30px;
  transform: rotate(-2deg);
}

.why-lead, .why-stack {
  z-index: 1;
  position: relative;
}

.why-lead {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  gap: 24px;
  display: flex;
}

.why-kicker {
  color: #7dd3fc;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}

.why-lead h3 {
  color: #f8fafc;
  margin: 8px 0 0;
  font-size: 32px;
  line-height: 1.05;
}

.why-lead p {
  color: #b6c6d8;
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.why-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.why-metric {
  background: #ffffff0d;
  border-top: 1px solid #7dd3fc6b;
  border-radius: 10px;
  padding: 13px 14px;
}

.why-metric:nth-child(2) {
  border-color: #6ee7b76b;
}

.why-metric b {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  display: block;
}

.why-metric span {
  color: #9fb1c5;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 750;
  display: block;
}

.why-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px 18px;
  display: grid;
}

.why-item {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  min-height: 118px;
  box-shadow: none;
  background: none;
  border: 0;
  border-top: 1px solid #ffffff1a;
  border-radius: 0;
  padding: 15px 0 16px;
  position: relative;
  overflow: hidden;
}

.why-item:before {
  content: "";
  background: #38bdf8;
  border-radius: 99px;
  width: 28px;
  height: 2px;
  position: absolute;
  inset: 18px auto auto 0;
}

.why-item:nth-child(2):before {
  background: #34d399;
}

.why-item:nth-child(3):before {
  background: #f59e0b;
}

.why-item:nth-child(4):before {
  background: #a78bfa;
}

.why-item:nth-child(5):before {
  background: #38bdf8;
}

.why-item:nth-child(6):before {
  background: #34d399;
}

.why-item h3 {
  color: #f8fafc;
  margin: 22px 0 7px;
  font-size: 16px;
}

.why-item p {
  color: #a9bad0;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.why-signal {
  background: #ffffff14;
  border: 1px solid #7dd3fc3d;
  border-radius: 9px;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  display: none;
  position: relative;
}

.why-signal:before, .why-signal:after {
  content: "";
  border-radius: 50%;
  position: absolute;
}

.why-signal:before {
  background: #0ea5e9;
  width: 8px;
  height: 8px;
  top: 13px;
  left: 8px;
  box-shadow: 11px 0 #12b76a;
}

.why-signal:after {
  border: 1px solid #0ea5e938;
  width: 20px;
  height: 14px;
  top: 10px;
  left: 6px;
}

.proof span {
  color: #667085;
  font-size: 13px;
}

.mobile-note {
  color: #667085;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  display: none;
}

.callback-section {
  border-top: 1px solid var(--line);
  background: #fff;
  padding: 28px 38px;
}

.callback-panel {
  text-align: center;
  background: linear-gradient(90deg, #ffffffe0, #ffffffa3, #ffffffe6), repeating-linear-gradient(90deg, #0f172a14 0 2px, #0000 2px 58px), linear-gradient(#f8fbff, #edf7ff);
  border-radius: 14px;
  place-items: center;
  min-height: 250px;
  padding: 42px 28px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #d6e4f0, 0 18px 42px #0f172a0f;
}

.callback-panel:before, .callback-panel:after {
  content: "";
  opacity: .45;
  background: linear-gradient(90deg, #0000, #0f172a14, #0000), repeating-linear-gradient(90deg, #dbeafe 0 18px, #0000 18px 28px);
  border-radius: 12px;
  height: 70px;
  position: absolute;
  left: 44px;
  right: 44px;
}

.callback-panel:before {
  top: 26px;
}

.callback-panel:after {
  bottom: 26px;
  transform: scaleY(-1);
}

.callback-copy {
  z-index: 1;
  max-width: 720px;
  position: relative;
}

.callback-copy h2 {
  color: #0f172a;
  margin: 0;
  font-size: 34px;
  line-height: 1.08;
}

.callback-copy p {
  color: #475467;
  margin: 13px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.callback-actions {
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.footer {
  border-top: 1px solid var(--line);
  background: linear-gradient(90deg, #0ea5e90a 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(#0ea5e90a 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(#fff 0%, #f8fafc 100%);
  padding: 34px 38px 26px;
  position: relative;
}

.footer:before {
  content: "";
  background: linear-gradient(90deg, #13c9ff, #12b76a, #0000 72%);
  border-radius: 0 0 99px 99px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 38px;
  right: 38px;
}

.footer-grid {
  grid-template-columns: minmax(300px, 1.25fr) repeat(3, minmax(140px, .7fr));
  gap: 30px;
  display: grid;
  position: relative;
}

.footer-brand {
  color: #667085;
  background: #ffffffbd;
  border: 1px solid #d6e4f0;
  border-radius: 12px;
  gap: 12px;
  padding: 18px;
  font-size: 13px;
  line-height: 1.55;
  display: grid;
  box-shadow: 0 14px 34px #0f172a0d;
}

.footer-brand .brand {
  color: #0f172a;
  font-size: 19px;
}

.footer-brand .logo-brand img {
  height: 42px;
}

.footer-col h3 {
  color: #0f172a;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 12px;
  font-size: 13px;
}

.footer-col a, .footer-col span {
  color: #667085;
  padding-left: 12px;
  font-size: 13px;
  line-height: 1.8;
  text-decoration: none;
  display: block;
  position: relative;
}

.footer-col a:before, .footer-col span:before {
  content: "";
  background: #cbd5e1;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: .85em;
  left: 0;
}

.footer-col a:first-of-type:before, .footer-col span:first-of-type:before {
  background: #0ea5e9;
}

.footer-bottom {
  color: #667085;
  border-top: 1px solid #e4e7ec;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  padding-top: 18px;
  font-size: 12px;
  display: flex;
}

#theme-toggle:checked + .stage {
  --ink: #f8fafc;
  --muted: #9fb1c5;
  --line: #94a3b838;
  color: #f8fafc;
  background: #07131f;
  border-color: #7dd3fc2e;
  box-shadow: 0 22px 58px #02061757;
}

#theme-toggle:checked + .stage .nav, #theme-toggle:checked + .stage .builder, #theme-toggle:checked + .stage .service-track, #theme-toggle:checked + .stage .footer-brand, #theme-toggle:checked + .stage .footer-status-item {
  color: #f8fafc;
  background: #081420eb;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .stage .nav {
  border-bottom: 1px solid #7dd3fc1f;
}

#theme-toggle:checked + .stage .brand, #theme-toggle:checked + .stage h1, #theme-toggle:checked + .stage h2, #theme-toggle:checked + .stage h3, #theme-toggle:checked + .stage .trust b, #theme-toggle:checked + .stage .quiet-intro b, #theme-toggle:checked + .stage .field-row b, #theme-toggle:checked + .stage .price strong, #theme-toggle:checked + .stage .spec b, #theme-toggle:checked + .stage .network-point b, #theme-toggle:checked + .stage .footer-brand .brand, #theme-toggle:checked + .stage .footer-col h3, #theme-toggle:checked + .stage .legal-hero h1, #theme-toggle:checked + .stage .legal-meta-card b, #theme-toggle:checked + .stage .legal-highlight b, #theme-toggle:checked + .stage .legal-toc span, #theme-toggle:checked + .stage .legal-section h2, #theme-toggle:checked + .stage .legal-contact-block b, #theme-toggle:checked + .stage .posts-index-hero h1, #theme-toggle:checked + .stage .posts-index-card h2, #theme-toggle:checked + .stage .posts-index-card h3, #theme-toggle:checked + .stage .posts-index-card b, #theme-toggle:checked + .stage .posts-hero h1, #theme-toggle:checked + .stage .posts-feature h2, #theme-toggle:checked + .stage .posts-feature h3, #theme-toggle:checked + .stage .posts-sidebar h3, #theme-toggle:checked + .stage .posts-quick-panel h4, #theme-toggle:checked + .stage .posts-timeline b {
  color: #f8fafc;
}

#theme-toggle:checked + .stage .nav-links, #theme-toggle:checked + .stage .hero-copy, #theme-toggle:checked + .stage .quiet-intro div, #theme-toggle:checked + .stage .trust span, #theme-toggle:checked + .stage .field-row span, #theme-toggle:checked + .stage .plan p, #theme-toggle:checked + .stage .spec, #theme-toggle:checked + .stage .footer-brand, #theme-toggle:checked + .stage .footer-col a, #theme-toggle:checked + .stage .footer-col span, #theme-toggle:checked + .stage .footer-bottom, #theme-toggle:checked + .stage .callback-copy p, #theme-toggle:checked + .stage .legal-hero p:last-child, #theme-toggle:checked + .stage .legal-meta-card span, #theme-toggle:checked + .stage .legal-meta-card small, #theme-toggle:checked + .stage .legal-highlight span, #theme-toggle:checked + .stage .legal-toc a, #theme-toggle:checked + .stage .legal-note, #theme-toggle:checked + .stage .legal-section p, #theme-toggle:checked + .stage .legal-section li, #theme-toggle:checked + .stage .legal-table-wrap td, #theme-toggle:checked + .stage .legal-contact-block span, #theme-toggle:checked + .stage .posts-index-hero p, #theme-toggle:checked + .stage .posts-index-meta, #theme-toggle:checked + .stage .posts-index-card small, #theme-toggle:checked + .stage .posts-hero p, #theme-toggle:checked + .stage .posts-intro, #theme-toggle:checked + .stage .posts-feature p, #theme-toggle:checked + .stage .posts-feature li, #theme-toggle:checked + .stage .posts-timeline span, #theme-toggle:checked + .stage .posts-note p, #theme-toggle:checked + .stage .posts-sidebar span, #theme-toggle:checked + .stage .posts-quick-panel li, #theme-toggle:checked + .stage .posts-sidebar-title, #theme-toggle:checked + .stage .posts-inline-link {
  color: #9fb1c5;
}

#theme-toggle:checked + .stage .hero, #theme-toggle:checked + .stage .section, #theme-toggle:checked + .stage .callback-section, #theme-toggle:checked + .stage .footer, #theme-toggle:checked + .stage .legal-page, #theme-toggle:checked + .stage .legal-hero, #theme-toggle:checked + .stage .legal-highlights {
  background: radial-gradient(circle at 80% 10%, #0ea5e91f, #0000 28%), linear-gradient(135deg, #081420 0%, #0b1724 52%, #101827 100%);
  border-color: #94a3b82e;
}

#theme-toggle:checked + .stage .service-visual.network-focus, #theme-toggle:checked + .stage .callback-panel {
  background: linear-gradient(90deg, #7dd3fc0e 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#7dd3fc0e 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 24%, #0ea5e92e, #0000 30%), linear-gradient(135deg, #07131f, #0b1e2d 54%, #101827);
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .stage .service-visual.network-focus:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(#07131f0f, #07131f47 70%, #07131f1f), radial-gradient(circle at 68% 54%, #0ea5e924, #0000 36%);
  position: absolute;
  inset: 0;
}

#theme-toggle:checked + .stage .service-visual h3, #theme-toggle:checked + .stage .service-visual p, #theme-toggle:checked + .stage .callback-copy h2 {
  color: #f8fafc;
}

#theme-toggle:checked + .stage .plan {
  background: #081420b8;
  border-color: #94a3b829;
}

#theme-toggle:checked + .stage .plan.featured {
  background: linear-gradient(90deg, #0ea5e924, #0000 44%), #081420d1;
}

#theme-toggle:checked + .stage .trust, #theme-toggle:checked + .stage .spec, #theme-toggle:checked + .stage .mini-btn, #theme-toggle:checked + .stage .btn.secondary, #theme-toggle:checked + .stage .network-points, #theme-toggle:checked + .stage .network-point, #theme-toggle:checked + .stage .theme-switch, #theme-toggle:checked + .stage .legal-meta-card, #theme-toggle:checked + .stage .legal-highlight, #theme-toggle:checked + .stage .legal-toc, #theme-toggle:checked + .stage .legal-note, #theme-toggle:checked + .stage .legal-section, #theme-toggle:checked + .stage .legal-table-wrap, #theme-toggle:checked + .stage .legal-contact-block, #theme-toggle:checked + .stage .posts-feature, #theme-toggle:checked + .stage .posts-sidebar, #theme-toggle:checked + .stage .posts-note, #theme-toggle:checked + .stage .posts-quick-panel, #theme-toggle:checked + .stage .posts-timeline article {
  color: #dbeafe;
  background: #ffffff0f;
  border-color: #94a3b838;
}

#theme-toggle:checked + .stage .legal-table-wrap th {
  color: #dbeafe;
  background: #ffffff12;
}

#theme-toggle:checked + .stage .legal-table-wrap th, #theme-toggle:checked + .stage .legal-table-wrap td {
  border-color: #94a3b82e;
}

#theme-toggle:checked + .posts-stage .posts-page {
  background: #07131f;
}

#theme-toggle:checked + .posts-stage .posts-index-card {
  background: radial-gradient(circle at 82% 18%, #0ea5e91f, #0000 30%), #081420e6;
  border-color: #34d3993d;
  box-shadow: 0 22px 46px #0000003d;
}

#theme-toggle:checked + .posts-stage .posts-index-row-card {
  background: radial-gradient(circle at 88% 18%, #0ea5e91a, #0000 30%), #081420e6;
  border-color: #34d3993d;
  box-shadow: 0 22px 46px #0000003d;
}

#theme-toggle:checked + .posts-stage .posts-index-card-featured {
  background: radial-gradient(circle at 82% 18%, #10b98121, #0000 30%), radial-gradient(circle at 18% 76%, #0ea5e91a, #0000 30%), #081420eb;
}

#theme-toggle:checked + .posts-stage .posts-index-card img {
  opacity: .78;
  filter: saturate(.9) contrast(1.08);
}

#theme-toggle:checked + .posts-stage .posts-feature, #theme-toggle:checked + .posts-stage .posts-sidebar, #theme-toggle:checked + .posts-stage .posts-note, #theme-toggle:checked + .posts-stage .posts-quick-panel, #theme-toggle:checked + .posts-stage .posts-timeline article {
  background: linear-gradient(135deg, #10b9811a, #0ea5e90b), #081420e6;
  border-color: #34d39942;
  box-shadow: 0 22px 46px #0000003d;
}

#theme-toggle:checked + .posts-stage .posts-feature blockquote {
  color: #dffcf0;
  background: linear-gradient(90deg, #34d3991f, #0000 70%);
  border-left-color: #34d399;
  padding: 14px 0 14px 16px;
}

#theme-toggle:checked + .posts-stage .posts-meta, #theme-toggle:checked + .posts-stage .posts-feature p, #theme-toggle:checked + .posts-stage .posts-feature li, #theme-toggle:checked + .posts-stage .posts-note p, #theme-toggle:checked + .posts-stage .posts-timeline span, #theme-toggle:checked + .posts-stage .posts-sidebar span, #theme-toggle:checked + .posts-stage .posts-quick-panel li {
  color: #c6d8d2;
}

#theme-toggle:checked + .posts-stage .posts-note b {
  color: #f8fafc;
}

#theme-toggle:checked + .posts-stage .posts-note p {
  color: #d7eadf;
}

#theme-toggle:checked + .posts-stage .posts-sidebar-title, #theme-toggle:checked + .posts-stage .posts-inline-link {
  color: #34d399;
}

#theme-toggle:checked + .posts-stage .posts-sidebar h3:before, #theme-toggle:checked + .posts-stage .posts-quick-panel h4:before {
  box-shadow: 0 0 0 4px #34d3991f, 0 14px 28px #10b98138;
}

#theme-toggle:checked + .posts-stage .posts-timeline small {
  background: linear-gradient(135deg, #10b981, #22d3ee);
  box-shadow: 0 0 0 4px #34d3991f;
}

#theme-toggle:checked + .posts-stage .posts-sidebar li, #theme-toggle:checked + .posts-stage .posts-quick-panel li {
  border-color: #34d39929;
}

#theme-toggle:checked + .posts-stage .posts-back-link {
  color: #b7f7d9;
  background: #081420b8;
  border-color: #34d3994d;
  box-shadow: 0 14px 30px #10b9811f;
}

#theme-toggle:checked + .posts-stage .posts-back-link span {
  background: linear-gradient(135deg, #10b981, #22d3ee);
}

#theme-toggle:checked + .stage .rack {
  background: linear-gradient(#0f172ad1, #081420c7);
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .stage .tabs {
  background: #ffffff0f;
}

#theme-toggle:checked + .stage .tabs span:first-child, #theme-toggle:checked + .stage .tabs button.active {
  color: #f8fafc;
  background: #ffffff1f;
}

#theme-toggle:checked + .stage .field-row, #theme-toggle:checked + .stage .builder-footer, #theme-toggle:checked + .stage .quiet-intro div, #theme-toggle:checked + .stage .footer-bottom, #theme-toggle:checked + .stage .legal-page, #theme-toggle:checked + .stage .legal-layout, #theme-toggle:checked + .stage .legal-toc a {
  border-color: #94a3b82e;
}

#theme-toggle:checked + .stage .global-map {
  opacity: .42;
  filter: invert() hue-rotate(165deg) saturate(.82) contrast(.9) brightness(.72);
  mix-blend-mode: screen;
}

#theme-toggle:checked + .stage .callback-panel:before, #theme-toggle:checked + .stage .callback-panel:after {
  opacity: .28;
  background: linear-gradient(90deg, #0000, #7dd3fc14, #0000), repeating-linear-gradient(90deg, #7dd3fc33 0 18px, #0000 18px 28px);
}

#theme-toggle:checked + .stage .theme-switch {
  color: #dbeafe;
  background: #08131f;
  box-shadow: 5px 8px 16px #00000042;
}

#theme-toggle:checked + .stage .theme-switch:before, #theme-toggle:checked + .stage .theme-switch:after, #theme-toggle:checked + .stage .theme-text-light, #theme-toggle:checked + .stage .theme-text-dark {
  display: none;
}

#theme-toggle:checked + .stage .product-plan, #theme-toggle:checked + .stage .operation-card, #theme-toggle:checked + .stage .faq-list details, #theme-toggle:checked + .stage .cloud-selected-card, #theme-toggle:checked + .stage .cloud-spec-card, #theme-toggle:checked + .stage .cloud-feature-stack article, #theme-toggle:checked + .stage .cloud-flow-grid article, #theme-toggle:checked + .stage .colo-plan-row, #theme-toggle:checked + .stage .colo-feature-grid article, #theme-toggle:checked + .stage .colo-flow-grid article, #theme-toggle:checked + .stage .dc-location-card, #theme-toggle:checked + .stage .dc-pillar-grid article, #theme-toggle:checked + .stage .dc-test-grid article, #theme-toggle:checked + .stage .dc-peer-grid article, #theme-toggle:checked + .stage .about-network-card, #theme-toggle:checked + .stage .about-reason-grid article, #theme-toggle:checked + .stage .about-mission-section article, #theme-toggle:checked + .stage .contact-form-panel, #theme-toggle:checked + .stage .contact-channel-grid article {
  z-index: 1;
  background-clip: padding-box;
  position: relative;
}

#theme-toggle:checked + .stage .plan-matrix, #theme-toggle:checked + .stage .operations-grid, #theme-toggle:checked + .stage .feature-grid, #theme-toggle:checked + .stage .faq-list, #theme-toggle:checked + .stage .cloud-feature-stack, #theme-toggle:checked + .stage .cloud-flow-grid, #theme-toggle:checked + .stage .colo-plan-list, #theme-toggle:checked + .stage .colo-feature-grid, #theme-toggle:checked + .stage .colo-flow-grid, #theme-toggle:checked + .stage .dc-pillar-grid, #theme-toggle:checked + .stage .dc-test-grid, #theme-toggle:checked + .stage .dc-peer-grid, #theme-toggle:checked + .stage .about-reason-grid, #theme-toggle:checked + .stage .contact-channel-grid {
  z-index: 1;
  position: relative;
}

#theme-toggle:checked + .stage .product-section, #theme-toggle:checked + .stage .cloud-faq, #theme-toggle:checked + .stage .colo-plan-section, #theme-toggle:checked + .stage .colo-flow-section, #theme-toggle:checked + .stage .colo-faq-section, #theme-toggle:checked + .stage .dc-overview, #theme-toggle:checked + .stage .dc-network-band, #theme-toggle:checked + .stage .dc-peers-section, #theme-toggle:checked + .stage .about-story-section, #theme-toggle:checked + .stage .about-reasons-section, #theme-toggle:checked + .stage .about-mission-section, #theme-toggle:checked + .stage .contact-content {
  padding-top: 28px;
}

@media (max-width: 860px) {
  .utility {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 9px 14px;
  }

  .nav {
    align-items: center;
    height: auto;
    min-height: 64px;
    padding: 0 14px;
  }

  .nav-links {
    margin-left: auto;
    display: flex;
  }

  .nav-links > span, .nav-links a:nth-of-type(n+3), .nav-actions .secondary {
    display: none;
  }

  .hero {
    grid-template-columns: 1fr;
    gap: 22px;
    min-height: 0;
    padding: 26px 16px 22px;
  }

  .hero h1 {
    font-size: 36px;
  }

  .hero-copy {
    font-size: 15px;
  }

  .hero-list {
    grid-template-columns: 1fr;
  }

  .quiet-intro div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .builder {
    box-shadow: 0 14px 34px #0f172a1a;
  }

  .section {
    padding: 24px 16px;
  }

  .section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .plans, .service-showcase, .network {
    grid-template-columns: 1fr;
  }

  .stage {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .host-sketch {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 24px;
  }

  .proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plan {
    grid-template-columns: 1fr;
  }

  .why-panel-inner {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .why-panel-inner:before {
    top: 42%;
    left: 18px;
    right: 18px;
  }

  .why-lead h3 {
    font-size: 28px;
  }

  .why-stack {
    grid-template-columns: 1fr;
  }

  .global-map {
    opacity: .4;
    width: 132%;
    bottom: 42px;
    right: -70px;
  }

  .service-visual.network-focus {
    min-height: 500px;
    padding: 22px;
  }

  .service-visual h3 {
    font-size: 31px;
  }

  .service-visual p {
    font-size: 15px;
  }

  .network-points {
    grid-template-columns: 1fr;
    margin-top: 12px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .callback-section {
    padding: 24px 16px 18px;
  }

  .callback-panel {
    min-height: 260px;
    padding: 34px 18px;
  }

  .callback-panel:before, .callback-panel:after {
    height: 58px;
    left: 18px;
    right: 18px;
  }

  .callback-copy h2 {
    font-size: 27px;
  }

  .callback-actions {
    flex-direction: column;
    align-items: center;
  }

  .footer {
    padding: 26px 16px 22px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .footer:before {
    left: 16px;
    right: 16px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .mobile-note {
    display: block;
  }
}

@media (max-width: 760px) {
  .product-shell .nav {
    gap: 10px;
    height: auto;
    min-height: 74px;
    padding: 12px 14px 8px;
  }

  .product-shell .logo-brand img {
    height: 44px;
  }

  .product-shell .nav-links {
    gap: 12px;
    font-size: 12px;
  }

  .product-shell .nav-links span, .product-shell .theme-switch {
    display: none;
  }

  .product-shell .utility {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: 52px;
    padding: 8px 14px;
  }
}

.cloud-node-shell {
  --cloud-ink: #0b1220;
  --cloud-muted: #5b6b82;
  --cloud-line: #dbe8f4;
  --cloud-blue: #09a8f5;
  --cloud-cyan: #22d3ee;
  --cloud-green: #14b8a6;
  --cloud-amber: #f59e0b;
  background: linear-gradient(90deg, #09a8f50e 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14b8a60d 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#edf9ff 0%, #f8fbff 50%, #fff 100%);
}

.cloud-node-shell main {
  background: #fff;
}

.cloud-hero {
  background: radial-gradient(circle at 76% 18%, #22d3ee3d, #0000 26%), radial-gradient(circle at 30% 8%, #14b8a626, #0000 26%), linear-gradient(135deg, #f6fcff 0%, #fff 54%, #effdfb 100%);
  border-top: 1px solid #e2eef8;
  grid-template-columns: minmax(0, .96fr) minmax(360px, .74fr);
  align-items: center;
  gap: 28px;
  min-height: 320px;
  padding: 18px 42px 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cloud-hero:before {
  content: "";
  background: linear-gradient(90deg, #0000, #09a8f552, #0000);
  height: 1px;
  position: absolute;
  inset: auto 42px 0;
}

.cloud-eyebrow, .cloud-builder-head span, .cloud-node-band-copy span {
  color: #0369a1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.cloud-hero h1 {
  max-width: 780px;
  color: var(--cloud-ink);
  letter-spacing: 0;
  margin: 18px 0 16px;
  font-size: 62px;
  line-height: 1;
}

.cloud-hero p {
  color: #405268;
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
}

.cloud-hero-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin: 25px 0 18px;
  display: flex;
}

.cloud-hero-actions a, .cloud-order {
  text-decoration: none;
}

.cloud-rack-visual {
  background: linear-gradient(90deg, #0ea5e912 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(#10b9810f 1px, #0000 1px) 0 0 / 28px 28px, radial-gradient(circle at 30% 28%, #22d3ee2e, #0000 26%), radial-gradient(circle at 78% 76%, #10b9812e, #0000 28%), linear-gradient(135deg, #f8fdff 0%, #fff 48%, #f1fdf8 100%);
  border: 1px solid #10b98138;
  border-radius: 18px;
  min-height: 320px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 60px #0f172a1c;
}

.cloud-rack-visual:before, .cloud-rack-visual:after {
  content: "";
  background: #0ea5e914;
  border-radius: 50%;
  position: absolute;
}

.cloud-rack-visual:before {
  width: 260px;
  height: 260px;
  top: -72px;
  right: -80px;
}

.cloud-rack-visual:after {
  background: #10b98114;
  width: 320px;
  height: 320px;
  bottom: -160px;
  left: -120px;
}

.cloud-visual-status {
  z-index: 4;
  background: #08131f;
  border-radius: 0 16px 0 14px;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 15px;
  display: inline-flex;
  position: absolute;
  top: -1px;
  right: -1px;
  box-shadow: 0 16px 30px #0f172a29;
}

.cloud-visual-status span {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  display: block;
}

.cloud-visual-status span:first-child {
  background: #f59e0b;
}

.cloud-visual-status span:nth-child(2) {
  background: #0ea5e9;
}

.cloud-visual-status span:nth-child(3) {
  background: #10b981;
}

.cloud-shape {
  z-index: 2;
  background: radial-gradient(circle at 22% 18%, #fffffff5, #0000 38%), linear-gradient(#fffffff5, #f0fdfae6);
  border: 2px solid #10b9818f;
  position: absolute;
  box-shadow: 0 24px 50px #0ea5e926;
}

.cloud-shape:before, .cloud-shape:after, .cloud-shape-main .cloud-rack-lines:before {
  content: "";
  background: inherit;
  border: 2px solid #10b9818a;
  border-bottom: 0;
  position: absolute;
}

.cloud-shape-main {
  border-radius: 18px;
  width: 380px;
  height: 178px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
}

.cloud-shape-main:before, .cloud-shape-main:after, .cloud-shape-main .cloud-rack-lines:before {
  display: none;
}

.cloud-plan-chip {
  z-index: 2;
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #10b981);
  border-radius: 14px;
  place-items: center;
  min-width: 150px;
  padding: 18px 16px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 16px 34px #10b98133;
}

.cloud-plan-chip span, .cloud-plan-chip small {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  display: block;
}

.cloud-plan-chip b {
  margin: 0;
  font-size: 22px;
  line-height: 1;
  display: block;
}

.cloud-shape-small span {
  background: radial-gradient(circle at 16px, #0ea5e9 0 3px, #0000 4px), linear-gradient(90deg, #0ea5e924, #10b98124);
  border: 1px solid #0ea5e952;
  border-radius: 7px;
  height: 20px;
  display: block;
}

.cloud-shape-small {
  border-radius: 42px 48px 36px 38px;
  gap: 7px;
  width: 132px;
  height: 78px;
  padding: 20px 20px 0;
  display: grid;
}

.cloud-shape-small:before, .cloud-shape-small:after {
  border-bottom: 0;
  display: block;
}

.cloud-shape-small:before {
  border-radius: 36px 36px 0 0;
  width: 54px;
  height: 42px;
  top: -22px;
  left: 22px;
}

.cloud-shape-small:after {
  border-radius: 44px 44px 0 0;
  width: 68px;
  height: 52px;
  top: -28px;
  right: 24px;
}

.cloud-shape-a {
  top: 86px;
  left: 34px;
}

.cloud-shape-b {
  bottom: 78px;
  right: 34px;
}

.cloud-network-path {
  z-index: 1;
  transform-origin: center;
  background: linear-gradient(90deg, #0000, #10b981b8, #0ea5e9b8, #0000);
  border-radius: 999px;
  height: 2px;
  position: absolute;
  box-shadow: 0 0 0 1px #0ea5e914, 0 8px 18px #0ea5e91f;
}

.cloud-network-path-a {
  width: 190px;
  top: 171px;
  left: 128px;
  transform: rotate(-20deg);
}

.cloud-network-path-b {
  width: 216px;
  bottom: 137px;
  right: 112px;
  transform: rotate(8deg);
}

.cloud-network-path-c {
  bottom: 112px;
  left: 112px;
  right: 102px;
  transform: rotate(1deg);
}

.cloud-edge-cable {
  z-index: 1;
  transform-origin: center;
  background: linear-gradient(90deg, #0ea5e92e, #0ea5e9 28%, #10b981 72%, #10b9812e);
  border-radius: 999px;
  height: 4px;
  position: absolute;
  box-shadow: 0 0 0 1px #10b9811a, 0 10px 24px #0ea5e929;
}

.cloud-edge-cable:before, .cloud-edge-cable:after {
  content: "";
  background: #fff;
  border: 2px solid #10b981;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cloud-edge-cable:before {
  left: -2px;
}

.cloud-edge-cable:after {
  right: -2px;
}

.cloud-edge-cable-a {
  width: 205px;
  top: 176px;
  left: 122px;
  transform: rotate(-26deg);
}

.cloud-edge-cable-b {
  width: 218px;
  bottom: 147px;
  right: 112px;
  transform: rotate(18deg);
}

.cloud-builder {
  background: radial-gradient(170px 64px at 22% 24%, #ffffff12, #0000 72%), radial-gradient(130px 50px at 58% 16%, #ffffff0d, #0000 72%), radial-gradient(200px 74px at 86% 38%, #7dd3fc0e, #0000 72%), radial-gradient(circle at 18% 24%, #0ea5e933, #0000 30%), radial-gradient(circle at 86% 82%, #10b98133, #0000 34%), linear-gradient(135deg, #071827 0%, #0a2030 48%, #0f172a 100%);
  border: 1px solid #7dd3fc2e;
  border-radius: 16px;
  margin: 24px 42px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 55px #0f172a2e;
}

.cloud-builder:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(110deg, #0ea5e929, #0000 42%), linear-gradient(#0000 58%, #10b98114);
  position: absolute;
  inset: 0;
}

.cloud-builder:after {
  content: "";
  z-index: 0;
  opacity: .72;
  pointer-events: none;
  background: radial-gradient(220px 62px at 18% 18%, #ffffff1f, #0000 72%), radial-gradient(180px 54px at 31% 24%, #ffffff14, #0000 74%), radial-gradient(240px 70px at 77% 18%, #ffffff1a, #0000 76%), radial-gradient(190px 56px at 88% 28%, #ffffff12, #0000 74%);
  position: absolute;
  inset: 0;
}

.cloud-builder > * {
  z-index: 1;
  position: relative;
}

.cloud-builder-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.cloud-builder-head h2 {
  color: #f8fafc;
  letter-spacing: 0;
  margin: 12px 0 0;
  font-size: 34px;
  line-height: 1.08;
}

.cloud-live-price {
  background: #ffffff13;
  border: 1px solid #7dd3fc2e;
  border-radius: 12px;
  align-items: end;
  gap: 5px;
  padding: 14px 16px;
  display: flex;
  box-shadow: inset 0 1px #ffffff14;
}

.cloud-live-price small, .cloud-live-price em {
  color: #b7c6d8;
  padding-bottom: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.cloud-live-price b {
  color: #fff;
  font-size: 36px;
  line-height: 1;
}

.cloud-range-wrap {
  margin-top: 28px;
  position: relative;
}

.cloud-range-track {
  background: linear-gradient(90deg, #22d3ee 0 var(--rail-fill), #94a3b84d var(--rail-fill) 100%);
  border-radius: 999px;
  height: 12px;
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  box-shadow: inset 0 1px 3px #00000047;
}

.cloud-range {
  z-index: 1;
  appearance: none;
  cursor: grab;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  width: 100%;
  height: 58px;
  position: relative;
}

.cloud-range:active {
  cursor: grabbing;
}

.cloud-range::-webkit-slider-thumb {
  appearance: none;
  background: linear-gradient(135deg, var(--cloud-blue), var(--cloud-green));
  border: 5px solid #fff;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  box-shadow: 0 10px 24px #09a8f54d;
}

.cloud-range::-moz-range-thumb {
  background: linear-gradient(135deg, var(--cloud-blue), var(--cloud-green));
  border: 5px solid #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0 10px 24px #09a8f54d;
}

.cloud-plan-markers {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
  display: grid;
}

.cloud-plan-markers button {
  color: #a9b8c9;
  cursor: pointer;
  min-height: 76px;
  font: inherit;
  text-align: left;
  background: #ffffff13;
  border: 1px solid #7dd3fc29;
  border-radius: 12px;
  padding: 12px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}

.cloud-plan-markers button.active {
  background: #ffffff1c;
  border-color: #22d3ee85;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px #0ea5e91f;
}

.cloud-plan-markers b, .cloud-plan-markers span {
  display: block;
}

.cloud-plan-markers b {
  color: #f8fafc;
  font-size: 15px;
}

.cloud-plan-markers span {
  color: #a9b8c9;
  margin-top: 7px;
  font-size: 13px;
  font-weight: 800;
}

.cloud-selected-grid {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.cloud-selected-card, .cloud-spec-card, .cloud-feature-stack article, .cloud-flow-grid article {
  background: #ffffff13;
  border: 1px solid #7dd3fc2e;
  border-radius: 12px;
  box-shadow: 0 14px 30px #0000001a;
}

.cloud-selected-card {
  grid-template-rows: auto 1fr;
  gap: 16px;
  min-height: 100%;
  padding: 20px;
  display: grid;
}

.cloud-selected-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.cloud-loc-picker {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: inline-flex;
}

.cloud-loc-picker button {
  color: #cbd5e1;
  letter-spacing: .04em;
  cursor: pointer;
  background: #7dd3fc14;
  border: 1px solid #7dd3fc47;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 800;
  transition: background .15s, color .15s, border-color .15s;
}

.cloud-loc-picker button:hover {
  color: #f8fafc;
  border-color: #7dd3fc80;
}

.cloud-loc-picker button.active {
  background: linear-gradient(135deg, var(--cloud-blue), var(--cloud-green));
  color: #fff;
  border-color: #0000;
}

.cloud-selected-top span {
  color: #7dd3fc;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.cloud-selected-top h3 {
  color: #f8fafc;
  margin: 6px 0 0;
  font-size: 24px;
}

.cloud-selected-top b {
  color: #f8fafc;
  white-space: nowrap;
  font-size: 28px;
}

.cloud-selected-card p {
  color: var(--cloud-muted);
  align-self: end;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.cloud-meter {
  background: #e2e8f0;
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.cloud-meter span {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cloud-blue), var(--cloud-green), var(--cloud-amber));
  height: 100%;
  display: block;
}

.cloud-order {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #10b981);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.cloud-spec-grid {
  grid-template-columns: repeat(5, minmax(112px, 1fr));
  align-self: start;
  align-items: start;
  gap: 12px;
  display: grid;
}

.cloud-spec-card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 154px;
  padding: 16px 10px;
  display: flex;
}

.cloud-spec-card .magic-icon-badge {
  margin-bottom: 4px;
}

.cloud-spec-card h3 {
  color: #f8fafc;
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.1;
}

.cloud-spec-card b {
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.2;
}

.cloud-spec-card span {
  color: #a9b8c9;
  font-size: 12px;
  line-height: 1.25;
}

.cloud-spec-card .magic-icon-blue {
  color: #2563eb;
}

.cloud-spec-card .magic-icon-green {
  color: #059669;
}

.cloud-spec-card .magic-icon-amber {
  color: #d97706;
}

.cloud-spec-card .magic-icon-cyan {
  color: #0891b2;
}

.cloud-spec-card .magic-icon-violet {
  color: #7c3aed;
}

.cloud-spec-card .magic-icon-rose {
  color: #e11d48;
}

.cloud-node-shell .magic-icon-violet, .cloud-node-shell .cloud-spec-card .magic-icon-violet {
  color: #0f172a;
}

.cloud-node-band {
  box-shadow: none;
  background: linear-gradient(90deg, #09a8f514, #0000 46%), #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  gap: 26px;
  margin: 34px 0 0;
  padding: 28px 42px;
  display: grid;
  position: relative;
}

.cloud-node-band:before {
  display: none;
}

.cloud-node-band-copy {
  z-index: 1;
  grid-column: auto;
  align-self: center;
  position: relative;
}

.cloud-feature-stack {
  z-index: 1;
  grid-area: auto;
  position: relative;
}

.cloud-node-band-copy h2, .cloud-flow .section-heading h2, .cloud-faq .section-heading h2 {
  color: var(--cloud-ink);
  letter-spacing: 0;
  margin: 14px 0 0;
  font-size: 38px;
  line-height: 1.08;
}

.cloud-node-band-copy p {
  color: var(--cloud-muted);
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.7;
}

.cloud-feature-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.cloud-feature-stack article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-height: 0;
  padding: 20px;
  box-shadow: 0 14px 30px #0f172a0b;
}

.cloud-flow-grid .magic-icon-badge {
  width: 44px;
  height: 44px;
}

.cloud-feature-stack .magic-icon-badge {
  width: 44px;
  height: 44px;
  color: var(--cloud-feature-accent, #38bdf8);
  box-shadow: none;
  background: none;
  margin-bottom: 0;
}

.cloud-feature-stack .magic-icon-badge svg {
  display: block;
}

.cloud-feature-stack article:first-child {
  --cloud-feature-accent: #38bdf8;
}

.cloud-feature-stack article:nth-child(2) {
  --cloud-feature-accent: #34d399;
}

.cloud-feature-stack article:nth-child(3) {
  --cloud-feature-accent: #0f172a;
}

.cloud-feature-stack article:nth-child(4) {
  --cloud-feature-accent: #f59e0b;
}

.cloud-feature-stack h3, .cloud-flow-grid h3 {
  color: var(--cloud-ink);
  margin: 16px 0 8px;
  font-size: 17px;
}

.cloud-feature-stack p, .cloud-flow-grid p {
  color: var(--cloud-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.62;
}

.cloud-node-band .cloud-node-band-copy h2 {
  color: var(--cloud-ink);
  font-size: 38px;
}

.cloud-node-band .cloud-feature-stack h3 {
  color: var(--cloud-ink);
  margin: 16px 0 8px;
  font-size: 17px;
  line-height: normal;
}

.cloud-node-band .cloud-feature-stack p {
  color: var(--cloud-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.62;
}

.cloud-flow, .cloud-faq {
  padding: 28px 42px;
}

.cloud-flow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.cloud-flow-grid article {
  padding: 20px;
}

.cloud-flow {
  padding-top: 0;
  padding-bottom: 0;
}

.cloud-flow-strip {
  background: none;
  border-top: 1px solid #7dd3fc29;
  border-bottom: 1px solid #7dd3fc29;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 -42px;
  display: grid;
}

.cloud-flow-cell {
  text-align: center;
  border-right: 1px solid #7dd3fc1f;
  padding: 34px 22px 30px;
  position: relative;
}

.cloud-flow-cell:last-child {
  border-right: 0;
}

.cloud-flow-cell:before {
  content: "";
  background: var(--flow-accent, #38bdf8);
  width: 48px;
  height: 3px;
  box-shadow: 0 0 18px color-mix(in srgb, var(--flow-accent, #38bdf8) 40%, transparent);
  border-radius: 999px;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
}

.cloud-flow-cell-blue {
  --flow-accent: #38bdf8;
}

.cloud-flow-cell-green {
  --flow-accent: #34d399;
}

.cloud-flow-cell-cyan {
  --flow-accent: #22d3ee;
}

.cloud-flow-cell-violet {
  --flow-accent: #a78bfa;
}

.cloud-node-shell .cloud-flow-cell-violet {
  --flow-accent: #0f172a;
}

.cloud-flow-cell-rose {
  --flow-accent: #fb7185;
}

.cloud-flow-cell h3 {
  color: var(--cloud-ink, #0b1220);
  margin: 24px 0 8px;
  font-size: 26px;
  line-height: 1.05;
}

.cloud-flow-cell p {
  color: #5b6b82;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

#theme-toggle:checked + .product-stage .cloud-flow-cell h3 {
  color: #f8fafc;
}

#theme-toggle:checked + .product-stage .cloud-flow-cell p {
  color: #9fb2c6;
}

.cloud-feature-stack .magic-icon-badge svg, .cloud-flow-grid .magic-icon-badge svg {
  width: 32px;
  height: 32px;
}

.cloud-faq {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
}

@media (max-width: 1040px) {
  .cloud-hero, .cloud-node-band, .cloud-selected-grid {
    grid-template-columns: 1fr;
  }

  .cloud-node-band-copy, .cloud-feature-stack {
    grid-area: auto;
  }

  .cloud-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .cloud-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 28px 16px 24px;
  }

  .cloud-hero h1 {
    font-size: 39px;
  }

  .cloud-rack-visual {
    min-height: 280px;
  }

  .cloud-visual-status {
    gap: 8px;
    min-height: 30px;
    padding: 0 11px;
    top: -1px;
    right: -1px;
  }

  .cloud-visual-status span {
    width: 12px;
    height: 12px;
  }

  .cloud-shape-main {
    width: 270px;
    height: 132px;
  }

  .cloud-shape-main:before, .cloud-shape-main:after, .cloud-shape-main .cloud-rack-lines:before {
    display: none;
  }

  .cloud-plan-chip {
    min-width: 100px;
    padding: 12px;
  }

  .cloud-plan-chip b {
    font-size: 22px;
  }

  .cloud-shape-small {
    width: 96px;
    height: 60px;
    padding: 16px 14px 0;
  }

  .cloud-shape-small:before {
    width: 40px;
    height: 30px;
    top: -16px;
    left: 17px;
  }

  .cloud-shape-small:after {
    width: 50px;
    height: 38px;
    top: -20px;
    right: 18px;
  }

  .cloud-shape-a {
    top: 62px;
    left: 16px;
  }

  .cloud-shape-b {
    bottom: 52px;
    right: 16px;
  }

  .cloud-network-path-a {
    width: 102px;
    top: 128px;
    left: 86px;
  }

  .cloud-network-path-b {
    width: 126px;
    bottom: 98px;
    right: 70px;
  }

  .cloud-network-path-c {
    bottom: 88px;
    left: 70px;
    right: 64px;
  }

  .cloud-edge-cable {
    height: 3px;
  }

  .cloud-edge-cable-a {
    width: 116px;
    top: 130px;
    left: 66px;
  }

  .cloud-edge-cable-b {
    width: 130px;
    bottom: 104px;
    right: 62px;
  }

  .cloud-builder {
    margin: 0 16px 20px;
    padding: 18px;
  }

  .cloud-builder-head {
    flex-direction: column;
  }

  .cloud-builder-head h2, .cloud-node-band-copy h2, .cloud-flow .section-heading h2, .cloud-faq .section-heading h2 {
    font-size: 29px;
  }

  .cloud-plan-markers, .cloud-spec-grid, .cloud-feature-stack, .cloud-flow-grid {
    grid-template-columns: 1fr;
  }

  .cloud-plan-markers button {
    min-height: 62px;
  }

  .cloud-node-band, .cloud-flow, .cloud-faq {
    padding: 38px 16px;
  }

  .cloud-node-band {
    margin: 34px 0 0;
  }

  .cloud-node-band .cloud-node-band-copy h2 {
    font-size: 31px;
  }

  .cloud-node-band .cloud-node-band-copy p, .cloud-node-band .cloud-feature-stack p {
    font-size: 15px;
  }

  .cloud-node-band .cloud-feature-stack h3 {
    font-size: 21px;
  }

  .cloud-feature-stack article {
    min-height: 0;
    padding: 20px 0;
  }
}

.colocation-stage main {
  background: #f8fafc;
}

.colo-hero {
  color: #0f172a;
  background: radial-gradient(circle at 86% 16%, #10b9812e, #0000 26%), radial-gradient(circle at 16% 8%, #0ea5e929, #0000 30%), linear-gradient(135deg, #f8fbff 0%, #fff 48%, #fff9f0 100%);
  border-top: 1px solid #eef2f7;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 510px);
  align-items: center;
  gap: 34px;
  padding: 26px 42px 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.colo-hero:before {
  content: "";
  opacity: .38;
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(90deg, #0ea5e90e 1px, #0000 1px), linear-gradient(#0ea5e90b 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 34px 34px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
}

.colo-hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 78% 30%, #f59e0b1f, #0000 28%), radial-gradient(circle at 38% 76%, #10b9811a, #0000 28%);
  position: absolute;
  inset: 0;
}

.colo-hero-copy, .colo-facility-card {
  z-index: 2;
  position: relative;
}

.colo-facility-card {
  display: block;
}

.colo-kicker {
  color: #0369a1;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 850;
  display: inline-flex;
}

.colo-hero h1 {
  color: #0f172a;
  letter-spacing: 0;
  max-width: 760px;
  margin: 18px 0 0;
  font-size: 56px;
  line-height: 1.02;
}

.colo-hero p {
  color: #475569;
  max-width: 650px;
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.68;
}

.colo-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.colo-actions .btn.secondary {
  color: #334155;
  background: #ffffffd1;
  border-color: #dbe3ee;
}

.colo-hero-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 650px;
  margin-top: 34px;
  display: grid;
}

.colo-hero-stats div {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffffc2;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
  box-shadow: 0 12px 28px #0f172a0a;
}

.colo-hero-stats b, .colo-hero-stats span {
  display: block;
}

.colo-hero-stats b {
  color: #0f172a;
  font-size: 22px;
}

.colo-hero-stats span {
  color: #64748b;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 750;
}

.colo-facility-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: radial-gradient(circle at 18% 18%, #0ea5e924, #0000 28%), linear-gradient(145deg, #ffffffd1, #ffffff8a);
  border: 1px solid #bae6fd42;
  border-radius: 18px;
  align-self: center;
  padding: 18px;
  box-shadow: 0 28px 70px #0f172a21;
}

.colo-grid-glass, .colo-facility-strip {
  color: #eff6ff;
  background: #081420db;
  border: 1px solid #94a3b83d;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

.colo-grid-glass span {
  color: #93c5fd;
}

.colo-rack-visual {
  background-color: #f8fafcd1;
  background-image: linear-gradient(90deg, #0ea5e917 1px, #0000 1px), linear-gradient(#0ea5e917 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: 28px 28px;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  border: 1px solid #94a3b82e;
  border-radius: 16px;
  gap: 10px;
  margin: 18px 0;
  padding: 20px;
  display: grid;
}

.colo-rack-visual i {
  background: linear-gradient(90deg, #0ea5e9d1, #0f172ad1 58%, #10b981b8);
  border: 1px solid #94a3b847;
  border-radius: 10px;
  height: 46px;
  position: relative;
  box-shadow: inset 0 1px #ffffff1f;
}

.colo-rack-visual i:nth-child(2), .colo-rack-visual i:nth-child(4) {
  background: linear-gradient(90deg, #f59e0bd1, #0f172ad1 58%, #0ea5e99e);
}

.colo-rack-visual i:before {
  content: "";
  background: #ffffff94;
  border-radius: 99px;
  width: 130px;
  max-width: 44%;
  height: 9px;
  position: absolute;
  top: 18px;
  left: 18px;
}

.colo-rack-visual i:after {
  content: "";
  background: #34d399;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 17px;
  right: 18px;
  box-shadow: -24px 0 #93c5fdc7, -48px 0 #cbd5e18f;
}

.colo-facility-strip {
  text-align: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.colo-plan-section, .colo-flow-section, .colo-faq-section {
  background: #f8fafc;
  padding: 28px 42px;
}

.colo-plan-head {
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: center;
  gap: 28px;
  display: grid;
}

.colo-plan-head .section-heading {
  max-width: none;
  margin-bottom: 0;
}

.colo-plan-head .section-heading h2 {
  white-space: nowrap;
  font-size: 32px;
}

.colo-plan-art {
  background: linear-gradient(90deg, #10b98114 1px, #0000 1px) 0 0 / 24px 24px, linear-gradient(#10b98114 1px, #0000 1px) 0 0 / 24px 24px, radial-gradient(circle at 30% 34%, #f59e0b33, #0000 28%), linear-gradient(135deg, #f0fdf4, #fff 58%, #fff7ed);
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  justify-self: end;
  place-items: center;
  width: 220px;
  height: 120px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #10b98117;
}

.colo-plan-art:before {
  content: "";
  filter: blur(18px);
  background: #10b9811a;
  border-radius: 999px;
  position: absolute;
  inset: 16px 24px;
}

.colo-plan-art-stack {
  z-index: 1;
  gap: 8px;
  display: grid;
  position: relative;
  transform: translateX(-8px);
}

.colo-plan-art-stack span {
  background: #ffffffe0;
  border: 4px solid #10b981;
  border-radius: 7px;
  width: 74px;
  height: 24px;
  display: block;
  position: relative;
  box-shadow: 0 10px 18px #10b9811f;
}

.colo-plan-art-stack span:before {
  content: "";
  background: #f59e0b;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  left: 11px;
}

.colo-plan-art-stack span:after {
  content: "";
  background: #86efac;
  border-radius: 999px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 26px;
  right: 10px;
}

.colo-plan-art i {
  z-index: 0;
  border: 1px solid #10b98147;
  border-radius: 999px;
  display: block;
  position: absolute;
}

.colo-plan-art i:first-of-type {
  width: 110px;
  height: 110px;
  top: 8px;
  right: 18px;
}

.colo-plan-art i:nth-of-type(2) {
  width: 70px;
  height: 70px;
  top: 28px;
  right: 42px;
}

.colo-plan-art i:nth-of-type(3) {
  background: #f59e0b;
  border: 0;
  width: 8px;
  height: 8px;
  top: 55px;
  right: 72px;
  box-shadow: -46px -24px #10b981, 42px 22px #22c55e;
}

.colo-plan-list {
  gap: 16px;
  margin-top: 24px;
  display: grid;
}

.colo-plan-row {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  grid-template-columns: 86px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 108px;
  padding: 12px 20px 12px 12px;
  display: grid;
  box-shadow: 0 16px 34px #0f172a0b;
}

.colo-plan-icon {
  background: linear-gradient(#fff, #f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  place-items: center;
  width: 72px;
  height: 72px;
  display: grid;
}

.colo-plan-icon .magic-icon-badge {
  width: 50px;
  height: 50px;
}

.colo-plan-icon .magic-icon-badge svg {
  width: 40px;
  height: 40px;
}

.colo-plan-copy {
  min-width: 0;
}

.colo-plan-copy > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.colo-plan-copy h3 {
  color: var(--product-ink);
  margin: 0;
  font-size: 18px;
}

.colo-plan-copy span {
  color: #64748b;
  background: #f1f5f9;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 850;
}

.colo-plan-copy p {
  color: #334155;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.colo-plan-action {
  justify-items: end;
  gap: 12px;
  display: grid;
}

.colo-plan-action a {
  color: #fff;
  background: #2563eb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.colo-plan-action b {
  color: var(--product-ink);
  white-space: nowrap;
  font-size: 15px;
}

.colo-plan-blue {
  border-left: 4px solid #0ea5e9;
}

.colo-plan-green {
  border-left: 4px solid #10b981;
}

.colo-plan-violet {
  border-left: 4px solid #7c3aed;
}

.colo-detail-band {
  background: linear-gradient(90deg, #0ea5e914, #0000 44%), #fff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 28px;
  padding: 28px 42px;
  display: grid;
}

.colo-detail-copy h2, .colo-flow-section .section-heading h2, .colo-faq-section .section-heading h2 {
  color: var(--product-ink);
  letter-spacing: 0;
  margin: 0;
  font-size: 38px;
  line-height: 1.08;
}

.colo-detail-copy p {
  color: var(--product-muted);
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.72;
}

.colo-flow-section .section-heading {
  max-width: none;
}

.colo-flow-section .section-heading h2 {
  white-space: nowrap;
}

.colo-feature-grid, .colo-flow-grid {
  gap: 14px;
  display: grid;
}

.colo-feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.colo-feature-grid article, .colo-flow-grid article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 16px 34px #0f172a0a;
}

.colo-feature-grid h3, .colo-flow-grid h3 {
  color: var(--product-ink);
  margin: 14px 0 8px;
  font-size: 17px;
}

.colo-feature-grid p, .colo-flow-grid p, .colo-cta p {
  color: var(--product-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.64;
}

.colo-flow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 24px;
}

.colo-flow-grid article {
  position: relative;
}

.colo-flow-grid small {
  color: #cbd5e1;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: 18px;
  right: 18px;
}

.colo-faq-section, .colo-flow-section {
  border-top: 1px solid #e2e8f0;
}

.colo-cta {
  color: #fff;
  background: radial-gradient(circle at 84% 18%, #0ea5e93d, #0000 30%), linear-gradient(135deg, #071827, #0d2135 58%, #172554);
  border: 1px solid #ffffff24;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 28px 42px 48px;
  padding: 32px;
  display: flex;
  box-shadow: 0 22px 44px #0f172a24;
}

.colo-cta h2 {
  color: #fff;
  max-width: 740px;
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.12;
}

.colo-cta p {
  color: #cbd5e1;
  max-width: 760px;
}

@media (max-width: 1040px) {
  .colo-hero, .colo-detail-band {
    grid-template-columns: 1fr;
  }

  .colo-facility-card {
    max-width: 640px;
  }

  .colo-flow-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .colo-hero, .colo-plan-section, .colo-detail-band, .colo-flow-section, .colo-faq-section {
    padding: 36px 16px;
  }

  .colo-hero h1 {
    font-size: 39px;
  }

  .colo-hero {
    padding: 22px 16px;
  }

  .colo-hero-stats, .colo-feature-grid, .colo-plan-head {
    grid-template-columns: 1fr;
  }

  .colo-plan-art {
    justify-self: start;
    width: 100%;
    max-width: 260px;
    height: 110px;
  }

  .colo-plan-row {
    grid-template-columns: 64px 1fr;
    gap: 14px;
    padding: 12px;
  }

  .colo-plan-icon {
    width: 58px;
    height: 58px;
  }

  .colo-plan-icon .magic-icon-badge svg {
    width: 32px;
    height: 32px;
  }

  .colo-plan-action {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
    place-items: center stretch;
  }

  .colo-plan-action b {
    justify-self: end;
  }

  .colo-cta {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 16px 36px;
    padding: 24px;
  }
}

.datacenter-stage main {
  background: #f8fafc;
}

.dc-hero {
  color: #fff;
  background: radial-gradient(circle at 46% 24%, #22d3ee2e, #0000 34%), #061826;
  min-height: 480px;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.dc-hero-video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.dc-hero:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, #03121e57, #03121e14 48%, #03121e47), radial-gradient(circle at 24% 40%, #0891b22e, #0000 30%), radial-gradient(circle at 72% 36%, #2563eb29, #0000 26%);
  position: absolute;
  inset: 0;
}

.dc-hero-dots {
  z-index: 2;
  min-height: 374px;
  position: relative;
}

.dc-kicker, .dc-section-kicker {
  color: #7dd3fc;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.dc-hero h1 {
  color: #fff;
  letter-spacing: 0;
  max-width: 780px;
  margin: 16px 0 0;
  font-size: 58px;
  line-height: 1.02;
}

.dc-hero p {
  color: #e2f2ffd6;
  max-width: 680px;
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.68;
}

.dc-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  display: flex;
}

.dc-actions .btn.secondary {
  color: #e0f2fe;
  background: #ffffff14;
  border-color: #bae6fd42;
}

.dc-map-dot {
  color: #dff8ff;
  gap: 2px;
  min-width: 132px;
  text-decoration: none;
  display: grid;
  position: absolute;
  transform: translate(-15px, -15px);
}

.dc-map-dot span {
  background: #0ea5e9;
  border: 3px solid #7dd3fc;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
  box-shadow: 0 0 0 7px #0ea5e929, 0 0 24px #0ea5e9b8;
}

.dc-map-dot span:before {
  content: "";
  border: 1px solid #7dd3fc8c;
  border-radius: 50%;
  position: absolute;
  inset: -12px;
}

.dc-map-dot b, .dc-map-dot small {
  opacity: 1;
  text-shadow: 0 2px 12px #000000b3;
  margin-left: 28px;
  transition: opacity .16s, transform .16s;
  display: block;
  transform: translateX(0);
}

.dc-map-dot b {
  color: #fff;
  margin-top: -22px;
  font-size: 14px;
  font-weight: 850;
}

.dc-map-dot small {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 800;
}

.dc-map-dot:hover span, .dc-map-dot:focus-visible span {
  background: #2563eb;
  border-color: #fff;
  box-shadow: 0 0 0 9px #2563eb38, 0 0 30px #22d3eee6;
}

.dc-map-dot:hover b, .dc-map-dot:hover small, .dc-map-dot:focus-visible b, .dc-map-dot:focus-visible small {
  opacity: 1;
  transform: translateX(0);
}

.dc-map-dot:focus-visible {
  outline-offset: 8px;
  border-radius: 10px;
  outline: 2px solid #fff;
}

.dc-dot-la {
  top: 52%;
  left: 34%;
}

.dc-dot-tests {
  top: 34%;
  left: 61%;
}

.dc-dot-peers {
  top: 66%;
  left: 79%;
}

.dc-stat-strip {
  z-index: 2;
  background: none;
  border-top: 1px solid #94a3b829;
  border-bottom: 1px solid #94a3b829;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  display: grid;
  position: relative;
}

.dc-stat-link {
  min-height: 106px;
  color: inherit;
  text-align: center;
  background: none;
  border-right: 1px solid #94a3b829;
  align-content: center;
  justify-items: center;
  gap: 7px;
  padding: 16px 28px;
  text-decoration: none;
  display: grid;
}

.dc-stat-link b {
  color: #f8fafc;
  font-size: 30px;
  line-height: 1;
}

.dc-stat-link span {
  color: #e2e8f0b8;
  font-size: 13px;
  font-weight: 800;
}

.dc-stat-link:last-child {
  border-right: 0;
}

.dc-overview, .dc-network-band {
  grid-template-columns: minmax(0, .92fr) minmax(360px, .58fr);
  align-items: center;
  gap: 28px;
  padding: 28px 42px;
  display: grid;
}

.dc-overview {
  background: linear-gradient(90deg, #0ea5e90f, #0000 42%), #f8fafc;
}

.dc-overview h2, .dc-network-copy h2, .dc-cta h2 {
  color: #0f172a;
  letter-spacing: 0;
  margin: 12px 0 0;
  font-size: 38px;
  line-height: 1.08;
}

.dc-overview p, .dc-network-copy p, .dc-cta p {
  color: #64748b;
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.72;
}

.dc-section-kicker {
  color: #0284c7;
}

.dc-location-card {
  background: radial-gradient(circle at 18% 18%, #0ea5e91a, #0000 30%), linear-gradient(135deg, #fff, #f8fbff 70%, #eef8ff);
  border: 1px solid #d7e7f8;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 18px 38px #0f172a0e;
}

.dc-location-top {
  align-items: center;
  gap: 16px;
  display: flex;
}

.dc-location-card h3 {
  color: #0f172a;
  margin: 0;
  font-size: 20px;
}

.dc-location-card span {
  color: #64748b;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 750;
  display: block;
}

.dc-rack-lines {
  background: linear-gradient(135deg, #fff, #f1f8ff);
  border: 1px solid #dbeafe;
  border-radius: 14px;
  gap: 10px;
  margin-top: 22px;
  padding: 18px;
  display: grid;
}

.dc-rack-lines i {
  background: linear-gradient(90deg, #38bdf8, #60a5fa 58%, #2dd4bf);
  border: 1px solid #93c5fd;
  border-radius: 10px;
  height: 38px;
  position: relative;
}

.dc-rack-lines i:before {
  content: "";
  background: #ffffffad;
  border-radius: 999px;
  width: 86px;
  height: 7px;
  position: absolute;
  top: 15px;
  left: 16px;
}

.dc-rack-lines i:after {
  content: "";
  background: #bbf7d0;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 14px;
  right: 16px;
  box-shadow: -22px 0 #ffffff8c;
}

.dc-pillar-grid, .dc-peers-section {
  background: #f8fafc;
  padding: 0 42px 28px;
}

.dc-pillar-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.dc-pillar-grid article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #0ea5e9;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 16px 34px #0f172a0b;
}

.dc-pillar-grid article:nth-child(2) {
  border-top-color: #f59e0b;
}

.dc-pillar-grid article:nth-child(3) {
  border-top-color: #10b981;
}

.dc-pillar-grid h3 {
  color: #0f172a;
  margin: 16px 0 14px;
  font-size: 19px;
}

.dc-pillar-grid ul {
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.dc-pillar-grid li {
  color: #475569;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
}

.dc-pillar-grid li:before {
  content: "";
  background: #0ea5e9;
  border-radius: 3px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: 0;
}

.dc-pillar-grid article:nth-child(2) li:before {
  background: #f59e0b;
}

.dc-pillar-grid article:nth-child(3) li:before {
  background: #10b981;
}

.dc-network-band {
  background: radial-gradient(circle at 86% 16%, #0ea5e924, #0000 30%), linear-gradient(135deg, #fff, #f0f9ff);
  border-top: 1px solid #dbeafe;
  border-bottom: 1px solid #dbeafe;
}

.dc-test-grid {
  gap: 14px;
  display: grid;
}

.dc-test-grid article {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 16px 34px #0ea5e912;
}

.dc-test-grid span, .dc-test-grid b {
  display: block;
}

.dc-test-grid span {
  color: #0284c7;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.dc-test-grid b {
  color: #0f172a;
  word-break: break-word;
  margin-top: 8px;
  font-size: 24px;
}

.dc-peers-section {
  padding-top: 28px;
}

.dc-peer-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.dc-peer-grid article {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 16px;
  display: flex;
  box-shadow: 0 14px 28px #0f172a09;
}

.dc-peer-grid small {
  color: #0ea5e9;
  background: #eff6ff;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  font-weight: 900;
  display: grid;
}

.dc-peer-grid b {
  color: #0f172a;
  font-size: 15px;
}

.dc-cta {
  color: #fff;
  background: linear-gradient(90deg, #0ea5e92e, #0000 46%), linear-gradient(135deg, #071827, #0d2135 58%, #082f49);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 28px 42px 48px;
  padding: 32px;
  display: flex;
  box-shadow: 0 22px 44px #0f172a24;
}

.dc-cta h2 {
  color: #fff;
  max-width: 720px;
  margin: 0;
  font-size: 30px;
}

.dc-cta p {
  color: #cbd5e1;
  max-width: 760px;
}

@media (max-width: 1040px) {
  .dc-overview, .dc-network-band, .dc-pillar-grid, .dc-peer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dc-overview, .dc-network-band, .dc-peers-section {
    padding: 38px 16px;
  }

  .dc-hero, .dc-hero-dots {
    min-height: 380px;
  }

  .dc-hero {
    min-height: auto;
  }

  .dc-map-dot {
    min-width: 104px;
  }

  .dc-map-dot b {
    font-size: 12px;
  }

  .dc-map-dot small {
    display: none;
  }

  .dc-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dc-stat-link:nth-child(2n) {
    border-right: 0;
  }

  .dc-stat-link:nth-child(n+1):nth-child(-n+2) {
    border-bottom: 1px solid #94a3b829;
  }

  .dc-pillar-grid {
    padding: 0 16px 38px;
  }

  .dc-overview h2, .dc-network-copy h2 {
    font-size: 32px;
  }

  .dc-test-grid b {
    font-size: 18px;
  }

  .dc-cta {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 16px 36px;
    padding: 24px;
  }
}

.about-stage main {
  background: #f8fafc;
}

.about-hero {
  color: #fff;
  background: linear-gradient(90deg, #03121ee6 0%, #03121eb8 42%, #03121e40 100%), url("/images/about-hero-glasses.png") 50% 45% / cover no-repeat, #07131f;
  align-content: space-between;
  gap: 28px;
  min-height: 540px;
  padding: 46px 42px 34px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.about-hero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 18% 22%, #22d3ee3d, #0000 30%), linear-gradient(118deg, #0000 0 44%, #7dd3fc2e 44% 44.2%, #0000 44.2% 100%);
  position: absolute;
  inset: 0;
}

.about-hero-copy, .about-journey {
  z-index: 1;
  position: relative;
}

.about-hero-copy {
  max-width: 760px;
}

.about-hero-copy span, .about-kicker {
  color: #7dd3fc;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.about-hero h1 {
  color: #fff;
  letter-spacing: 0;
  margin: 16px 0 0;
  font-size: 60px;
  line-height: 1.02;
}

.about-hero p {
  color: #e2f2ffdb;
  max-width: 590px;
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.68;
}

.about-journey {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #bae6fd29;
  border: 1px solid #bae6fd33;
  border-radius: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 22px 50px #0003;
}

.about-journey article {
  background: #061826b8;
  min-height: 118px;
  padding: 16px;
}

.about-journey b, .about-journey h3, .about-journey p {
  display: block;
}

.about-journey b {
  color: #38bdf8;
  font-size: 22px;
  line-height: 1;
}

.about-journey h3 {
  color: #fff;
  margin: 12px 0 8px;
  font-size: 15px;
}

.about-journey p {
  color: #cbd5e1;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.about-stats {
  background: #dbeafe;
  border-bottom: 1px solid #dbeafe;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.about-stats div {
  background: #fff;
  align-content: center;
  gap: 7px;
  min-height: 112px;
  padding: 20px 28px;
  display: grid;
}

.about-stats b {
  color: #0f172a;
  font-size: 30px;
  line-height: 1;
}

.about-stats span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.about-story-section {
  background: linear-gradient(90deg, #0ea5e90f, #0000 42%), #f8fafc;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .68fr);
  align-items: center;
  gap: 30px;
  padding: 28px 42px;
  display: grid;
}

.about-story-copy h2, .about-mission-section h2, .about-cta h2 {
  color: #0f172a;
  letter-spacing: 0;
  margin: 12px 0 0;
  font-size: 38px;
  line-height: 1.08;
}

.about-story-copy p, .about-network-card p, .about-reason-grid p, .about-mission-section p, .about-cta p {
  color: #64748b;
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.72;
}

.about-kicker {
  color: #0284c7;
}

.about-network-card {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 20px 42px #0f172a0f;
}

.about-network-card img {
  background: #eff6ff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  display: block;
}

.about-reasons-section, .about-mission-section {
  background: #fff;
  padding: 28px 42px;
}

.about-reason-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.about-reason-grid article, .about-mission-section article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 16px 34px #0f172a0b;
}

.about-reason-grid h3 {
  color: #0f172a;
  margin: 16px 0 8px;
  font-size: 18px;
}

.about-reason-grid p {
  margin-top: 0;
  font-size: 14px;
}

.about-mission-section {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.about-mission-section h2 {
  margin: 0;
  font-size: 28px;
}

.about-cta {
  color: #fff;
  background: radial-gradient(circle at 84% 18%, #0ea5e938, #0000 30%), linear-gradient(135deg, #071827, #0d2135 58%, #082f49);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 28px 42px 48px;
  padding: 32px;
  display: flex;
  box-shadow: 0 22px 44px #0f172a24;
}

.about-cta h2 {
  color: #fff;
  margin: 0;
  font-size: 30px;
}

.about-cta p {
  color: #cbd5e1;
}

@media (max-width: 1040px) {
  .about-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-story-section, .about-mission-section {
    grid-template-columns: 1fr;
  }

  .about-reason-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .about-hero {
    min-height: 610px;
    padding: 32px 16px 24px;
  }

  .about-hero h1 {
    font-size: 40px;
  }

  .about-journey, .about-stats, .about-reason-grid {
    grid-template-columns: 1fr;
  }

  .about-journey article {
    min-height: 112px;
  }

  .about-story-section, .about-reasons-section, .about-mission-section {
    padding: 38px 16px;
  }

  .about-story-copy h2 {
    font-size: 31px;
  }

  .about-cta {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 16px 36px;
    padding: 24px;
  }
}

.contact-stage main {
  background: #f8fafc;
}

.contact-map-hero {
  background: #dbeafe;
  border-top: 1px solid #dbeafe;
  min-height: 470px;
  position: relative;
  overflow: hidden;
}

.contact-map-frame {
  filter: saturate(1.05) contrast(1.02);
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.contact-hero-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffdb;
  border: 1px solid #bfdbfec7;
  border-radius: 14px;
  max-width: 392px;
  margin: 0;
  padding: 20px;
  position: absolute;
  bottom: 28px;
  left: 68px;
  box-shadow: 0 18px 42px #0f172a21;
}

.contact-kicker {
  color: #0284c7;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
}

.contact-hero-card h1, .contact-form-panel h2 {
  color: #0f172a;
  letter-spacing: 0;
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
}

.contact-hero-card p, .contact-channel-grid p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.7;
}

.contact-address-card {
  background: #f8fafc;
  border-left: 3px solid #10b981;
  border-radius: 12px;
  gap: 6px;
  margin-top: 22px;
  padding: 16px;
  display: grid;
}

.contact-address-card b {
  color: #0f172a;
  font-size: 16px;
}

.contact-address-card span {
  color: #475569;
  font-size: 14px;
}

.contact-quick-strip {
  background: #dbeafe;
  border-top: 1px solid #dbeafe;
  border-bottom: 1px solid #dbeafe;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.contact-quick-strip div {
  text-align: center;
  background: #fff;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 112px;
  padding: 20px 28px;
  display: grid;
}

.contact-quick-strip b {
  color: #0f172a;
  font-size: 26px;
  line-height: 1;
}

.contact-quick-strip span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.contact-content {
  background: #fff;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .75fr);
  gap: 24px;
  padding: 28px 42px;
  display: grid;
}

.contact-form-panel, .contact-channel-grid article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 16px 34px #0f172a0b;
}

.contact-form-panel {
  padding: 26px;
}

.contact-form-panel form {
  gap: 14px;
  margin-top: 24px;
  display: grid;
}

.contact-form-panel label {
  color: #334155;
  gap: 7px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.contact-form-panel input, .contact-form-panel textarea {
  color: #0f172a;
  width: 100%;
  font: inherit;
  resize: vertical;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  padding: 13px 14px;
}

.contact-form-panel button {
  cursor: pointer;
  border: 0;
}

.contact-channel-grid {
  gap: 14px;
  display: grid;
}

.contact-channel-grid article {
  padding: 22px;
}

.contact-channel-grid h3 {
  color: #0f172a;
  margin: 14px 0 4px;
  font-size: 18px;
}

.contact-channel-grid a {
  color: #0284c7;
  font-size: 14px;
  font-weight: 850;
}

.contact-channel-grid p {
  margin: 10px 0 0;
  font-size: 14px;
}

@media (max-width: 900px) {
  .contact-content, .contact-quick-strip {
    grid-template-columns: 1fr;
  }

  .contact-hero-card {
    max-width: none;
    bottom: 20px;
    left: 16px;
    right: 16px;
  }

  .contact-map-hero {
    min-height: 440px;
  }
}

@media (max-width: 760px) {
  .contact-form-panel h2 {
    font-size: 34px;
  }

  .contact-hero-card h1 {
    font-size: 30px;
  }

  .contact-content {
    padding: 38px 16px;
  }
}

#theme-toggle:checked + .product-stage, #theme-toggle:checked + .product-stage main {
  color: #f8fafc;
  background: #07131f;
}

#theme-toggle:checked + .product-stage .product-hero, #theme-toggle:checked + .product-stage .cloud-hero {
  background: radial-gradient(circle at 82% 12%, #0ea5e929, #0000 28%), radial-gradient(circle at 18% 10%, #14b8a61f, #0000 30%), linear-gradient(135deg, #07131f 0%, #0b1826 52%, #0d1f2a 100%);
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .product-stage {
  background: radial-gradient(circle at 84% 16%, #f59e0b1f, #0000 28%), radial-gradient(circle at 16% 8%, #0ea5e91f, #0000 30%), #07131f;
}

#theme-toggle:checked + .product-stage .product-hero {
  background: none;
}

#theme-toggle:checked + .product-stage .product-hero h1, #theme-toggle:checked + .product-stage .cloud-hero h1, #theme-toggle:checked + .product-stage .cloud-builder h2, #theme-toggle:checked + .product-stage .cloud-selected-top h3, #theme-toggle:checked + .product-stage .cloud-spec-card h3, #theme-toggle:checked + .product-stage .cloud-node-band-copy h2, #theme-toggle:checked + .product-stage .cloud-flow .section-heading h2, #theme-toggle:checked + .product-stage .cloud-faq .section-heading h2, #theme-toggle:checked + .product-stage .section-heading h2, #theme-toggle:checked + .product-stage .explainer-panel h2, #theme-toggle:checked + .product-stage .plan-topline h3, #theme-toggle:checked + .product-stage .plan-price b, #theme-toggle:checked + .product-stage .product-stats b, #theme-toggle:checked + .product-stage .operation-card h3, #theme-toggle:checked + .product-stage .location-stat b, #theme-toggle:checked + .product-stage .feature-tile h3, #theme-toggle:checked + .product-stage .faq-list summary {
  color: #f8fafc;
}

#theme-toggle:checked + .product-stage .product-hero p, #theme-toggle:checked + .product-stage .cloud-hero p, #theme-toggle:checked + .product-stage .section-heading p, #theme-toggle:checked + .product-stage .explainer-panel p, #theme-toggle:checked + .product-stage .cloud-selected-card p, #theme-toggle:checked + .product-stage .cloud-spec-card span, #theme-toggle:checked + .product-stage .cloud-node-band-copy p, #theme-toggle:checked + .product-stage .cloud-feature-stack p, #theme-toggle:checked + .product-stage .cloud-flow-grid p, #theme-toggle:checked + .product-stage .product-plan li, #theme-toggle:checked + .product-stage .product-stats span, #theme-toggle:checked + .product-stage .operation-card p, #theme-toggle:checked + .product-stage .location-body p, #theme-toggle:checked + .product-stage .feature-tile p, #theme-toggle:checked + .product-stage .faq-list p, #theme-toggle:checked + .product-stage .plan-price small {
  color: #a9b8c9;
}

#theme-toggle:checked + .product-stage .cloud-builder, #theme-toggle:checked + .product-stage .cloud-selected-card, #theme-toggle:checked + .product-stage .cloud-spec-card, #theme-toggle:checked + .product-stage .cloud-feature-stack article, #theme-toggle:checked + .product-stage .cloud-flow-grid article, #theme-toggle:checked + .product-stage .product-plan, #theme-toggle:checked + .product-stage .operation-card, #theme-toggle:checked + .product-stage .location-card, #theme-toggle:checked + .product-stage .feature-tile, #theme-toggle:checked + .product-stage .faq-list details, #theme-toggle:checked + .product-stage .cloud-live-price {
  background: #0b1826eb;
  border-color: #7dd3fc2e;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .product-stage .cloud-node-band, #theme-toggle:checked + .product-stage .cloud-flow, #theme-toggle:checked + .product-stage .location-stat {
  background: #08121e8c;
  border-color: #7dd3fc29;
}

#theme-toggle:checked + .product-stage .cloud-faq, #theme-toggle:checked + .product-stage .product-explainer, #theme-toggle:checked + .product-stage .product-locations, #theme-toggle:checked + .product-stage .feature-band, #theme-toggle:checked + .product-stage .faq-section {
  background: linear-gradient(90deg, #0ea5e914, #0000 46%), #081624;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .product-stage .cloud-node-band, #theme-toggle:checked + .product-stage .feature-band {
  background: linear-gradient(90deg, #7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, linear-gradient(#7dd3fc13 1px, #0000 1px) 0 0 / 30px 30px, radial-gradient(circle at 18% 34%, #0ea5e933, #0000 30%), radial-gradient(circle at 86% 78%, #10b9812e, #0000 34%), linear-gradient(135deg, #071827 0%, #0a2030 48%, #0f172a 100%);
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .product-stage .feature-tile, #theme-toggle:checked + .product-stage .cloud-feature-stack article {
  box-shadow: none;
  background: none;
  border-color: #94a3b829;
}

#theme-toggle:checked + .product-stage .cloud-node-band {
  background: radial-gradient(at 14% 24%, #7dd3fc14 0 34px, #0000 35px), radial-gradient(at 25% 25%, #7dd3fc0e 0 48px, #0000 49px), radial-gradient(circle at 82% 20%, #10b9811f, #0000 28%), linear-gradient(135deg, #07131f 0%, #0b1826 58%, #081624 100%);
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .product-stage .cloud-node-band .cloud-node-band-copy h2, #theme-toggle:checked + .product-stage .cloud-node-band .cloud-feature-stack h3 {
  color: #f8fafc;
}

#theme-toggle:checked + .product-stage .cloud-node-band .cloud-node-band-copy p, #theme-toggle:checked + .product-stage .cloud-node-band .cloud-feature-stack p {
  color: #a9b8c9;
}

#theme-toggle:checked + .product-stage .cloud-node-band .cloud-feature-stack article {
  background: #ffffff0f;
  border-color: #7dd3fc2e;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .product-stage .product-stats {
  background: #03131f6b;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .product-stage .product-stats div, #theme-toggle:checked + .product-stage .cloud-plan-markers button {
  background: #0b1826;
  border-color: #7dd3fc29;
}

#theme-toggle:checked + .product-stage .product-stats div {
  background: none;
}

#theme-toggle:checked + .product-stage .hero-bullet-grid span {
  color: #dbeafe;
  background: #0b1826eb;
  border-color: #7dd3fc29;
}

#theme-toggle:checked + .product-stage .hero-bullet-grid span:before {
  background: linear-gradient(135deg, #22d3ee, #14b8a6);
  box-shadow: 0 0 0 4px #22d3ee1f;
}

#theme-toggle:checked + .product-stage .product-starting span, #theme-toggle:checked + .product-stage .product-starting small {
  color: #a9b8c9;
}

#theme-toggle:checked + .product-stage .product-starting b {
  color: #f8fafc;
}

#theme-toggle:checked + .product-stage .cloud-plan-markers button.active {
  border-color: #22d3ee85;
  box-shadow: 0 16px 32px #0ea5e91f;
}

#theme-toggle:checked + .product-stage .cloud-plan-markers b, #theme-toggle:checked + .product-stage .cloud-live-price b, #theme-toggle:checked + .product-stage .cloud-selected-top b, #theme-toggle:checked + .product-stage .cloud-spec-card b {
  color: #f8fafc;
}

#theme-toggle:checked + .product-stage .cloud-plan-markers span, #theme-toggle:checked + .product-stage .cloud-live-price small, #theme-toggle:checked + .product-stage .cloud-live-price em {
  color: #a9b8c9;
}

#theme-toggle:checked + .product-stage .cloud-range-track {
  background: linear-gradient(90deg, #22d3ee 0 var(--rail-fill), #94a3b847 var(--rail-fill) 100%);
}

#theme-toggle:checked + .product-stage .cloud-meter, #theme-toggle:checked + .product-stage .product-plan .plan-topline span {
  background: #94a3b838;
}

#theme-toggle:checked + .product-stage .product-plan:before {
  background: linear-gradient(90deg, color-mix(in srgb, var(--plan-accent, var(--product-blue)) 16%, transparent), transparent 56%);
}

#theme-toggle:checked + .product-stage .plan-mini-rack {
  background: linear-gradient(90deg, #0ea5e914, #0000), #02061752;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .product-stage .plan-compact-head, #theme-toggle:checked + .product-stage .product-plan li {
  border-color: #7dd3fc29;
}

#theme-toggle:checked + .product-stage .magic-icon-badge {
  color: #60a5fa;
}

#theme-toggle:checked + .product-stage .magic-icon-green {
  color: #34d399;
}

#theme-toggle:checked + .product-stage .magic-icon-amber {
  color: #fbbf24;
}

#theme-toggle:checked + .product-stage .magic-icon-violet {
  color: #a78bfa;
}

#theme-toggle:checked + .product-stage .magic-icon-cyan {
  color: #22d3ee;
}

#theme-toggle:checked + .product-stage .magic-icon-rose {
  color: #fb7185;
}

#theme-toggle:checked + .product-stage .btn.secondary {
  color: #e2e8f0;
  background: #0b1826;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-blue {
  color: #60a5fa;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-green {
  color: #34d399;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-amber {
  color: #fbbf24;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-cyan {
  color: #22d3ee;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-violet {
  color: #a78bfa;
}

#theme-toggle:checked + .product-stage .cloud-spec-card .magic-icon-rose {
  color: #fb7185;
}

#theme-toggle:checked + .contact-stage .contact-map-hero {
  background: #07131f;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .contact-stage .contact-map-frame {
  filter: saturate(.9) contrast(.96) brightness(.86);
}

#theme-toggle:checked + .contact-stage .contact-hero-card, #theme-toggle:checked + .contact-stage .contact-form-panel, #theme-toggle:checked + .contact-stage .contact-channel-grid article, #theme-toggle:checked + .contact-stage .contact-address-card {
  background: #0b1826db;
  border-color: #7dd3fc2e;
  box-shadow: 0 24px 60px #00000042;
}

#theme-toggle:checked + .contact-stage .contact-content {
  background: #07131f;
}

#theme-toggle:checked + .contact-stage .contact-quick-strip {
  background: #7dd3fc24;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .contact-stage .contact-quick-strip div {
  background: #0b1826;
}

#theme-toggle:checked + .contact-stage .contact-hero-card h1, #theme-toggle:checked + .contact-stage .contact-form-panel h2, #theme-toggle:checked + .contact-stage .contact-address-card b, #theme-toggle:checked + .contact-stage .contact-quick-strip b, #theme-toggle:checked + .contact-stage .contact-channel-grid h3 {
  color: #f8fafc;
}

#theme-toggle:checked + .contact-stage .contact-hero-card p, #theme-toggle:checked + .contact-stage .contact-address-card span, #theme-toggle:checked + .contact-stage .contact-quick-strip span, #theme-toggle:checked + .contact-stage .contact-channel-grid p, #theme-toggle:checked + .contact-stage .contact-form-panel label {
  color: #a9b8c9;
}

#theme-toggle:checked + .contact-stage .contact-form-panel input, #theme-toggle:checked + .contact-stage .contact-form-panel textarea {
  color: #f8fafc;
  background: #081624;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .colocation-stage .colo-hero {
  background: radial-gradient(circle at 86% 16%, #f59e0b1f, #0000 26%), radial-gradient(circle at 16% 8%, #0ea5e924, #0000 30%), linear-gradient(135deg, #07131f 0%, #0b1826 52%, #0d1f2a 100%);
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .colocation-stage .colo-hero:before {
  opacity: .42;
  background-color: #0000;
  background-image: linear-gradient(90deg, #7dd3fc13 1px, #0000 1px), linear-gradient(#7dd3fc13 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 34px 34px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

#theme-toggle:checked + .colocation-stage .colo-facility-card {
  background: radial-gradient(circle at 18% 18%, #0ea5e92e, #0000 28%), linear-gradient(145deg, #0f172ad1, #0f172a7a);
  border-color: #bae6fd38;
  box-shadow: 0 30px 70px #00000047;
}

#theme-toggle:checked + .colocation-stage .colo-rack-visual {
  background: linear-gradient(90deg, #7dd3fc12 1px, #0000 1px), linear-gradient(#7dd3fc12 1px, #0000 1px), #02061761;
}

#theme-toggle:checked + .colocation-stage .colo-hero p, #theme-toggle:checked + .colocation-stage .colo-hero-stats span {
  color: #a9b8c9;
}

#theme-toggle:checked + .colocation-stage .colo-hero h1, #theme-toggle:checked + .colocation-stage .colo-hero-stats b {
  color: #f8fafc;
}

#theme-toggle:checked + .colocation-stage .colo-hero-stats div {
  background: #0b1826b8;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .colocation-stage .colo-plan-section, #theme-toggle:checked + .colocation-stage .colo-flow-section, #theme-toggle:checked + .colocation-stage .colo-faq-section, #theme-toggle:checked + .colocation-stage .colo-detail-band {
  background: linear-gradient(90deg, #0ea5e914, #0000 46%), #081624;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .colocation-stage .colo-plan-row, #theme-toggle:checked + .colocation-stage .colo-feature-grid article, #theme-toggle:checked + .colocation-stage .colo-flow-grid article, #theme-toggle:checked + .colocation-stage .colo-plan-icon {
  background: #0b1826eb;
  border-color: #7dd3fc2e;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .colocation-stage .colo-plan-art {
  background: linear-gradient(90deg, #34d3990f 1px, #0000 1px), linear-gradient(#34d3990f 1px, #0000 1px), radial-gradient(circle at 30% 34%, #fbbf241f, #0000 28%), linear-gradient(135deg, #081420f0, #0b1826e6);
  border-color: #34d39947;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .colocation-stage .colo-plan-art-stack span {
  background: #081420b8;
  border-color: #34d399;
}

#theme-toggle:checked + .colocation-stage .colo-plan-art-stack span:before {
  background: #fbbf24;
}

#theme-toggle:checked + .colocation-stage .colo-plan-art-stack span:after {
  background: #a7f3d0bd;
}

#theme-toggle:checked + .colocation-stage .colo-plan-copy h3, #theme-toggle:checked + .colocation-stage .colo-plan-action b, #theme-toggle:checked + .colocation-stage .colo-detail-copy h2, #theme-toggle:checked + .colocation-stage .colo-feature-grid h3, #theme-toggle:checked + .colocation-stage .colo-flow-grid h3, #theme-toggle:checked + .colocation-stage .colo-flow-section .section-heading h2, #theme-toggle:checked + .colocation-stage .colo-faq-section .section-heading h2 {
  color: #f8fafc;
}

#theme-toggle:checked + .colocation-stage .colo-plan-copy p, #theme-toggle:checked + .colocation-stage .colo-detail-copy p, #theme-toggle:checked + .colocation-stage .colo-feature-grid p, #theme-toggle:checked + .colocation-stage .colo-flow-grid p, #theme-toggle:checked + .colocation-stage .colo-plan-copy span {
  color: #a9b8c9;
}

#theme-toggle:checked + .colocation-stage .colo-plan-copy span {
  background: #94a3b82e;
}

#theme-toggle:checked + .colocation-stage .colo-plan-action a {
  background: #1d4ed8;
}

#theme-toggle:checked + .datacenter-stage .dc-hero {
  background: radial-gradient(circle at 46% 24%, #22d3ee3d, #0000 34%), #061826;
}

#theme-toggle:checked + .datacenter-stage .dc-stat-strip {
  background: none;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .datacenter-stage .dc-location-card, #theme-toggle:checked + .datacenter-stage .dc-pillar-grid article, #theme-toggle:checked + .datacenter-stage .dc-test-grid article, #theme-toggle:checked + .datacenter-stage .dc-peer-grid article {
  background: #0b1826eb;
  border-color: #7dd3fc2e;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .datacenter-stage .dc-stat-link {
  box-shadow: none;
  background: none;
  border-color: #7dd3fc2e;
}

#theme-toggle:checked + .datacenter-stage .dc-overview, #theme-toggle:checked + .datacenter-stage .dc-pillar-grid, #theme-toggle:checked + .datacenter-stage .dc-peers-section {
  background: linear-gradient(90deg, #0ea5e914, #0000 46%), #081624;
}

#theme-toggle:checked + .datacenter-stage .dc-network-band {
  background: radial-gradient(circle at 86% 16%, #0ea5e91f, #0000 30%), #081624;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .datacenter-stage .dc-overview h2, #theme-toggle:checked + .datacenter-stage .dc-network-copy h2, #theme-toggle:checked + .datacenter-stage .dc-stat-link b, #theme-toggle:checked + .datacenter-stage .dc-location-card h3, #theme-toggle:checked + .datacenter-stage .dc-pillar-grid h3, #theme-toggle:checked + .datacenter-stage .dc-test-grid b, #theme-toggle:checked + .datacenter-stage .dc-peer-grid b {
  color: #f8fafc;
}

#theme-toggle:checked + .datacenter-stage .dc-overview p, #theme-toggle:checked + .datacenter-stage .dc-network-copy p, #theme-toggle:checked + .datacenter-stage .dc-stat-link span, #theme-toggle:checked + .datacenter-stage .dc-location-card span, #theme-toggle:checked + .datacenter-stage .dc-pillar-grid li {
  color: #a9b8c9;
}

#theme-toggle:checked + .datacenter-stage .dc-section-kicker, #theme-toggle:checked + .datacenter-stage .dc-test-grid span {
  color: #7dd3fc;
}

#theme-toggle:checked + .datacenter-stage .dc-rack-lines {
  background: #02061757;
  border-color: #7dd3fc29;
}

.lax1-main {
  background: #f8fafc;
}

.lax1-stage .dc-hero {
  min-height: 572px;
}

.lax1-stage .dc-hero .dc-hero-dots {
  min-height: 460px;
}

.lax1-stage .dc-hero > .dc-stat-strip {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border-top: 1px solid #7dd3fc29;
  border-bottom: 1px solid #7dd3fc29;
}

.lax1-stage .dc-hero > .dc-stat-strip .dc-stat-link {
  min-height: 112px;
  box-shadow: none;
  background: none;
  border-right: 1px solid #7dd3fc29;
}

.lax1-stage .dc-hero > .dc-stat-strip .dc-stat-link:hover, .lax1-stage .dc-hero > .dc-stat-strip .dc-stat-link:focus-visible {
  background: #0b1c2c6b;
  outline: none;
}

.lax1-stage .dc-hero > .dc-stat-strip .dc-stat-link b {
  color: #f8fafc;
}

.lax1-stage .dc-hero > .dc-stat-strip .dc-stat-link span {
  color: #cbd5e1c7;
}

.lax1-band-head {
  max-width: 760px;
  margin-bottom: 18px;
}

.lax1-band-head h2 {
  color: #0f172a;
  margin: 6px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.lax1-section-kicker {
  color: #38bdf8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.lax1-lg {
  background: linear-gradient(#0ea5e914 1px, #0000 1px) 0 0 / 34px 34px, linear-gradient(90deg, #0ea5e914 1px, #0000 1px) 0 0 / 34px 34px, #f8fbff;
  border-top: 1px solid #dbeafe;
  padding: 28px 42px 0;
}

.lax1-lg-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  margin-bottom: 14px;
  display: grid;
}

.lax1-lg-controls {
  gap: 8px;
  display: grid;
}

.lax1-lg-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.lax1-lg-target-group {
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.lax1-lg-source select {
  appearance: none;
  color: #0f172a;
  cursor: pointer;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c89a2'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 7px 30px 7px 12px;
  font-family: ui-monospace, monospace;
  font-size: 13px;
}

.lax1-lg-tabs {
  gap: 6px;
  display: flex;
}

.lax1-lg-tabs button {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 13px;
  transition: all .2s;
}

.lax1-lg-tabs button:hover {
  color: #0f172a;
}

.lax1-lg-tabs button.active {
  color: #0369a1;
  background: #e0f7ff;
  border-color: #22d3ee;
}

.lax1-lg-target {
  color: #0f172a;
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  flex: 1;
  min-width: 180px;
  padding: 7px 12px;
  font-family: ui-monospace, monospace;
  font-size: 13px;
}

.lax1-lg-target::placeholder {
  color: #94a3b8;
}

.lax1-lg-run {
  color: #04222e;
  cursor: pointer;
  background: #22d3ee;
  border: 0;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 13px;
  font-weight: 800;
  transition: all .2s;
}

.lax1-lg-run:hover {
  background: #67e3f6;
}

.lax1-lg-body {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.lax1-lg-terminal {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  overflow: hidden;
}

.lax1-lg-term-head {
  border-bottom: 1px solid #dbeafe;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  display: flex;
}

.lax1-lg-dots {
  gap: 6px;
  display: inline-flex;
}

.lax1-lg-dots i {
  background: #cbd5e1;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.lax1-lg-dots i:first-child {
  background: #fb7185;
}

.lax1-lg-dots i:nth-child(2) {
  background: #fbbf24;
}

.lax1-lg-dots i:nth-child(3) {
  background: #34d399;
}

.lax1-lg-term-head span:last-child {
  color: #64748b;
  font-family: ui-monospace, monospace;
  font-size: 12px;
}

.lax1-lg-terminal pre {
  color: #334155;
  white-space: pre-wrap;
  margin: 0;
  padding: 16px;
  font-family: ui-monospace, monospace;
  font-size: 13px;
  line-height: 1.7;
}

.lax1-lg-metrics {
  border-top: 1px solid #dbeafe;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 12px 16px;
  display: flex;
}

.lax1-lg-metrics b {
  font-family: ui-monospace, monospace;
  font-size: 14px;
  font-weight: 500;
}

.lax1-lg-metrics .down {
  color: #22d3ee;
}

.lax1-lg-metrics .up {
  color: #34d399;
}

.lax1-lg-metrics span {
  color: #64748b;
  font-family: ui-monospace, monospace;
  font-size: 12px;
}

.lax1-partners {
  color: #f8fafc;
  background: radial-gradient(circle at 18% 12%, #22d3ee24, #0000 30%), radial-gradient(circle at 82% 88%, #10b9811a, #0000 30%), #0b1d35;
  border-radius: 0;
  margin: 22px -42px 0;
  padding: 30px 0 34px;
  overflow: hidden;
}

.lax1-partners-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px;
  padding: 0 24px;
}

.lax1-partners-head span {
  color: #dbeafe;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #94a3b838;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.lax1-partners-head h2 {
  color: #f8fafc;
  margin: 16px 0 0;
  font-size: 25px;
  line-height: 1.12;
}

.lax1-partners-head p {
  color: #b6c6d8;
  max-width: 670px;
  margin: 14px auto 0;
  font-size: 15px;
  line-height: 1.55;
}

.lax1-partner-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
}

.lax1-partner-track {
  align-items: center;
  gap: 78px;
  width: max-content;
  animation: 42s linear infinite lax1-partner-scroll;
  display: flex;
}

.lax1-partner-track img {
  object-fit: contain;
  filter: grayscale() brightness(0) invert();
  opacity: .72;
  width: 132px;
  max-height: 42px;
}

@keyframes lax1-partner-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.lax1-dc-intro {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  padding: 22px 24px;
}

.lax1-dc-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 16px;
}

.lax1-dc-table th, .lax1-dc-table td {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dbeafe;
  padding: 11px 0;
  font-size: 14px;
}

.lax1-dc-table tr:first-child th, .lax1-dc-table tr:first-child td {
  border-top: 0;
}

.lax1-dc-table th {
  color: #64748b;
  white-space: nowrap;
  width: 132px;
  font-weight: 500;
}

.lax1-dc-table td {
  color: #0f172a;
}

.lax1-endpoints-strip {
  background: #eef8ff;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  padding: 10px;
  display: flex;
}

.lax1-endpoints-strip .lax1-endpoint {
  border-left: 1px solid #bfdbfe;
  flex: 1 1 0;
  min-width: 0;
  padding: 2px 12px;
}

.lax1-endpoints-strip .lax1-endpoint:first-child {
  border-left: 0;
  padding-left: 0;
}

.lax1-endpoint span {
  color: #64748b;
  font-size: 11px;
  display: block;
}

.lax1-endpoint b {
  color: #0f172a;
  white-space: nowrap;
  margin-top: 3px;
  font-family: ui-monospace, monospace;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.lax1-endpoint b.accent {
  color: #22d3ee;
}

.lax1-gallery {
  background: #f8fafc;
  border-top: 1px solid #dbeafe;
  padding: 28px 42px;
}

.lax1-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.lax1-gallery-tile {
  aspect-ratio: 4 / 3;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  margin: 0;
  padding: 0;
  transition: border-color .2s, transform .2s;
  display: block;
  position: relative;
  overflow: hidden;
}

.lax1-gallery-tile:hover {
  border-color: #22d3ee;
  transform: translateY(-2px);
}

.lax1-gallery-tile img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  display: block;
}

.lax1-gallery-tile:hover img {
  transform: scale(1.06);
}

.lax1-gallery-cap {
  text-align: left;
  background: linear-gradient(0deg, #040c14eb, #0000);
  padding: 14px 14px 12px;
  position: absolute;
  inset: auto 0 0;
}

.lax1-gallery-cap b {
  color: #f1f5f9;
  font-size: 14px;
  display: block;
}

.lax1-gallery-cap small {
  color: #7fd2e6;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 2px;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  display: block;
}

.lax1-gallery-zoom {
  color: #cfe0ea;
  opacity: 0;
  background: #040c14a8;
  border: 1px solid #3b5f7d;
  border-radius: 8px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 16px;
  line-height: 1;
  transition: all .2s;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.lax1-gallery-tile:hover .lax1-gallery-zoom {
  opacity: 1;
}

.lax1-lightbox {
  z-index: 60;
  background: #030910db;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.lax1-lightbox-inner {
  flex-direction: column;
  max-width: min(960px, 92vw);
  display: flex;
  position: relative;
}

.lax1-lightbox-inner img {
  object-fit: contain;
  border: 1px solid #264a66;
  border-radius: 12px;
  max-width: 100%;
  max-height: 76vh;
}

.lax1-lightbox-close {
  color: #e6f1f8;
  cursor: pointer;
  background: #0a2233;
  border: 1px solid #3b5f7d;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: -16px;
  right: -16px;
}

.lax1-lightbox-close:hover {
  background: #123247;
  border-color: #22d3ee;
}

.lax1-lightbox-nav {
  color: #e6f1f8;
  cursor: pointer;
  background: #0a2233eb;
  border: 1px solid #3b5f7d;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 22px;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lax1-lightbox-nav:hover {
  background: #123247;
  border-color: #22d3ee;
}

.lax1-lightbox-nav.prev {
  left: -22px;
}

.lax1-lightbox-nav.next {
  right: -22px;
}

.lax1-lightbox-cap {
  text-align: center;
  margin-top: 14px;
}

.lax1-lightbox-cap b {
  color: #f1f5f9;
  font-size: 16px;
}

.lax1-lightbox-cap span {
  color: #7f9bb3;
  margin-top: 4px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  display: block;
}

@media (max-width: 1040px) {
  .lax1-lg-toolbar, .lax1-lg-body {
    grid-template-columns: 1fr;
  }

  .lax1-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .lax1-gallery, .lax1-lg {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lax1-lg-row {
    flex-direction: column;
    align-items: stretch;
  }

  .lax1-lg-target {
    min-width: 0;
  }

  .lax1-lg-target-group {
    flex-direction: column;
  }

  .lax1-endpoints-strip .lax1-endpoint {
    border-left: 0;
    padding: 8px 0;
  }

  .lax1-lightbox-nav.prev {
    left: 6px;
  }

  .lax1-lightbox-nav.next {
    right: 6px;
  }
}

#theme-toggle:checked + .datacenter-stage .dc-peer-grid small {
  color: #7dd3fc;
  background: #0ea5e929;
}

#theme-toggle:checked + .datacenter-stage .lax1-band-head h2 {
  color: #f3f8fc;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg {
  background: linear-gradient(#15324a59 1px, #0000 1px), linear-gradient(90deg, #15324a59 1px, #0000 1px), #081a2b;
  border-color: #16344c;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-source select, #theme-toggle:checked + .datacenter-stage .lax1-lg-tabs button, #theme-toggle:checked + .datacenter-stage .lax1-lg-target {
  color: #e6f1f8;
  background-color: #06121f;
  border-color: #2a4a66;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-tabs button {
  color: #8aa3b8;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-tabs button:hover {
  color: #cfe0ea;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-tabs button.active {
  color: #9fe9f6;
  background: #0d3247;
  border-color: #22d3ee;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-target::placeholder {
  color: #5f7e96;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-terminal {
  background: #04121d;
  border-color: #1d3a54;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-term-head, #theme-toggle:checked + .datacenter-stage .lax1-lg-metrics {
  border-color: #142c40;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-dots i {
  background: #274a64;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-dots i:first-child {
  background: #fb7185;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-dots i:nth-child(2) {
  background: #fbbf24;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-dots i:nth-child(3) {
  background: #34d399;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-term-head span:last-child, #theme-toggle:checked + .datacenter-stage .lax1-lg-metrics span {
  color: #6c89a2;
}

#theme-toggle:checked + .datacenter-stage .lax1-lg-terminal pre {
  color: #9fb8cc;
}

#theme-toggle:checked + .datacenter-stage .lax1-dc-intro {
  background: #0a2233;
  border-color: #264a66;
}

#theme-toggle:checked + .datacenter-stage .lax1-dc-table th, #theme-toggle:checked + .datacenter-stage .lax1-dc-table td {
  border-color: #16344c;
}

#theme-toggle:checked + .datacenter-stage .lax1-dc-table th {
  color: #7f9bb3;
}

#theme-toggle:checked + .datacenter-stage .lax1-dc-table td {
  color: #e6f1f8;
}

#theme-toggle:checked + .datacenter-stage .lax1-endpoints-strip {
  background: #0a1f31;
  border-color: #16344c;
}

#theme-toggle:checked + .datacenter-stage .lax1-endpoints-strip .lax1-endpoint {
  border-color: #1d3a54;
}

#theme-toggle:checked + .datacenter-stage .lax1-endpoint span {
  color: #7f9bb3;
}

#theme-toggle:checked + .datacenter-stage .lax1-endpoint b {
  color: #e6f1f8;
}

#theme-toggle:checked + .datacenter-stage .lax1-endpoint b.accent {
  color: #22d3ee;
}

#theme-toggle:checked + .datacenter-stage .lax1-gallery {
  background: #071625;
  border-color: #16344c;
}

#theme-toggle:checked + .datacenter-stage .lax1-gallery-tile {
  background: #0c2436;
  border-color: #264a66;
}

#theme-toggle:checked + .about-stage .about-hero {
  background: linear-gradient(90deg, #03121eeb 0%, #03121ec2 42%, #03121e52 100%), url("/images/about-hero-glasses.png") 50% 45% / cover no-repeat, #07131f;
}

#theme-toggle:checked + .about-stage .about-story-section, #theme-toggle:checked + .about-stage .about-mission-section {
  background: linear-gradient(90deg, #0ea5e914, #0000 46%), #081624;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .about-stage .about-reasons-section {
  background: #07131f;
}

#theme-toggle:checked + .about-stage .about-stats {
  background: #7dd3fc24;
  border-color: #7dd3fc24;
}

#theme-toggle:checked + .about-stage .about-stats div, #theme-toggle:checked + .about-stage .about-network-card, #theme-toggle:checked + .about-stage .about-reason-grid article, #theme-toggle:checked + .about-stage .about-mission-section article {
  background: #0b1826eb;
  border-color: #7dd3fc2e;
  box-shadow: 0 18px 38px #00000038;
}

#theme-toggle:checked + .about-stage .about-story-copy h2, #theme-toggle:checked + .about-stage .about-mission-section h2, #theme-toggle:checked + .about-stage .about-stats b, #theme-toggle:checked + .about-stage .about-reason-grid h3 {
  color: #f8fafc;
}

#theme-toggle:checked + .about-stage .about-story-copy p, #theme-toggle:checked + .about-stage .about-network-card p, #theme-toggle:checked + .about-stage .about-reason-grid p, #theme-toggle:checked + .about-stage .about-mission-section p, #theme-toggle:checked + .about-stage .about-stats span {
  color: #a9b8c9;
}

#theme-toggle:checked + .about-stage .about-kicker {
  color: #7dd3fc;
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/