.notcher-page .hero { 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) {
  .notcher-page .hero { 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; }