/* RightClick Functions explore page */
.rc-page {
  --rc-bg: #07090d;
  --rc-surface: #0d1118;
  --rc-surface-2: #121722;
  --rc-line: rgba(255,255,255,.11);
  --rc-line-strong: rgba(255,255,255,.18);
  --rc-text: #f4f7fb;
  --rc-muted: #97a3b4;
  --rc-blue: #1e9cff;
  --rc-blue-soft: #86c9ff;
  --rc-shadow: 0 34px 90px rgba(0,0,0,.42);
  display: none;
  min-height: 100vh;
  overflow: visible;
  position: relative;
  background: var(--rc-bg);
  color: var(--rc-text);
  isolation: isolate;
}
.rc-page.active { display: block; }
.rc-story { display: none; overflow: visible; }
.rc-story.active { display: block; }
body.rightclick-explore-mode {
  background: #07090d;
}
body.rightclick-explore-mode::before,
body.rightclick-explore-mode > .orb { display: none; }

.rc-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.018), transparent 28%, rgba(255,255,255,.012) 68%, transparent),
    linear-gradient(180deg, #07090d 0%, #080b10 42%, #06080c 100%);
}
.rc-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .23;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, #000 0%, transparent 68%);
  transform: translate3d(0, var(--rc-grid-shift, 0px), 0);
}

.rc-scroll-progress {
  position: fixed;
  z-index: 90;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  pointer-events: none;
  background: rgba(255,255,255,.06);
}
.rc-scroll-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: var(--rc-blue);
  transform-origin: left center;
}

.rc-hero,
.rc-feature,
.rc-final {
  position: relative;
  padding-inline: max(24px, calc((100vw - 1240px) / 2 + 24px));
}

.rc-hero {
  min-height: calc(100svh - 62px);
  display: grid;
  align-items: center;
  padding-top: clamp(70px, 10vh, 110px);
  padding-bottom: 72px;
}
.rc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(30,156,255,.08) 1px, transparent 1px),
    linear-gradient(rgba(30,156,255,.08) 1px, transparent 1px);
  background-size: 120px 120px;
  opacity: .18;
  mask-image: radial-gradient(ellipse at 72% 44%, #000, transparent 66%);
  transform: translate3d(0, var(--rc-hero-shift, 0px), 0);
}
.rc-hero-grid {
  width: min(1240px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
  gap: clamp(44px, 7vw, 104px);
  align-items: center;
}
.rc-product-line {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 34px;
}
.rc-product-line img,
.rc-final-inner > img {
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.36));
}
.rc-product-line div { display: grid; gap: 7px; }
.rc-product-line strong {
  font-size: 18px;
  letter-spacing: -.02em;
}
.rc-eyebrow,
.rc-label {
  color: var(--rc-blue-soft);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.rc-hero h1 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(58px, 8.2vw, 118px);
  line-height: .85;
  letter-spacing: -.082em;
  font-weight: 830;
}
.rc-hero h1 span { color: var(--rc-blue); }
.rc-hero-copy > p {
  max-width: 660px;
  margin: 30px 0 0;
  color: var(--rc-muted);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.67;
}
.rc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
}
.rc-primary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 780;
  background: var(--rc-blue);
  color: #04101d;
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .22s ease, background .22s ease;
}
.rc-primary-link:hover { transform: translateY(-2px); background: #43adff; }
.rc-status-dot {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #c4cedb;
  font-size: 13px;
  font-weight: 720;
}
.rc-status-dot i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #51d58a;
}

.rc-hero-stage {
  min-height: 650px;
  position: relative;
  perspective: 1400px;
}
.rc-hero-stage::before {
  content: "";
  position: absolute;
  inset: 7% 2% 5% 8%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 42px;
  background: rgba(255,255,255,.018);
  transform: rotate(-2deg);
}
.rc-shot {
  position: relative;
  overflow: hidden;
  border-radius: 19px;
  border: 1px solid rgba(255,255,255,.13);
  background: #171a20;
  box-shadow: var(--rc-shadow);
  transform-style: preserve-3d;
  will-change: transform;
}
.rc-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045);
}
.rc-shot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  image-rendering: auto;
  filter: contrast(1.025) saturate(.98);
}
.rc-hero-shot { position: absolute; }
.rc-hero-shot-one {
  width: min(300px, 43vw);
  left: 5%;
  top: 4%;
  z-index: 2;
}
.rc-hero-shot-two {
  width: min(570px, 78vw);
  right: -8%;
  bottom: 4%;
  z-index: 1;
}
.rc-orbit-label {
  position: absolute;
  z-index: 5;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.13);
  background: #111720;
  color: #c7d1df;
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .04em;
  box-shadow: 0 16px 36px rgba(0,0,0,.3);
}
.rc-orbit-a { left: 0; bottom: 18%; }
.rc-orbit-b { right: 2%; top: 15%; }
.rc-orbit-c { right: 24%; bottom: 0; }
.rc-scroll-cue {
  position: absolute;
  left: max(24px, calc((100vw - 1240px) / 2 + 24px));
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #788597;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;
}
.rc-scroll-cue span {
  width: 26px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  position: relative;
}
.rc-scroll-cue span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 8px;
  width: 3px;
  height: 8px;
  border-radius: 999px;
  background: var(--rc-blue);
  transform: translateX(-50%);
  animation: rcScrollCue 1.8s ease-in-out infinite;
}
@keyframes rcScrollCue {
  0%, 100% { transform: translate(-50%, 0); opacity: .3; }
  45% { transform: translate(-50%, 13px); opacity: 1; }
}

.rc-wordstream {
  overflow: hidden;
  border-block: 1px solid var(--rc-line);
  background: #0a0d12;
  padding: 20px 0;
}
.rc-wordstream-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 30px;
  animation: rcMarquee 34s linear infinite;
}
.rc-wordstream span {
  color: #c1cad7;
  font-size: 13px;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rc-wordstream i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--rc-blue);
}
@keyframes rcMarquee { to { transform: translateX(-50%); } }

.rc-feature {
  min-height: 110vh;
  display: grid;
  align-items: center;
  padding-top: clamp(100px, 13vh, 160px);
  padding-bottom: clamp(100px, 13vh, 160px);
}
.rc-feature::before,
.rc-final::before {
  content: "";
  position: absolute;
  left: max(24px, calc((100vw - 1240px) / 2 + 24px));
  right: max(24px, calc((100vw - 1240px) / 2 + 24px));
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12) 14%, rgba(255,255,255,.12) 86%, transparent);
}
.rc-feature-grid,
.rc-sharing-grid,
.rc-backup-grid {
  width: min(1240px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  gap: clamp(46px, 8vw, 120px);
  align-items: center;
}
.rc-index {
  display: inline-flex;
  margin-bottom: 30px;
  color: #647184;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .18em;
}
.rc-feature-copy h2,
.rc-section-heading h2,
.rc-sharing-copy h2,
.rc-menu-copy h2,
.rc-final h2 {
  margin: 12px 0 22px;
  font-size: clamp(46px, 6.4vw, 88px);
  line-height: .9;
  letter-spacing: -.072em;
}
.rc-feature-copy > p,
.rc-section-heading > p:last-child,
.rc-sharing-copy > p,
.rc-menu-copy > p,
.rc-final-inner > p:not(.rc-label) {
  max-width: 590px;
  color: var(--rc-muted);
  font-size: clamp(17px, 1.6vw, 20px);
  line-height: 1.7;
}
.rc-feature-list {
  display: grid;
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid var(--rc-line);
}
.rc-feature-list span {
  position: relative;
  padding: 16px 0 16px 24px;
  border-bottom: 1px solid var(--rc-line);
  color: #d1d8e2;
  font-size: 14px;
  font-weight: 670;
}
.rc-feature-list span::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  width: 7px;
  height: 7px;
  border: 2px solid var(--rc-blue);
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg);
}
.rc-organize-stage {
  min-height: 730px;
  position: relative;
  perspective: 1500px;
}
.rc-organize-main {
  position: absolute;
  width: 310px;
  left: 4%;
  top: 2%;
  z-index: 2;
}
.rc-organize-menu {
  position: absolute;
  width: min(590px, 82%);
  right: -2%;
  bottom: 2%;
  z-index: 1;
}
.rc-organize-menu figcaption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  max-width: 210px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(7,9,13,.88);
  border: 1px solid rgba(255,255,255,.12);
  color: #c7d0dc;
  font-size: 11px;
  line-height: 1.45;
}

.rc-feature-collab {
  min-height: 145vh;
  display: block;
  background: #090c12;
}
.rc-feature-collab::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: radial-gradient(rgba(255,255,255,.28) .8px, transparent .8px);
  background-size: 18px 18px;
  mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
}
.rc-section-heading {
  width: min(980px, 100%);
  margin: 0 auto 90px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.rc-section-heading > p:last-child { margin-inline: auto; }
.rc-collab-stage {
  width: min(1240px, 100%);
  min-height: 740px;
  margin: 0 auto;
  position: relative;
  perspective: 1600px;
  z-index: 2;
}
.rc-collab-list {
  position: absolute;
  width: min(380px, 38vw);
  left: 4%;
  top: 5%;
  z-index: 2;
}
.rc-collab-detail {
  position: absolute;
  width: min(720px, 68vw);
  right: 1%;
  bottom: 2%;
  z-index: 1;
}
.rc-collab-line {
  position: absolute;
  left: 28%;
  right: 20%;
  top: 34%;
  height: 1px;
  background: rgba(255,255,255,.14);
  transform-origin: left;
  transform: scaleX(var(--rc-section-progress, 0));
}
.rc-collab-line span {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--rc-blue);
}

.rc-feature-sharing {
  min-height: 125vh;
  background: #070a0f;
}
.rc-sharing-grid { position: relative; z-index: 2; }
.rc-sharing-backdrop {
  position: absolute;
  width: min(980px, 88vw);
  height: min(700px, 70vw);
  right: -16vw;
  top: 50%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 42px;
  transform: translateY(-50%) rotate(7deg);
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 1px, transparent 1px 18px);
}
.rc-sharing-stage {
  min-height: 680px;
  position: relative;
  perspective: 1500px;
}
.rc-map-share {
  position: absolute;
  width: min(770px, 72vw);
  right: -8%;
  top: 3%;
  z-index: 1;
}
.rc-notification-card {
  position: absolute;
  width: min(390px, 48vw);
  left: -4%;
  bottom: 4%;
  z-index: 3;
}
.rc-sharing-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}
.rc-sharing-steps span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border-radius: 12px;
  border: 1px solid var(--rc-line);
  color: #c8d1dc;
  font-size: 12px;
  font-weight: 720;
}
.rc-sharing-steps b {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 6px;
  background: rgba(30,156,255,.14);
  color: var(--rc-blue-soft);
  font-size: 10px;
}

.rc-menu-story {
  position: relative;
  height: 330vh;
  overflow: visible;
  border-top: 1px solid var(--rc-line);
  background: #090c11;
}
.rc-menu-pin {
  position: sticky;
  top: 76px;
  height: calc(100svh - 76px);
  min-height: 620px;
  overflow: hidden;
  padding: 26px max(24px, calc((100vw - 1240px) / 2 + 24px)) 28px;
  display: grid;
  grid-template-columns: minmax(320px, .62fr) minmax(0, 1.38fr);
  gap: clamp(42px, 6vw, 82px);
  align-items: center;
  background: #090c11;
}
.rc-menu-copy { max-width: 500px; }
.rc-menu-copy h2 { font-size: clamp(48px, 5.8vw, 84px); }
.rc-menu-window {
  min-width: 0;
  height: min(650px, calc(100svh - 132px));
  overflow: hidden;
  border-radius: 24px;
  perspective: 1700px;
}
.rc-menu-track {
  display: flex;
  width: 300%;
  height: 100%;
  transform: translate3d(var(--rc-menu-shift, 0%), 0, 0);
  will-change: transform;
}
.rc-menu-slide {
  width: 33.3333%;
  min-width: 0;
  height: 100%;
  padding: 20px 22px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: center;
  gap: 20px;
}
.rc-menu-slide-copy {
  display: grid;
  gap: 8px;
  max-width: 480px;
}
.rc-menu-slide-copy span {
  color: var(--rc-blue-soft);
  font-size: 11px;
  font-weight: 840;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.rc-menu-slide-copy strong {
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.rc-menu-slide figure {
  width: min(620px, 100%);
  max-height: min(480px, 54svh);
  margin: 0;
  align-self: center;
  justify-self: start;
  display: grid;
  place-items: center;
}
.rc-menu-slide figure img {
  width: auto;
  max-width: 100%;
  max-height: min(480px, 54svh);
  object-fit: contain;
}
.rc-menu-slide:nth-child(2) figure { width: min(500px, 100%); }
.rc-menu-slide:nth-child(3) figure { width: min(540px, 100%); }
.rc-menu-counter {
  position: absolute;
  right: max(24px, calc((100vw - 1240px) / 2 + 24px));
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #6f7b8b;
  font-size: 11px;
  font-weight: 830;
}
.rc-menu-counter i {
  display: block;
  width: 76px;
  height: 1px;
  background: linear-gradient(90deg, var(--rc-blue) var(--rc-menu-fill, 0%), rgba(255,255,255,.13) 0);
}
.rc-menu-counter span:first-child { color: #dbe3ed; }

.rc-feature-backup {
  min-height: 125vh;
  background: #07090d;
}
.rc-backup-grid { grid-template-columns: minmax(520px, 1.1fr) minmax(0, .9fr); }
.rc-backup-visual {
  min-height: 660px;
  position: relative;
  display: grid;
  place-items: center;
  perspective: 1500px;
}
.rc-backup-rings {
  position: absolute;
  inset: 8% 8%;
  display: grid;
  place-items: center;
}
.rc-backup-rings i {
  position: absolute;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.09);
  transform: scale(var(--rc-ring-scale, .9));
}
.rc-backup-rings i:nth-child(1) { --size: 100%; }
.rc-backup-rings i:nth-child(2) { --size: 72%; }
.rc-backup-rings i:nth-child(3) { --size: 46%; }
.rc-backup-shot { width: min(370px, 78%); z-index: 2; }
.rc-backup-state {
  position: absolute;
  right: 10%;
  bottom: 16%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border-radius: 12px;
  border: 1px solid var(--rc-line);
  background: #10151d;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 750;
}
.rc-backup-state span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4fd88c;
}
.rc-data-stack {
  display: grid;
  gap: 16px;
  margin-top: 34px;
  max-width: 520px;
}
.rc-data-stack div { display: grid; gap: 9px; }
.rc-data-stack span {
  color: #bdc7d4;
  font-size: 12px;
  font-weight: 720;
}
.rc-data-stack i {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.rc-data-stack i::after {
  content: "";
  display: block;
  width: var(--fill);
  height: 100%;
  transform: scaleX(var(--rc-section-progress, 0));
  transform-origin: left center;
  border-radius: inherit;
  background: var(--rc-blue);
}

.rc-final {
  min-height: 92svh;
  display: grid;
  place-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center;
  background: #06080b;
}
.rc-final-inner { width: min(920px, 100%); }
.rc-final-inner > img { margin: 0 auto 28px; }
.rc-final h2 { font-size: clamp(54px, 8vw, 112px); }
.rc-final-inner > p:not(.rc-label) { margin-inline: auto; }
.rc-final-rule {
  width: min(360px, 70%);
  height: 1px;
  margin: 42px auto 22px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
}
.rc-coming-soon {
  color: #7e8a9a;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .15em;
  text-transform: uppercase;
}

/* Content stays visible if the animation script is blocked or delayed. */
[data-rc-reveal] {
  opacity: 1;
  transform: none;
  filter: none;
}
html.rc-motion-ready [data-rc-reveal] {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  filter: blur(7px);
  transition:
    opacity .72s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1),
    filter .72s cubic-bezier(.16,1,.3,1);
}
html.rc-motion-ready [data-rc-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}
.rc-hero [data-rc-reveal] { transition-delay: .08s; }

html[data-theme="light"] .rc-page {
  --rc-bg: #edf2f7;
  --rc-surface: #ffffff;
  --rc-surface-2: #eef3f8;
  --rc-line: rgba(15,23,42,.12);
  --rc-line-strong: rgba(15,23,42,.2);
  --rc-text: #0f172a;
  --rc-muted: #586577;
  --rc-blue: #0a84e8;
  --rc-blue-soft: #0369a1;
  --rc-shadow: 0 32px 84px rgba(35,48,66,.18);
  background: var(--rc-bg);
}
html[data-theme="light"] body.rightclick-explore-mode { background: #edf2f7; }
html[data-theme="light"] .rc-page::before { background: linear-gradient(180deg, #f8fafc 0%, #e9eff5 100%); }
html[data-theme="light"] .rc-page::after { opacity: .42; background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px); }
html[data-theme="light"] .rc-wordstream,
html[data-theme="light"] .rc-feature-collab,
html[data-theme="light"] .rc-menu-story,
html[data-theme="light"] .rc-feature-sharing,
html[data-theme="light"] .rc-feature-backup,
html[data-theme="light"] .rc-final { background: #f3f6f9; }
html[data-theme="light"] .rc-shot { border-color: rgba(15,23,42,.12); background: #fff; }
html[data-theme="light"] .rc-wordstream span,
html[data-theme="light"] .rc-feature-list span,
html[data-theme="light"] .rc-sharing-steps span,
html[data-theme="light"] .rc-menu-slide-copy strong,
html[data-theme="light"] .rc-status-dot { color: #334155; }
html[data-theme="light"] .rc-orbit-label,
html[data-theme="light"] .rc-organize-menu figcaption,
html[data-theme="light"] .rc-backup-state { background: #fff; color: #334155; }

@media (max-width: 1060px) {
  .rc-hero-grid,
  .rc-feature-grid,
  .rc-sharing-grid,
  .rc-backup-grid { grid-template-columns: 1fr; }
  .rc-hero { padding-top: 86px; }
  .rc-hero-stage { min-height: 680px; }
  .rc-hero-shot-one { left: 4%; }
  .rc-hero-shot-two { right: 2%; }
  .rc-feature { min-height: auto; }
  .rc-organize-stage { min-height: 760px; }
  .rc-feature-copy { max-width: 680px; }
  .rc-collab-stage { min-height: 700px; }
  .rc-sharing-stage { min-height: 700px; }
  .rc-menu-story { height: 310vh; }
  .rc-menu-pin {
    top: 74px;
    height: calc(100svh - 74px);
    min-height: 650px;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: center;
    gap: 22px;
    padding: 22px max(24px, calc((100vw - 900px) / 2 + 24px)) 24px;
  }
  .rc-menu-copy { max-width: 760px; }
  .rc-menu-copy h2 { font-size: clamp(42px, 7vw, 68px); }
  .rc-menu-copy > p { max-width: 720px; }
  .rc-menu-window { height: min(470px, 55svh); }
  .rc-menu-slide { padding: 8px 18px 18px; grid-template-columns: .42fr .58fr; grid-template-rows: 1fr; align-items: center; }
  .rc-menu-slide figure,
  .rc-menu-slide figure img { max-height: min(390px, 45svh); }
}

@media (max-width: 720px) {
  .rc-hero,
  .rc-feature,
  .rc-final { padding-inline: 18px; }
  .rc-hero { min-height: auto; padding-top: 74px; padding-bottom: 90px; }
  .rc-product-line img { width: 66px; height: 66px; }
  .rc-product-line strong { font-size: 16px; }
  .rc-hero h1 { font-size: clamp(52px, 17vw, 76px); }
  .rc-hero-copy > p { font-size: 16px; }
  .rc-hero-stage { min-height: 540px; margin-top: 24px; }
  .rc-hero-shot-one { width: 190px; left: 0; }
  .rc-hero-shot-two { width: 390px; max-width: 94vw; right: -7%; bottom: 3%; }
  .rc-orbit-label { display: none; }
  .rc-scroll-cue { left: 18px; }
  .rc-feature { padding-top: 92px; padding-bottom: 92px; }
  .rc-feature-copy h2,
  .rc-section-heading h2,
  .rc-sharing-copy h2,
  .rc-final h2 { font-size: clamp(42px, 14vw, 68px); }
  .rc-organize-stage { min-height: 620px; margin-top: 32px; }
  .rc-organize-main { width: 210px; left: 0; }
  .rc-organize-menu { width: 88vw; right: -10%; }
  .rc-organize-menu figcaption { display: none; }
  .rc-feature-collab { min-height: auto; }
  .rc-section-heading { text-align: left; margin-bottom: 50px; }
  .rc-collab-stage { min-height: 590px; }
  .rc-collab-list { width: 230px; left: 0; }
  .rc-collab-detail { width: 92vw; right: -16%; }
  .rc-sharing-backdrop { display: none; }
  .rc-sharing-stage { min-height: 560px; margin-top: 36px; }
  .rc-map-share { width: 96vw; right: -20%; top: 0; }
  .rc-notification-card { width: 270px; left: 0; bottom: 2%; }
  .rc-menu-story { height: auto; overflow: hidden; }
  .rc-menu-pin {
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 92px 18px;
    align-content: start;
    gap: 40px;
  }
  .rc-menu-copy h2 { font-size: clamp(40px, 13vw, 58px); }
  .rc-menu-copy > p { font-size: 15px; }
  .rc-menu-window { height: auto; overflow: visible; }
  .rc-menu-track { width: 100%; height: auto; display: grid; gap: 46px; transform: none !important; }
  .rc-menu-slide { width: 100%; height: auto; min-height: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; align-content: start; padding: 0; }
  .rc-menu-slide-copy strong { font-size: 24px; }
  .rc-menu-slide figure { width: 100%; max-height: none; }
  .rc-menu-slide figure img { width: 100%; max-height: none; }
  .rc-menu-counter { display: none; }
  .rc-backup-visual { min-height: 520px; }
  .rc-backup-shot { width: 300px; max-width: 84vw; }
  .rc-backup-state { right: 1%; bottom: 10%; }
}

@media (prefers-reduced-motion: reduce) {
  .rc-wordstream-track,
  .rc-scroll-cue span::after { animation: none !important; }
  html.rc-motion-ready [data-rc-reveal],
  [data-rc-reveal] { opacity: 1; transform: none; filter: none; transition: none; }
  .rc-menu-track { transition: none; }
  .rc-page::after,
  .rc-hero::before { transform: none; }
}