.promo-banner { width: 100%; height: 600px; overflow: hidden; background: #bebebe; }
.promo-banner video { display: block; width: 100%; height: 100%; object-fit: contain; }
.notcher-page .hero { height: 600px; min-height: 0; padding: 88px 24px 0; justify-content: flex-start; overflow: hidden; }
.notcher-page .wordmark { display: flex; align-items: flex-end; gap: clamp(4px, 1vw, 14px); width: auto; margin-bottom: 28px; }
.notcher-page .wordmark img { width: min(500px, calc(100vw - 110px)); }
.product-preview { width: min(870px, 90vw); height: 260px; margin-top: 42px; padding: 28px 16px 0; position: relative; border-radius: 14px 14px 0 0; border: 3px solid #4d4d49; border-bottom: 0; background: #343533; box-shadow: 0 -2px 8px #ffffff15, 0 18px 55px #0005; }
.laptop-camera { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #171c21; top: 10px; left: calc(50% - 3px); }
.laptop-screen { height: 100%; position: relative; overflow: hidden; background: #bac8c3; }
.landscape { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.notcher-slideshow { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40%; aspect-ratio: 554 / 385; }
.notcher-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: top center; opacity: 0; transition: opacity 220ms ease; }
.notcher-slide.is-active { opacity: 1; }
@media(prefers-reduced-motion: reduce) { .notcher-slide { transition: none; } }
.notcher-page .release-notes { max-width: 760px; padding: 60px 24px 80px; }
.notcher-page .release { padding-bottom: 25px; border-bottom: 1px solid #c6c6c6; }
.notcher-page .release ul { font-size: 13px; line-height: 1.8; }
.notcher-page .release h3 { font-size: 14px; margin-top: 22px; margin-bottom: 12px; }
.notcher-page .release[open] > summary:before { transform: rotate(90deg); }
@media(max-width: 640px) {
  .promo-banner { height: 460px; }
  .notcher-page .hero { height: 460px; min-height: 0; padding-top: 58px; }
  .notcher-page .download-button { max-width: 320px; font-size: 11px; line-height: 1.5; padding: 12px 16px; }
  .product-preview { height: 190px; margin-top: 32px; width: 96vw; flex-shrink: 0; padding: 23px 10px 0; }
  .notcher-page .release-notes { padding-top: 40px; }
  .notcher-page .release h2 { font-size: 27px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.hero-version { margin-bottom: clamp(1px, 0.45vw, 5px); color: #b33d9f; font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", sans-serif; font-size: clamp(22px, 4vw, 34px); font-weight: 200; line-height: 1; letter-spacing: 1px; }

.notcher-standalone {
  color: #f7f3f7;
  background: #050405;
}
.notcher-standalone .header {
  background: #050405;
  border-color: transparent;
}
.notcher-standalone .header nav a { color: #f7f3f7; }
.notcher-standalone .header nav a:hover { color: #ef9fdf; }
.notcher-standalone .account-actions .button-blue {
  background: #a73294;
  color: #fff;
}
.notcher-standalone .account-actions .button-outline {
  background: #fff;
  color: #161016;
}
.notcher-standalone .hero {
  background: linear-gradient(180deg, #050405 0%, #201125 50%, #512e55 100%);
  height: clamp(450px, 44vw, 590px);
  padding-top: clamp(52px, 7vw, 100px);
}
.notcher-standalone .wordmark { margin-bottom: 22px; }
.notcher-standalone .download-button {
  color: #fff;
  background: #090709;
}
.notcher-standalone .download-button:hover { background: #2f1630; }
.notcher-standalone .beta-note,
.notcher-standalone .beta-note span { color: #f3e6f2; }
.notcher-standalone .product-preview {
  width: min(820px, 88vw);
  flex-shrink: 0;
}
.notcher-standalone .release-notes { padding-top: clamp(48px, 9vw, 128px); }
.notcher-standalone .release { border-color: #392d39; }
.notcher-standalone .release summary::before { filter: invert(1); }
.notcher-standalone .release summary,
.notcher-standalone .release h2,
.notcher-standalone .release h3,
.notcher-standalone .release ul { color: #f7f3f7; }
.notcher-standalone .changelog-source { color: #ef9fdf; }
.notcher-standalone :focus-visible { outline: 2px solid #ef9fdf; outline-offset: 3px; }
.notcher-standalone :is(#preview, #download, #changelog) { scroll-margin-top: 100px; }