.magic-tech-world {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f5faff;
  background: #071328;
}

.magic-tech-world::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(180deg, rgba(3, 13, 32, .23), rgba(4, 16, 39, .69) 35%, rgba(4, 15, 36, .62) 70%, rgba(2, 10, 25, .7)),
    url("magic-tech-bg.png");
  background-repeat: no-repeat, repeat-y;
  background-size: cover, 100% auto;
  background-position: center, center top;
}

.magic-tech-world .catalog-section,
.magic-tech-world .catalog-alt,
.magic-tech-world .metrics,
.magic-tech-world .closing {
  background: transparent;
}

.magic-tech-world .catalog-section,
.magic-tech-world .cdn-section,
.magic-tech-world .solutions {
  position: relative;
  z-index: 1;
}

.magic-tech-world .catalog-section:not(:first-child),
.magic-tech-world .cdn-section,
.magic-tech-world .solutions {
  border-top: 1px solid rgba(97, 178, 255, .14);
}

.magic-tech-world .section-heading h2,
.magic-tech-world .cdn-intro h2,
.magic-tech-world .cdn-subheading h3 {
  color: #f8fbff;
  text-shadow: 0 2px 24px rgba(0, 53, 130, .45);
}

.magic-tech-world .section-heading p:not(.eyebrow),
.magic-tech-world .cdn-intro p:not(.eyebrow),
.magic-tech-world .cdn-subheading > p {
  color: #c8d9ee;
}

.magic-tech-world .eyebrow.dark {
  color: #67caff;
}

.magic-tech-world .outline-link {
  color: #e8f8ff;
  border-color: rgba(110, 200, 255, .74);
  background: rgba(17, 78, 140, .25);
  backdrop-filter: blur(10px);
}

.magic-tech-world .outline-link:hover {
  background: rgba(34, 139, 222, .42);
}

.magic-tech-world .provider-card,
.magic-tech-world .catalog-group,
.magic-tech-world .region-list,
.magic-tech-world .dedicated-main,
.magic-tech-world .cdn-plan,
.magic-tech-world .solution-grid > div {
  border-color: rgba(135, 201, 255, .5);
  box-shadow: 0 18px 45px rgba(0, 5, 25, .28);
}

.magic-tech-world .catalog-group,
.magic-tech-world .region-list,
.magic-tech-world .dedicated-main,
.magic-tech-world .solution-grid > div {
  background: rgba(250, 253, 255, .94);
  color: #102a47;
}

.magic-tech-world .provider-card,
.magic-tech-world .cdn-plan {
  background: rgba(251, 253, 255, .96);
  color: #102a47;
}

.magic-tech-world .cdn-feature-list span {
  background: rgba(22, 103, 170, .34);
  color: #e9f9ff;
  border-color: rgba(113, 207, 255, .46);
  backdrop-filter: blur(8px);
}

.magic-tech-world .cdn-addon {
  background: linear-gradient(145deg, rgba(16, 65, 116, .93), rgba(7, 23, 54, .95));
  border-color: rgba(99, 184, 255, .44);
  box-shadow: 0 18px 42px rgba(0, 5, 26, .3);
}

.magic-tech-world .metrics {
  border-color: rgba(121, 192, 255, .23);
  background: rgba(4, 21, 51, .7);
  backdrop-filter: blur(8px);
}

.magic-tech-world .closing {
  border-top: 1px solid rgba(122, 200, 255, .24);
  background: linear-gradient(180deg, rgba(3, 16, 41, .35), rgba(1, 10, 27, .85));
}

@media (max-width: 700px) {
  .magic-tech-world::before {
    background-size: cover, auto 780px;
    background-position: center, center top;
  }
}