@font-face {
  font-family: "Outfit";
  src: url("fonts/Outfit-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --black: #030405;
  --near-black: #090a0d;
  --white: #f5f5f7;
  --paper: #f0f1f3;
  --ink: #111216;
  --grey: #a2a4aa;
  --line-dark: rgba(255,255,255,.12);
  --line-light: rgba(0,0,0,.12);
  --purple: #a896ff;
  --blue: #75bfff;
  --max: 1280px;
  --font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --display-font: "Outfit", "Plus Jakarta Sans", sans-serif;
  --label-font: "Montserrat", "Plus Jakarta Sans", sans-serif;
}

/* Homepage opening: two seconds held on screen, then a .5 second fade. */
.site-intro {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 16px;
  padding: 24px;
  overflow: hidden;
  background: #000;
  color: #fff;
  text-align: center;
  animation: siteIntroOut .5s ease 2s forwards;
}
.site-intro__orb {
  display: block;
  width: clamp(138px, 20vw, 228px);
  height: auto;
  filter: drop-shadow(0 0 34px rgba(117,191,255,.2)) drop-shadow(0 0 42px rgba(168,150,255,.2));
  animation: siteIntroOrb .5s cubic-bezier(.2,.75,.3,1) both;
}
.site-intro__title {
  margin: 0;
  color: #75bfff;
  font-family: var(--label-font);
  font-size: clamp(1.45rem, 4vw, 2.65rem);
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1;
}
.site-intro__title span { color: #75bfff; }
.site-intro__motto {
  margin: 0;
  color: #d5d7dc;
  font-size: clamp(.76rem, 1.5vw, .96rem);
  font-weight: 500;
  letter-spacing: .035em;
}
@keyframes siteIntroOrb {
  from { opacity: 0; transform: scale(.9); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes siteIntroOut {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* Final clarity pass: captions are redundant, imagery must never collide,
   and the system page should read as three concise editorial compositions. */
figcaption { display: none; }

.hero-screen-small,
.hero-screen-tiny,
.chat-result { display: none; }

.hero-composition { inset: 100px 0 70px 55%; }
.hero-screen-main { width: min(360px, 34vw); right: 8%; }
.chat-main { right: 8%; }

.system-page :is(.mind-world, .day-world, .time-world) {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: 90px 38px;
  align-items: center;
  padding-block: 140px;
}

.system-page :is(.mind-world, .day-world, .time-world) > :is(.feature-text, .world-phone, .journey-wide, .diary-wide, .android-music) {
  position: relative;
  inset: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: auto;
  width: auto;
  transform: none;
}

.system-page :is(.mind-world, .day-world, .time-world) .world-heading { grid-column: 1 / 10; }
.system-page .feature-text { max-width: 470px; }
.system-page .world-phone img { width: 100%; }

.mind-world .world-heading { grid-row: 1; }
.mind-world .thought-words { grid-column: 1 / 6; grid-row: 2; }
.mind-world .thought-phone { grid-column: 7 / 11; grid-row: 2; }
.mind-world .stream-phone { grid-column: 11 / 13; grid-row: 2; }
.mind-world .feeling-phone { grid-column: 1 / 5; grid-row: 3; }
.mind-world .feeling-stream-phone { grid-column: 5 / 7; grid-row: 3; }
.mind-world .feeling-words { grid-column: 8 / 13; grid-row: 3; }
.mind-world .search-words { grid-column: 1 / 6; grid-row: 4; }
.mind-world .search-phone { grid-column: 8 / 12; grid-row: 4; }

.day-world .world-heading { grid-row: 1; }
.day-world .reminder-phone { grid-column: 1 / 5; grid-row: 2; }
.day-world .reminder-words { grid-column: 6 / 11; grid-row: 2; }
.day-world .create-reminder-phone { grid-column: 11 / 13; grid-row: 2; }
.day-world .medication-words { grid-column: 1 / 5; grid-row: 3; }
.day-world .medication-phone { grid-column: 6 / 10; grid-row: 3; }
.day-world .medication-calendar { grid-column: 10 / 13; grid-row: 3; }
.day-world .items-phone { grid-column: 1 / 4; grid-row: 4; }
.day-world .items-words { grid-column: 5 / 9; grid-row: 4; }
.day-world .item-brain-phone { grid-column: 10 / 12; grid-row: 4; }
.day-world .tasks-words { grid-column: 1 / 6; grid-row: 5; }
.day-world .tasks-phone { grid-column: 8 / 12; grid-row: 5; }

.time-world .world-heading { grid-row: 1; }
.time-world .journey-words { grid-column: 1 / 5; grid-row: 2; }
.time-world .journey-wide { grid-column: 5 / 13; grid-row: 2; }
.time-world .places-phone { grid-column: 1 / 4; grid-row: 3; }
.time-world .checklist-phone { grid-column: 4 / 6; grid-row: 3; }
.time-world .diary-words { grid-column: 8 / 13; grid-row: 3; }
.time-world .diary-wide { grid-column: 1 / 8; grid-row: 4; }
.time-world .music-words { grid-column: 9 / 13; grid-row: 4; }
.time-world .settings-words { grid-column: 1 / 6; grid-row: 5; }
.time-world .android-music { grid-column: 7 / 10; grid-row: 5; }
.time-world .settings-phone { grid-column: 10 / 13; grid-row: 5; }

.site-footer {
  grid-template-columns: minmax(280px, .8fr) 2fr;
  align-items: start;
}
.site-footer > .wordmark { grid-column: 1; grid-row: 1; }
.site-footer > p { grid-column: 1; grid-row: 2; max-width: 310px; line-height: 1.6; }
.site-footer > nav { grid-column: 2; grid-row: 1 / 3; justify-content: flex-end; }
.site-footer > small { grid-column: 1 / -1; }
.site-footer > .copyright { padding-top: 0; border-top: 0; color: #686b72; }

/* The original site music remains separate from the silent films. */
.aethyr-music { position: fixed; z-index: 210; top: 10px; right: auto; bottom: auto; left: 14px; font-family: var(--font); }
.aethyr-music__toggle,
.aethyr-music__close { appearance: none; border: 1px solid rgba(255,255,255,.18); color: #fff; background: rgba(7,7,10,.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); cursor: pointer; }
.aethyr-music__toggle { display: flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 999px; box-shadow: 0 12px 38px rgba(0,0,0,.42); font-size: .76rem; font-weight: 700; }
.aethyr-music__toggle:hover,
.aethyr-music__toggle:focus-visible { border-color: rgba(168,150,255,.75); background: rgba(15,15,20,.97); }
.aethyr-music__panel { position: absolute; top: 50px; right: auto; bottom: auto; left: 0; width: min(390px, calc(100vw - 36px)); max-height: calc(100vh - 90px); overflow: auto; padding: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: rgba(5,5,8,.97); box-shadow: 0 30px 90px rgba(0,0,0,.72); }
.aethyr-music__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.aethyr-music__heading small { display: block; margin-bottom: 5px; color: var(--purple); font-family: var(--label-font); font-size: .58rem; letter-spacing: .2em; }
.aethyr-music__heading strong { display: block; font-family: var(--display-font); font-size: 1.4rem; }
.aethyr-music__close { width: 32px; height: 32px; border-radius: 50%; font-size: 1.35rem; line-height: 1; }
.aethyr-music__tracks { display: grid; gap: 12px; }
.aethyr-music__track { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: #111; }
.aethyr-music__track-name { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 11px 12px 8px; }
.aethyr-music__track-name strong { font-size: .82rem; }
.aethyr-music__track-name span { color: #92949a; font-size: .7rem; text-align: right; }
.aethyr-music__track iframe { display: block; width: 100%; border: 0; background: #111; }
.aethyr-music__note { margin: 14px 2px 2px; color: #85888e; font-size: .64rem; }

@media (max-width: 760px) {
  .site-intro { gap: 14px; }
  .site-intro__orb { width: clamp(142px, 44vw, 205px); }

  .hero-composition { inset: 535px 0 70px; }
  .hero-screen-main { width: 245px; right: calc(50% - 122px); }
  .chat-main { right: calc(50% - 145px); }

  .system-page :is(.mind-world, .day-world, .time-world) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 62px 18px;
    padding: 105px 18px;
  }
  .system-page :is(.mind-world, .day-world, .time-world) > * {
    grid-column: auto;
    grid-row: auto;
  }
  .system-page :is(.mind-world, .day-world, .time-world) .world-heading,
  .system-page :is(.mind-world, .day-world, .time-world) .feature-text,
  .system-page :is(.mind-world, .day-world, .time-world) .journey-wide,
  .system-page :is(.mind-world, .day-world, .time-world) .diary-wide {
    grid-column: 1 / -1;
  }
  .system-page .world-phone,
  .system-page .android-music { align-self: start; }
  .system-page .feature-text { min-height: 0; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > .wordmark,
  .site-footer > p,
  .site-footer > nav,
  .site-footer > small { grid-column: 1; grid-row: auto; }
  .site-footer > nav { justify-content: flex-start; }
  .aethyr-music { top: 8px; right: auto; bottom: auto; left: 8px; }
  .aethyr-music__toggle { padding: 9px 12px; font-size: .7rem; }
  .aethyr-music__panel { top: 46px; bottom: auto; width: calc(100vw - 16px); }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body.aethyr-site { margin: 0; background: var(--black); color: var(--white); font-family: var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
h1, h2, h3 { font-family: var(--display-font); }
img, video { display: block; max-width: 100%; }
figure { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.topbar { position: fixed; z-index: 100; inset: 0 0 auto; height: 68px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); display: flex; align-items: center; justify-content: flex-end; gap: 28px; background: rgba(3,4,5,.82); border-bottom: 1px solid rgba(255,255,255,.06); backdrop-filter: saturate(160%) blur(18px); }
.wordmark { position: absolute; left: 50%; transform: translateX(-50%); flex: none; font-family: var(--label-font); font-size: .82rem; font-weight: 700; letter-spacing: .22em; white-space: nowrap; }
.wordmark span { color: var(--purple); }
.primary-nav { display: flex; align-items: center; gap: clamp(14px,1.7vw,26px); font-family: var(--label-font); font-size: .69rem; }
.primary-nav a { color: #b7b8bc; white-space: nowrap; }
.primary-nav a:hover, .primary-nav a:focus-visible, .primary-nav a.active { color: #fff; }
.primary-nav .nav-cta { padding: 9px 16px; border-radius: 999px; background: #f5f5f7; color: #101114; font-weight: 700; }
.nav-toggle { display: none; width: 42px; height: 42px; border: 0; color: white; background: transparent; padding: 9px; }
.nav-toggle > span { display: block; width: 22px; height: 1px; margin: 5px auto; background: currentColor; }

.eyebrow, .micro { margin: 0 0 18px; color: var(--purple); font-family: var(--label-font); font-size: .68rem; font-weight: 700; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }
.micro span { display: inline-block; padding: 3px 7px; margin-left: 6px; border: 1px solid currentColor; border-radius: 999px; font-size: .52rem; vertical-align: 1px; }
.pill-button { display: inline-flex; min-height: 50px; padding: 0 23px; align-items: center; justify-content: center; border-radius: 999px; font-size: .79rem; font-weight: 700; transition: transform .2s ease; }
.pill-button:hover, .pill-button:focus-visible { transform: translateY(-2px); }
.pill-button.light { background: #f5f5f7; color: #0c0d10; }
.pill-button.dark { background: #111216; color: white; }
.pill-button.outline { border: 1px solid rgba(255,255,255,.3); }
.plain-link { display: inline-flex; align-items: center; gap: 9px; padding: 8px 0; color: #d7d8dc; border-bottom: 1px solid rgba(255,255,255,.28); font-size: .8rem; font-weight: 600; }
.plain-link span { color: var(--purple); }
.dark-link { color: #1b1c20; border-color: rgba(0,0,0,.24); }
figcaption { margin-top: 11px; color: #777a81; font-size: .59rem; letter-spacing: .13em; text-transform: uppercase; }

/* Home opening */
.home-hero { min-height: 1020px; width: min(var(--max), calc(100% - 48px)); margin: 0 auto; padding: 160px 3vw 100px; position: relative; }
.hero-words { position: relative; z-index: 5; width: 59%; padding-top: 115px; }
.hero-words h1 { margin: 14px 0 27px; font-size: clamp(4.5rem, 8.2vw, 8rem); font-weight: 600; letter-spacing: -.068em; line-height: .88; }
.hero-intro { max-width: 610px; color: #b4b6bc; font-size: clamp(1rem,1.5vw,1.2rem); line-height: 1.72; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; margin-top: 33px; }
.hero-composition { position: absolute; inset: 100px -1vw 60px 48%; }
.hero-composition::before { content: ""; position: absolute; inset: 4% 0 0 10%; background: radial-gradient(circle,rgba(111,87,213,.22),rgba(28,81,101,.09) 35%,transparent 68%); filter: blur(20px); }
.hero-screen { position: absolute; }
.hero-screen img { width: 100%; border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08); }
.hero-screen-main { z-index: 3; width: 330px; right: 12%; top: 3%; }
.hero-screen-small { z-index: 2; width: 205px; left: 1%; bottom: 4%; transform: rotate(-7deg); opacity: .78; }
.hero-screen-tiny { z-index: 4; width: 150px; right: 1%; bottom: 4%; transform: rotate(6deg); opacity: .94; }
.hero-orbit { position: absolute; border: 1px solid rgba(168,150,255,.2); border-radius: 50%; }
.hero-orbit.one { width: 550px; height: 550px; right: -9%; top: 7%; }
.hero-orbit.two { width: 720px; height: 720px; left: -4%; bottom: -6%; border-color: rgba(117,191,255,.11); }
.hero-note { position: absolute; bottom: 35px; left: 3vw; color: #666970; font-size: .68rem; letter-spacing: .09em; }

.belief { min-height: 700px; padding: 170px 24px; display: grid; place-content: center; text-align: center; border-top: 1px solid var(--line-dark); background: radial-gradient(circle at 50% 50%,rgba(118,96,222,.12),transparent 28rem); }
.belief p { margin: 0 0 22px; color: #777a81; font-size: clamp(1.1rem,2vw,1.55rem); }
.belief h2 { max-width: 1100px; margin: 0; font-size: clamp(3rem,6.5vw,6.6rem); font-weight: 600; letter-spacing: -.062em; line-height: .98; }

/* Copy literally flows around the media. */
.offload-wrap { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 170px 0 200px; }
.offload-wrap > h2 { max-width: 850px; margin: 0 0 65px; font-size: clamp(3.5rem,7vw,7rem); font-weight: 600; letter-spacing: -.065em; line-height: .93; }
.wrapped-copy { display: flow-root; font-size: 1.05rem; line-height: 1.8; color: #aaaeb4; }
.wrapped-copy .large-copy { color: #f1f1f3; font-size: clamp(1.65rem,3vw,2.7rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.27; }
.wrapped-copy > p { max-width: 1020px; margin: 0 0 30px; }
.float-film { width: 340px; margin: -35px 0 65px 70px; shape-outside: inset(0 round 36px); }
.float-right { float: right; }
.float-left { float: left; }
.float-phone { width: 245px; margin: 20px 55px 30px -40px; shape-outside: inset(0 round 30px); }
.float-phone img { border-radius: 26px; box-shadow: 0 28px 70px rgba(0,0,0,.52); }
.float-film img, .float-film video, .motion-film video { width: 100%; aspect-ratio: 9/16; object-fit: contain; background: transparent; border-radius: 30px; box-shadow: 0 32px 80px rgba(0,0,0,.6); }
video.viewport-film { pointer-events: none; }
video.viewport-film::-webkit-media-controls,
video.viewport-film::-webkit-media-controls-enclosure,
video.viewport-film::-webkit-media-controls-panel,
video.viewport-film::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }

/* One free-form canvas, not feature rows. */
.living-system { padding: 150px max(24px,calc((100vw - var(--max))/2)) 130px; background: var(--paper); color: var(--ink); overflow: hidden; }
.system-title { max-width: 820px; }
.system-title .eyebrow { color: #6957b4; }
.system-title h2, .world-heading h2 { margin: 0 0 28px; font-size: clamp(3.5rem,6.5vw,6.7rem); font-weight: 600; letter-spacing: -.062em; line-height: .96; }
.system-title > p:last-child, .world-heading > p:last-child { max-width: 610px; color: #5f6269; font-size: 1.08rem; line-height: 1.7; }
.system-canvas { height: 1660px; margin-top: 30px; position: relative; }
.canvas-phone, .world-phone { position: absolute; }
.canvas-phone img, .world-phone img, .opening-phone img { width: 100%; border-radius: 27px; box-shadow: 0 28px 65px rgba(16,17,22,.18); }
.floating-note, .feature-text { position: absolute; z-index: 3; }
.floating-note .micro, .feature-text .micro { color: #6957b4; }
.floating-note h3, .feature-text h3 { margin: 0 0 14px; font-size: clamp(1.8rem,3.2vw,3.1rem); letter-spacing: -.045em; line-height: 1.04; }
.floating-note p:last-child, .feature-text p:last-child { color: #5c6066; line-height: 1.65; }
.phone-reminders { width: 310px; left: 6%; top: 120px; transform: rotate(-3deg); }
.note-reminders { width: 390px; left: 39%; top: 170px; }
.phone-medication { width: 230px; right: 4%; top: 15px; transform: rotate(5deg); }
.note-medication { width: 360px; right: 2%; top: 610px; }
.note-thoughts { width: 400px; left: 3%; top: 910px; }
.phone-thoughts { width: 265px; left: 39%; top: 670px; transform: rotate(3deg); }
.phone-feelings { width: 205px; right: 3%; top: 1000px; transform: rotate(-5deg); }
.note-feelings { width: 360px; left: 43%; top: 1320px; }
.system-link { display: block; width: fit-content; margin: 0 auto; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.28); font-size: .84rem; font-weight: 700; }

.motion-break { min-height: 1020px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 140px 3vw; display: grid; grid-template-columns: 1fr 240px 340px; gap: clamp(35px,6vw,85px); align-items: center; }
.motion-copy h2 { margin: 0 0 26px; font-size: clamp(3.3rem,6vw,6.1rem); line-height: .95; letter-spacing: -.06em; }
.motion-copy > p:last-child { max-width: 440px; color: #9da0a6; line-height: 1.72; }
.motion-film-small { align-self: end; margin-bottom: 20px; }
.motion-film-large { align-self: start; }

.journey-world { min-height: 1700px; position: relative; padding: 160px max(24px,calc((100vw - var(--max))/2)); background: #0b0d10; overflow: hidden; }
.journey-heading { position: relative; z-index: 3; max-width: 850px; }
.journey-heading h2 { margin: 0; font-size: clamp(3.6rem,7vw,7rem); line-height: .94; letter-spacing: -.065em; }
.journey-ipad { position: absolute; width: min(900px,70vw); right: -6vw; top: 400px; }
.journey-ipad img, .diary-ipad img, .journey-wide img, .diary-wide img { width: 100%; border-radius: 20px; box-shadow: 0 40px 100px rgba(0,0,0,.6); }
.journey-copy { position: absolute; width: 440px; left: max(24px,calc((100vw - var(--max))/2)); top: 520px; color: #b2b5ba; font-size: 1.08rem; line-height: 1.75; }
.journey-phone { position: absolute; width: 255px; left: calc(50% - 80px); top: 980px; z-index: 4; }
.journey-phone img { border-radius: 28px; box-shadow: 0 35px 85px rgba(0,0,0,.55); }
.diary-ipad { position: absolute; width: 610px; left: 4vw; bottom: 100px; transform: rotate(-2deg); }

.privacy-wrap { min-height: 980px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 140px 3vw; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 80px; }
.privacy-composition { min-height: 680px; position: relative; }
.privacy-phone { position: absolute; z-index: 2; width: 300px; right: 10%; top: 0; }
.privacy-phone img { border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.58); }
.privacy-orb { position: absolute; width: 360px; left: 0; bottom: 0; opacity: .6; filter: drop-shadow(0 0 45px rgba(114,103,255,.28)); }
.privacy-words h2 { margin: 0 0 25px; font-size: clamp(3.5rem,6vw,6.2rem); line-height: .96; letter-spacing: -.063em; }
.privacy-words > p:not(.eyebrow) { color: #a8abb0; line-height: 1.75; font-size: 1.06rem; }
.privacy-words .pill-button { margin-top: 20px; }

.android-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); background: #edece8; color: #121316; overflow: hidden; }
.android-heading { max-width: 800px; }
.android-heading .eyebrow { color: #6957b4; }
.android-heading h2 { margin: 0 0 27px; font-size: clamp(3.4rem,6.7vw,6.7rem); line-height: .96; letter-spacing: -.063em; }
.android-heading > p:last-child { max-width: 620px; color: #5e6166; line-height: 1.7; }
.android-composition { height: 870px; margin-top: 35px; position: relative; }
.android-composition figure { position: absolute; }
.android-composition img { width: 100%; border-radius: 22px; box-shadow: 0 30px 65px rgba(38,31,45,.18); }
.android-one { width: 390px; left: 4%; top: 150px; transform: rotate(-3deg); }
.android-two { width: 290px; left: 42%; top: 15px; transform: rotate(3deg); }
.android-three { width: 235px; right: 2%; top: 285px; transform: rotate(-4deg); }
.android-caption { position: absolute; width: 300px; left: 42%; top: 610px; color: #54575d; font-size: 1.25rem; line-height: 1.45; }
.android-actions { display: flex; align-items: center; gap: 26px; justify-content: center; }

.finale { min-height: 800px; padding: 150px 24px; text-align: center; display: grid; place-content: center; background: radial-gradient(circle at 50% 45%,rgba(116,91,220,.18),transparent 26rem); }
.finale img { width: 155px; margin: 0 auto 28px; filter: drop-shadow(0 0 34px rgba(132,115,255,.32)); }
.finale h2 { margin: 0 0 22px; font-size: clamp(3.4rem,7vw,7rem); line-height: .94; letter-spacing: -.065em; }
.finale > p:not(.eyebrow) { color: #96999f; }
.finale .pill-button { margin: 25px auto 0; }

.site-footer { padding: 62px max(24px,calc((100vw - var(--max))/2)) 30px; display: grid; grid-template-columns: auto 1fr auto; gap: 24px 55px; border-top: 1px solid var(--line-dark); color: #85888e; font-size: .72rem; }
.site-footer p { margin: 0; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 12px 22px; color: #b7b9bd; }
.site-footer small { grid-column: 1/-1; padding-top: 28px; border-top: 1px solid var(--line-dark); letter-spacing: .08em; }

/* System: three compositions rather than eleven rows. */
.system-opening { min-height: 1000px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 150px 3vw 100px; position: relative; }
.system-opening h1 { position: relative; z-index: 3; margin: 0; max-width: 820px; font-size: clamp(4rem,7vw,7rem); line-height: .89; letter-spacing: -.068em; }
.system-opening h1 span { color: var(--purple); }
.opening-phone { position: absolute; z-index: 2; width: 230px; right: 7%; top: 170px; opacity: .72; transform: rotate(2deg); }
.opening-copy { position: absolute; width: 540px; left: 3vw; bottom: 105px; color: #aaadb2; font-size: 1.16rem; line-height: 1.72; }

.world-heading { position: relative; z-index: 5; max-width: 920px; }
.mind-world, .day-world, .time-world { position: relative; overflow: hidden; }
.mind-world { min-height: 2050px; padding: 150px max(24px,calc((100vw - var(--max))/2)); background: #f0f1f3; color: #111216; }
.day-world { min-height: 2500px; padding: 150px max(24px,calc((100vw - var(--max))/2)); background: #0a0c0f; }
.time-world { min-height: 2450px; padding: 150px max(24px,calc((100vw - var(--max))/2)); background: #e8e9ec; color: #111216; }
.mind-world .world-heading .eyebrow, .time-world .world-heading .eyebrow { color: #6957b4; }
.mind-world .feature-text p:last-child, .time-world .feature-text p:last-child { color: #5b5f66; }
.day-world .feature-text p:last-child { color: #a6a9af; }
.day-world .feature-text .micro { color: var(--purple); }
.feature-text { width: 370px; }
.feature-text h3 { font-size: clamp(2rem,3.6vw,3.65rem); }

.thought-words { left: max(24px,calc((100vw - var(--max))/2)); top: 550px; width: 420px; }
.thought-phone { width: 330px; left: calc(50% - 75px); top: 400px; transform: rotate(2deg); }
.stream-phone { width: 205px; right: 4vw; top: 690px; transform: rotate(-4deg); }
.feeling-words { right: max(24px,calc((100vw - var(--max))/2)); top: 1180px; width: 410px; }
.feeling-phone { width: 280px; left: 7vw; top: 1110px; transform: rotate(-3deg); }
.feeling-stream-phone { width: 180px; left: 38%; top: 1500px; transform: rotate(5deg); }
.search-words { left: max(24px,calc((100vw - var(--max))/2)); bottom: 120px; width: 420px; }
.search-phone { width: 250px; right: 10vw; bottom: 70px; transform: rotate(3deg); }

.reminder-phone { width: 310px; left: 6vw; top: 460px; transform: rotate(-3deg); }
.reminder-words { left: 40%; top: 540px; width: 430px; }
.create-reminder-phone { width: 190px; right: 4vw; top: 330px; transform: rotate(4deg); }
.medication-words { left: 6vw; top: 1120px; width: 420px; }
.medication-phone { width: 285px; left: 43%; top: 980px; transform: rotate(3deg); }
.medication-calendar { width: 185px; right: 4vw; top: 1320px; transform: rotate(-4deg); }
.items-phone { width: 235px; left: 4vw; top: 1760px; transform: rotate(3deg); }
.items-words { left: 29%; top: 1830px; width: 360px; }
.item-brain-phone { width: 175px; left: 60%; top: 1690px; transform: rotate(-4deg); }
.tasks-words { right: 3vw; bottom: 110px; width: 350px; }
.tasks-phone { width: 235px; left: 39%; bottom: 55px; transform: rotate(3deg); }

.journey-wide { position: absolute; width: min(850px,65vw); right: -3vw; top: 390px; }
.journey-words { left: max(24px,calc((100vw - var(--max))/2)); top: 550px; width: 390px; }
.places-phone { width: 250px; left: 8vw; top: 940px; transform: rotate(-3deg); }
.checklist-phone { width: 180px; left: 33%; top: 1130px; transform: rotate(4deg); }
.diary-words { right: max(24px,calc((100vw - var(--max))/2)); top: 1230px; width: 390px; }
.diary-wide { position: absolute; width: min(720px,58vw); left: -2vw; top: 1480px; transform: rotate(-2deg); }
.android-music { position: absolute; width: 250px; right: 7vw; top: 1710px; transform: rotate(4deg); }
.android-music img { width: 100%; border-radius: 20px; box-shadow: 0 28px 65px rgba(33,28,42,.17); }
.music-words { right: 28%; bottom: 120px; width: 330px; }
.settings-words { left: 5vw; bottom: 100px; width: 350px; }
.settings-phone { width: 210px; right: 3vw; bottom: 60px; transform: rotate(-3deg); }
.system-finale { min-height: 700px; }

@media (max-width: 960px) {
  .topbar { height: 64px; padding-inline: 20px; }
  .nav-toggle { display: block; z-index: 2; margin-left: auto; }
  .primary-nav { display: none; position: fixed; inset: 64px 0 auto; flex-direction: column; align-items: stretch; gap: 0; padding: 16px 20px 25px; background: rgba(3,4,5,.98); border-bottom: 1px solid var(--line-dark); }
  .primary-nav.open { display: flex; }
  .primary-nav a { padding: 12px 4px; }
  .primary-nav .nav-cta { margin-top: 9px; text-align: center; }
  .home-hero { min-height: 1080px; padding-top: 115px; }
  .hero-words { width: 100%; padding-top: 20px; text-align: center; }
  .hero-intro { margin-inline: auto; }
  .hero-actions { justify-content: center; }
  .hero-composition { inset: 520px 0 60px; }
  .hero-screen-main { width: 270px; right: calc(50% - 135px); }
  .hero-screen-small { width: 170px; left: 4%; }
  .hero-screen-tiny { width: 135px; right: 5%; }
  .hero-note { left: 50%; transform: translateX(-50%); white-space: nowrap; }
  .system-canvas { height: 1500px; }
  .phone-reminders { left: 0; }
  .note-reminders { left: 38%; }
  .phone-medication { right: -5%; }
  .note-medication { right: 0; }
  .motion-break { grid-template-columns: 1fr 190px 260px; }
  .privacy-wrap { grid-template-columns: .8fr 1fr; gap: 30px; }
  .android-one { width: 330px; }
  .android-two { width: 250px; }
  .android-three { width: 205px; }
  .system-opening h1 { max-width: 720px; }
  .opening-phone { opacity: .42; right: 0; }
  .feature-text { width: 330px; }
}

@media (max-width: 720px) {
  .hero-words h1, .system-opening h1 { font-size: clamp(3.4rem,15vw,5.3rem); }
  .home-hero { width: calc(100% - 32px); min-height: 1040px; padding-inline: 0; }
  .hero-composition { top: 500px; }
  .hero-screen-main { width: 235px; right: calc(50% - 118px); }
  .hero-screen-small { width: 130px; left: -6%; bottom: 10%; }
  .hero-screen-tiny { width: 110px; right: -4%; bottom: 8%; }
  .belief { min-height: 600px; padding-inline: 18px; }
  .offload-wrap { width: calc(100% - 36px); padding-block: 120px; }
  .offload-wrap > h2 { font-size: clamp(3.1rem,14vw,5rem); }
  .float-film { width: min(285px,75vw); float: right; margin: -20px -30px 35px 28px; }
  .float-phone { width: 180px; margin: 15px 25px 25px -18px; }
  .living-system { padding: 110px 18px 90px; }
  .system-title h2, .world-heading h2 { font-size: clamp(3rem,13vw,5rem); }
  .system-canvas { height: auto; display: flow-root; margin-top: 75px; }
  .canvas-phone, .floating-note { position: static; }
  .canvas-phone { float: right; clear: right; width: 46%; margin: 0 -20px 42px 26px; transform: none; }
  .canvas-phone:nth-of-type(even) { float: left; clear: left; margin: 0 26px 42px -20px; }
  .floating-note { width: auto; min-height: 360px; padding-top: 28px; }
  .floating-note h3 { font-size: 2.05rem; }
  .system-link { clear: both; }
  .motion-break { width: calc(100% - 36px); min-height: auto; padding: 110px 0; grid-template-columns: 1fr 1fr; }
  .motion-copy { grid-column: 1/-1; }
  .motion-film-small, .motion-film-large { align-self: auto; margin: 0; }
  .journey-world { min-height: auto; padding: 110px 18px; }
  .journey-ipad, .journey-copy, .journey-phone, .diary-ipad { position: static; }
  .journey-ipad { width: 115%; margin: 65px -7.5% 30px; }
  .journey-copy { width: auto; margin: 35px 0; }
  .journey-phone { width: 48%; margin: 40px 2% -120px auto; }
  .diary-ipad { width: 105%; margin: 0 0 0 -9%; transform: none; }
  .privacy-wrap { width: calc(100% - 36px); min-height: auto; padding: 110px 0; grid-template-columns: 1fr; }
  .privacy-composition { min-height: 600px; }
  .privacy-phone { width: 250px; right: 0; }
  .privacy-orb { width: 280px; }
  .android-world { padding: 110px 18px; }
  .android-composition { height: 810px; }
  .android-one { width: 64%; left: -6%; }
  .android-two { width: 48%; left: auto; right: -4%; }
  .android-three { width: 43%; right: 8%; top: 420px; }
  .android-caption { width: 48%; left: 0; top: 575px; font-size: 1rem; }
  .android-actions { flex-direction: column; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer small { grid-column: 1; }

  .system-opening { width: calc(100% - 36px); min-height: 930px; padding: 115px 0 90px; }
  .opening-phone { width: 225px; top: 470px; right: calc(50% - 112px); opacity: .75; }
  .opening-copy { left: 0; bottom: 55px; width: 100%; }
  .mind-world, .day-world, .time-world { min-height: auto; padding: 110px 18px; display: flow-root; }
  .world-heading { margin-bottom: 80px; }
  .feature-text, .world-phone, .journey-wide, .diary-wide, .android-music { position: static; }
  .feature-text { width: auto; min-height: 360px; padding-top: 35px; }
  .feature-text h3 { font-size: clamp(2.1rem,10vw,3.2rem); }
  .world-phone { float: right; clear: right; width: 48%; margin: 0 -22px 45px 28px; transform: none; }
  .world-phone:nth-of-type(even) { float: left; clear: left; margin: 0 28px 45px -22px; }
  .journey-wide, .diary-wide { clear: both; width: 112%; margin: 65px -6% 25px; transform: none; }
  .android-music { float: left; width: 48%; margin: 0 28px 35px -22px; transform: none; }
  .mind-world::after, .day-world::after, .time-world::after { content: ""; display: block; clear: both; }
}

@media (max-width: 430px) {
  .wordmark { font-size: .74rem; }
  .home-hero { min-height: 940px; }
  .hero-words h1 { font-size: 3.5rem; }
  .hero-actions { flex-direction: column; }
  .hero-composition { inset: 500px 0 60px; }
  .hero-screen-main { width: 215px; right: calc(50% - 108px); }
  .hero-screen-small { width: 110px; }
  .hero-screen-tiny { width: 95px; }
  .wrapped-copy { font-size: 1rem; }
  .float-film { width: 62vw; margin-right: -26px; }
  .float-phone { width: 42vw; }
  .motion-break { gap: 18px; }
  .motion-film video { border-radius: 20px; }
  .privacy-composition { min-height: 520px; }
  .privacy-phone { width: 215px; }
  .privacy-orb { width: 235px; }
  .finale { min-height: 650px; }
  .finale h2 { font-size: 3.4rem; }
  .system-opening { min-height: 880px; }
  .system-opening h1 { font-size: 3.45rem; }
  .opening-phone { top: 445px; width: 200px; right: calc(50% - 100px); }
  .feature-text { min-height: 330px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Shared editorial pages */
.editorial-page main { overflow: hidden; }
.light-world { background: var(--paper); color: var(--ink); }
.editorial-page h1, .editorial-page h2, .editorial-page h3 { font-weight: 600; }
.editorial-page p { line-height: 1.72; }
.editorial-page code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .84em; }
.editorial-page .lead { font-size: clamp(1.45rem,2.7vw,2.45rem); line-height: 1.3; letter-spacing: -.03em; }
.editorial-page main a:not(.pill-button):not(.plain-link):not(.contact-email) { text-decoration-thickness: 1px; text-underline-offset: 4px; }
.editorial-hero { min-height: 980px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 150px 3vw 100px; position: relative; }
.editorial-hero-copy { position: relative; z-index: 4; width: 58%; padding-top: 120px; }
.editorial-hero-copy h1 { margin: 0 0 30px; font-size: clamp(4.5rem,8vw,8rem); line-height: .89; letter-spacing: -.068em; }
.editorial-hero-copy > p:last-child { max-width: 610px; color: #a9acb2; font-size: 1.12rem; }

/* Talk to Aethyr */
.chat-visual { position: absolute; inset: 100px 0 50px 52%; }
.chat-visual figure { position: absolute; }
.chat-visual img { width: 100%; border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.62); }
.chat-main { width: 330px; right: 10%; top: 0; transform: rotate(2deg); }
.chat-result { width: 190px; left: 0; bottom: 10px; transform: rotate(-6deg); opacity: .82; }
.wrap-narrative { min-height: 1120px; padding: 150px max(24px,calc((100vw - 1100px)/2)); display: flow-root; }
.wrap-narrative h2 { max-width: 850px; margin: 0 0 55px; font-size: clamp(3.5rem,6.5vw,6.7rem); line-height: .95; letter-spacing: -.06em; }
.wrap-narrative > p { max-width: 980px; color: #5d6168; }
.narrative-float { float: right; width: 300px; margin: -120px -20px 55px 70px; shape-outside: inset(0 round 30px); }
.narrative-float img { border-radius: 28px; box-shadow: 0 30px 70px rgba(21,20,30,.18); }
.process-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); min-height: 1020px; }
.process-line { list-style: none; margin: 100px 0 80px; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-dark); }
.process-line li { padding: 35px 25px 20px 0; position: relative; }
.process-line li::before { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--purple); }
.process-line b { display: block; margin-bottom: 50px; color: #5f6269; font-size: .7rem; letter-spacing: .15em; }
.process-line strong { display: block; margin-bottom: 14px; font-size: 1.25rem; }
.process-line span { display: block; color: #92959b; line-height: 1.65; }
.wide-promise { max-width: 1000px; margin: 0; color: #efeff1; font-size: clamp(2rem,4.2vw,4.1rem); line-height: 1.12!important; letter-spacing: -.045em; }
.promise-field { min-height: 1000px; padding: 150px max(24px,calc((100vw - var(--max))/2)); }
.promise-heading { max-width: 850px; }
.promise-heading h2 { margin: 0; font-size: clamp(3.2rem,6vw,6rem); line-height: .98; letter-spacing: -.06em; }
.promise-phrases { min-height: 430px; margin: 80px 0 20px; position: relative; }
.promise-phrases span { position: absolute; font-weight: 600; letter-spacing: -.04em; }
.promise-phrases span:nth-child(1) { left: 2%; top: 0; font-size: 3rem; }
.promise-phrases span:nth-child(2) { right: 4%; top: 30px; color: #6957b4; font-size: 4rem; }
.promise-phrases span:nth-child(3) { left: 28%; top: 160px; font-size: 2.3rem; }
.promise-phrases span:nth-child(4) { left: 0; bottom: 25px; color: #6a6d74; font-size: 1.7rem; }
.promise-phrases span:nth-child(5) { right: 2%; bottom: 65px; font-size: 2.6rem; }
.promise-phrases span:nth-child(6) { left: 44%; bottom: 0; color: #6957b4; font-size: 1.8rem; }
.promise-field > p { max-width: 760px; color: #5b5f66; }
.capability-flow { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; }
.capability-flow h2 { margin: 0; font-size: clamp(3.3rem,6vw,6rem); line-height: .95; letter-spacing: -.06em; }
.capability-words p { margin: 0; padding: 20px 0; border-bottom: 1px solid var(--line-dark); color: #d5d6d9; font-size: 1.22rem; }
.capability-flow aside { grid-column: 2; padding-top: 35px; color: #92959b; }
.capability-flow aside h3 { color: #fff; font-size: 1.7rem; }
.two-truths { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; }
.two-truths article h2 { font-size: clamp(2.5rem,4.6vw,4.7rem); line-height: 1; letter-spacing: -.05em; }
.two-truths article p { color: #5e6268; }

/* Foundation AI */
.foundation-visual { position: absolute; inset: 110px 0 45px 53%; }
.foundation-visual figure { position: absolute; width: 315px; right: 8%; top: 0; z-index: 2; }
.foundation-visual figure img { border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.6); }
.foundation-visual > img { position: absolute; width: 330px; left: 0; bottom: 0; opacity: .58; filter: drop-shadow(0 0 45px rgba(120,105,255,.3)); }
.model-world { min-height: 1000px; padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr .6fr; align-items: center; gap: 100px; }
.model-copy h2, .ordinary-code h2 { margin: 0 0 30px; font-size: clamp(3.3rem,6vw,6.1rem); line-height: .96; letter-spacing: -.06em; }
.model-copy p { color: #5b5f66; }
.model-phone { width: 310px; justify-self: center; }
.model-phone img { border-radius: 30px; box-shadow: 0 30px 70px rgba(20,20,25,.2); }
.use-map { padding: 150px max(24px,calc((100vw - var(--max))/2)); }
.use-constellation { height: 1000px; position: relative; margin-top: 50px; }
.use-constellation p { position: absolute; width: 300px; margin: 0; }
.use-constellation b { display: block; margin-bottom: 10px; font-size: 1.55rem; }
.use-constellation span { color: #92959b; line-height: 1.65; }
.use-constellation img { position: absolute; width: 330px; left: calc(50% - 165px); top: 275px; opacity: .63; }
.use-one { left: 0; top: 80px; }.use-two { right: 2%; top: 0; }.use-three { left: 6%; bottom: 150px; }.use-four { right: 0; bottom: 260px; }.use-five { left: calc(50% - 150px); bottom: 0; text-align: center; }
.ordinary-code { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr .7fr; gap: 90px; }
.ordinary-code > p { color: #5c6066; font-size: 1.12rem; }
.code-river { grid-column: 1/-1; padding-top: 70px; display: flex; justify-content: space-between; gap: 25px; overflow-x: auto; color: #6a6d74; font-size: clamp(1.1rem,2vw,1.6rem); }
.ai-rules { padding: 150px max(24px,calc((100vw - var(--max))/2)); }
.rule-flow { margin: 90px 0 120px; display: grid; grid-template-columns: repeat(3,1fr); gap: 55px; }
.rule-flow article { border-top: 1px solid var(--line-dark); padding-top: 28px; }
.rule-flow b { color: var(--purple); font-size: .7rem; }.rule-flow h3 { font-size: 1.8rem; }.rule-flow p { color: #96999f; }

/* Why Aethyr exists */
.why-opening { min-height: 980px; padding: 170px max(24px,calc((100vw - var(--max))/2)); position: relative; }
.why-opening h1 { position: relative; z-index: 2; max-width: 1000px; margin: 0; font-size: clamp(4rem,8vw,8rem); line-height: .89; letter-spacing: -.068em; }
.why-opening h1 span { color: var(--purple); }.why-opening > p:last-of-type { max-width: 580px; color: #a6a9af; font-size: 1.2rem; }
.why-opening img { position: absolute; width: 500px; right: 3vw; bottom: 30px; opacity: .38; }
.founder-story { min-height: 1100px; padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr 360px; gap: 100px; align-items: center; }
.founder-copy h2 { margin: 0 0 30px; font-size: clamp(3.4rem,6.2vw,6.3rem); line-height: .95; letter-spacing: -.06em; }.founder-copy p { color: #5c6066; }
.founder-film video { width: 100%; aspect-ratio: 9/16; object-fit: contain; border-radius: 30px; box-shadow: 0 32px 80px rgba(17,17,23,.25); }
.why-river { min-height: 1900px; padding: 150px max(24px,calc((100vw - var(--max))/2)); position: relative; }
.why-thought, .why-screen { position: absolute; }.why-thought { width: 430px; z-index: 2; }.why-thought h2 { margin: 0 0 18px; font-size: clamp(2.8rem,5vw,5rem); line-height: .96; letter-spacing: -.055em; }.why-thought p:last-child { color: #989ba1; }
.why-screen img { width: 100%; border-radius: 28px; box-shadow: 0 30px 75px rgba(0,0,0,.55); }
.why-thought.speed { left: max(24px,calc((100vw - var(--max))/2)); top: 180px; }.screen-reminder { width: 285px; right: 10vw; top: 80px; transform: rotate(3deg); }
.why-thought.reminders { right: 5vw; top: 770px; }.screen-offload { width: 250px; left: 10vw; top: 650px; transform: rotate(-4deg); }
.why-thought.chaos { left: 38%; bottom: 100px; }
.heart-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr .7fr; gap: 90px; }
.heart-world h2 { font-size: clamp(3.2rem,5.8vw,5.9rem); line-height: .98; letter-spacing: -.06em; }.heart-copy { color: #5e6268; font-size: 1.12rem; }
.why-finale { min-height: 850px; display: grid; place-content: center; text-align: center; padding: 130px 24px; background: radial-gradient(circle,rgba(115,94,215,.2),transparent 26rem); }
.why-finale img { width: 150px; margin: 0 auto 25px; }.why-finale > p { color: #95989e; }.why-finale h2 { max-width: 1000px; font-size: clamp(2.8rem,5vw,5rem); line-height: 1.05; letter-spacing: -.05em; }.why-finale h2 span { color: var(--purple); }.why-finale .pill-button { margin: 25px auto 0; }

/* Core beliefs */
.beliefs-opening { min-height: 980px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 160px 3vw; display: grid; grid-template-columns: 1fr 320px; align-items: center; gap: 90px; }
.beliefs-opening h1 { margin: 0 0 30px; font-size: clamp(4rem,7.5vw,7.5rem); line-height: .9; letter-spacing: -.067em; }.beliefs-opening p:last-child { max-width: 650px; color: #aaaeb3; }
.beliefs-opening figure img { border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.6); }
.belief-river { min-height: 2000px; padding: 150px max(24px,calc((100vw - var(--max))/2)); position: relative; }
.belief-river article { position: absolute; width: 440px; }.belief-river article b { color: #6957b4; font-size: .72rem; }.belief-river article h2 { margin: 20px 0; font-size: clamp(3rem,5vw,5rem); line-height: .96; letter-spacing: -.055em; }.belief-river article p { color: #5c6066; }
.belief-one { left: 5vw; top: 160px; }.belief-two { right: 5vw; top: 510px; }.belief-three { left: 8vw; top: 1030px; }.belief-four { right: 8vw; bottom: 130px; }
.belief-orb { position: absolute; width: 350px; left: calc(50% - 175px); top: 720px; opacity: .55; }.belief-phone { position: absolute; width: 230px; left: 42%; bottom: 70px; transform: rotate(-4deg); }.belief-phone img { border-radius: 27px; box-shadow: 0 30px 70px rgba(22,20,30,.18); }
.build-world { min-height: 1050px; padding: 150px max(24px,calc((100vw - var(--max))/2)); position: relative; }
.build-heading h2 { max-width: 900px; font-size: clamp(3.7rem,7vw,7rem); line-height: .94; letter-spacing: -.065em; }.build-copy { width: 400px; margin-left: auto; color: #9da0a6; font-size: 1.2rem; }
.people-first { margin-top: 150px; border-top: 1px solid var(--line-dark); padding-top: 35px; display: flex; align-items: baseline; justify-content: space-between; gap: 50px; }.people-first span { font-size: clamp(2.8rem,5vw,5rem); font-weight: 600; letter-spacing: -.05em; }.people-first small { max-width: 400px; color: #979aa0; font-size: 1rem; }
.mission-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: center; }.mission-world article h2 { font-size: clamp(2.5rem,4vw,4rem); line-height: 1; letter-spacing: -.05em; }.mission-world article p { color: #5c6066; }.mission-world figure img { border-radius: 20px; box-shadow: 0 35px 80px rgba(20,20,28,.18); }.mission-world article:last-child { grid-column: 2; }

/* Pricing */
.pricing-opening { min-height: 950px; padding: 160px max(24px,calc((100vw - var(--max))/2)); position: relative; }.pricing-opening > div { position: relative; z-index: 2; max-width: 900px; }.pricing-opening h1 { margin: 0 0 30px; font-size: clamp(4rem,7.8vw,7.8rem); line-height: .9; letter-spacing: -.067em; }.pricing-opening h1 span { color: var(--purple); }.pricing-opening p:not(.eyebrow) { max-width: 620px; color: #aaadb2; }.pricing-opening .pill-button { margin-top: 24px; }.pricing-opening > img { position: absolute; width: 480px; right: 2vw; bottom: 20px; opacity: .35; }
.price-plane { min-height: 900px; padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr 1fr; gap: 0; position: relative; }.price-region { grid-column: 1/-1; color: #696d73; font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; }.price-plane article { padding: 70px 6vw 40px 0; }.price-plane article + article { padding-left: 6vw; border-left: 1px solid var(--line-light); }.price-plane article p { text-transform: uppercase; letter-spacing: .13em; font-size: .68rem; }.price-plane strong { display: block; font-size: clamp(5rem,10vw,10rem); line-height: .95; letter-spacing: -.075em; }.price-plane span { color: #696d73; }.price-plane small { display: block; max-width: 340px; margin-top: 35px; color: #5d6066; line-height: 1.6; }.price-local { grid-column: 1/-1; border-top: 1px solid var(--line-light); padding-top: 30px; color: #60636a; }
.premium-flow { min-height: 1200px; padding: 150px max(24px,calc((100vw - var(--max))/2)); position: relative; }.premium-heading { max-width: 700px; }.premium-heading h2 { font-size: clamp(3.5rem,6.5vw,6.6rem); line-height: .95; letter-spacing: -.063em; }.premium-heading > p:last-child { color: #9b9ea4; }.premium-flow figure { position: absolute; width: 310px; right: 9vw; top: 100px; }.premium-flow figure img { border-radius: 30px; box-shadow: 0 35px 85px rgba(0,0,0,.58); }.free-flow { position: absolute; left: 38%; bottom: 120px; width: 560px; }.free-flow p:not(.eyebrow) { color: #a1a4aa; }
.subscription-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr .8fr; gap: 90px; }.subscription-world h2 { font-size: clamp(3rem,5.3vw,5.4rem); line-height: .98; letter-spacing: -.06em; }.subscription-world > p { color: #5b5f66; }.subscription-world nav { grid-column: 1/-1; padding-top: 50px; border-top: 1px solid var(--line-light); display: flex; gap: 30px; justify-content: space-between; }

/* Contact */
.contact-opening { min-height: 900px; padding: 180px max(24px,calc((100vw - var(--max))/2)); position: relative; }.contact-opening > div { position: relative; z-index: 2; }.contact-opening h1 { margin: 0 0 30px; font-size: clamp(4.3rem,8vw,8rem); line-height: .9; letter-spacing: -.068em; }.contact-opening p:last-child { max-width: 580px; color: #aaaeb3; font-size: 1.16rem; }.contact-opening img { position: absolute; width: 500px; right: 3vw; bottom: 10px; opacity: .45; }
.contact-links-world { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: repeat(3,1fr); gap: 55px; }.contact-links-world a { min-width: 0; padding: 25px 0 45px; border-top: 1px solid var(--line-light); display: flex; flex-direction: column; gap: 18px; }.contact-links-world small { color: #6b6e74; text-transform: uppercase; letter-spacing: .15em; }.contact-links-world span { font-size: clamp(1.2rem,2vw,2rem); font-weight: 600; overflow-wrap: anywhere; }.contact-links-world b { color: #6957b4; font-size: 1.5rem; }
.contact-purpose { min-height: 850px; padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; place-content: center; text-align: center; }.contact-purpose h2 { max-width: 1050px; font-size: clamp(3.2rem,6vw,6rem); line-height: .98; letter-spacing: -.06em; }.contact-purpose > p:not(.eyebrow) { color: #9b9ea4; }.contact-purpose > div { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 25px; }

/* Privacy */
.privacy-opening { min-height: 980px; width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 155px 3vw; display: grid; grid-template-columns: 1fr 320px; align-items: center; gap: 100px; }.privacy-opening h1 { margin: 0 0 30px; font-size: clamp(4.4rem,8vw,8rem); line-height: .89; letter-spacing: -.068em; }.privacy-opening p { max-width: 620px; color: #aaadb2; }.privacy-opening figure img { border-radius: 30px; box-shadow: 0 35px 90px rgba(0,0,0,.6); }
.privacy-short { padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; }.privacy-short > .eyebrow { grid-column: 1/-1; }.privacy-short h2 { margin: 0; font-size: clamp(3.3rem,6vw,6rem); line-height: .97; letter-spacing: -.06em; }.privacy-short div { color: #5b5f66; }
.legal-chapter { padding: 130px max(24px,calc((100vw - 1050px)/2)); display: grid; grid-template-columns: 100px 1fr; gap: 40px; border-bottom: 1px solid var(--line-dark); }.legal-chapter > b { color: var(--purple); font-size: .72rem; letter-spacing: .15em; }.legal-chapter h2 { margin: 0 0 35px; font-size: clamp(2.6rem,4.8vw,4.8rem); line-height: 1; letter-spacing: -.055em; }.legal-chapter p, .legal-chapter li { color: #a1a4aa; }.legal-chapter a { text-decoration: underline; }
.safe-search-chapter { min-height: 1050px; padding: 150px max(24px,calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr 310px; gap: 100px; align-items: center; }.safe-search-copy h2 { font-size: clamp(3.3rem,6vw,6rem); line-height: .96; letter-spacing: -.06em; }.safe-search-copy p { color: #5c6066; }.safe-search-chapter figure img { border-radius: 30px; box-shadow: 0 30px 75px rgba(20,20,28,.2); }
.never-field { padding: 150px max(24px,calc((100vw - var(--max))/2)); }.never-field > div { min-height: 500px; position: relative; }.never-field span { position: absolute; font-weight: 600; letter-spacing: -.045em; }.never-field span:nth-child(1){left:0;top:40px;font-size:3rem}.never-field span:nth-child(2){right:0;top:0;font-size:2rem;color:#6957b4}.never-field span:nth-child(3){left:25%;top:190px;font-size:3.5rem}.never-field span:nth-child(4){right:3%;bottom:80px;font-size:2.5rem}.never-field span:nth-child(5){left:0;bottom:20px;font-size:1.8rem;color:#666a70}.never-field span:nth-child(6){right:25%;top:310px;font-size:1.6rem;color:#6957b4}
.legal-links { padding: 70px max(24px,calc((100vw - var(--max))/2)); display: flex; justify-content: space-between; gap: 30px; background: var(--paper); color: var(--ink); border-top: 1px solid var(--line-light); }

/* Support */
.support-opening { min-height: 850px; padding: 160px max(24px,calc((100vw - var(--max))/2)); position: relative; }.support-opening .page-orb { position: absolute; width: 430px; right: 5vw; bottom: 20px; opacity: .45; }.support-opening h1 { position: relative; z-index: 2; margin: 0 0 30px; font-size: clamp(4.5rem,8vw,8rem); line-height: .9; letter-spacing: -.068em; }.support-opening .hero-copy { max-width: 600px; color: #aaaeb3; }.support-controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 25px; }.cta-primary { display: inline-flex; min-height: 50px; padding: 0 22px; align-items: center; border-radius: 999px; background: #f5f5f7; color: #111216; font-weight: 700; }
.support-page .section-stack { margin: 0; }.support-page .content-section { padding: 140px max(24px,calc((100vw - 1050px)/2)); }.support-contact-world { min-height: 1150px; }.support-contact-world > h2 { font-size: clamp(3rem,5.5vw,5.6rem); letter-spacing: -.06em; }.support-inline-video { float: right; width: 300px; aspect-ratio: 9/16; object-fit: contain; margin: 0 0 50px 70px; border-radius: 30px; }.support-contact-world > p { color: #a1a4aa; }.support-contact-world a { color: var(--blue); }.support-contact-world > h2:nth-of-type(2) { clear: both; padding-top: 80px; }
.faq-item { margin: 0; border-bottom: 1px solid var(--line-dark); }.faq-item summary { cursor: pointer; list-style: none; padding: 22px 0; display: flex; justify-content: space-between; gap: 20px; font-weight: 600; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary::after { content:"+"; color:var(--purple); font-size:1.2rem; }.faq-item[open] summary::after { content:"–"; }.faq-item p { margin: 0; padding: 0 0 25px; color: #9da0a6; }
.crisis-world { color: var(--ink); }.crisis-world > h2 { font-size: clamp(3rem,5.5vw,5.6rem); letter-spacing: -.06em; }.support-inline-image { float: right; width: 280px; margin: -80px 0 50px 70px; border-radius: 28px; box-shadow: 0 30px 70px rgba(20,20,28,.18); }.crisis-world > p { color: #5c6066; }.support-controls select { min-width: 260px; padding: 13px 42px 13px 15px; color: var(--ink); background: transparent; border: 1px solid var(--line-light); border-radius: 999px; }.detected-note { color: #71747a; font-size: .82rem; }.emergency-banner { clear: both; margin: 40px 0; padding: 25px 0; border-top: 1px solid #c99; border-bottom: 1px solid #c99; }.emergency-banner strong { color: #9f284b; }
.help-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; }.help-card { padding: 25px 0; border-top: 1px solid var(--line-light); }.help-card h3 { margin: 0 0 8px; }.help-card .contact { color: #5f4aad; font-size: 1.2rem; font-weight: 700; }.help-card small { display: block; margin-top: 8px; color: #62666c; line-height: 1.55; }.help-card .tag { display: inline-block; margin-top: 10px; color: #777a80; font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }.language-note { max-width: 900px; margin: 0 auto; }.language-note p { color: #9da0a6; }

@media (max-width: 760px) {
  .editorial-hero { width: calc(100% - 36px); min-height: 980px; padding: 115px 0 80px; }.editorial-hero-copy { width: 100%; padding-top: 20px; text-align: center; }.editorial-hero-copy h1 { font-size: clamp(3.5rem,15vw,5rem); }.editorial-hero-copy > p:last-child { margin-inline: auto; }
  .chat-visual { inset: 500px 0 25px; }.chat-main { width: 235px; right: calc(50% - 118px); }.chat-result { width: 130px; left: 0; }.wrap-narrative { padding: 110px 18px; }.wrap-narrative h2 { font-size: 3.4rem; }.narrative-float { width: 54vw; margin: 0 -28px 30px 28px; }
  .process-world,.promise-field,.capability-flow,.two-truths,.use-map,.ordinary-code,.ai-rules,.heart-world,.mission-world,.subscription-world,.privacy-short { padding: 110px 18px; }.process-line { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -18px; padding-inline: 18px; }.process-line li { flex: 0 0 78vw; scroll-snap-align: start; }.promise-phrases { min-height: auto; display: flex; flex-direction: column; gap: 20px; margin-top: 60px; }.promise-phrases span { position: static!important; font-size: clamp(1.7rem,8vw,2.7rem)!important; }.capability-flow,.two-truths,.model-world,.ordinary-code,.heart-world,.mission-world,.subscription-world,.privacy-short { grid-template-columns: 1fr; gap: 55px; }.capability-flow aside,.ordinary-code .code-river,.mission-world article:last-child,.subscription-world nav,.privacy-short > .eyebrow { grid-column: 1; }
  .foundation-visual { inset: 490px 0 30px; }.foundation-visual figure { width: 235px; right: calc(50% - 118px); }.foundation-visual > img { width: 220px; left: -30px; }.model-world { padding: 110px 18px; }.model-phone { width: 240px; }.use-constellation { height: auto; display: flow-root; }.use-constellation p { position: static; width: auto; min-height: 220px; }.use-constellation img { position: static; float: right; width: 220px; margin: -30px -30px 30px 30px; }.rule-flow { display: flex; overflow-x: auto; margin-inline: -18px; padding-inline: 18px; }.rule-flow article { flex: 0 0 78vw; }
  .why-opening,.pricing-opening,.contact-opening { min-height: 820px; padding: 130px 18px; }.why-opening h1,.pricing-opening h1,.contact-opening h1 { font-size: clamp(3.5rem,15vw,5.2rem); }.why-opening img,.pricing-opening > img,.contact-opening img { width: 300px; right: -50px; opacity: .3; }.founder-story { padding: 110px 18px; grid-template-columns: 1fr; }.founder-film { width: min(300px,80vw); margin: 0 auto; }.why-river { min-height: auto; padding: 110px 18px; display: flow-root; }.why-thought,.why-screen { position: static; }.why-thought { width: auto; min-height: 390px; }.why-screen { float: right; width: 48%; margin: 0 -20px 40px 30px; transform: none; }.why-finale { min-height: 700px; }
  .beliefs-opening { width: calc(100% - 36px); min-height: 980px; padding: 115px 0; grid-template-columns: 1fr; text-align: center; }.beliefs-opening h1 { font-size: 3.8rem; }.beliefs-opening figure { width: 230px; margin: 0 auto; }.belief-river { min-height: auto; padding: 110px 18px; }.belief-river article,.belief-orb,.belief-phone { position: static; }.belief-river article { width: auto; min-height: 430px; }.belief-orb { width: 220px; float: right; margin: -130px -20px 20px 25px; }.belief-phone { width: 200px; margin: 0 auto 80px; transform: none; }.build-world { min-height: auto; padding: 110px 18px; }.build-copy { width: auto; margin: 60px 0; }.people-first { flex-direction: column; margin-top: 80px; }.mission-world figure { width: 112%; margin-left: -6%; }
  .price-plane { min-height: auto; padding: 110px 18px; grid-template-columns: 1fr; }.price-plane article + article { padding-left: 0; border-left: 0; border-top: 1px solid var(--line-light); }.price-region,.price-local { grid-column: 1; }.premium-flow { min-height: auto; padding: 110px 18px; display: flow-root; }.premium-flow figure,.free-flow { position: static; }.premium-flow figure { float: right; width: 52vw; margin: 0 -25px 35px 30px; }.free-flow { width: auto; padding-top: 80px; }.subscription-world nav,.legal-links { flex-direction: column; }
  .contact-links-world { padding: 110px 18px; grid-template-columns: 1fr; gap: 10px; }.contact-purpose { min-height: 700px; padding: 110px 18px; }.contact-purpose > div { flex-direction: column; }
  .privacy-opening { width: calc(100% - 36px); min-height: 980px; padding: 115px 0; grid-template-columns: 1fr; }.privacy-opening h1 { font-size: 4rem; }.privacy-opening figure { width: 230px; margin: 0 auto; }.legal-chapter { padding: 100px 18px; grid-template-columns: 1fr; }.safe-search-chapter { padding: 110px 18px; grid-template-columns: 1fr; }.safe-search-chapter figure { width: 230px; margin: 0 auto; }.never-field { padding: 110px 18px; }.never-field > div { min-height: auto; display: flex; flex-direction: column; gap: 20px; }.never-field span { position: static!important; font-size: clamp(1.6rem,8vw,2.6rem)!important; }
  .support-opening { min-height: 780px; padding: 130px 18px; }.support-opening h1 { font-size: 4rem; }.support-opening .page-orb { width: 280px; right: -45px; }.support-page .content-section { padding: 110px 18px; }.support-inline-video { width: 54vw; margin: 0 -25px 30px 30px; }.support-inline-image { width: 52vw; margin: 0 -25px 30px 30px; }.help-list { grid-template-columns: 1fr; }
}

/* These are the final layout rules and intentionally sit last in the file. */
figcaption { display: none; }
.hero-screen-small, .hero-screen-tiny, .chat-result { display: none; }
.hero-composition { inset: 100px 0 70px 55%; }
.hero-screen-main { width: min(360px,34vw); right: 8%; }
.chat-main { right: 8%; }

.system-page :is(.mind-world,.day-world,.time-world) {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 90px 38px;
  align-items: center;
  padding-block: 140px;
}
.system-page :is(.mind-world,.day-world,.time-world) > :is(.feature-text,.world-phone,.journey-wide,.diary-wide,.android-music) {
  position: relative; inset: auto; width: auto; transform: none;
}
.system-page :is(.mind-world,.day-world,.time-world) .world-heading { grid-column: 1 / 10; }
.system-page .feature-text { max-width: 470px; }
.mind-world .world-heading,.day-world .world-heading,.time-world .world-heading { grid-row: 1; }
.mind-world .thought-words { grid-column:1/6;grid-row:2 }.mind-world .thought-phone { grid-column:7/11;grid-row:2 }.mind-world .stream-phone { grid-column:11/13;grid-row:2 }
.mind-world .feeling-phone { grid-column:1/5;grid-row:3 }.mind-world .feeling-stream-phone { grid-column:5/7;grid-row:3 }.mind-world .feeling-words { grid-column:8/13;grid-row:3 }
.mind-world .search-words { grid-column:1/6;grid-row:4 }.mind-world .search-phone { grid-column:8/12;grid-row:4 }
.day-world .reminder-phone { grid-column:1/5;grid-row:2 }.day-world .reminder-words { grid-column:6/11;grid-row:2 }.day-world .create-reminder-phone { grid-column:11/13;grid-row:2 }
.day-world .medication-words { grid-column:1/5;grid-row:3 }.day-world .medication-phone { grid-column:6/10;grid-row:3 }.day-world .medication-calendar { grid-column:10/13;grid-row:3 }
.day-world .items-phone { grid-column:1/4;grid-row:4 }.day-world .items-words { grid-column:5/9;grid-row:4 }.day-world .item-brain-phone { grid-column:10/12;grid-row:4 }
.day-world .tasks-words { grid-column:1/6;grid-row:5 }.day-world .tasks-phone { grid-column:8/12;grid-row:5 }
.time-world .journey-words { grid-column:1/5;grid-row:2 }.time-world .journey-wide { grid-column:5/13;grid-row:2 }
.time-world .places-phone { grid-column:1/4;grid-row:3 }.time-world .checklist-phone { grid-column:4/6;grid-row:3 }.time-world .diary-words { grid-column:8/13;grid-row:3 }
.time-world .diary-wide { grid-column:1/8;grid-row:4 }.time-world .music-words { grid-column:9/13;grid-row:4 }
.time-world .settings-words { grid-column:1/6;grid-row:5 }.time-world .android-music { grid-column:7/10;grid-row:5 }.time-world .settings-phone { grid-column:10/13;grid-row:5 }

.site-footer { grid-template-columns:minmax(280px,.8fr) 2fr;align-items:start }
.site-footer > .wordmark { grid-column:1;grid-row:1 }
.site-footer > p { grid-column:1;grid-row:2;max-width:330px;line-height:1.6 }
.site-footer > nav { grid-column:2;grid-row:1/3;justify-content:flex-end }
.site-footer > small { grid-column:1/-1 }
.site-footer > .copyright { padding-top:0;border-top:0;color:#686b72 }

@media (max-width:760px) {
  .hero-composition { inset:535px 0 70px }.hero-screen-main { width:245px;right:calc(50% - 122px) }.chat-main { right:calc(50% - 145px) }
  .system-opening { min-height:0;display:flex;flex-direction:column;padding:115px 0 95px }
  .system-opening > div { order:1 }
  .system-opening h1 { font-size:clamp(3rem,10vw,4.2rem) }
  .system-opening .opening-phone { position:relative;inset:auto;order:2;width:210px;margin:48px auto 34px;opacity:.82;transform:none }
  .system-opening .opening-copy { position:relative;inset:auto;order:3;width:100%;margin:0 }
  .system-page :is(.mind-world,.day-world,.time-world) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 18px;padding:105px 18px }
  .system-page :is(.mind-world,.day-world,.time-world) > * { grid-column:auto;grid-row:auto }
  .system-page :is(.mind-world,.day-world,.time-world) :is(.world-heading,.feature-text,.journey-wide,.diary-wide) { grid-column:1/-1 }
  .system-page .feature-text { min-height:0 }
  .site-footer { grid-template-columns:1fr }
  .site-footer > .wordmark,.site-footer > p,.site-footer > nav,.site-footer > small { grid-column:1;grid-row:auto }
  .site-footer > nav { justify-content:flex-start }
}

/* Solid whole-word accents, mixed with restraint across the site. */
.wordmark span {
  color: #a896ff;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.eyebrow,
.micro {
  color: #63e6ff;
  background: none;
  -webkit-text-fill-color: currentColor;
}
main > section:nth-of-type(even) :is(.eyebrow,.micro) { color: #a896ff; }
.light-world :is(.eyebrow,.micro) { color: #6957b4; }
main > section.light-world:nth-of-type(odd) :is(.eyebrow,.micro) { color: #007f99; }
.system-opening h1 span,
.pricing-opening h1 span {
  color: #63e6ff;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.why-opening h1 span,
.why-finale h2 span {
  color: #a896ff;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.primary-nav a.active { color: #63e6ff; }
.micro span { -webkit-text-fill-color: currentColor; }

/* One film per chapter, with no media squeezing the copy. */
.motion-break {
  grid-template-columns: minmax(0,1fr) minmax(280px,370px);
  gap: clamp(55px,8vw,120px);
}
.motion-break .motion-film { width:100%;margin:0;align-self:center; }
.motion-break-alt {
  width:100%;
  max-width:none;
  padding-inline:max(24px,calc((100vw - var(--max))/2 + 3vw));
  background:var(--paper);
  color:var(--ink);
}
.motion-break-alt .motion-copy > p:last-child { color:#5d6268; }
.motion-break-alt .eyebrow { color:#6957b4; }
.wrapped-copy { color:#d0d2d6; }
.wrapped-copy .float-phone {
  float:none;
  clear:both;
  width:220px;
  margin:55px auto;
}

@media (max-width:760px) {
  .motion-break { grid-template-columns:1fr;gap:55px;padding:105px 18px; }
  .motion-break .motion-copy { grid-column:1; }
  .motion-break .motion-film { width:min(310px,82vw);margin:0 auto; }
  .wrapped-copy .float-phone { width:180px; }
}

/* Media and copy are kept in separate tracks. Nothing is allowed to cover text. */
@media (min-width:961px) {
  .topbar {
    height:96px;
    justify-content:center;
  }
  .topbar > .wordmark {
    top:13px;
    left:50%;
    transform:translateX(-50%);
    line-height:1.4;
  }
  .topbar > .primary-nav {
    position:absolute;
    left:50%;
    bottom:8px;
    transform:translateX(-50%);
  }
}

/* Only existing accent words move gently between Aethyr cyan and purple. */
@keyframes aethyrAccentCycle {
  0%, 100% { color: var(--aethyr-cycle-cyan, #63e6ff); }
  50% { color: var(--aethyr-cycle-purple, #a896ff); }
}

:is(
  .site-intro__title,
  .wordmark span,
  .eyebrow,
  .micro,
  .plain-link span,
  .system-opening h1 span,
  .pricing-opening h1 span,
  .why-opening h1 span,
  .why-finale h2 span,
  .rule-flow b,
  .legal-chapter > b,
  .support-contact-world a,
  .aethyr-music__heading small,
  .primary-nav a.active
) {
  animation: aethyrAccentCycle 14s ease-in-out infinite;
}

.site-intro__title { animation-duration: 5s; }
.site-intro__title span { color: inherit; }

:is(
  .wordmark span,
  main > section:nth-of-type(even) .eyebrow,
  main > section:nth-of-type(even) .micro,
  .why-opening h1 span,
  .why-finale h2 span,
  .rule-flow b,
  .legal-chapter > b,
  .aethyr-music__heading small
) {
  animation-delay: -7s;
}

.light-world {
  --aethyr-cycle-cyan: #007f99;
  --aethyr-cycle-purple: #6957b4;
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .site-intro__title,
    .wordmark span,
    .eyebrow,
    .micro,
    .plain-link span,
    .system-opening h1 span,
    .pricing-opening h1 span,
    .why-opening h1 span,
    .why-finale h2 span,
    .rule-flow b,
    .legal-chapter > b,
    .support-contact-world a,
    .aethyr-music__heading small,
    .primary-nav a.active
  ) { animation: none; }
}

/* Final composition refinements requested for the homepage. */
.privacy-orb {
  z-index:1;
  width:340px;
  left:70px;
  right:auto;
  bottom:185px;
  transform:rotate(-14deg);
  transform-origin:50% 50%;
  opacity:.64;
}
.privacy-phone { right:7%; }

.android-two {
  width:250px;
  left:43%;
  top:0;
  transform:rotate(2deg);
}
.android-caption { top:610px; }

@media (max-width:960px) {
  .privacy-orb { width:300px; left:30px; bottom:45px; }
  .android-two { width:220px; left:43%; }
}

@media (max-width:720px) {
  .privacy-orb { width:260px; left:12px; bottom:65px; }
  .privacy-phone { right:0; }
  .android-two { width:42%; left:auto; right:1%; top:10px; }
}

@media (max-width:430px) {
  .privacy-orb { width:220px; left:0; bottom:75px; }
  .android-two { width:40%; right:2%; }
}

.site-footer > .wordmark {
  position:static;
  transform:none;
}

.wrapped-copy {
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  column-gap:70px;
  row-gap:28px;
  align-items:start;
}
.wrapped-copy > .large-copy { grid-column:1 / -1; }
.wrapped-copy > .float-film {
  grid-column:2;
  grid-row:2 / span 4;
  float:none;
  width:100%;
  margin:0;
}
.wrapped-copy > p:not(.large-copy),
.wrapped-copy > .plain-link { grid-column:1; }
.wrapped-copy > .float-phone {
  grid-column:1;
  float:none;
  width:220px;
  margin:25px auto;
}

.wrap-narrative {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  column-gap:80px;
  row-gap:24px;
  align-items:start;
}
.wrap-narrative > .eyebrow { grid-column:1; grid-row:1; }
.wrap-narrative > h2 { grid-column:1; grid-row:2; margin-bottom:25px; }
.wrap-narrative > .narrative-float {
  grid-column:2;
  grid-row:1 / span 6;
  float:none;
  width:100%;
  margin:0;
}
.wrap-narrative > p:not(.eyebrow) { grid-column:1; margin-block:0; }

.belief-river {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,250px) minmax(0,1fr);
  gap:150px 42px;
  align-items:center;
}
.belief-river article,
.belief-river .belief-orb,
.belief-river .belief-phone {
  position:static;
  inset:auto;
}
.belief-river article { width:auto; }
.belief-one { grid-column:1; grid-row:1; }
.belief-two { grid-column:3; grid-row:1; }
.belief-three { grid-column:1; grid-row:2; }
.belief-four { grid-column:3; grid-row:2; }
.belief-river .belief-orb {
  grid-column:2;
  grid-row:1;
  width:min(230px,100%);
  justify-self:center;
  opacity:.48;
}
.belief-river .belief-phone {
  grid-column:2;
  grid-row:2;
  width:min(220px,100%);
  justify-self:center;
  transform:none;
}

.support-contact-world {
  min-height:0;
  display:block;
}
.support-contact-world > .support-inline-video {
  float:none;
  width:min(300px,100%);
  margin:35px auto 55px;
}
.support-contact-world > p { max-width:850px; }
.support-contact-world > h2:nth-of-type(2) { padding-top:90px; }
.support-inline-image {
  float:none;
  display:block;
  width:min(280px,100%);
  margin:35px auto 55px;
}

@media (max-width:960px) {
  .topbar > .wordmark { top:auto; }
}

@media (min-width:761px) {
  .why-opening {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,430px);
    gap:70px;
    align-items:center;
  }
  .why-opening > .eyebrow,
  .why-opening > h1,
  .why-opening > p:last-of-type { grid-column:1; }
  .why-opening > img {
    position:static;
    grid-column:2;
    grid-row:1 / span 3;
    width:100%;
    justify-self:center;
  }
  .pricing-opening,
  .contact-opening {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,430px);
    gap:70px;
    align-items:center;
  }
  .pricing-opening > div,
  .contact-opening > div { grid-column:1; }
  .pricing-opening > img,
  .contact-opening > img {
    position:static;
    grid-column:2;
    width:100%;
    justify-self:center;
  }
  .support-opening {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,400px);
    column-gap:70px;
    align-items:center;
  }
  .support-opening > :not(.page-orb) { grid-column:1; }
  .support-opening > .page-orb {
    position:static;
    grid-column:2;
    grid-row:1 / span 5;
    width:100%;
    justify-self:center;
  }
}

@media (max-width:760px) {
  .wrapped-copy,
  .wrap-narrative,
  .support-contact-world {
    grid-template-columns:1fr;
    column-gap:0;
  }
  .wrapped-copy > .large-copy,
  .wrapped-copy > .float-film,
  .wrapped-copy > p:not(.large-copy),
  .wrapped-copy > .plain-link,
  .wrapped-copy > .float-phone,
  .wrap-narrative > .eyebrow,
  .wrap-narrative > h2,
  .wrap-narrative > .narrative-float,
  .wrap-narrative > p:not(.eyebrow),
  .support-contact-world > h2:first-of-type,
  .support-contact-world > .support-inline-video,
  .support-contact-world > p,
  .support-contact-world > h2:nth-of-type(2),
  .support-contact-world > .faq-item {
    grid-column:1;
    grid-row:auto;
  }
  .wrapped-copy > .float-film,
  .wrap-narrative > .narrative-float,
  .support-contact-world > .support-inline-video {
    width:min(280px,78vw);
    margin:30px auto 45px;
  }
  .belief-river {
    grid-template-columns:1fr;
    gap:75px;
  }
  .belief-river .belief-one,
  .belief-river .belief-two,
  .belief-river .belief-three,
  .belief-river .belief-four,
  .belief-river .belief-orb,
  .belief-river .belief-phone {
    grid-column:1;
    grid-row:auto;
  }
  .belief-river article { min-height:0; }
  .belief-river .belief-orb { float:none; width:190px; margin:0 auto; }
  .belief-river .belief-phone { width:190px; margin:0 auto; }
  .why-opening,
  .pricing-opening,
  .contact-opening,
  .support-opening {
    display:flex;
    flex-direction:column;
  }
  .why-opening > img,
  .pricing-opening > img,
  .contact-opening > img,
  .support-opening > .page-orb {
    position:static;
    width:min(260px,72vw);
    margin:40px auto 0;
    opacity:.36;
    order:10;
  }
}