.sunset-page {
  --sunset-navy: #1f1d3d;
  --sunset-navy-deep: #131229;
  --sunset-cream: #f4ecd6;
}

.sunset-page main { overflow: hidden; }

.sunset-hero {
  position: relative;
  min-height: 730px;
  padding: clamp(74px, 9vw, 132px) 0 clamp(70px, 8vw, 112px);
  overflow: hidden;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 75% 28%, rgba(197, 176, 244, 0.18), transparent 27%),
    var(--sunset-navy-deep);
  background-size: 46px 46px, 46px 46px, auto, auto;
  color: #fff;
}

.sunset-hero::before {
  position: absolute;
  inset: auto 0 0;
  height: 22%;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(5, 5, 5, 0.19));
  pointer-events: none;
}

.sunset-orbit {
  position: absolute;
  top: 50%;
  left: 73%;
  width: min(46vw, 650px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 111, 97, 0.27);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.sunset-orbit::before {
  position: absolute;
  inset: 13%;
  content: "";
  border: 1px solid rgba(197, 176, 244, 0.22);
  border-radius: inherit;
}

.sunset-orbit::after {
  position: absolute;
  inset: 31%;
  content: "";
  background: var(--coral);
  border-radius: inherit;
  box-shadow: 0 0 100px rgba(255, 111, 97, 0.23);
}

.sunset-orbit i {
  position: absolute;
  z-index: 1;
  width: 13px;
  height: 13px;
  background: var(--lime);
  border: 4px solid var(--sunset-navy-deep);
  border-radius: 50%;
}

.sunset-orbit i:nth-child(1) { top: 7%; left: 29%; }
.sunset-orbit i:nth-child(2) { right: 3%; bottom: 34%; background: var(--lilac); }
.sunset-orbit i:nth-child(3) { bottom: 17%; left: 14%; background: var(--coral); }

.sunset-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  align-items: center;
  gap: clamp(46px, 7vw, 94px);
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.78fr);
}

.sunset-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
  color: #d8d6ea;
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.sunset-kicker > i {
  width: 8px;
  height: 8px;
  background: var(--coral);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(255, 111, 97, 0.12);
}

.sunset-kicker b {
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.23);
  color: #fff;
  font-weight: 520;
}

.sunset-hero h1 {
  max-width: 760px;
  margin-bottom: 26px;
  font-size: clamp(60px, 7vw, 104px);
  font-weight: 560;
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.sunset-hero h1 span { display: block; color: var(--coral); }

.sunset-hero-copy > p {
  max-width: 660px;
  margin-bottom: 0;
  color: #c8c6d9;
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.55;
}

.sunset-hero .button-row { margin-top: 34px; }

.sunset-text-link {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 15px;
  font-weight: 620;
  text-underline-offset: 5px;
}

.transition-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 24px;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.28);
  color: var(--ink);
  transform: rotate(1.2deg);
}

.transition-card::before {
  position: absolute;
  top: -85px;
  right: -70px;
  width: 190px;
  height: 190px;
  content: "";
  background: var(--lilac);
  border-radius: 50%;
  opacity: 0.38;
}

.transition-card-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-family: "Geist Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.status-live { display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-weight: 660; }
.status-live i { width: 7px; height: 7px; background: currentColor; border-radius: 50%; box-shadow: 0 0 0 4px rgba(24, 136, 72, 0.11); }

.brand-handoff {
  display: grid;
  align-items: center;
  padding: 31px 24px;
  background: var(--sunset-cream);
  gap: 14px;
  grid-template-columns: 1fr auto 1fr;
}

.brand-old {
  color: #77736b;
  font-size: clamp(21px, 2.5vw, 29px);
  font-weight: 720;
  letter-spacing: -0.045em;
  text-decoration: line-through;
  text-decoration-color: var(--coral);
  text-decoration-thickness: 3px;
}

.handoff-arrow { color: var(--coral-dark); font-family: "Geist Mono", monospace; font-size: 23px; }

.brand-new {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(21px, 2.5vw, 29px);
  font-weight: 760;
  letter-spacing: -0.055em;
}

.brand-new > i {
  display: grid;
  width: 24px;
  height: 24px;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  transform: rotate(-4deg);
}

.brand-new b { border-radius: 3px; }
.brand-new b:nth-child(1) { background: var(--coral); }
.brand-new b:nth-child(2) { background: var(--lilac); }
.brand-new b:nth-child(3) { background: var(--lime); }
.brand-new b:nth-child(4) { background: var(--navy); }

.transition-facts { padding: 8px 22px; }
.transition-facts > div { padding: 16px 0; border-bottom: 1px solid var(--line); }
.transition-facts > div:last-child { border-bottom: 0; }
.transition-facts small { display: block; margin-bottom: 4px; color: var(--muted); font-family: "Geist Mono", monospace; font-size: 9px; letter-spacing: 0.09em; text-transform: uppercase; }
.transition-facts strong { display: block; font-size: 15px; line-height: 1.4; }

.transition-card-note {
  margin: 0;
  padding: 18px 22px;
  border-top: 1px solid var(--line);
  background: var(--soft);
  color: #4e4e49;
  font-size: 12px;
  line-height: 1.55;
}

.broadcast-strip { position: relative; z-index: 3; background: var(--coral); color: var(--ink); }
.broadcast-inner { display: grid; min-height: 106px; align-items: center; gap: 20px; grid-template-columns: auto 1fr auto; }
.broadcast-mark { display: grid; width: 50px; height: 50px; border: 1px solid rgba(5, 5, 5, 0.25); border-radius: 50%; place-items: center; }
.broadcast-mark span { width: 12px; height: 12px; background: var(--ink); border-radius: 50%; box-shadow: 0 0 0 7px rgba(5, 5, 5, 0.1), 0 0 0 13px rgba(5, 5, 5, 0.06); }
.broadcast-inner small { display: block; margin-bottom: 2px; font-family: "Geist Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
.broadcast-inner strong { display: block; font-size: clamp(20px, 2.6vw, 30px); letter-spacing: -0.035em; }
.broadcast-inner a { font-size: 14px; font-weight: 680; text-underline-offset: 5px; }

.immediate-answer { background: var(--paper); }
.immediate-grid { display: grid; align-items: start; gap: clamp(46px, 9vw, 126px); grid-template-columns: 0.78fr 1.22fr; }
.immediate-heading h2 { max-width: 9ch; margin-bottom: 0; font-size: clamp(48px, 6vw, 78px); }
.immediate-copy > p { max-width: 720px; margin-bottom: 38px; color: #363633; font-size: clamp(20px, 2.2vw, 27px); line-height: 1.45; }
.now-points { display: grid; border-top: 1px solid var(--line); }
.now-points > div { display: grid; align-items: start; padding: 19px 0; border-bottom: 1px solid var(--line); gap: 18px; grid-template-columns: 42px 1fr; }
.now-points span { padding-top: 3px; color: var(--coral-dark); font-family: "Geist Mono", monospace; font-size: 11px; }
.now-points p { max-width: 640px; margin: 0; color: var(--muted); }
.now-points strong { color: var(--ink); }

.founder-letter-section {
  padding: 0 0 clamp(76px, 10vw, 132px);
  background: var(--paper);
}

.founder-letter-frame {
  overflow: hidden;
  border: 1px solid #d7d1c0;
  background: var(--sunset-cream);
  border-radius: 28px;
  box-shadow: 0 28px 80px rgba(5, 5, 5, 0.08);
}

.founder-letter-intro {
  display: grid;
  min-height: 560px;
  grid-template-columns: minmax(0, 1.32fr) minmax(310px, 0.68fr);
}

.founder-letter-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 7vw, 86px);
}

.founder-letter-copy::after {
  position: absolute;
  right: clamp(28px, 6vw, 72px);
  bottom: 38px;
  width: 72px;
  height: 9px;
  content: "";
  border-top: 1px solid rgba(5, 5, 5, 0.22);
  border-bottom: 1px solid rgba(5, 5, 5, 0.22);
  transform: rotate(-5deg);
}

.letter-kicker {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 28px;
  font-family: "Geist Mono", monospace;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.letter-kicker i {
  width: 8px;
  height: 8px;
  background: var(--coral);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(255, 111, 97, 0.12);
}

.founder-letter-copy h2 {
  max-width: 9ch;
  margin-bottom: 12px;
  font-size: clamp(52px, 6.5vw, 88px);
  letter-spacing: -0.07em;
}

.founder-letter-thesis {
  max-width: 14ch;
  margin-bottom: 28px;
  color: var(--coral-dark);
  font-size: clamp(28px, 3.3vw, 44px);
  font-weight: 610;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.founder-letter-deck {
  max-width: 650px;
  margin-bottom: 0;
  color: #555148;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.58;
}

.letter-portrait { position: relative; min-height: 560px; overflow: hidden; background: #d9d9dc; }
.letter-portrait::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 55%, rgba(19, 18, 41, 0.78)); }
.letter-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; filter: saturate(0.88); }
.letter-portrait > div { position: absolute; z-index: 2; right: 27px; bottom: 27px; left: 27px; display: flex; flex-direction: column; color: #fff; }
.letter-portrait strong { font-size: 17px; }
.letter-portrait span { color: rgba(255, 255, 255, 0.72); font-family: "Geist Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; }

.founder-evolution {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: center;
  padding: 19px 28px;
  overflow-x: auto;
  background: var(--sunset-navy-deep);
  color: #9694a8;
  gap: 14px;
  scrollbar-width: none;
}
.founder-evolution::-webkit-scrollbar { display: none; }
.founder-evolution span,
.founder-evolution strong { flex: 0 0 auto; font-family: "Geist Mono", monospace; font-size: 10px; letter-spacing: 0.04em; white-space: nowrap; }
.founder-evolution i { flex: 0 0 auto; color: var(--coral); font-family: "Geist Mono", monospace; font-style: normal; }
.founder-evolution strong { color: var(--lime); }

.founder-letter-preview { background: #fff; }
.founder-letter-preview-body {
  padding-top: clamp(58px, 8vw, 96px);
  padding-bottom: clamp(52px, 7vw, 82px);
  border-top: 0;
}
.founder-letter-preview-body .letter-chapter { padding-top: 48px; }

.founder-letter-details { background: #fff; }
.founder-letter-details > summary {
  display: flex;
  min-height: 108px;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(28px, 6vw, 74px);
  background: var(--coral);
  color: var(--ink);
  cursor: pointer;
  gap: 24px;
  list-style: none;
  transition: background-color 180ms ease;
}
.founder-letter-details > summary:hover { background: #ff7a6e; }
.founder-letter-details > summary:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px; }
.founder-letter-details > summary::-webkit-details-marker { display: none; }
.founder-letter-details > summary > span { display: flex; flex-direction: column; }
.founder-letter-details > summary b { font-size: clamp(19px, 2vw, 23px); letter-spacing: -0.025em; }
.founder-letter-details > summary small { margin-top: 5px; color: rgba(19, 18, 41, 0.7); font-size: 13px; }
.summary-expanded { display: none; }
.founder-letter-details[open] .summary-collapsed { display: none; }
.founder-letter-details[open] .summary-expanded { display: block; }
.founder-letter-details > summary > i {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border: 1px solid var(--ink);
  background: var(--ink);
  border-radius: 50%;
  transition: background-color 180ms ease, border-color 180ms ease, transform 240ms var(--ease-out);
}
.founder-letter-details > summary > i::before,
.founder-letter-details > summary > i::after { position: absolute; top: 50%; left: 50%; width: 15px; height: 1.5px; content: ""; background: #fff; transform: translate(-50%, -50%); }
.founder-letter-details > summary > i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform 240ms var(--ease-out); }
.founder-letter-details[open] > summary > i { border-color: var(--ink); background: var(--ink); transform: rotate(180deg); }
.founder-letter-details[open] > summary > i::after { transform: translate(-50%, -50%) rotate(0); }

.founder-letter-body {
  width: min(880px, calc(100% - 48px));
  padding: clamp(58px, 8vw, 96px) 0 clamp(70px, 9vw, 110px);
  margin-inline: auto;
  border-top: 1px solid var(--line);
}

.founder-letter-body p { color: #393936; font-size: 18px; line-height: 1.78; }
.founder-letter-body p strong { color: var(--ink); }
.letter-salutation { margin-bottom: 24px; color: var(--ink) !important; font-size: 22px !important; font-weight: 650; }
.letter-chapter { padding-top: 56px; }
.founder-letter-details .founder-letter-body > .letter-chapter:first-child { padding-top: 0; }
.letter-chapter > span { display: block; margin-bottom: 13px; color: var(--coral-dark); font-family: "Geist Mono", monospace; font-size: 10px; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; }
.letter-chapter h3 { max-width: 18ch; margin-bottom: 24px; font-size: clamp(34px, 4.5vw, 52px); letter-spacing: -0.055em; line-height: 1.02; }
.letter-pullquote { padding: clamp(35px, 6vw, 60px); margin: 70px 0 12px; background: var(--lilac); border-radius: 20px; color: var(--ink); font-size: clamp(30px, 4vw, 48px); font-weight: 610; letter-spacing: -0.05em; line-height: 1.08; }
.letter-final-chapter { padding-bottom: 34px; }
.letter-signoff { display: flex; padding-top: 34px; border-top: 1px solid var(--line); flex-direction: column; }
.letter-signoff span { margin-bottom: 14px; color: var(--muted); font-style: italic; }
.letter-signoff strong { font-size: 27px; letter-spacing: -0.035em; }
.letter-signoff small { color: var(--muted); font-family: "Geist Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; }

.phase-section { padding: clamp(76px, 10vw, 132px) 0; background: var(--soft); }
.phase-heading { display: grid; align-items: end; margin-bottom: 54px; gap: 18px 50px; grid-template-columns: 1.35fr 0.65fr; }
.phase-heading .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.phase-heading h2 { max-width: 11ch; margin-bottom: 0; font-size: clamp(50px, 6vw, 80px); }
.phase-heading > p { max-width: 490px; margin-bottom: 7px; color: var(--muted); font-size: 18px; }
.phase-list { border-top: 1px solid #cdcdc7; }

.phase-row {
  --phase-tone: var(--coral);
  position: relative;
  display: grid;
  min-height: 270px;
  padding: 36px 0;
  border-bottom: 1px solid #cdcdc7;
  gap: clamp(22px, 4vw, 54px);
  grid-template-columns: 110px 190px minmax(0, 1fr);
}

.phase-row::after {
  position: absolute;
  top: -1px;
  left: 0;
  width: 110px;
  height: 4px;
  content: "";
  background: var(--phase-tone);
}

.phase-two { --phase-tone: var(--lilac); }
.phase-three { --phase-tone: var(--yellow); }
.phase-four { --phase-tone: var(--lime); }
.phase-number span,
.phase-timing > span { display: block; margin-bottom: 8px; color: var(--muted); font-family: "Geist Mono", monospace; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.phase-number strong { color: var(--phase-tone); font-family: "Geist Mono", monospace; font-size: 56px; font-weight: 520; letter-spacing: -0.08em; line-height: 1; }
.phase-timing strong { display: block; margin-bottom: 16px; font-size: 17px; line-height: 1.3; }
.phase-timing em { display: inline-flex; padding: 6px 9px; background: var(--phase-tone); border-radius: 99px; color: var(--ink); font-family: "Geist Mono", monospace; font-size: 9px; font-style: normal; font-weight: 680; letter-spacing: 0.08em; text-transform: uppercase; }
.phase-content { max-width: 750px; }
.phase-content h3 { max-width: 18ch; margin-bottom: 18px; font-size: clamp(29px, 3.4vw, 44px); line-height: 1.02; }
.phase-content p,
.phase-content li { color: #444440; font-size: 17px; line-height: 1.62; }
.phase-content ul { margin: 0; padding-left: 21px; }
.phase-content li { margin-bottom: 7px; padding-left: 6px; }
.phase-content > p { max-width: 680px; }
.phase-clarifier { max-width: 680px; padding: 13px 15px; border-left: 3px solid var(--phase-tone); background: #fff; color: #555550 !important; font-size: 14px !important; }

.lifetime-section { background: var(--sunset-navy-deep); color: #fff; }
.lifetime-intro { display: grid; align-items: end; margin-bottom: clamp(46px, 7vw, 80px); gap: 40px; grid-template-columns: 1.15fr 0.85fr; }
.lifetime-intro .eyebrow { color: var(--coral); }
.lifetime-intro h2 { max-width: 10ch; margin-bottom: 0; font-size: clamp(50px, 6.3vw, 84px); }
.lifetime-intro > p { max-width: 540px; margin-bottom: 8px; color: #c8c6d9; font-size: 18px; line-height: 1.62; }
.lifetime-intro > p strong { color: #fff; }

.replacement-ledger { border-top: 1px solid rgba(255, 255, 255, 0.26); }
.ledger-head,
.ledger-row { display: grid; align-items: center; gap: 24px; grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr); }
.ledger-head { min-height: 52px; color: #8f8da3; font-family: "Geist Mono", monospace; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.ledger-row { min-height: 82px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: clamp(20px, 2.6vw, 31px); letter-spacing: -0.04em; }
.ledger-row > span { color: #8f8da3; text-decoration: line-through; text-decoration-color: rgba(255, 111, 97, 0.75); text-decoration-thickness: 2px; }
.ledger-row i { color: var(--coral); font-family: "Geist Mono", monospace; font-style: normal; text-align: center; }
.ledger-product {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 11px;
  color: #fff;
  text-decoration: none;
}
.ledger-product strong { font-weight: 620; }
.ledger-product b {
  display: grid;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(255, 255, 255, 0.23);
  border-radius: 50%;
  color: var(--coral);
  font-family: "Geist Mono", monospace;
  font-size: 13px;
  font-weight: 520;
  place-items: center;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms var(--ease-out);
}

.additional-access {
  position: relative;
  display: grid;
  align-items: start;
  margin-top: clamp(64px, 9vw, 110px);
  padding: clamp(28px, 5vw, 58px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 12% 80%, rgba(220, 238, 177, 0.12), transparent 29%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.2);
  gap: clamp(38px, 5vw, 68px);
  grid-template-columns: 0.72fr 1.28fr;
}

.additional-access::before {
  position: absolute;
  bottom: -0.31em;
  left: -0.04em;
  content: "8";
  color: rgba(255, 255, 255, 0.025);
  font-family: "Geist Mono", monospace;
  font-size: clamp(300px, 35vw, 520px);
  font-weight: 700;
  letter-spacing: -0.14em;
  line-height: 1;
  pointer-events: none;
}

.additional-copy { position: relative; z-index: 1; }
.additional-copy .eyebrow { color: var(--lime); }
.additional-copy h3 { max-width: 11ch; margin-bottom: 18px; font-size: clamp(34px, 4.4vw, 56px); }
.additional-copy p { max-width: 460px; margin-bottom: 0; color: #aaa8ba; }
.additional-count { display: flex; align-items: center; gap: 16px; margin-top: clamp(42px, 6vw, 72px); }
.additional-count strong { color: var(--lime); font-family: "Geist Mono", monospace; font-size: 72px; font-weight: 540; letter-spacing: -0.09em; line-height: 0.8; }
.additional-count span { color: #8f8da3; font-family: "Geist Mono", monospace; font-size: 9px; letter-spacing: 0.1em; line-height: 1.55; text-transform: uppercase; }
.access-grid { display: grid; margin: 0; padding: 0; list-style: none; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.access-grid li { min-width: 0; }
.access-grid a {
  display: grid;
  min-height: 126px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.055);
  border-radius: 13px;
  color: #fff;
  gap: 13px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms var(--ease-out);
}
.access-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; background: var(--sunset-cream); border-radius: 10px; color: var(--ink); font-family: "Geist Mono", monospace; font-size: 10px; place-items: center; }
.access-grid li:nth-child(2) .access-icon,
.access-grid li:nth-child(5) .access-icon { background: var(--lilac); }
.access-grid li:nth-child(3) .access-icon,
.access-grid li:nth-child(7) .access-icon { background: var(--coral); }
.access-grid li:nth-child(4) .access-icon,
.access-grid li:nth-child(8) .access-icon { background: var(--lime); }
.access-name { min-width: 0; }
.access-name b { display: block; margin-bottom: 5px; font-size: 15px; line-height: 1.2; }
.access-name small { display: block; color: #9694a8; font-size: 11px; line-height: 1.45; }
.access-arrow { display: grid; width: 27px; height: 27px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: var(--lime); font-family: "Geist Mono", monospace; font-size: 12px; place-items: center; transition: background-color 180ms ease, color 180ms ease, transform 180ms var(--ease-out); }

.member-guide-section { background: var(--sunset-cream); }
.member-guide-heading { display: grid; align-items: end; margin-bottom: 44px; gap: 40px; grid-template-columns: auto 1fr; }
.member-guide-heading .eyebrow { margin-bottom: 8px; }
.member-guide-heading h2 { max-width: 13ch; margin: 0 0 0 auto; font-size: clamp(43px, 5vw, 68px); text-align: right; }
.member-guide-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
.member-guide-card { --guide-tone: var(--coral); min-height: 300px; padding: clamp(25px, 3vw, 36px); border-top: 7px solid var(--guide-tone); background: #fff; }
.guide-lifetime { --guide-tone: var(--lilac); }
.guide-free { --guide-tone: var(--yellow); }
.member-guide-card > span { display: block; margin-bottom: 58px; color: var(--muted); font-family: "Geist Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
.member-guide-card h3 { max-width: 11ch; margin-bottom: 14px; font-size: clamp(27px, 3vw, 37px); }
.member-guide-card p { margin-bottom: 0; color: var(--muted); }

.founder-section { padding: clamp(74px, 9vw, 120px) 0; background: var(--paper); }
.founder-panel { display: grid; min-height: 530px; overflow: hidden; background: var(--lilac); border-radius: 28px; grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr); }
.founder-portrait { position: relative; min-height: 530px; overflow: hidden; }
.founder-portrait::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, transparent 68%, var(--lilac)); }
.founder-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; filter: saturate(0.9); }
.founder-panel blockquote { display: flex; flex-direction: column; justify-content: center; padding: clamp(36px, 6vw, 78px); margin: 0; }
.founder-panel blockquote > p { max-width: 700px; margin-bottom: 34px; font-size: clamp(35px, 4.6vw, 62px); font-weight: 590; letter-spacing: -0.055em; line-height: 1.03; }
.founder-panel blockquote footer { display: flex; flex-direction: column; }
.founder-panel blockquote footer strong { font-size: 15px; }
.founder-panel blockquote footer span { color: #55506a; font-size: 13px; }

.sunset-faq-section { background: var(--soft); }
.sunset-faq-grid { display: grid; align-items: start; gap: clamp(50px, 9vw, 120px); grid-template-columns: 0.75fr 1.25fr; }
.sunset-faq-heading { position: sticky; top: 110px; }
.sunset-faq-heading h2 { max-width: 9ch; margin-bottom: 20px; font-size: clamp(48px, 5.7vw, 74px); }
.sunset-faq-heading p { max-width: 400px; color: var(--muted); }
.sunset-faq { border-top: 1px solid #cfcfc9; }
.sunset-faq details { border-bottom: 1px solid #cfcfc9; }
.sunset-faq summary { position: relative; padding: 27px 48px 27px 0; cursor: pointer; font-size: clamp(20px, 2.4vw, 27px); font-weight: 620; letter-spacing: -0.025em; list-style: none; }
.sunset-faq summary::-webkit-details-marker { display: none; }
.sunset-faq summary::after { position: absolute; top: 28px; right: 5px; content: "+"; color: var(--coral-dark); font-family: "Geist Mono", monospace; font-size: 23px; font-weight: 400; }
.sunset-faq details[open] summary::after { content: "−"; }
.sunset-faq details p { max-width: 700px; padding: 0 48px 27px 0; margin: 0; color: var(--muted); line-height: 1.65; }

.sunset-close { position: relative; padding: clamp(80px, 10vw, 140px) 0; overflow: hidden; background: var(--coral); }
.sunset-close::after { position: absolute; right: -10vw; bottom: -28vw; width: 65vw; height: 65vw; content: ""; border: 1px solid rgba(5, 5, 5, 0.16); border-radius: 50%; box-shadow: inset 0 0 0 7vw rgba(5, 5, 5, 0.035), inset 0 0 0 14vw rgba(5, 5, 5, 0.025); pointer-events: none; }
.sunset-close-inner { position: relative; z-index: 1; }
.sunset-close .eyebrow::before { background: var(--ink); }
.sunset-close h2 { max-width: 1100px; margin-bottom: 24px; font-size: clamp(51px, 7.2vw, 96px); letter-spacing: -0.065em; }
.sunset-close h2 span { color: #fff; }
.sunset-close p { max-width: 680px; margin-bottom: 34px; font-size: 19px; line-height: 1.55; }

@media (hover: hover) and (pointer: fine) {
  .sunset-text-link span,
  .broadcast-inner a span { transition: transform 180ms var(--ease-out); }
  .sunset-text-link:hover span { transform: translateX(4px); }
  .broadcast-inner a:hover span { transform: translateY(3px); }
  .founder-letter-details > summary:hover > i { border-color: var(--coral); background: var(--coral); }
  .founder-letter-details > summary:hover > i::before,
  .founder-letter-details > summary:hover > i::after { background: var(--ink); }
  .ledger-product:hover b { border-color: var(--coral); background: var(--coral); color: var(--ink); transform: translate(2px, -2px); }
  .access-grid a:hover { border-color: rgba(220, 238, 177, 0.42); background: rgba(255, 255, 255, 0.095); transform: translateY(-3px); }
  .access-grid a:hover .access-arrow { background: var(--lime); color: var(--ink); transform: translate(2px, -2px); }
}

@media (max-width: 980px) {
  .sunset-hero-grid { grid-template-columns: 1fr; }
  .sunset-orbit { top: 59%; left: 74%; width: 76vw; }
  .transition-card { width: min(100%, 600px); transform: none; }
  .founder-letter-intro { grid-template-columns: 1fr 300px; }
  .phase-row { grid-template-columns: 90px 160px minmax(0, 1fr); }
  .lifetime-intro,
  .additional-access { grid-template-columns: 1fr; }
  .lifetime-intro > p { max-width: 680px; }
  .member-guide-grid { grid-template-columns: 1fr; }
  .member-guide-card { min-height: 0; }
  .member-guide-card > span { margin-bottom: 36px; }
}

@media (max-width: 760px) {
  .sunset-hero { min-height: 0; padding-top: 68px; }
  .sunset-orbit { top: 69%; left: 82%; width: 100vw; }
  .sunset-kicker { flex-wrap: wrap; }
  .sunset-kicker b { width: 100%; padding-left: 18px; border-left: 0; }
  .sunset-hero h1 { font-size: clamp(55px, 16.5vw, 80px); }
  .brand-handoff { grid-template-columns: 1fr; }
  .handoff-arrow { transform: rotate(90deg); text-align: center; }
  .brand-new { justify-self: end; }
  .broadcast-inner { min-height: 130px; grid-template-columns: auto 1fr; }
  .broadcast-inner a { display: none; }
  .immediate-grid,
  .phase-heading,
  .sunset-faq-grid { grid-template-columns: 1fr; }
  .immediate-heading h2 { max-width: 12ch; }
  .founder-letter-intro { grid-template-columns: 1fr; }
  .letter-portrait { min-height: 440px; }
  .founder-evolution { justify-content: flex-start; }
  .phase-heading .eyebrow { grid-column: auto; }
  .phase-heading > p { margin-bottom: 0; }
  .phase-row { gap: 20px; grid-template-columns: 82px 1fr; }
  .phase-row::after { width: 82px; }
  .phase-number { grid-row: 1 / 3; }
  .phase-content { grid-column: 2; }
  .phase-content h3 { max-width: 20ch; }
  .ledger-head { display: none; }
  .ledger-row { min-height: 112px; gap: 7px 14px; grid-template-columns: 1fr auto; }
  .ledger-row > span,
  .ledger-product { grid-column: 1; }
  .ledger-row > span { align-self: end; font-size: 16px; }
  .ledger-product { align-self: start; }
  .ledger-row i { grid-row: 1 / 3; grid-column: 2; }
  .member-guide-heading { display: block; }
  .member-guide-heading h2 { margin: 18px 0 0; text-align: left; }
  .founder-panel { grid-template-columns: 1fr; }
  .founder-portrait { min-height: 360px; }
  .founder-portrait::after { background: linear-gradient(180deg, transparent 70%, var(--lilac)); }
  .sunset-faq-heading { position: static; }
}

@media (max-width: 520px) {
  .sunset-hero .button-row { align-items: stretch; flex-direction: column; }
  .sunset-hero .button,
  .sunset-text-link { width: 100%; }
  .sunset-text-link { justify-content: center; }
  .transition-card-top { align-items: flex-start; flex-direction: column; gap: 8px; }
  .broadcast-mark { width: 42px; height: 42px; }
  .founder-letter-frame { width: calc(100% - 24px); border-radius: 20px; }
  .founder-letter-copy { padding: 38px 25px 46px; }
  .founder-letter-copy::after { display: none; }
  .letter-kicker { align-items: flex-start; line-height: 1.5; }
  .founder-letter-copy h2 { font-size: 52px; }
  .founder-letter-thesis { font-size: 29px; }
  .letter-portrait { min-height: 350px; }
  .founder-letter-details > summary { min-height: 116px; padding: 22px 20px; }
  .founder-letter-details > summary small { max-width: 30ch; }
  .founder-letter-details > summary > i { width: 40px; height: 40px; flex-basis: 40px; }
  .founder-letter-body { width: calc(100% - 40px); }
  .founder-letter-preview-body { padding-top: 48px; padding-bottom: 44px; }
  .founder-letter-preview-body .letter-chapter { padding-top: 38px; }
  .founder-letter-body p { font-size: 17px; }
  .letter-chapter { padding-top: 44px; }
  .letter-pullquote { padding: 30px 23px; margin-top: 52px; border-radius: 14px; font-size: 31px; }
  .phase-row { padding: 30px 0; grid-template-columns: 66px 1fr; }
  .phase-row::after { width: 66px; }
  .phase-number strong { font-size: 43px; }
  .phase-timing strong { font-size: 15px; }
  .phase-content p,
  .phase-content li { font-size: 16px; }
  .access-grid { grid-template-columns: 1fr; }
  .founder-panel { border-radius: 20px; }
  .founder-portrait { min-height: 300px; }
  .founder-panel blockquote { padding: 32px 24px 38px; }
  .founder-panel blockquote > p { font-size: 34px; }
  .sunset-faq summary { padding-right: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .transition-card { transform: none; }
}