:root {
  --landing-ink: #080b1a;
  --landing-violet: #342cff;
  --landing-paper: #faf7f3;
  --landing-line: #ddd7d1;
  --landing-max: 1440px;
}

body { background: var(--landing-paper); color: var(--landing-ink); }
#landing { overflow: hidden; }
.section-background { background-position: center; background-repeat: no-repeat; }

.section-kicker {
  color: var(--landing-violet);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .055em;
}

.ways > p,
.clarity-copy > p {
  font-size: 10px;
  line-height: 1.75;
}

.pill {
  background: #080b18;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 500;
  min-height: 52px;
  padding: 0 34px;
}
/* Three journey cards. */
.ways {
  --advance-scene-progress: 1;
  background: transparent;
  margin: 0 auto;
  max-width: var(--landing-max);
  padding: 0 7% 18px;
  position: relative;
  text-align: center;
  z-index: 3;
}
.ways::before {
  background:
    radial-gradient(circle at 50% 35%, #fff 0, rgba(255, 255, 255, .84) 42%, transparent 76%),
    var(--landing-paper);
  content: '';
  inset: 0;
  opacity: var(--advance-scene-progress);
  position: absolute;
  transform: scale(calc(.96 + var(--advance-scene-progress) * .04));
  transform-origin: center top;
  will-change: opacity, transform;
  z-index: -1;
}
.ways-intro {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(460px, 72vh, 580px);
  overflow: hidden;
  padding: 30px 24px 24px;
  position: relative;
}
.ways-intro::before,
.ways-intro::after {
  background: repeating-linear-gradient(132deg, transparent 0 10px, rgba(205, 151, 54, .22) 10px 11px);
  content: '';
  height: 72%;
  pointer-events: none;
  position: absolute;
  width: 23%;
  opacity: clamp(0, calc((var(--advance-scene-progress) - .12) * 2.5), 1);
  transition: none;
  will-change: opacity, transform;
}
.ways-intro::before { border-right: 1px solid rgba(205, 151, 54, .55); left: -8%; top: -22%; transform: translateX(calc(-35px + var(--advance-scene-progress) * 35px)) skewX(-31deg); }
.ways-intro::after { border-left: 1px solid rgba(205, 151, 54, .55); bottom: -25%; right: -9%; transform: translateX(calc(35px - var(--advance-scene-progress) * 35px)) skewX(-31deg); }
.ways-intro > * {
  --reveal: clamp(0, calc((var(--advance-scene-progress) - var(--reveal-at, .2)) * 3.4), 1);
  filter: blur(calc(7px - var(--reveal) * 7px));
  opacity: var(--reveal);
  transform: translateY(calc(28px - var(--reveal) * 28px));
  will-change: filter, opacity, transform;
}
.ways-intro > .section-kicker { --reveal-at: .12; }
.ways-intro > h1 { --reveal-at: .18; }
.ways-intro > .ways-ornament { --reveal-at: .28; }
.ways-intro > h2 { --reveal-at: .34; }
.ways-intro > p { --reveal-at: .42; }
.ways-intro > .pill { --reveal-at: .5; }
.ways h2 {
  font: 400 clamp(25px, 2.4vw, 35px)/1.1 var(--font-serif);
  letter-spacing: -.022em;
  margin: 14px 0 11px;
}
.ways h1 {
  color: #07162f;
  font: 400 clamp(51px, 5.75vw, 86px)/.93 var(--font-serif);
  letter-spacing: -.035em;
  margin: 20px 0 16px;
}
.ways-intro > p { font-size: 14px; line-height: 1.5; margin: 0 0 20px; }
.ways .section-kicker { border: 1px solid #dedbd7; border-radius: 999px; color: #075de5; letter-spacing: .22em; padding: 7px 20px; }
.ways .pill { border: 1px solid #c7973b; border-radius: 9px; box-shadow: 0 6px 14px rgba(8, 25, 51, .16); font-size: 14px; min-height: 54px; padding: 0 34px; }
.ways .pill span { color: #d2a03d; font-size: 22px; margin-left: 11px; vertical-align: -2px; }
.ways-ornament { align-items: center; color: #cc9638; display: flex; gap: 14px; width: 190px; }
.ways-ornament::before,
.ways-ornament::after { background: linear-gradient(90deg, transparent, #d4ae69); content: ''; height: 1px; width: 76px; }
.ways-ornament::after { background: linear-gradient(90deg, #d4ae69, transparent); }
.ways-ornament img { height: 24px; object-fit: contain; width: 30px; }

.journey-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 34px;
  text-align: left;
}
.journey {
  --card-progress: clamp(0, calc((var(--advance-scene-progress) - var(--card-reveal-at, .48)) * 3.2), 1);
  border-radius: 10px;
  clip-path: inset(calc(18% - var(--card-progress) * 18%) 0 0 round 10px);
  height: min(610px, calc(100vh - 250px));
  min-height: 480px;
  opacity: var(--card-progress);
  overflow: visible;
  position: relative;
  transform: translateY(calc(74px - var(--card-progress) * 74px)) scale(calc(.97 + var(--card-progress) * .03));
  transform-origin: center top;
  will-change: clip-path, opacity, transform;
}
.journey:nth-child(1) { --card-reveal-at: .46; }
.journey:nth-child(2) { --card-reveal-at: .54; }
.journey:nth-child(3) { --card-reveal-at: .62; }
.journey-background {
  background-color: #d8d0c8;
  background-size: cover;
  border-radius: 10px;
  inset: 0 0 38px;
  overflow: hidden;
  position: absolute;
}
.build .journey-background { background-image: url('/understandsYou.webp'); }
.review .journey-background { background-image: url('/thinksWithYou.webp'); }
.advance .journey-background { background-image: url('/vestmindCouplePortrait.webp'); }

/* The landing artwork begins as a full-viewport frame behind the primary menu,
   then travels into the Advance card. The portrait beneath it is revealed as
   the frame docks; app.js supplies exact geometry at every breakpoint. */
.advance-image-flight {
  border-radius: var(--advance-flight-radius, 0);
  box-shadow: 0 24px 70px rgba(28, 18, 54, calc(.18 * var(--advance-flight-progress, 0)));
  height: var(--advance-flight-height, 0);
  left: var(--advance-flight-left, 0);
  opacity: var(--advance-flight-visibility, 0);
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: var(--advance-flight-top, 100vh);
  visibility: hidden;
  width: var(--advance-flight-width, 100vw);
  will-change: left, top, width, height, opacity, border-radius;
  z-index: 4;
}
.advance-image-flight.is-travelling,
.advance-image-flight.is-docking { visibility: visible; }
.advance-image-flight.is-travelling:not(.is-docking) { pointer-events: auto; }
.advance-image-flight.is-docking { z-index: 2; }
.advance-image-flight > img {
  height: 100%;
  object-fit: cover;
  transform: scale(calc(1.035 - var(--advance-flight-progress, 0) * .035));
  transform-origin: center 42%;
  width: 100%;
  will-change: transform;
}
.advance-flight-copy {
  color: var(--landing-ink);
  left: var(--public-hero-copy-left);
  max-width: 570px;
  opacity: calc(1 - var(--advance-flight-progress, 0) * 1.75);
  position: absolute;
  text-shadow: none;
  top: var(--public-hero-copy-top);
  transform: translateY(calc(var(--advance-flight-progress, 0) * -24px));
  will-change: opacity, transform;
  z-index: 1;
}
.advance-flight-brand {
  align-items: center;
  display: flex;
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 600;
  gap: 12px;
  letter-spacing: .12em;
  line-height: 1;
  margin-bottom: 28px;
}
.advance-flight-brand img {
  background: transparent;
  display: block;
  height: 40px;
  max-width: 50px;
  object-fit: contain;
  width: auto;
}
.advance-flight-copy h2 {
  font: 400 clamp(54px, 6vw, 90px)/.96 var(--font-serif);
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
.advance-flight-copy p { font-size: 14px; line-height: 1.65; margin: 0; max-width: 470px; }
.advance-chat-preview { margin-top: 28px; width: min(440px, 78vw); }
.advance-chat-form { max-width: 440px; }
.advance-chat-box {
  align-items: center;
  background: rgba(255, 255, 255, .82);
  border: 1px solid #ddd6ce;
  border-radius: 14px;
  box-shadow: none;
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  grid-template-rows: 1fr auto;
  min-height: 156px;
  padding: 17px 17px 12px;
  transition: border-color .25s, box-shadow .25s;
}
.advance-chat-box:focus-within { border-color: #9d8ae5; box-shadow: 0 0 0 3px rgba(99, 56, 238, .08); }
.advance-chat-box input { align-self: start; background: transparent; border: 0; color: #28263d; font: 14px Inter, sans-serif; grid-column: 1 / -1; outline: 0; width: 100%; }
.advance-chat-box input::placeholder { color: #666681; opacity: 1; }
.advance-chat-tool,
.advance-chat-send { background: transparent; border: 0; cursor: pointer; display: grid; place-items: center; }
.advance-chat-tool { color: #65627e; height: 32px; width: 36px; }
.advance-chat-tool svg { fill: none; height: 21px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 21px; }
.advance-chat-tool + .advance-chat-tool { border-left: 1px solid #ded8d2; }
.advance-chat-send { background: #6338ee; border-radius: 50%; box-shadow: 0 7px 16px rgba(99, 56, 238, .24); color: #fff; font-size: 20px; grid-column: 4; height: 42px; transition: transform .25s, box-shadow .25s; width: 42px; }
.advance-chat-send:hover { box-shadow: 0 10px 26px rgba(99, 56, 238, .34); transform: scale(1.06); }
.advance-chat-suggestions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.advance-chat-suggestions button { background: rgba(255, 255, 255, .48); border: 1px solid #ddd6ce; border-radius: 8px; color: #575672; cursor: pointer; font: 10px Inter, sans-serif; padding: 9px 11px; white-space: nowrap; }
.advance-chat-suggestions button:hover { background: #fff; border-color: #8c78df; color: #4f31dc; }
.advance-chat-status { color: var(--landing-ink); font-size: 11px; min-height: 17px; padding-top: 8px; }
@media (max-width: 640px) {
  .advance-flight-copy { left: 24px; right: 24px; top: 14%; }
  .advance-flight-brand { font-size: 12px; gap: 7px; margin-bottom: 20px; }
  .advance-flight-brand img { height: 32px; }
  .advance-flight-copy h2 { font-size: 46px; }
  .advance-flight-copy p { font-size: 12px; max-width: 330px; }
  .advance-chat-preview { margin-top: 20px; width: calc(100vw - 48px); }
  .advance-chat-suggestions { display: grid; }
  .advance-chat-suggestions button { text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .advance-chat-send { transition: none; } }

.journey-head {
  isolation: isolate;
  padding: 24px 27px;
  position: absolute;
  z-index: 2;
}
.journey-head::before { background: radial-gradient(ellipse at 20% 38%, rgba(255,255,255,.42) 0, rgba(255,255,255,.2) 42%, transparent 74%); content: ''; filter: blur(12px); inset: 5px -30px -12px -18px; pointer-events: none; position: absolute; z-index: -1; }
.journey-head > b { color: #173dff; font-size: 8px; font-weight: 600; letter-spacing: .08em; text-shadow: 0 1px 1px rgba(255,255,255,.58), 0 0 6px rgba(255,255,255,.4), 0 3px 12px rgba(255,255,255,.24); }
.journey h3 { color: #070b1c; font: 20px/1.08 var(--font-serif); margin: 12px 0; text-shadow: 0 1px 1px rgba(255,255,255,.6), 0 0 5px rgba(255,255,255,.44), 0 3px 13px rgba(255,255,255,.28); }
.insight {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(20, 15, 30, .08);
  border-radius: 9px;
  bottom: 91px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
  font-size: 8px;
  left: 25px;
  padding: 14px 17px;
  position: absolute;
  right: 25px;
  z-index: 2;
}
.insight span { display: block; padding: 6px 0; }
.insight span b { float: right; }
.insight em { color: var(--landing-violet); font-style: normal; }
.insight ul { display: grid; gap: 7px; list-style: none; margin: 0; padding: 0; }
.insight li { align-items: center; color: #171927; display: flex; font-size: 10px; font-weight: 500; line-height: 1.35; }
.insight li::before { background: linear-gradient(135deg, #7956ff, #342cff); border: 2px solid rgba(255,255,255,.9); border-radius: 50%; box-shadow: 0 2px 7px rgba(52,44,255,.28); content: ''; flex: 0 0 8px; height: 8px; margin-right: 10px; width: 8px; }
.journey > button {
  background: rgba(255, 255, 255, .96);
  border: 0;
  border-radius: 8px;
  bottom: 54px;
  color: var(--landing-ink);
  font-size: 10px;
  font-weight: 600;
  height: 48px;
  left: 25px;
  position: absolute;
  right: 25px;
  z-index: 3;
}
.journey > button b { float: right; font-size: 14px; }
.journey footer { bottom: 0; font: 14px var(--font-serif); position: absolute; text-align: center; width: 100%; }
.context-line { font: 20px var(--font-serif); margin: 38px 0 0; }

/* Full-bleed monitoring section. */
.always {
  background-color: #091012;
  background-image: url('/landingPageCapitalMoves.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  min-height: 530px;
  position: relative;
}
.always::before {
  background: linear-gradient(90deg, rgba(4, 10, 12, .82) 0, rgba(4, 10, 12, .58) 38%, rgba(4, 10, 12, 0) 70%);
  content: '';
  inset: 0;
  position: absolute;
  pointer-events: none;
}
.always-copy {
  left: max(7vw, calc((100vw - var(--landing-max)) / 2));
  max-width: 520px;
  position: absolute;
  top: 75px;
}
.section-kicker.light { color: #fff; }
.always h2,
.clarity h2 {
  font: 400 31px/1.05 var(--font-serif);
  letter-spacing: -.015em;
  margin: 19px 0;
}
.always p { font-size: 10px; line-height: 1.65; max-width: 455px; }
.always-copy > button,
.watch-tabs span {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 999px;
  color: #fff;
  padding: 11px 23px;
}
.always-copy > button { font-size: 9px; margin-top: 22px; }
.watch-tabs { bottom: -125px; display: flex; gap: 12px; position: absolute; }
.watch-tabs span { font-size: 9px; }
.watch-tabs .active { background: #fff; color: #111; }
.context-card {
  background: rgba(250, 248, 245, .94);
  border-radius: 10px;
  bottom: 16px;
  color: var(--landing-ink);
  padding: 19px;
  position: absolute;
  right: max(10vw, calc((100vw - 1250px) / 2));
  width: 330px;
}
.context-card small,
.context-card strong,
.context-card span { display: block; }
.context-card strong { font: 14px var(--font-serif); padding: 5px 8px 12px; }
.context-card span { border-top: 1px solid #ddd; font-size: 7px; padding: 10px 8px; }
.context-card span b { color: var(--landing-violet); float: right; }

/* Reasoning, proof points and privacy footer. */
.clarity {
  background-color: #f5f0e9;
  background-image: url('/clarityYoucanSee.webp'), url('/landingPageClarityYouCanSee.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  min-height: 620px;
  padding: 78px max(6vw, calc((100vw - 1510px) / 2)) 150px;
  position: relative;
}
.clarity-copy { max-width: 590px; position: relative; z-index: 1; }
.clarity .section-kicker { color: #b77a1d; font-size: 12px; letter-spacing: .13em; }
.clarity h2 { color: #071326; font-size: clamp(48px, 4.25vw, 68px); letter-spacing: -.025em; line-height: .99; margin: 25px 0 28px; }
.clarity-copy > p { color: #192235; font-size: 15px; line-height: 1.55; margin: 0; max-width: 560px; }
.clarity .pill { border: 1px solid #b98431; border-radius: 9px; font-size: 14px; margin-top: 30px; min-height: 54px; padding: 0 27px; }
.clarity .pill span { color: #d79b36; font-size: 23px; margin-left: 17px; vertical-align: -2px; }
.clarity blockquote { align-items: flex-start; color: #071326; display: grid; grid-template-columns: 45px 1fr; margin: 36px 0 0; max-width: 570px; }
.clarity .quote-mark { color: #bf8429; font: 54px/.8 var(--font-serif); }
.clarity blockquote p { border-left: 1px solid #d8b577; font: 21px/1.35 var(--font-serif); margin: 0; padding-left: 31px; }
.clarity blockquote small { color: #444b59; display: block; font: 13px var(--font-sans); grid-column: 2; margin: 18px 0 0 32px; }
.clarity blockquote small b { color: #b77a1d; font-weight: 500; }

.stats {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(4, 1fr);
  margin: -94px auto 0;
  max-width: 1560px;
  padding: 0 34px 32px;
  position: relative;
  z-index: 2;
}
.stat-card { align-items: center; background: rgba(255, 253, 250, .94); border: 1px solid #eadfce; border-radius: 15px; box-shadow: 0 8px 20px rgba(46, 36, 24, .1); display: flex; gap: 28px; min-height: 156px; padding: 25px 35px; }
.stat-card i { align-items: center; background: #f5f0e9; border-radius: 50%; box-shadow: 0 3px 7px rgba(68, 52, 35, .1); color: #c28a31; display: flex; flex: 0 0 76px; font-style: normal; height: 76px; justify-content: center; }
.stat-card i.rupee { font-family: Georgia, serif; font-size: 43px; font-weight: 400; }
.stat-card svg { fill: none; height: 42px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 42px; }
.stat-card p { margin: 0; }
.stats strong,
.stats span { display: block; }
.stats strong { color: #071326; font: 40px/1 var(--font-serif); white-space: nowrap; }
.stats span { font-size: 14px; margin-top: 13px; white-space: nowrap; }
.stats em { background: #c58a2f; display: block; height: 2px; margin-top: 15px; width: 32px; }

.privacy-section {
  align-items: center;
  background-color: #080d1d;
  background-image: url('/yourPortfolioRemainsYours.webp');
  background-position: center 61%;
  background-repeat: no-repeat;
  background-size: 100% 78%;
  color: #f7f1e8;
  display: flex;
  flex-direction: column;
  min-height: min(900px, 50vw);
  padding: clamp(48px, 3.1vw, 58px) max(7vw, calc((100vw - 1300px) / 2)) clamp(50px, 3.4vw, 64px);
  position: relative;
  text-align: center;
}
.privacy-heading { position: relative; z-index: 1; }
.privacy-heading .section-kicker { color: #e8ad4d; font-size: 13px; font-weight: 600; letter-spacing: .16em; }
.privacy-heading h2 {
  color: #f7f2ea;
  font: 400 clamp(48px, 4.25vw, 76px)/1.05 var(--font-serif);
  letter-spacing: -.02em;
  margin: 28px 0 14px;
}
.privacy-heading h2 em { color: #e8ad4d; font-style: normal; }
.privacy-heading p { color: #c8c5ca; font-size: 18px; letter-spacing: -.015em; margin: 0; }
.privacy-heading button {
  align-items: center;
  background: #faf6ee;
  border: 0;
  border-radius: 999px;
  color: #111522;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  margin: 24px auto 0;
  min-height: 58px;
  padding: 0 42px;
  position: relative;
  width: 292px;
}
.privacy-heading button span { font-size: 25px; line-height: 1; position: absolute; right: 50px; top: 15px; }
.privacy-heading button { transition: box-shadow .35s ease, transform .35s ease; }
.privacy-heading button span { transition: transform .35s ease; }
.privacy-heading button:hover { box-shadow: 0 12px 34px rgba(232, 173, 77, .2); transform: translateY(-3px); }
.privacy-heading button:hover span { transform: translateX(5px); }
.privacy-features {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
  margin-top: auto;
  max-width: 1040px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1;
}
.privacy-features > div { align-items: center; display: flex; gap: 22px; min-height: 82px; opacity: 1; padding: 0 40px; }
.privacy-features > div + div { border-left: 1px solid rgba(235, 220, 191, .55); }
.privacy-features i {
  align-items: center;
  background: rgba(17, 22, 37, .72);
  border: 1px solid rgba(232, 173, 77, .85);
  border-radius: 50%;
  color: #e8ad4d;
  display: flex;
  flex: 0 0 64px;
  font-size: 25px;
  font-style: normal;
  height: 64px;
  justify-content: center;
}
.privacy-features svg { fill: none; height: 30px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 30px; }
.privacy-features p { margin: 0; }
.privacy-features strong,
.privacy-features span { display: block; }
.privacy-features strong { color: #fffdf8; font-size: 16px; font-weight: 600; margin-bottom: 8px; text-shadow: 0 1px 12px rgba(255,255,255,.12); }
.privacy-features span { color: #e0dcda; font-size: 14px; line-height: 1.5; }

@keyframes privacy-reveal-up {
  from { filter: blur(5px); opacity: 0; transform: translateY(24px); }
  to { filter: blur(0); opacity: 1; transform: translateY(0); }
}
@keyframes privacy-icon-glow {
  0%, 100% { box-shadow: 0 0 0 rgba(232, 173, 77, 0); }
  50% { box-shadow: 0 0 24px rgba(232, 173, 77, .16); }
}
@supports (animation-timeline: view()) {
  .privacy-heading > * {
    animation: privacy-reveal-up both cubic-bezier(.22, 1, .36, 1);
    animation-range: entry 8% cover 30%;
    animation-timeline: view();
  }
  .privacy-heading h2 { animation-range: entry 12% cover 34%; }
  .privacy-heading p { animation-range: entry 16% cover 38%; }
  .privacy-heading button { animation-range: entry 20% cover 42%; }
}
.privacy-features i { animation: privacy-icon-glow 4s ease-in-out infinite; }
.privacy-features > div:nth-child(2) i { animation-delay: .45s; }
.privacy-features > div:nth-child(3) i { animation-delay: .9s; }

@media (prefers-reduced-motion: reduce) {
  .privacy-heading > *, .privacy-features i { animation: none; }
  .privacy-heading button, .privacy-heading button span { transition: none; }
}
@media (max-width: 900px) {
  .ways { padding: 0 20px 18px; }
  .journey-grid { grid-template-columns: 1fr; margin-inline: auto; max-width: 440px; }
  .always-copy { left: 25px; top: 58px; }
  .context-card { right: 25px; }
  .watch-tabs { display: none; }
  .clarity { background-position: 58% center; min-height: 700px; padding: 55px 30px 155px; }
  .clarity::before { background: linear-gradient(90deg, rgba(248,244,239,.96) 0 55%, rgba(248,244,239,.55) 75%, transparent); content: ''; inset: 0; position: absolute; }
  .clarity-copy { max-width: 540px; }
  .stats { grid-template-columns: 1fr 1fr; margin-top: -80px; padding-inline: 25px; }
  .privacy-section { background-position: center; background-size: cover; min-height: 820px; padding-inline: 24px; }
  .privacy-features > div { gap: 15px; padding: 0 18px; }
  .privacy-features i { flex-basis: 52px; height: 52px; }
}

@media (max-width: 560px) {
  .ways h2 { font-size: 30px; }
  .ways h1 { font-size: 42px; }
  .ways-intro { padding-inline: 0; }
  .ways-intro > p br { display: none; }
  .always { min-height: 630px; }
  .always-copy { right: 25px; }
  .context-card { bottom: 18px; left: 20px; right: 20px; width: auto; }
  .clarity { background-position: 65% center; min-height: 730px; padding: 45px 22px 110px; }
  .clarity::before { background: rgba(248,244,239,.8); }
  .clarity h2 { font-size: 42px; }
  .clarity-copy > p br, .clarity blockquote p br { display: none; }
  .clarity blockquote p { font-size: 18px; padding-left: 18px; }
  .clarity blockquote { grid-template-columns: 31px 1fr; }
  .stats { gap: 14px; grid-template-columns: 1fr; margin-top: -70px; padding-inline: 18px; }
  .stat-card { min-height: 130px; }
  .privacy-section { min-height: 760px; padding: 52px 20px 30px; }
  .privacy-heading h2 { font-size: 38px; }
  .privacy-heading p { font-size: 12px; }
  .privacy-heading button { width: 250px; }
  .privacy-features { grid-template-columns: 1fr; }
  .privacy-features > div { min-height: 88px; padding: 10px 20px; }
  .privacy-features > div + div { border-left: 0; border-top: 1px solid rgba(232, 221, 255, .3); }
}