/* Circular artwork belongs to the workbench; shipping keeps its original waves. */
.circle-art { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.circle-art span { position: absolute; width: min(43vw, 620px); aspect-ratio: 1; border-radius: 50%; background: var(--circle-color); opacity: .8; }
.circle-art span:nth-child(1) { --circle-color: #d6e7f8; left: -12%; top: -35%; }
.circle-art span:nth-child(2) { --circle-color: #e9def6; right: -12%; top: -16%; }
.circle-art span:nth-child(3) { --circle-color: #f9e2da; left: 10%; bottom: -55%; }
.circle-art span:nth-child(4) { --circle-color: #d7ece6; right: 14%; bottom: -48%; width: min(32vw, 460px); }
:root[data-theme="dark"] .circle-art span { opacity: .14; }
.shipping-hero .hero-copy { position: relative; z-index: 1; }
.product-icon { display: block; width: 104px; height: 104px; margin: 0 auto 24px; border-radius: 25px; mix-blend-mode: multiply; }
:root[data-theme="dark"] .product-icon { filter: invert(1); mix-blend-mode: screen; }
.shipping-hero .product-icon + .eyebrow { margin-top: 0; }
.workbench-mark { display: grid; place-items: center; width: 80px; height: 80px; margin: 0 auto 24px; border: 1px solid var(--foreground); border-radius: 22px; }
.workbench-mark svg { width: 44px; height: 44px; }
.workspace-main .circle-art span:nth-child(1) { --circle-color: #e8dcf4; }
.workspace-main .circle-art span:nth-child(2) { --circle-color: #dceaf7; }
.workspace-main .circle-art span:nth-child(3) { --circle-color: #e0ebe5; }
.workspace-main .circle-art span:nth-child(4) { --circle-color: #f4dfda; }
.feature-art { display: block; width: 100%; aspect-ratio: 1.75; border-radius: 3px; color: #393e4c; }
.feature-art text { font-family: Arial, sans-serif; }
.workspace-main .feature-copy > .pill { margin-top: 26px; }
.workspace-main .feature-copy > p { max-width: 31em; }
.shipping-main .preview-notice { font-size: 13px; color: var(--muted); line-height: 1.8; max-width: 38em; margin: 16px auto 0; }
.download-section { padding: 64px 0; text-align: center; scroll-margin-top: 16px; }
.download-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 24px; }
.download-detail { font-size: 13px; line-height: 1.85; color: var(--muted); margin-top: 18px !important; overflow-wrap: anywhere; }
.release-notes { white-space: pre-line; max-width: 42em; margin-inline: auto !important; }
.download-unavailable { opacity: .55; cursor: default; }
@media (min-width: 1200px) and (min-height: 500px), (min-width: 768px) and (min-height: 500px) and (orientation: landscape) {
  .download-section { min-height: calc(100svh - var(--header-height)); display: flex; flex-direction: column; justify-content: center; }
}
@media (max-width: 600px) {
  .circle-art span { width: 70vw; }
  .circle-art span:nth-child(1) { top: -22%; left: -32%; }
  .circle-art span:nth-child(2) { top: -12%; right: -35%; }
  .circle-art span:nth-child(3) { bottom: -42%; }
  .circle-art span:nth-child(4) { width: 60vw; right: -20%; bottom: -40%; }
  .product-icon { width: 76px; height: 76px; margin-bottom: 18px; border-radius: 19px; }
  .workbench-mark { width: 64px; height: 64px; border-radius: 18px; }
  .workbench-mark svg { width: 36px; height: 36px; }
  .shipping-hero .product-icon ~ h1, .shipping-hero .workbench-mark ~ h1 { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) { .circle-art span { transition: none; } }