:root {
  --rewrite-accent: #7137f6;
  --rewrite-accent-dark: #4b20bd;
  --rewrite-bg: #f9f7ff;
  --rewrite-text: #17141d;
}

.rewrite-page {
  --menuspark-bg: var(--rewrite-bg);
  --menuspark-text: var(--rewrite-text);
  --menuspark-blue: var(--rewrite-accent);
  --product-rule: #d8d1e7;
}

.rewrite-page .product-header {
  background: rgb(249 247 255 / 94%);
}

.rewrite-page .product-brand img {
  box-shadow: 0 .35rem 1rem rgb(76 32 189 / 23%);
}

.rewrite-page .product-hero {
  background:
    radial-gradient(circle at 82% 20%, rgb(156 187 255 / 28%), transparent 32rem),
    radial-gradient(circle at 12% 72%, rgb(189 142 255 / 22%), transparent 36rem);
}

.rewrite-page .product-hero h1 {
  color: var(--rewrite-accent);
}

.rewrite-store-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 2.5rem;
}

.rewrite-store-button {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 3.8rem;
  min-width: 10.5rem;
  padding: .65rem 1rem;
  border: 1px solid var(--rewrite-text);
  border-radius: .7rem;
  color: #fff;
  background: var(--rewrite-text);
  line-height: 1.05;
}

.rewrite-store-button small {
  font-size: .62rem;
}

.rewrite-store-button strong {
  font-size: .95rem;
  font-weight: 620;
}

.rewrite-hero-visual img,
.rewrite-page .narrative-visual img {
  width: 100%;
  border: 1px solid rgb(31 22 50 / 12%);
  border-radius: clamp(.75rem, 1.2vw, 1.2rem);
  box-shadow: 0 2.5rem 6rem rgb(72 40 139 / 18%);
}

.rewrite-page .provider-section {
  padding: clamp(6rem, 10vw, 11rem) var(--product-gutter);
  color: #fff;
  background: linear-gradient(135deg, var(--rewrite-accent-dark), #22104d 72%);
}

.provider-section__heading {
  display: grid;
  grid-template-columns: 2fr 10fr;
  gap: var(--product-gutter);
}

.provider-section__heading .section-number {
  color: #fff;
}

.provider-section__heading h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(3.5rem, 6.8vw, 7.6rem);
  font-weight: 630;
  letter-spacing: -.065em;
  line-height: .91;
}

.provider-section__content {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--product-gutter);
  align-items: center;
  margin-top: clamp(4rem, 8vw, 8rem);
}

.provider-section__copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.provider-section__copy > p {
  margin: 0;
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  letter-spacing: -.025em;
  line-height: 1.35;
}

.provider-list {
  display: grid;
  margin: 3rem 0 0;
  padding: 0;
  border-bottom: 1px solid rgb(255 255 255 / 40%);
  list-style: none;
}

.provider-list li {
  padding: 1rem 0;
  border-top: 1px solid rgb(255 255 255 / 40%);
  font-weight: 600;
}

.provider-section__visual img {
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 2rem 6rem rgb(0 0 0 / 30%);
}

.rewrite-page .support-section {
  background: #eee8ff;
}

.rewrite-page.product-doc-page {
  background: var(--rewrite-bg);
}

.rewrite-page.product-doc-page .page > .site-nav {
  border-bottom-color: var(--product-rule);
  background: rgb(249 247 255 / 96%);
}

.rewrite-page.product-doc-page .page > .site-nav .nav-link.is-active,
.rewrite-page .notice-box strong,
.rewrite-page .version-pill {
  color: var(--rewrite-accent);
}

.rewrite-page .button {
  background: var(--rewrite-accent);
}

.rewrite-page .download-prompt--final .rewrite-store-actions {
  margin-top: 0;
}

.release-placeholder {
  color: #665f70;
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
}

@media (max-width: 48rem) {
  .provider-section__heading,
  .provider-section__content {
    grid-template-columns: 1fr;
  }

  .provider-section__heading {
    gap: 1rem;
  }
}
