/* Best-Apps closing slide — white plate like the APPS pack, brand colour only as a soft glow (2000×2500) */
.slide.layout-apps-cta {
  background: #fff;
  color: #000;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Rounded', 'SF Pro Text', system-ui, sans-serif;
}
.slide.layout-apps-cta .grad { display: none; }

.slide.layout-apps-cta .cta-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 160px;
  text-align: center;
}

/* Brand tint behind the icon — fades to white well before the edges */
.slide.layout-apps-cta .cta-halo {
  position: absolute;
  left: 50%;
  top: 870px;
  width: 2000px;
  height: 2000px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle,
    color-mix(in srgb, var(--cta-accent, #888) 20%, transparent) 0%,
    color-mix(in srgb, var(--cta-accent, #888) 7%, transparent) 38%,
    transparent 66%);
  pointer-events: none;
}

.slide.layout-apps-cta .cta-icon {
  position: relative;
  width: 560px;
  height: 560px;
  border-radius: 125.3px; /* 22.37% — same squircle as the cover grid */
  box-shadow: 0 60px 120px rgba(0, 0, 0, 0.16), 0 8px 24px rgba(0, 0, 0, 0.1);
  margin-top: -10px;
}
.slide.layout-apps-cta .cta-icon::after { box-shadow: inset 0 0 0 8px rgba(0, 0, 0, 0.16); }

.slide.layout-apps-cta .cta-name {
  position: relative;
  margin-top: 150px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 250px;
  line-height: 230px;
  letter-spacing: -5px;
  text-transform: uppercase;
  color: #000;
  max-width: 1680px;
}

.slide.layout-apps-cta .cta-body {
  position: relative;
  margin-top: 56px;
  max-width: 1300px;
  font-weight: 500;
  font-size: 68px;
  line-height: 100px;
  letter-spacing: -1.4px;
  color: #879194;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slide.layout-apps-cta .cta-button {
  position: relative;
  margin-top: 130px;
  display: inline-flex;
  align-items: center;
  gap: 40px;
  padding: 0 96px;
  height: 232px;
  border-radius: 116px;
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: 84px;
  letter-spacing: -1.7px;
  white-space: nowrap;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.2);
}
.slide.layout-apps-cta .cta-button svg { width: 100px; height: 100px; flex-shrink: 0; }

/* No store icon yet: brand-coloured tile with the app's initial */
.slide.layout-apps-cta .cta-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--cta-accent, #111);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 340px;
}

/* App on both stores: two compact pills side by side */
.slide.layout-apps-cta .cta-buttons {
  position: relative;
  margin-top: 130px;
  display: flex;
  gap: 56px;
}
.slide.layout-apps-cta .cta-buttons .cta-button {
  margin-top: 0;
  padding: 0 84px;
  gap: 36px;
  font-size: 80px;
  letter-spacing: -1.6px;
}
.slide.layout-apps-cta .cta-buttons .cta-button svg { width: 92px; height: 92px; }