.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.refined-hero {
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  color: var(--warm-white);
}

.refined-hero-cinematic {
  background: var(--brand-midnight);
}

.refined-hero-steps,
.refined-hero-timeline {
  background: var(--brand-midnight);
}

.refined-hero-story {
  background: var(--brand-surface);
  color: var(--ink);
}

.refined-hero-product {
  background: var(--brand-surface-soft);
  color: var(--ink);
}

.refined-hero-story .lead,
.refined-hero-product .lead {
  color: var(--muted);
}

.refined-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(360px, 1fr);
  gap: var(--space-7);
  align-items: center;
}

.hero-visual {
  min-height: 520px;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.hero-visual img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: cover;
}

.immersive-band {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.immersive-grid,
.story-focus-grid,
.simple-grid,
.trust-grid,
.hosted-grid,
.intelligence-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1fr);
  gap: var(--space-7);
  align-items: center;
}

.pullquote {
  font-family: var(--font-editorial);
  font-size: clamp(34px, 4.4vw, 54px);
  line-height: 1.05;
}

.step-band {
  background: var(--warm-white);
}

.step-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--line);
}

.step-strip div {
  min-height: 170px;
  display: grid;
  align-content: space-between;
  background: var(--paper);
  padding: var(--space-4);
}

.step-strip span,
.journey-stack span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}

.trust-hero,
.plans-hero,
.simple-page {
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--paper);
  color: var(--ink);
}

.intelligence-hero,
.hosted-hero {
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.life-section {
  background: var(--paper);
}

.life-line {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
}

.edition-section {
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.edition-grid,
.plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.edition-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.next-section {
  padding: var(--space-7) 0;
  background: var(--paper);
}

.next-panel {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
  max-width: 760px;
}

.home-wrap {
  width: min(calc(100% - 40px), 1320px);
  margin-inline: auto;
}

.home-section {
  position: relative;
  overflow: hidden;
}

.home-hero {
  min-height: 720px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-7);
  background: var(--brand-surface);
}

.home-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 0 48%;
  background: var(--brand-midnight);
  clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.home-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(520px, 0.6fr);
  gap: var(--space-7);
  align-items: center;
}

.home-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.home-copy h1 {
  font-size: clamp(48px, 5.4vw, 68px);
  line-height: 0.98;
}

.home-copy p {
  max-width: 500px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.58;
}

.home-copy .home-lead {
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 24px;
  line-height: 1.2;
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
}

.home-light-button {
  border-color: var(--line);
  background: rgba(var(--brand-surface-rgb), 0.72);
  color: var(--ink);
}

.home-hero-visual {
  position: relative;
  min-height: 560px;
  border-radius: 28px;
}

.home-hero-visual > img {
  width: 100%;
  height: 560px;
  display: block;
  border-radius: 28px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.hero-phone-dock {
  position: absolute;
  right: clamp(12px, 3vw, 36px);
  bottom: -28px;
  padding: var(--space-3);
  border-radius: 38px;
  background: rgba(var(--brand-midnight-rgb), 0.24);
  backdrop-filter: blur(8px);
}

.human-truth,
.home-trust {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.home-split,
.trust-home-grid,
.signature-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.42fr) minmax(420px, 0.58fr);
  gap: var(--space-8);
  align-items: center;
}

.home-split h2,
.trust-home-grid h2,
.centered-copy h2,
.signature-copy h2,
.final-home-panel h2 {
  font-size: clamp(36px, 4vw, 48px);
}

.home-split p,
.trust-home-grid p,
.centered-copy p,
.final-home-panel p {
  margin-top: var(--space-3);
  color: var(--muted);
  font-size: 17px;
  line-height: 1.58;
}

.perspective-mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, 214px);
  gap: var(--space-3);
}

.tile-large {
  grid-column: span 2;
}

.comes-together {
  padding: var(--space-7) 0;
  background: var(--brand-surface-soft);
}

.centered-copy {
  max-width: 820px;
  text-align: center;
}

.phone-sequence {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-7);
  align-items: end;
}

.story-path {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-7);
}

.story-path div {
  min-height: 190px;
  display: grid;
  align-content: space-between;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 14px 44px rgba(var(--brand-midnight-rgb), 0.06);
}

.story-path span {
  display: block;
  width: 36px;
  height: 4px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
}

.story-path strong {
  font-family: var(--font-editorial);
  font-size: 23px;
  font-weight: 400;
  line-height: 1.1;
}

.product-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
  align-items: start;
}

.flow-line {
  position: absolute;
  left: 14%;
  right: 14%;
  top: 220px;
  height: 2px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
  opacity: 0.55;
}

.flow-stage {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-3);
  justify-items: center;
  text-align: center;
}

.flow-stage:nth-child(3) {
  margin-top: 34px;
}

.flow-copy {
  display: grid;
  gap: 6px;
  max-width: 280px;
}

.flow-copy span {
  color: var(--brand-pink);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.flow-copy strong {
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.32;
}

.signature-story {
  min-height: 840px;
  display: flex;
  align-items: center;
  padding: var(--space-7) 0;
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.signature-grid {
  grid-template-columns: minmax(0, 0.32fr) minmax(580px, 0.68fr);
}

.signature-copy {
  display: grid;
  gap: var(--space-3);
  align-content: center;
}

.signature-copy p:last-child {
  color: var(--muted-light);
  font-size: 22px;
}

.story-reel {
  display: grid;
  grid-template-columns: 0.8fr 1.1fr;
  gap: var(--space-4);
  align-items: center;
}

.story-unfold {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 174px;
  gap: var(--space-4);
  align-items: stretch;
}

.story-moment-flow {
  margin: 0;
}

.story-moment-flow.is-final {
  grid-column: 3 / 5;
  grid-row: span 2;
}

.final-cta-visual {
  justify-self: end;
  align-self: center;
}

.final-cta-phone {
  width: 190px;
  height: 398px;
  min-height: 398px;
}

.final-cta-phone .phone-hardware,
.final-cta-phone .phone-screen {
  height: 100%;
  min-height: 0;
}

.home-intelligence {
  padding: var(--space-8) 0;
  background: var(--warm-white);
}

.capability-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.intelligence-story {
  display: grid;
  grid-template-columns: minmax(0, 0.38fr) minmax(520px, 0.62fr);
  gap: var(--space-8);
  align-items: center;
}

.intelligence-visual {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: var(--space-5);
  align-items: center;
}

.intelligence-thread {
  display: grid;
  gap: var(--space-3);
}

.trust-home-grid {
  grid-template-columns: minmax(420px, 0.56fr) minmax(0, 0.44fr);
}

.trust-photo img {
  width: 100%;
  height: 420px;
  display: block;
  border-radius: 28px;
  object-fit: cover;
  object-position: 32% center;
  box-shadow: var(--shadow-soft);
}

.final-home-cta {
  padding: var(--space-6) 0;
  background: var(--paper);
}

.final-home-panel {
  position: relative;
  display: grid;
  gap: var(--space-4);
  justify-items: start;
  border-radius: 32px;
  background: var(--brand-midnight);
  color: var(--warm-white);
  padding: var(--space-6);
  box-shadow: var(--shadow-soft);
}

.final-home-panel p {
  color: var(--muted-light);
}

.how-hero {
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--paper);
}

.how-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.42fr) minmax(540px, 0.58fr);
  gap: var(--space-8);
  align-items: center;
}

.how-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.how-copy h1,
.how-copy h2 {
  max-width: 640px;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 0.98;
}

.how-copy h2 {
  font-size: clamp(36px, 4.2vw, 54px);
}

.how-copy p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.how-hero-visual {
  position: relative;
  min-height: 590px;
}

.how-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.how-hero-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.how-hero-phone .phone-hardware {
  min-height: 464px;
}

.how-hero-phone .phone-screen {
  min-height: 430px;
}

.how-step {
  padding: var(--space-9) 0;
}

.how-step.is-soft {
  background: var(--brand-surface-soft);
}

.how-step.is-paper {
  background: var(--paper);
}

.how-step-grid,
.how-finish-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.48fr) minmax(420px, 0.52fr);
  gap: var(--space-8);
  align-items: center;
}

.how-step.is-reversed .how-copy {
  order: 2;
}

.how-step.is-reversed .how-phone-stage {
  order: 1;
}

.how-phone-stage {
  position: relative;
  display: grid;
  justify-items: center;
}

.how-phone-stage::before {
  content: "";
  position: absolute;
  inset: 12% 6% 10%;
  border-radius: 36px;
  background: rgba(var(--brand-midnight-rgb), 0.05);
  transform: rotate(-3deg);
}

.how-phone {
  width: min(284px, 100%);
  min-height: 568px;
}

.how-phone .phone-hardware {
  min-height: 568px;
}

.how-phone .phone-screen {
  min-height: 534px;
}

.how-phone-create {
  transform: rotate(-1.5deg);
}

.how-phone-invite {
  transform: rotate(1.2deg);
}

.how-phone-upload {
  transform: rotate(-0.8deg);
}

.how-phone-timeline {
  transform: rotate(1deg);
}

.how-finish {
  padding: var(--space-9) 0;
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.how-finish .how-copy {
  color: var(--warm-white);
}

.how-finish .how-copy p {
  color: var(--muted-light);
}

.how-finish .button-secondary {
  border-color: rgba(var(--brand-surface-rgb), 0.24);
  background: rgba(var(--brand-surface-rgb), 0.08);
  color: var(--warm-white);
}

.stories-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--paper);
}

.stories-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.36fr) minmax(560px, 0.64fr);
  gap: var(--space-8);
  align-items: center;
}

.stories-copy {
  display: grid;
  gap: var(--space-2);
  color: var(--ink);
}

.stories-copy h1,
.stories-copy h2,
.stories-section-heading h2,
.stories-final-panel h2 {
  max-width: 760px;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 0.98;
}

.stories-copy h2,
.stories-section-heading h2,
.stories-final-panel h2 {
  font-size: clamp(36px, 4.3vw, 54px);
}

.stories-copy p,
.stories-section-heading p,
.stories-final-panel p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.stories-collage {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: 260px 210px;
  gap: var(--space-3);
}

.stories-collage img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 26px;
  object-fit: cover;
  box-shadow: 0 20px 60px rgba(var(--brand-midnight-rgb), 0.12);
}

.stories-collage .collage-main {
  grid-row: span 2;
}

.signature-stories-page,
.life-stages-section,
.story-editions-preview {
  padding: var(--space-9) 0;
  background: var(--brand-surface-soft);
}

.signature-stories-page,
.story-editions-preview {
  background: var(--paper);
}

.stories-section-heading {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.signature-story-cards {
  display: grid;
  gap: var(--space-5);
}

.signature-story-card {
  display: grid;
  grid-template-columns: minmax(420px, 0.5fr) minmax(0, 0.28fr) minmax(280px, 0.22fr);
  gap: var(--space-4);
  align-items: stretch;
  border-top: 1px solid var(--line);
  padding-top: var(--space-5);
}

.signature-story-card.is-open {
  border-top: 0;
  padding-top: 0;
}

.signature-story-image img,
.signature-sequence img,
.life-stage-grid img,
.multi-perspective-composition img,
.edition-preview-grid img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.signature-story-image img {
  height: 430px;
  border-radius: 28px;
  box-shadow: var(--shadow-soft);
}

.signature-story-text {
  display: grid;
  align-content: center;
  gap: var(--space-3);
}

.signature-story-text h3 {
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1;
}

.signature-story-text p:last-child {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.48;
}

.signature-sequence {
  display: grid;
  gap: var(--space-3);
}

.signature-sequence figure,
.life-stage-grid figure {
  position: relative;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--brand-midnight);
}

.signature-sequence img {
  height: 130px;
}

.signature-sequence figcaption,
.life-stage-grid figcaption {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  color: var(--brand-surface);
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 1px 10px rgba(var(--brand-midnight-rgb), 0.72);
}

.life-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
}

.life-stage-grid figure:nth-child(6n + 1),
.life-stage-grid figure:nth-child(6n + 4) {
  grid-column: span 2;
}

.life-stage-grid img {
  height: 210px;
}

.story-was-there {
  padding: var(--space-9) 0;
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.story-was-there .stories-copy {
  color: var(--warm-white);
}

.story-was-there .stories-copy p {
  color: var(--muted-light);
}

.story-was-there-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.34fr) minmax(560px, 0.66fr);
  gap: var(--space-8);
  align-items: center;
}

.multi-perspective-composition {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 210px;
  gap: var(--space-3);
}

.multi-perspective-composition img {
  height: 100%;
  border-radius: 24px;
}

.multi-perspective-composition img:last-child {
  grid-column: span 2;
  grid-row: span 2;
}

.why-stories-matter {
  padding: var(--space-8) 0;
  background: var(--paper);
  text-align: center;
}

.why-stories-matter .home-wrap {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
}

.why-stories-matter h2 {
  font-size: clamp(42px, 5vw, 60px);
  line-height: 0.98;
}

.why-stories-matter p {
  max-width: 560px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.5;
}

.edition-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.edition-preview-grid article {
  display: grid;
  gap: var(--space-3);
}

.edition-preview-grid img {
  height: 340px;
  border-radius: 26px;
}

.edition-preview-grid h3 {
  font-size: 30px;
  line-height: 1;
}

.edition-preview-grid p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.stories-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.stories-final-panel {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
  border-radius: 32px;
  background: var(--brand-midnight);
  color: var(--warm-white);
  padding: var(--space-7);
  box-shadow: var(--shadow-soft);
}

.stories-final-panel p {
  color: var(--muted-light);
}

.trust-page-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--paper);
}

.trust-page-hero-grid,
.trust-two-column,
.trust-finalised-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.38fr) minmax(560px, 0.62fr);
  gap: var(--space-8);
  align-items: center;
}

.trust-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.trust-copy h1,
.trust-copy h2,
.trust-statement-panel h2 {
  max-width: 760px;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 0.98;
}

.trust-copy h2,
.trust-statement-panel h2 {
  font-size: clamp(36px, 4.2vw, 54px);
}

.trust-copy p,
.trust-statement-panel p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.trust-hero-visual {
  position: relative;
  min-height: 590px;
}

.trust-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.trust-hero-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.trust-hero-phone .phone-hardware {
  min-height: 464px;
}

.trust-hero-phone .phone-screen {
  min-height: 430px;
}

.trust-private-section,
.trust-ownership-section,
.trust-family-section,
.trust-control-section,
.trust-finalised-section,
.trust-no-ads-section,
.trust-final-cta {
  padding: var(--space-9) 0;
}

.trust-private-section,
.trust-family-section,
.trust-control-section {
  background: var(--brand-surface-soft);
}

.trust-ownership-section,
.trust-finalised-section,
.trust-final-cta {
  background: var(--paper);
}

.trust-two-column {
  grid-template-columns: minmax(0, 0.46fr) minmax(420px, 0.54fr);
}

.trust-two-column.is-reversed .trust-copy {
  order: 2;
}

.trust-two-column.is-reversed .trust-phone-stage {
  order: 1;
}

.trust-phone-stage {
  position: relative;
  display: grid;
  justify-items: center;
}

.trust-phone-stage::before {
  content: "";
  position: absolute;
  inset: 11% 6% 9%;
  border-radius: 36px;
  background: rgba(var(--brand-midnight-rgb), 0.05);
  transform: rotate(-3deg);
}

.trust-phone {
  width: min(284px, 100%);
  min-height: 568px;
}

.trust-phone .phone-hardware {
  min-height: 568px;
}

.trust-phone .phone-screen {
  min-height: 534px;
}

.trust-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
}

.trust-card-grid article {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  border-radius: 24px;
  background: var(--paper);
  padding: var(--space-3);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.07);
}

.trust-card-grid h3 {
  font-size: 22px;
  line-height: 1.05;
}

.trust-card-grid p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.trust-mini-phone {
  width: 134px;
  min-height: 268px;
  border-radius: 30px;
  padding: 4px;
}

.trust-mini-phone .phone-hardware {
  min-height: 268px;
  border-radius: 27px;
  padding: 5px;
}

.trust-mini-phone .phone-screen {
  min-height: 246px;
  border-radius: 22px;
  padding: 32px 7px 7px;
}

.trust-mini-phone .dynamic-island {
  top: 11px;
  width: 40px;
  height: 12px;
}

.trust-mini-phone .phone-rail {
  display: none;
}

.trust-mini-phone .app-nav,
.trust-mini-phone .trust-toggle-card {
  font-size: 7px;
}

.trust-mini-phone .trust-toggle-card {
  padding: 6px;
}

.trust-mini-phone .trust-toggle-card span,
.trust-mini-phone .trust-toggle-card strong {
  font-size: 6px;
}

.story-state-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.story-state-path div {
  min-height: 180px;
  display: grid;
  align-content: space-between;
  border-radius: 24px;
  background: var(--brand-surface-soft);
  padding: var(--space-4);
}

.story-state-path span {
  width: 36px;
  height: 4px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
}

.story-state-path strong {
  font-size: 28px;
  line-height: 1;
}

.trust-family-photo {
  position: relative;
  min-height: 560px;
}

.trust-family-photo > img {
  width: 100%;
  height: 560px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.trust-family-phone {
  position: absolute;
  right: clamp(16px, 4vw, 46px);
  bottom: -36px;
  width: 214px;
  min-height: 428px;
}

.trust-family-phone .phone-hardware {
  min-height: 428px;
}

.trust-family-phone .phone-screen {
  min-height: 394px;
}

.trust-no-ads-section {
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.trust-statement-panel {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
}

.trust-statement-panel h2 {
  color: var(--warm-white);
}

.trust-statement-panel p {
  color: var(--muted-light);
}

.trust-statement-panel > div {
  margin-top: var(--space-4);
  border-left: 3px solid var(--brand-pink);
  padding-left: var(--space-4);
}

.trust-statement-panel > div p {
  color: var(--brand-surface);
  font-family: var(--font-editorial);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.08;
}

.intelligence-page-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--paper);
}

.intelligence-page-grid,
.intelligence-unforgettable-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.38fr) minmax(560px, 0.62fr);
  gap: var(--space-8);
  align-items: center;
}

.intelligence-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.intelligence-copy h1,
.intelligence-copy h2 {
  max-width: 760px;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 0.98;
}

.intelligence-copy h2 {
  font-size: clamp(36px, 4.2vw, 54px);
}

.intelligence-copy p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.intelligence-hero-visual {
  position: relative;
  min-height: 590px;
}

.intelligence-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.intelligence-page-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.intelligence-page-phone .phone-hardware {
  min-height: 464px;
}

.intelligence-page-phone .phone-screen {
  min-height: 430px;
}

.intelligence-stitching,
.intelligence-hidden,
.intelligence-chapters,
.intelligence-suggestions,
.intelligence-inventions,
.intelligence-philosophy,
.intelligence-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.intelligence-stitching,
.intelligence-chapters {
  background: var(--brand-surface-soft);
}

.stitching-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: start;
}

.stitching-comparison article {
  display: grid;
  gap: var(--space-3);
  justify-items: center;
  border-radius: 26px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.07);
}

.intelligence-phone-stage {
  display: grid;
  justify-items: center;
}

.intelligence-small-phone {
  width: 214px;
  min-height: 428px;
}

.intelligence-small-phone .phone-hardware {
  min-height: 428px;
}

.intelligence-small-phone .phone-screen {
  min-height: 394px;
}

.intelligence-hidden-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.intelligence-hidden-grid figure {
  position: relative;
  min-height: 210px;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: var(--brand-midnight);
}

.intelligence-hidden-grid figure:last-child {
  grid-column: span 2;
}

.intelligence-hidden-grid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.intelligence-hidden-grid figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  color: var(--brand-surface);
  font-size: 14px;
  font-weight: 500;
  text-shadow: 0 1px 10px rgba(var(--brand-midnight-rgb), 0.72);
}

.intelligence-unforgettable {
  padding: var(--space-9) 0;
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.intelligence-unforgettable .intelligence-copy {
  color: var(--warm-white);
}

.intelligence-unforgettable .intelligence-copy p {
  color: var(--muted-light);
}

.unforgettable-photo-stack {
  display: grid;
  grid-template-columns: 1fr 0.58fr;
  gap: var(--space-4);
  align-items: end;
}

.unforgettable-photo-stack img {
  width: 100%;
  height: 520px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: 0 28px 80px rgba(var(--brand-midnight-rgb), 0.28);
}

.unforgettable-photo-stack img:last-child {
  height: 310px;
}

.intelligence-chapters .intelligence-page-phone,
.intelligence-suggestions .intelligence-page-phone {
  position: relative;
  right: auto;
  bottom: auto;
}

.intelligence-inventions {
  background: var(--brand-surface-soft);
}

.intelligence-invention-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: start;
}

.intelligence-invention-grid article {
  display: grid;
  gap: var(--space-3);
  justify-items: center;
  border-radius: 26px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.07);
}

.intelligence-invention-grid h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.08;
}

.intelligence-invention-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.intelligence-invention-phone {
  width: 178px;
  min-height: 356px;
}

.intelligence-invention-phone .phone-hardware {
  min-height: 356px;
}

.intelligence-invention-phone .phone-screen {
  min-height: 322px;
  padding-inline: 10px;
}

.intelligence-philosophy {
  background: var(--brand-midnight);
  color: var(--warm-white);
  text-align: center;
}

.intelligence-philosophy .home-wrap {
  max-width: 860px;
}

.intelligence-philosophy h2 {
  color: var(--warm-white);
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 1.02;
}

.intelligence-philosophy p {
  margin: var(--space-3) auto 0;
  color: var(--muted-light);
  font-size: 20px;
  line-height: 1.45;
}

.your-story-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-surface);
}

.your-story-hero-grid,
.your-story-section-grid,
.your-story-remembering-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(560px, 0.6fr);
  gap: var(--space-8);
  align-items: center;
}

.your-story-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.your-story-copy h1,
.your-story-copy h2 {
  max-width: 780px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
}

.your-story-copy h2 {
  font-size: clamp(36px, 4.3vw, 56px);
}

.your-story-copy p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.your-story-hero-visual,
.your-story-remembering-photo {
  position: relative;
  min-height: 600px;
}

.your-story-hero-visual > img,
.your-story-remembering-photo > img {
  width: 100%;
  height: 600px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.your-story-page-phone,
.your-story-memory-phone {
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.your-story-hero-visual > .your-story-page-phone,
.your-story-remembering-photo > .your-story-memory-phone {
  position: absolute;
}

.your-story-page-phone .phone-hardware,
.your-story-memory-phone .phone-hardware {
  min-height: 464px;
}

.your-story-page-phone .phone-screen,
.your-story-memory-phone .phone-screen {
  min-height: 430px;
}

.your-story-chapters,
.your-story-people,
.your-story-places,
.your-story-traditions,
.your-story-remembering,
.your-story-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.your-story-chapters,
.your-story-places {
  background: var(--brand-surface-soft);
}

.your-story-traditions {
  background: var(--brand-midnight);
}

.your-story-traditions .your-story-copy {
  color: var(--warm-white);
}

.your-story-traditions .your-story-copy p {
  color: var(--muted-light);
}

.your-story-section-grid.is-reversed .your-story-copy {
  order: 2;
}

.your-story-section-grid.is-reversed .your-story-phone-stage {
  order: 1;
}

.your-story-phone-stage {
  display: grid;
  justify-items: center;
}

.your-story-phone {
  width: 244px;
  min-height: 488px;
}

.your-story-phone .phone-hardware {
  min-height: 488px;
}

.your-story-phone .phone-screen {
  min-height: 454px;
}

.your-story-remembering {
  background: linear-gradient(180deg, var(--brand-surface-soft), var(--paper));
}

.your-story-final-cta {
  background: var(--paper);
}

.edition-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-surface);
}

.edition-hero-grid,
.edition-section-grid,
.edition-book-grid,
.edition-box-grid,
.edition-wall-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.38fr) minmax(560px, 0.62fr);
  gap: var(--space-8);
  align-items: center;
}

.edition-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.edition-copy h1,
.edition-copy h2 {
  max-width: 780px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
}

.edition-copy h2 {
  font-size: clamp(36px, 4.3vw, 56px);
}

.edition-copy p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.edition-hero-visual img,
.edition-box-photo img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.edition-digital,
.edition-printed,
.edition-certificate-section,
.edition-story-box,
.edition-appendix,
.edition-wall,
.edition-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.edition-digital,
.edition-certificate-section,
.edition-appendix {
  background: var(--brand-surface-soft);
}

.edition-section-grid.is-reversed .edition-copy {
  order: 2;
}

.edition-section-grid.is-reversed > :last-child {
  order: 1;
}

.edition-phone-stage {
  display: grid;
  justify-items: center;
}

.edition-page-phone {
  width: 246px;
  min-height: 492px;
}

.edition-page-phone .phone-hardware {
  min-height: 492px;
}

.edition-page-phone .phone-screen {
  min-height: 458px;
}

.edition-book-scene {
  position: relative;
  min-height: 560px;
}

.linen-book {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: min(640px, 100%);
  min-height: 430px;
  border: 1px solid rgba(var(--brand-midnight-rgb), 0.08);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(var(--brand-neutral-rgb), 0.44), rgba(var(--brand-surface-rgb), 0.9)),
    var(--brand-surface);
  padding: 22px;
  box-shadow: var(--shadow-soft);
}

.linen-book div {
  overflow: hidden;
  border-radius: 20px;
  background: var(--brand-surface);
  padding: 12px;
  box-shadow: inset 0 0 0 1px rgba(var(--brand-midnight-rgb), 0.08);
}

.linen-book img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  border-radius: 12px;
  object-fit: cover;
}

.edition-book-phone {
  position: absolute;
  right: 8%;
  bottom: 0;
  width: 204px;
  min-height: 408px;
}

.edition-book-phone .phone-hardware {
  min-height: 408px;
}

.edition-book-phone .phone-screen {
  min-height: 374px;
}

.large-certificate {
  border-radius: 30px;
  padding: var(--space-6);
}

.edition-story-box {
  background: var(--brand-midnight);
  color: var(--warm-white);
}

.edition-story-box .edition-copy {
  color: var(--warm-white);
}

.edition-story-box .edition-copy p {
  color: var(--muted-light);
}

.edition-box-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(var(--brand-surface-rgb), 0.14);
  border-radius: 18px;
  background: rgba(var(--brand-surface-rgb), 0.14);
}

.edition-box-list span {
  background: rgba(var(--brand-surface-rgb), 0.06);
  color: rgba(var(--brand-surface-rgb), 0.86);
  padding: 14px 16px;
  font-size: 15px;
}

.edition-box-photo img {
  height: 640px;
}

.appendix-composition {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.appendix-composition article {
  display: grid;
  align-content: space-between;
  min-height: 180px;
  border-radius: 24px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.07);
}

.appendix-composition strong {
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.05;
}

.appendix-composition span {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

.wall-gallery {
  display: grid;
  grid-template-columns: 1fr 0.78fr;
  grid-template-rows: 280px 260px;
  gap: var(--space-3);
}

.wall-gallery figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 12px solid var(--brand-surface);
  border-radius: 14px;
  background: var(--brand-surface);
  box-shadow: var(--shadow-soft);
}

.wall-gallery figure:first-child {
  grid-row: span 2;
}

.wall-gallery img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wall-gallery figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  border-radius: 999px;
  background: rgba(var(--brand-midnight-rgb), 0.72);
  color: var(--brand-surface);
  padding: 7px 11px;
  font-size: 12px;
}

.commitment-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-surface);
}

.commitment-hero-grid,
.commitment-section-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(560px, 0.6fr);
  gap: var(--space-8);
  align-items: center;
}

.commitment-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.commitment-copy h1,
.commitment-copy h2 {
  max-width: 780px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
}

.commitment-copy h2 {
  font-size: clamp(36px, 4.3vw, 56px);
}

.commitment-copy p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.commitment-hero-visual {
  position: relative;
  min-height: 590px;
}

.commitment-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.commitment-hero-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.commitment-hero-phone .phone-hardware {
  min-height: 464px;
}

.commitment-hero-phone .phone-screen {
  min-height: 430px;
}

.commitment-many-people,
.commitment-plans,
.commitment-never-changes,
.commitment-professional,
.commitment-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.commitment-many-people,
.commitment-never-changes {
  background: var(--brand-surface-soft);
}

.participation-principle,
.professional-panel {
  display: grid;
  gap: var(--space-3);
  border-radius: 30px;
  background: var(--brand-midnight);
  color: var(--warm-white);
  padding: var(--space-6);
  box-shadow: var(--shadow-soft);
}

.participation-principle strong,
.professional-panel strong {
  max-width: 620px;
  font-family: var(--font-editorial);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 400;
  line-height: 1;
}

.participation-principle span,
.professional-panel span {
  max-width: 520px;
  color: var(--muted-light);
  font-size: 19px;
  line-height: 1.45;
}

.commitment-turning-point {
  padding: var(--space-10) 0;
  background: var(--brand-midnight);
  color: var(--warm-white);
  text-align: center;
}

.commitment-turning-point .home-wrap {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
}

.commitment-turning-point h2 {
  max-width: 920px;
  color: var(--warm-white);
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.98;
}

.commitment-turning-point p {
  max-width: 680px;
  margin: 0;
  color: var(--muted-light);
  font-size: 22px;
  line-height: 1.45;
}

.commitment-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: stretch;
}

.commitment-plan-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--space-4);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--brand-surface);
  padding: var(--space-5);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.06);
}

.commitment-plan-card.is-featured {
  border-color: rgba(var(--brand-pink-rgb), 0.34);
  box-shadow: 0 28px 80px rgba(var(--brand-midnight-rgb), 0.13);
}

.commitment-plan-card h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 400;
  line-height: 1.02;
}

.commitment-plan-card p {
  margin: var(--space-2) 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
}

.plan-pricing {
  display: grid;
  gap: 8px;
}

.plan-price-line {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 8px;
  align-items: baseline;
  border: 1px solid rgba(var(--brand-midnight-rgb), 0.1);
  border-radius: 16px;
  background: rgba(var(--brand-midnight-rgb), 0.025);
  padding: 12px 14px;
}

.plan-price-line strong {
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 400;
  line-height: 1;
}

.plan-price-line span {
  color: var(--muted);
  font-size: 13px;
}

.plan-price-line em {
  grid-column: 1 / -1;
  color: var(--brand-pink);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.plan-price-line.is-featured {
  border-color: rgba(var(--brand-pink-rgb), 0.22);
  background: rgba(var(--brand-pink-rgb), 0.045);
}

.commitment-plan-card ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.commitment-plan-card li {
  position: relative;
  color: rgba(var(--brand-slate-rgb), 0.78);
  font-size: 15px;
  line-height: 1.42;
  padding-left: 18px;
}

.commitment-plan-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
}

.reassurance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.reassurance-grid article {
  display: grid;
  gap: var(--space-2);
  border-radius: 22px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.06);
}

.reassurance-grid h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.05;
}

.reassurance-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.professional-panel {
  align-content: center;
  justify-items: start;
  min-height: 420px;
}

.hosted-price {
  width: min(100%, 360px);
}

.professional-panel .plan-price-line {
  border-color: rgba(var(--brand-surface-rgb), 0.18);
  background: rgba(var(--brand-surface-rgb), 0.07);
}

.professional-panel .plan-price-line strong {
  color: var(--brand-surface);
}

.professional-panel .plan-price-line span {
  color: var(--muted-light);
}

.hosted-page-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-surface);
}

.hosted-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(560px, 0.6fr);
  gap: var(--space-8);
  align-items: center;
}

.hosted-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.hosted-copy h1,
.hosted-copy h2 {
  max-width: 780px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
}

.hosted-copy h2 {
  font-size: clamp(36px, 4.3vw, 56px);
}

.hosted-copy p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.hosted-hero-visual {
  position: relative;
  min-height: 590px;
}

.hosted-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.hosted-hero-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.hosted-hero-phone .phone-hardware {
  min-height: 464px;
}

.hosted-hero-phone .phone-screen {
  min-height: 430px;
}

.hosted-principle,
.hosted-how,
.hosted-use-cases,
.hosted-participants,
.hosted-privacy,
.hosted-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.hosted-how,
.hosted-privacy {
  background: var(--brand-surface-soft);
}

.hosted-principle {
  background: var(--brand-midnight);
  color: var(--warm-white);
  text-align: center;
}

.hosted-principle-panel {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
}

.hosted-principle h2 {
  max-width: 920px;
  color: var(--warm-white);
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.98;
}

.hosted-principle p {
  max-width: 760px;
  margin: 0;
  color: var(--muted-light);
  font-size: 21px;
  line-height: 1.45;
}

.hosted-steps-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
}

.hosted-steps-grid article {
  min-height: 210px;
  display: grid;
  align-content: space-between;
  border-radius: 22px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.06);
}

.hosted-steps-grid span {
  width: 38px;
  height: 4px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
}

.hosted-steps-grid h3,
.hosted-example-list h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.04;
}

.hosted-steps-grid p,
.hosted-example-list p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.hosted-example-list {
  display: grid;
  gap: var(--space-3);
}

.hosted-example-list article {
  display: grid;
  gap: var(--space-2);
  border-left: 3px solid var(--brand-pink);
  border-radius: 0 18px 18px 0;
  background: var(--brand-surface-soft);
  padding: var(--space-3) var(--space-4);
}

.hosted-journey-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.hosted-journey-card {
  position: relative;
  min-height: 420px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  background: var(--brand-midnight);
  box-shadow: 0 18px 52px rgba(var(--brand-midnight-rgb), 0.11);
}

.hosted-journey-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(var(--brand-midnight-rgb), 0.72), rgba(var(--brand-midnight-rgb), 0.28) 48%, rgba(var(--brand-midnight-rgb), 0.04)),
    linear-gradient(180deg, rgba(var(--brand-midnight-rgb), 0.02), rgba(var(--brand-midnight-rgb), 0.78));
  pointer-events: none;
}

.hosted-journey-card:nth-child(2)::after,
.hosted-journey-card:nth-child(5)::after {
  background:
    linear-gradient(90deg, rgba(var(--brand-midnight-rgb), 0.66), rgba(var(--brand-midnight-rgb), 0.2) 50%, rgba(var(--brand-midnight-rgb), 0.08)),
    linear-gradient(180deg, rgba(var(--brand-midnight-rgb), 0.04), rgba(var(--brand-midnight-rgb), 0.82));
}

.hosted-journey-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
}

.hosted-journey-copy {
  position: absolute;
  left: clamp(22px, 3vw, 34px);
  bottom: clamp(20px, 3vw, 32px);
  z-index: 3;
  width: min(58%, 260px);
  display: grid;
  gap: 8px;
  color: var(--brand-surface);
}

.hosted-journey-card h3 {
  margin: 0;
  color: var(--brand-surface);
  font-family: var(--font-editorial);
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: 400;
  line-height: 1.02;
  text-shadow: 0 2px 16px rgba(var(--brand-midnight-rgb), 0.72);
}

.hosted-journey-card p {
  margin: 0;
  color: rgba(var(--brand-surface-rgb), 0.9);
  font-size: 13px;
  line-height: 1.34;
  text-shadow: 0 1px 12px rgba(var(--brand-midnight-rgb), 0.72);
}

.hosted-journey-mark {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(var(--brand-surface-rgb), 0.86);
  border-radius: 9px;
  background:
    linear-gradient(var(--brand-midnight), var(--brand-midnight)) padding-box,
    var(--brand-gradient-horizontal) border-box;
  box-shadow: 0 8px 22px rgba(var(--brand-midnight-rgb), 0.26);
  opacity: 0.92;
}

.hosted-journey-phone {
  position: absolute;
  right: clamp(14px, 2vw, 24px);
  top: 50%;
  z-index: 4;
  width: 116px;
  min-height: 232px;
  transform: translateY(-50%);
  box-shadow:
    inset 0 0 0 1px rgba(var(--brand-surface-rgb), 0.62),
    0 20px 46px rgba(var(--brand-midnight-rgb), 0.38);
}

.hosted-journey-phone .phone-hardware {
  min-height: 232px;
}

.hosted-journey-phone .phone-screen {
  min-height: 200px;
}

.hosted-card-phone-ui {
  gap: 5px;
  padding-bottom: 28px;
}

.hosted-card-phone-ui .app-nav {
  min-height: 20px;
  padding-bottom: 4px;
  font-size: 7px;
}

.hosted-card-phone-ui .app-nav strong {
  max-width: 64px;
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hosted-card-phone-ui .completed-cover {
  min-height: 68px;
  border-radius: 13px;
}

.hosted-card-phone-ui .completed-cover strong {
  font-size: 11px;
}

.hosted-card-phone-ui .completed-cover span {
  font-size: 7px;
}

.hosted-card-phone-list {
  gap: 4px;
}

.hosted-card-phone-list article {
  grid-template-columns: 22px 1fr;
  gap: 5px;
  border-radius: 10px;
  padding: 4px;
}

.hosted-card-phone-list img {
  width: 22px;
  height: 22px;
  border-radius: 7px;
}

.hosted-card-phone-list strong {
  font-size: 7px;
}

.hosted-card-phone-list span {
  font-size: 6px;
}

.hosted-card-phone-list article div::after {
  display: none;
}

.hosted-card-phone-ui::after {
  min-height: 22px;
  font-size: 5px;
}

.hosted-card-phone-ui::before {
  width: 40px;
}

.hosted-journey-note {
  width: min(calc(100% - 40px), 980px);
  margin: var(--space-5) auto 0;
  color: var(--muted);
  font-size: 16px;
  text-align: center;
}

.hosted-groups-summary {
  padding-top: 0;
}

.hosted-page-grid.is-reversed .hosted-copy {
  order: 2;
}

.hosted-page-grid.is-reversed .hosted-phone-stage {
  order: 1;
}

.hosted-phone-stage {
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  align-items: center;
}

.hosted-page-phone {
  width: 218px;
  min-height: 436px;
}

.hosted-page-phone .phone-hardware {
  min-height: 436px;
}

.hosted-page-phone .phone-screen {
  min-height: 402px;
}

.hosted-page-phone-secondary {
  transform: translateY(44px);
}

.get-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
  background: var(--brand-surface);
}

.get-hero-grid,
.get-invitation-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(560px, 0.6fr);
  gap: var(--space-8);
  align-items: center;
}

.get-copy {
  display: grid;
  gap: var(--space-3);
  color: var(--ink);
}

.get-copy h1,
.get-copy h2 {
  max-width: 780px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
}

.get-copy h2 {
  font-size: clamp(36px, 4.3vw, 56px);
}

.get-copy p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.52;
}

.get-hero-visual {
  position: relative;
  min-height: 590px;
}

.get-hero-visual > img {
  width: 100%;
  height: 590px;
  display: block;
  border-radius: 30px;
  object-fit: cover;
  box-shadow: var(--shadow-soft);
}

.get-hero-phone {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: -34px;
  width: 232px;
  min-height: 464px;
}

.get-hero-phone .phone-hardware {
  min-height: 464px;
}

.get-hero-phone .phone-screen {
  min-height: 430px;
}

.get-launch-status,
.get-path,
.get-invitation,
.get-respect,
.get-final-cta {
  padding: var(--space-8) 0;
  background: var(--paper);
}

.get-path,
.get-respect {
  background: var(--brand-surface-soft);
}

.get-status-panel {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  border-radius: 32px;
  background: var(--brand-midnight);
  color: var(--warm-white);
  padding: var(--space-7);
  text-align: center;
  box-shadow: var(--shadow-soft);
}

.get-status-panel h2 {
  max-width: 820px;
  color: var(--warm-white);
  font-size: clamp(38px, 5vw, 66px);
  line-height: 0.98;
}

.get-status-panel p {
  max-width: 720px;
  margin: 0;
  color: var(--muted-light);
  font-size: 19px;
  line-height: 1.5;
}

.get-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.get-path-grid article {
  min-height: 220px;
  display: grid;
  align-content: space-between;
  border-radius: 22px;
  background: var(--paper);
  padding: var(--space-4);
  box-shadow: 0 16px 46px rgba(var(--brand-midnight-rgb), 0.06);
}

.get-path-grid span {
  width: 38px;
  height: 4px;
  border-radius: 999px;
  background: var(--brand-gradient-horizontal);
}

.get-path-grid h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.04;
}

.get-path-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.early-access-card {
  display: grid;
  gap: var(--space-3);
  border-radius: 30px;
  background: var(--brand-surface-soft);
  padding: var(--space-5);
  box-shadow: var(--shadow-soft);
}

.early-access-card strong {
  color: var(--ink);
  font-family: var(--font-editorial);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 400;
  line-height: 1;
}

.early-access-card span {
  border: 1px solid rgba(var(--brand-midnight-rgb), 0.1);
  border-radius: 14px;
  background: var(--paper);
  color: var(--muted);
  padding: 14px 16px;
  font-size: 15px;
}

.hero-section {
  min-height: 720px;
  display: flex;
  align-items: center;
  background: var(--brand-midnight);
  color: var(--warm-white);
  padding: calc(var(--space-8) + 72px) 0 var(--space-8);
}

.hero-grid,
.section-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.74fr);
  gap: var(--space-7);
  align-items: center;
}

.hero-copy {
  display: grid;
  gap: var(--space-4);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.section {
  padding: var(--space-9) 0;
}

.section-grid {
  align-items: start;
}

.section-grid > div:first-child {
  display: grid;
  gap: var(--space-3);
}

.soft-band {
  background: var(--mist);
}

.cta-section {
  padding: var(--space-8) 0;
}

.cta-panel {
  display: grid;
  gap: var(--space-4);
  justify-items: start;
  border-radius: var(--radius-lg);
  background: var(--midnight);
  color: var(--warm-white);
  padding: var(--space-7);
  box-shadow: var(--shadow-soft);
}

@media (max-width: 860px) {
  .refined-hero,
  .intelligence-hero,
  .hosted-hero,
  .trust-hero,
  .plans-hero,
  .simple-page {
    min-height: 0;
    padding-top: 136px;
  }

  .refined-hero-grid,
  .immersive-grid,
  .story-focus-grid,
  .simple-grid,
  .trust-grid,
  .hosted-grid,
  .intelligence-grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .hero-visual,
  .hero-visual img {
    min-height: 360px;
  }

  .step-strip,
  .life-line,
  .edition-grid,
  .plan-grid {
    grid-template-columns: 1fr;
  }

  .hero-section {
    min-height: 0;
    padding-top: 136px;
  }

  .hero-grid,
  .section-grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .section,
  .cta-section {
    padding: var(--space-7) 0;
  }

  .cta-panel {
    padding: var(--space-5);
  }

  .home-hero {
    min-height: 0;
    padding-top: 128px;
    background: var(--paper);
  }

  .home-hero::after {
    display: none;
  }

  .home-hero-grid,
  .home-split,
  .trust-home-grid,
  .signature-grid,
  .intelligence-story,
  .intelligence-visual {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .home-hero-visual,
  .home-hero-visual > img,
  .trust-photo img {
    min-height: 0;
    height: 430px;
  }

  .hero-phone-dock {
    right: var(--space-3);
    bottom: -32px;
  }

  .perspective-mosaic,
  .phone-sequence,
  .story-path,
  .product-flow,
  .capability-panel,
  .story-reel,
  .story-unfold {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .story-moment-flow,
  .story-moment-flow:nth-child(2),
  .story-moment-flow:nth-child(3),
  .story-moment-flow:nth-child(4),
  .story-moment-flow.is-final {
    grid-column: auto;
    grid-row: auto;
    transform: none;
  }

  .flow-line {
    left: 50%;
    top: 24px;
    bottom: 24px;
    width: 2px;
    height: auto;
    transform: translateX(-50%);
  }

  .flow-stage,
  .flow-stage:nth-child(3),
  .flow-stage:nth-child(5) {
    margin-top: 0;
  }

  .tile-large {
    grid-column: auto;
    grid-row: auto;
  }

  .phone-sequence {
    gap: var(--space-4);
  }

  .signature-story,
  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust,
  .how-step,
  .how-finish {
    padding: var(--space-7) 0;
  }

  .how-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .how-hero-grid,
  .how-step-grid,
  .how-finish-grid,
  .stories-hero-grid,
  .story-was-there-grid,
  .trust-page-hero-grid,
  .trust-two-column,
  .trust-finalised-grid,
  .intelligence-page-grid,
  .intelligence-unforgettable-grid,
  .your-story-hero-grid,
  .your-story-section-grid,
  .your-story-remembering-grid,
  .edition-hero-grid,
  .edition-section-grid,
  .edition-book-grid,
  .edition-box-grid,
  .edition-wall-grid,
  .commitment-hero-grid,
  .commitment-section-grid,
  .hosted-page-grid,
  .get-hero-grid,
  .get-invitation-grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .how-step.is-reversed .how-copy,
  .how-step.is-reversed .how-phone-stage,
  .trust-two-column.is-reversed .trust-copy,
  .trust-two-column.is-reversed .trust-phone-stage,
  .your-story-section-grid.is-reversed .your-story-copy,
  .your-story-section-grid.is-reversed .your-story-phone-stage,
  .edition-section-grid.is-reversed .edition-copy,
  .edition-section-grid.is-reversed > :last-child {
    order: initial;
  }

  .how-hero-visual {
    min-height: 510px;
  }

  .how-hero-visual > img {
    height: 430px;
  }

  .how-hero-phone {
    right: var(--space-4);
    bottom: -80px;
  }

  .how-copy h1,
  .how-copy h2 {
    max-width: 720px;
  }

  .final-home-panel {
    padding: var(--space-5);
  }

  .stories-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .trust-page-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .intelligence-page-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .your-story-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .edition-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .commitment-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .hosted-page-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .get-hero {
    min-height: 0;
    padding-top: 128px;
  }

  .stories-collage {
    grid-template-rows: 240px 200px;
  }

  .signature-story-card {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .signature-story-image img {
    height: 360px;
  }

  .signature-sequence {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .life-stage-grid,
  .edition-preview-grid,
  .appendix-composition {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .life-stage-grid figure:nth-child(n) {
    grid-column: auto;
  }

  .multi-perspective-composition {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trust-hero-visual,
  .trust-family-photo,
  .intelligence-hero-visual,
  .your-story-hero-visual,
  .your-story-remembering-photo {
    min-height: 510px;
  }

  .trust-hero-visual > img,
  .trust-family-photo > img,
  .intelligence-hero-visual > img,
  .your-story-hero-visual > img,
  .your-story-remembering-photo > img {
    height: 430px;
  }

  .trust-hero-phone,
  .trust-family-phone,
  .intelligence-page-phone,
  .your-story-page-phone,
  .your-story-memory-phone {
    right: var(--space-4);
    bottom: -80px;
  }

  .trust-card-grid,
  .story-state-path,
  .stitching-comparison,
  .intelligence-invention-grid,
  .wall-gallery,
  .commitment-plan-grid,
  .reassurance-grid,
  .hosted-steps-grid,
  .hosted-journey-grid,
  .get-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hosted-page-grid.is-reversed .hosted-copy,
  .hosted-page-grid.is-reversed .hosted-phone-stage {
    order: initial;
  }

  .wall-gallery {
    grid-template-rows: 260px 220px;
  }

  .edition-book-phone {
    right: var(--space-4);
  }

  .unforgettable-photo-stack {
    grid-template-columns: 1fr;
  }

  .unforgettable-photo-stack img,
  .unforgettable-photo-stack img:last-child {
    height: 420px;
  }
}

@media (max-width: 520px) {
  .home-wrap {
    width: min(calc(100% - 32px), 1320px);
  }

  .home-copy h1 {
    max-width: 100%;
    font-size: clamp(37px, 10vw, 42px);
    line-height: 1.03;
  }

  .home-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .home-actions .button {
    width: 100%;
  }

  .home-hero-visual,
  .home-hero-visual > img,
  .trust-photo img {
    height: 360px;
  }

  .hero-phone-dock {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -76px auto 0;
    width: max-content;
  }

  .how-hero {
    padding-top: 124px;
  }

  .how-hero-visual {
    min-height: 0;
  }

  .how-hero-visual > img {
    height: 340px;
  }

  .how-hero-phone {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -88px auto 0;
    width: 218px;
    min-height: 436px;
  }

  .your-story-hero-visual > .your-story-page-phone,
  .your-story-remembering-photo > .your-story-memory-phone {
    position: relative;
  }

  .how-hero-phone .phone-hardware {
    min-height: 436px;
  }

  .how-hero-phone .phone-screen {
    min-height: 402px;
  }

  .how-phone {
    width: min(258px, 84vw);
    min-height: 516px;
    transform: none;
  }

  .how-phone .phone-hardware {
    min-height: 516px;
  }

  .how-phone .phone-screen {
    min-height: 482px;
  }

  .how-copy h1 {
    font-size: clamp(40px, 11vw, 48px);
  }

  .how-copy h2 {
    font-size: clamp(34px, 9vw, 42px);
  }

  .how-copy p {
    font-size: 17px;
  }

  .stories-hero {
    padding-top: 124px;
  }

  .stories-copy h1 {
    font-size: clamp(40px, 11vw, 48px);
  }

  .stories-copy h2,
  .stories-section-heading h2,
  .stories-final-panel h2,
  .why-stories-matter h2 {
    font-size: clamp(34px, 9vw, 42px);
  }

  .stories-copy p,
  .stories-section-heading p,
  .stories-final-panel p {
    font-size: 17px;
  }

  .stories-collage,
  .signature-sequence,
  .life-stage-grid,
  .edition-preview-grid,
  .multi-perspective-composition {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .stories-collage img,
  .stories-collage .collage-main,
  .signature-story-image img,
  .life-stage-grid img,
  .multi-perspective-composition img,
  .multi-perspective-composition img:last-child,
  .edition-preview-grid img {
    grid-column: auto;
    grid-row: auto;
    height: 280px;
  }

  .signature-sequence img {
    height: 170px;
  }

  .stories-final-panel {
    padding: var(--space-5);
  }

  .trust-page-hero {
    padding-top: 124px;
  }

  .intelligence-page-hero {
    padding-top: 124px;
  }

  .your-story-hero {
    padding-top: 124px;
  }

  .edition-hero {
    padding-top: 124px;
  }

  .commitment-hero {
    padding-top: 124px;
  }

  .hosted-page-hero {
    padding-top: 124px;
  }

  .get-hero {
    padding-top: 124px;
  }

  .trust-copy h1,
  .intelligence-copy h1,
  .your-story-copy h1,
  .edition-copy h1,
  .commitment-copy h1,
  .hosted-copy h1,
  .get-copy h1 {
    font-size: clamp(40px, 11vw, 48px);
  }

  .trust-copy h2,
  .trust-statement-panel h2,
  .intelligence-copy h2,
  .your-story-copy h2,
  .edition-copy h2,
  .commitment-copy h2,
  .hosted-copy h2,
  .get-copy h2 {
    font-size: clamp(34px, 9vw, 42px);
  }

  .trust-copy p,
  .trust-statement-panel p,
  .intelligence-copy p,
  .your-story-copy p,
  .edition-copy p,
  .commitment-copy p,
  .hosted-copy p,
  .get-copy p {
    font-size: 17px;
  }

  .commitment-hero-visual {
    min-height: 0;
  }

  .hosted-hero-visual {
    min-height: 0;
  }

  .get-hero-visual {
    min-height: 0;
  }

  .commitment-hero-visual > img,
  .hosted-hero-visual > img,
  .get-hero-visual > img {
    height: 340px;
  }

  .commitment-hero-phone,
  .hosted-hero-phone,
  .get-hero-phone {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -88px auto 0;
    width: 218px;
    min-height: 436px;
  }

  .commitment-hero-phone .phone-hardware,
  .hosted-hero-phone .phone-hardware,
  .get-hero-phone .phone-hardware {
    min-height: 436px;
  }

  .commitment-hero-phone .phone-screen,
  .hosted-hero-phone .phone-screen,
  .get-hero-phone .phone-screen {
    min-height: 402px;
  }

  .edition-hero-visual img,
  .edition-box-photo img {
    height: 360px;
  }

  .edition-page-phone {
    width: min(258px, 84vw);
    min-height: 516px;
  }

  .edition-page-phone .phone-hardware {
    min-height: 516px;
  }

  .edition-page-phone .phone-screen {
    min-height: 482px;
  }

  .linen-book {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .linen-book img {
    min-height: 220px;
  }

  .edition-book-scene {
    min-height: 0;
  }

  .edition-book-phone {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -88px auto 0;
    width: 218px;
    min-height: 436px;
  }

  .edition-book-phone .phone-hardware {
    min-height: 436px;
  }

  .edition-book-phone .phone-screen {
    min-height: 402px;
  }

  .large-certificate {
    padding: var(--space-4);
  }

  .large-certificate dl,
  .appendix-composition,
  .wall-gallery,
  .commitment-plan-grid,
  .reassurance-grid,
  .hosted-steps-grid,
  .hosted-journey-grid,
  .get-path-grid {
    grid-template-columns: 1fr;
  }

  .hosted-journey-card {
    min-height: 320px;
  }

  .hosted-journey-image {
    height: 100%;
  }

  .hosted-journey-copy {
    top: auto;
    right: 22px;
    bottom: 24px;
    left: 22px;
    width: calc(100% - 44px);
  }

  .hosted-journey-phone {
    display: none;
  }

  .hosted-journey-note {
    font-size: 14px;
    line-height: 1.45;
  }

  .hosted-phone-stage {
    flex-direction: column;
  }

  .hosted-page-phone-secondary {
    transform: none;
  }

  .wall-gallery {
    grid-template-rows: auto;
  }

  .wall-gallery figure,
  .wall-gallery figure:first-child {
    grid-row: auto;
    height: 260px;
  }

  .trust-hero-visual,
  .trust-family-photo,
  .intelligence-hero-visual,
  .your-story-hero-visual,
  .your-story-remembering-photo {
    min-height: 0;
  }

  .trust-hero-visual > img,
  .trust-family-photo > img,
  .intelligence-hero-visual > img,
  .your-story-hero-visual > img,
  .your-story-remembering-photo > img {
    height: 340px;
  }

  .trust-hero-phone,
  .trust-family-phone,
  .intelligence-page-phone,
  .your-story-page-phone,
  .your-story-memory-phone {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -88px auto 0;
    width: 218px;
    min-height: 436px;
  }

  .trust-hero-phone .phone-hardware,
  .trust-family-phone .phone-hardware,
  .intelligence-page-phone .phone-hardware,
  .your-story-page-phone .phone-hardware,
  .your-story-memory-phone .phone-hardware {
    min-height: 436px;
  }

  .trust-hero-phone .phone-screen,
  .trust-family-phone .phone-screen,
  .intelligence-page-phone .phone-screen,
  .your-story-page-phone .phone-screen,
  .your-story-memory-phone .phone-screen {
    min-height: 402px;
  }

  .trust-phone,
  .your-story-phone {
    width: min(258px, 84vw);
    min-height: 516px;
  }

  .trust-phone .phone-hardware,
  .your-story-phone .phone-hardware {
    min-height: 516px;
  }

  .trust-phone .phone-screen,
  .your-story-phone .phone-screen {
    min-height: 482px;
  }

  .trust-card-grid,
  .story-state-path {
    grid-template-columns: 1fr;
  }

  .trust-private-section,
  .trust-ownership-section,
  .trust-family-section,
  .trust-control-section,
  .trust-finalised-section,
  .trust-no-ads-section,
  .trust-final-cta,
  .intelligence-stitching,
  .intelligence-hidden,
  .intelligence-unforgettable,
  .intelligence-chapters,
  .intelligence-suggestions,
  .intelligence-inventions,
  .intelligence-philosophy,
  .intelligence-final-cta,
  .your-story-chapters,
  .your-story-people,
  .your-story-places,
  .your-story-traditions,
  .your-story-remembering,
  .your-story-final-cta,
  .edition-digital,
  .edition-printed,
  .edition-certificate-section,
  .edition-story-box,
  .edition-appendix,
  .edition-wall,
  .edition-final-cta {
    padding: var(--space-7) 0;
  }

  .commitment-many-people,
  .commitment-plans,
  .commitment-never-changes,
  .commitment-professional,
  .commitment-final-cta {
    padding: var(--space-7) 0;
  }

  .hosted-principle,
  .hosted-how,
  .hosted-use-cases,
  .hosted-participants,
  .hosted-privacy,
  .hosted-final-cta {
    padding: var(--space-7) 0;
  }

  .get-launch-status,
  .get-path,
  .get-invitation,
  .get-respect,
  .get-final-cta {
    padding: var(--space-7) 0;
  }

  .commitment-turning-point {
    padding: var(--space-8) 0;
  }

  .participation-principle,
  .professional-panel,
  .get-status-panel,
  .early-access-card {
    padding: var(--space-5);
  }

  .stitching-comparison,
  .intelligence-hidden-grid,
  .intelligence-invention-grid {
    grid-template-columns: 1fr;
  }

  .intelligence-hidden-grid figure:last-child {
    grid-column: auto;
  }

  .unforgettable-photo-stack img,
  .unforgettable-photo-stack img:last-child {
    height: 280px;
  }
}

@media (min-width: 861px) {
  .home-wrap {
    width: min(calc(100% - 56px), 1220px);
  }

  .refined-hero,
  .intelligence-hero,
  .hosted-hero,
  .trust-hero,
  .plans-hero,
  .simple-page,
  .home-hero,
  .how-hero,
  .stories-hero,
  .trust-page-hero,
  .intelligence-page-hero,
  .your-story-hero,
  .edition-hero,
  .commitment-hero,
  .hosted-page-hero,
  .get-hero {
    min-height: 660px;
    padding-top: 108px;
    padding-bottom: var(--space-6);
  }

  .refined-hero-grid,
  .home-hero-grid,
  .how-hero-grid,
  .stories-hero-grid,
  .trust-page-hero-grid,
  .intelligence-page-grid,
  .your-story-hero-grid,
  .edition-hero-grid,
  .commitment-hero-grid,
  .hosted-page-grid,
  .get-hero-grid {
    gap: var(--space-6);
  }

  .home-copy h1,
  .how-copy h1,
  .stories-copy h1,
  .trust-copy h1,
  .intelligence-copy h1,
  .your-story-copy h1,
  .edition-copy h1,
  .commitment-copy h1,
  .hosted-copy h1,
  .get-copy h1 {
    font-size: clamp(42px, 4.25vw, 58px);
    line-height: 1.01;
  }

  .how-copy h2,
  .stories-copy h2,
  .stories-section-heading h2,
  .trust-copy h2,
  .trust-statement-panel h2,
  .intelligence-copy h2,
  .your-story-copy h2,
  .edition-copy h2,
  .commitment-copy h2,
  .hosted-copy h2,
  .get-copy h2 {
    font-size: clamp(34px, 3.7vw, 48px);
    line-height: 1.04;
  }

  .home-copy p,
  .how-copy p,
  .stories-copy p,
  .stories-section-heading p,
  .trust-copy p,
  .trust-statement-panel p,
  .intelligence-copy p,
  .your-story-copy p,
  .edition-copy p,
  .commitment-copy p,
  .hosted-copy p,
  .get-copy p {
    font-size: 16px;
    line-height: 1.56;
  }

  .home-copy .home-lead {
    font-size: 22px;
  }

  .home-hero-visual,
  .how-hero-visual,
  .trust-hero-visual,
  .trust-family-photo,
  .intelligence-hero-visual,
  .your-story-hero-visual,
  .your-story-remembering-photo,
  .commitment-hero-visual,
  .hosted-hero-visual,
  .get-hero-visual {
    min-height: 500px;
  }

  .home-hero-visual > img,
  .how-hero-visual > img,
  .trust-hero-visual > img,
  .trust-family-photo > img,
  .intelligence-hero-visual > img,
  .your-story-hero-visual > img,
  .your-story-remembering-photo > img,
  .commitment-hero-visual > img,
  .hosted-hero-visual > img,
  .get-hero-visual > img {
    height: 500px;
  }

  .edition-hero-visual img {
    height: 500px;
  }

  .stories-collage {
    grid-template-rows: 260px 206px;
  }

  .signature-story-image img,
  .story-was-there-image img {
    height: 320px;
  }

  .hosted-journey-card {
    min-height: 420px;
  }

  .hosted-journey-image {
    height: 100%;
  }

  .signature-story,
  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust,
  .how-step,
  .how-finish,
  .signature-stories-page,
  .life-stages-section,
  .story-was-there,
  .why-stories-matter,
  .story-editions-preview,
  .stories-final-cta,
  .trust-private-section,
  .trust-ownership-section,
  .trust-family-section,
  .trust-control-section,
  .trust-finalised-section,
  .trust-no-ads-section,
  .trust-final-cta,
  .intelligence-stitching,
  .intelligence-hidden,
  .intelligence-unforgettable,
  .intelligence-chapters,
  .intelligence-suggestions,
  .intelligence-inventions,
  .intelligence-philosophy,
  .intelligence-final-cta,
  .your-story-chapters,
  .your-story-people,
  .your-story-places,
  .your-story-traditions,
  .your-story-remembering,
  .your-story-final-cta,
  .edition-digital,
  .edition-printed,
  .edition-certificate-section,
  .edition-story-box,
  .edition-appendix,
  .edition-wall,
  .edition-final-cta,
  .commitment-many-people,
  .commitment-turning-point,
  .commitment-plans,
  .commitment-never-changes,
  .commitment-professional,
  .commitment-final-cta,
  .hosted-principle,
  .hosted-how,
  .hosted-use-cases,
  .hosted-participants,
  .hosted-privacy,
  .hosted-final-cta,
  .get-launch-status,
  .get-path,
  .get-invitation,
  .get-respect,
  .get-final-cta {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .stories-section-heading,
  .hosted-copy,
  .commitment-copy,
  .get-copy {
    gap: var(--space-3);
  }
}

@media (min-width: 1081px) and (max-width: 1260px) {
  .header-inner {
    grid-template-columns: minmax(214px, 234px) 1fr auto;
  }

  .brand-header {
    width: 236px;
  }

  .desktop-nav {
    gap: 9px;
  }

  .nav-link {
    font-size: 12px;
  }

  .header-cta {
    padding-inline: 22px;
  }
}

@media (max-width: 860px) {
  .home-hero,
  .how-hero,
  .stories-hero,
  .trust-page-hero,
  .intelligence-page-hero,
  .your-story-hero,
  .edition-hero,
  .commitment-hero,
  .hosted-page-hero,
  .get-hero {
    padding-bottom: var(--space-6);
  }
}

@media (min-width: 1081px) {
  .site-header .container.header-inner {
    width: min(calc(100% - 160px), 1280px);
  }

  .desktop-nav {
    justify-content: flex-start;
    justify-self: start;
    margin-left: 86px;
  }
}

@media (min-width: 861px) {
  .home-section {
    --home-light: #f8f7f4;
    --home-midnight: #0f172a;
    --home-image-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
    --home-phone-shadow: 0 28px 60px rgba(15, 23, 42, 0.24);
  }

  .home-section .home-wrap {
    width: min(calc(100% - 160px), 1280px);
  }

  .home-hero,
  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust,
  .final-home-cta {
    background: var(--home-light);
  }

  .home-hero {
    min-height: 820px;
    padding: 156px 0 128px;
  }

  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust {
    padding: 128px 0;
  }

  .signature-story {
    min-height: 0;
    padding: 112px 0;
    background: var(--home-midnight);
  }

  .final-home-cta {
    padding: 96px 0;
  }

  .home-hero::after {
    background: var(--home-midnight);
  }

  .home-hero-grid,
  .home-split,
  .trust-home-grid,
  .signature-grid,
  .intelligence-story,
  .product-flow {
    gap: 24px;
  }

  .home-hero-grid {
    grid-template-columns: minmax(0, 500px) minmax(0, 1fr);
  }

  .home-copy h1 {
    max-width: 500px;
    font-size: 68px;
    font-weight: 400;
    line-height: 70px;
  }

  .home-split h2,
  .trust-home-grid h2,
  .centered-copy h2,
  .signature-copy h2,
  .home-intelligence h2,
  .final-home-panel h2 {
    font-size: 52px;
    font-weight: 400;
    line-height: 56px;
  }

  .signature-copy h2 {
    font-size: 58px;
    line-height: 61px;
  }

  .home-copy p,
  .home-split p,
  .trust-home-grid p,
  .centered-copy p,
  .signature-copy p,
  .home-intelligence p,
  .final-home-panel p {
    max-width: 500px;
    color: var(--muted);
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
  }

  .signature-copy p,
  .final-home-panel p {
    color: rgba(var(--brand-surface-rgb), 0.74);
  }

  .home-copy .home-lead {
    color: var(--ink);
    font-size: 18px;
    line-height: 29px;
  }

  .home-section .eyebrow {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 18px;
  }

  .home-section .button {
    font-size: 15px;
    font-weight: 600;
  }

  .home-hero-visual {
    min-height: 560px;
    border-radius: 24px;
  }

  .home-hero-visual > img,
  .trust-photo img {
    height: 560px;
    border-radius: 24px;
    box-shadow: var(--home-image-shadow);
  }

  .perspective-tile img,
  .story-moment-flow img {
    border-radius: 18px;
  }

  .home-section .phone-hardware,
  .home-section .phone-screen {
    box-shadow: none;
  }

  .home-section .premium-phone {
    box-shadow: var(--home-phone-shadow);
  }

  .hero-phone-dock {
    right: 24px;
    bottom: -34px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
  }

  .flow-line {
    background: var(--brand-gradient-horizontal);
  }

  .flow-copy span,
  .text-link {
    color: var(--brand-pink);
  }

  .perspective-mosaic {
    gap: 24px;
  }

  .product-flow {
    margin-top: 64px;
  }

  .story-unfold {
    gap: 24px;
  }

  .signature-grid {
    grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
    gap: 24px;
  }

  .story-unfold {
    grid-auto-rows: 166px;
  }

  .story-moment-flow.is-final {
    grid-column: 3 / 5;
    grid-row: span 2;
    transform: scale(1.06);
    transform-origin: center right;
  }

  .final-home-panel {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border-radius: 30px;
    background: var(--home-midnight);
    padding: 56px 72px 56px 64px;
    box-shadow: var(--home-image-shadow);
  }

  .final-home-panel > div:first-child {
    display: grid;
    gap: var(--space-4);
  }

  .final-home-panel .home-actions {
    margin-top: 0;
  }

  .trust-photo img {
    object-position: 50% center;
  }
}

@media (max-width: 1080px) and (min-width: 861px) {
  .home-section .home-wrap,
  .site-header .container.header-inner {
    width: min(calc(100% - 96px), 1280px);
  }
}

@media (max-width: 860px) {
  .home-section .home-wrap {
    width: min(calc(100% - 40px), 1280px);
  }

  .home-hero,
  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust,
  .final-home-cta {
    background: #f8f7f4;
  }

  .signature-story,
  .final-home-panel {
    background: #0f172a;
  }

  .home-hero {
    padding-top: 128px;
  }

  .human-truth,
  .comes-together,
  .home-intelligence,
  .home-trust {
    padding: 80px 0;
  }

  .signature-story {
    padding: 80px 0;
  }

  .final-home-cta {
    padding: 64px 0;
  }

  .home-hero-visual,
  .home-hero-visual > img,
  .trust-photo img {
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
  }

  .perspective-tile img,
  .story-moment-flow img {
    border-radius: 18px;
  }

  .final-home-panel {
    border-radius: 30px;
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .final-cta-visual {
    justify-self: center;
  }

  .final-cta-phone {
    width: 176px;
    height: 368px;
    min-height: 368px;
  }
}

@media (min-width: 861px) {
  .home-hero {
    min-height: 720px;
    max-height: 760px;
    padding: 132px 0 72px;
  }

  .home-hero::after {
    display: none;
  }

  .home-hero-grid {
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    align-items: start;
  }

  .home-copy {
    max-width: 500px;
    padding-top: 0;
  }

  .home-copy h1 {
    margin: 0;
  }

  .home-copy p {
    margin: 0;
  }

  .home-actions {
    gap: 12px;
    margin-top: 32px;
  }

  .home-actions .button {
    min-height: 46px;
    border-radius: 23px;
  }

  .home-light-button {
    border-color: rgba(var(--brand-midnight-rgb), 0.10);
    background: rgba(var(--brand-surface-rgb), 0.78);
    color: rgba(var(--brand-midnight-rgb), 0.86);
  }

  .home-hero-visual {
    width: 100%;
    min-height: 600px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    border-radius: 30px;
  }

  .home-hero-visual::before {
    content: "";
    position: absolute;
    inset: -26px 0 auto 72px;
    width: min(720px, calc(100% - 72px));
    height: 600px;
    border-radius: 30px;
    background: #0f172a;
  }

  .home-hero-visual > img {
    position: relative;
    z-index: 1;
    width: 690px;
    height: 540px;
    border-radius: 24px;
    object-fit: cover;
    object-position: 45% center;
  }

  .hero-phone-dock {
    right: 0;
    top: -2px;
    bottom: auto;
    z-index: 2;
    transform: translateX(0);
  }

  .hero-trove-phone {
    width: 260px;
    min-height: 545px;
  }

  .hero-trove-phone .phone-hardware {
    min-height: 545px;
  }

  .hero-trove-phone .phone-screen {
    min-height: 509px;
  }
}