:root, [data-theme="light"] {
  --bg: #faf8f3; --bg-2: #ede8f3; --surface: #fffdf9;
  --text: #211d28; --text-soft: #68616e; --line: #dcd5e5;
  --accent: #6750a4; --accent-2: #59418d; --accent-ink: #ffffff;
  --accent-text: #59418d; --display: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --halo: none;
}
[data-theme="dark"] {
  --bg: #1b1920; --bg-2: #302a3a; --surface: #24202c;
  --text: #f7f1fc; --text-soft: #c7becf; --line: #51465d;
  --accent: #cfbcff; --accent-2: #d8caff; --accent-ink: #302044;
  --accent-text: #d8caff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #1b1920; --bg-2: #302a3a; --surface: #24202c;
    --text: #f7f1fc; --text-soft: #c7becf; --line: #51465d;
    --accent: #cfbcff; --accent-2: #d8caff; --accent-ink: #302044;
    --accent-text: #d8caff;
  }
}
[data-store-state="prelaunch"], [data-store-state="absent"] { display: none; }
[data-launch="live"] .launch-soon, [data-launch="prelaunch"] .launch-live { display: none; }
.aftermove-hero { padding: clamp(40px, 6vw, 88px) 0; }
.aftermove-hero .hero-grid { gap: clamp(32px, 6vw, 96px); align-items: center; }
.aftermove-hero h1 { max-width: 12ch; font-size: clamp(44px, 6.2vw, 82px); line-height: 1.03; letter-spacing: -.045em; }
.aftermove-proof { margin: 0; display: grid; justify-items: center; gap: 16px; }
.aftermove-proof .device { --dv-scale: .76; --rot: 0deg; }
.aftermove-proof figcaption { color: var(--text-soft); font-size: 14px; }
.aftermove-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.aftermove-steps h3 { font-size: 24px; margin-bottom: 12px; }
.aftermove-steps p { color: var(--text-soft); }
.aftermove-number { color: var(--accent-text); font-size: 15px; font-weight: 650; }
.aftermove-note { max-width: 66ch; }
footer .links { flex-wrap: wrap; min-width: 0; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 10; padding: 12px; background: var(--surface); }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--accent-text); outline-offset: 4px; }
@media (max-width: 700px) {
  .aftermove-steps { grid-template-columns: 1fr; }
  .aftermove-hero .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .aftermove-hero h1 { max-width: 14ch; }
}
@media (max-width: 428px) {
  .aftermove-proof .device { --dv-scale: .67; }
}
@media (max-width: 380px) {
  .aftermove-proof .device { --dv-scale: .53; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}