@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Host+Grotesk:wght@400;500;600&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap");

html { scroll-behavior: smooth; }

.echo-landing-v3 {
  --v3-paper: #fffdf8;
  --v3-ink: #101936;
  --v3-charcoal: #171716;
  --v3-muted: #6b7181;
  --v3-line: rgb(16 25 54 / 14%);
  --v3-lime: #d9f344;
  --v3-lavender: #f0e4ff;
  --v3-content-width: 1120px;
  --v3-page-gutter: clamp(24px, 4vw, 64px);
  --v3-hero-bottom-space: clamp(88px, 10vh, 124px);
  background-color: var(--v3-paper);
  background-image: linear-gradient(rgb(247 244 238 / 52%), rgb(247 244 238 / 52%)), var(--v3-paper-texture);
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: cover, 640px auto;
  color: var(--v3-ink);
  font: 400 16px/1.5 "Instrument Sans", sans-serif;
  overflow: clip;
}
.echo-landing-v3 > main { display: flex; flex-direction: column; }

.echo-landing-v3 *, .echo-landing-v3 *::before, .echo-landing-v3 *::after { box-sizing: border-box; }
.echo-landing-v3 :is(h1, h2, h3, p, figure, ul) { margin: 0; }
.echo-landing-v3 ul { padding: 0; list-style: none; }
.echo-landing-v3 a { color: inherit; text-decoration: none; }
.echo-landing-v3 a:focus-visible, .echo-landing-v3 summary:focus-visible { outline: 2px solid var(--v3-lime); outline-offset: 4px; }
.echo-landing-v3__wrap { width: min(var(--v3-content-width), calc(100% - (var(--v3-page-gutter) * 2))); margin-inline: auto; }
.echo-landing-v3__skip, .echo-landing-v3__sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.echo-landing-v3__skip:focus { z-index: 20; top: 12px; left: 12px; width: auto; height: auto; clip-path: none; padding: 10px 14px; background: var(--v3-paper); }
.echo-landing-v3 h1, .echo-landing-v3 h2, .echo-landing-v3 h3 { font-family: "Host Grotesk", sans-serif; font-weight: 400; letter-spacing: -.05em; }

.echo-landing-v3__header { position: fixed; z-index: 10; top: 0; right: 0; left: 0; color: #fff; background: linear-gradient(rgb(10 10 9 / 74%), rgb(10 10 9 / 35%)); backdrop-filter: blur(12px); }
.echo-landing-v3__header-inner { display: flex; align-items: center; min-height: 84px; gap: 38px; }
.echo-landing-v3__brand { position: relative; display: inline-flex; align-items: center; color: #d0ff71 !important; font: 600 31px/1 "Nura", "Host Grotesk", sans-serif; letter-spacing: -.07em; text-shadow: 0 0 18px rgb(208 255 113 / 38%); }
.echo-landing-v3__brand::before { position: absolute; z-index: -1; width: 70px; height: 30px; border-radius: 50%; background: rgb(208 255 113 / 17%); filter: blur(11px); content: ""; }
.echo-landing-v3__desktop-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; font-size: 14px; color: rgb(255 255 255 / 73%); }
.echo-landing-v3__desktop-nav a:hover, .echo-landing-v3__text-link:hover { color: var(--v3-lime); text-decoration: underline; text-underline-offset: 5px; }
.echo-landing-v3__button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 999px; background: var(--v3-lime); color: var(--v3-ink) !important; padding: 14px 26px; font: 600 13px/1 "Geist", sans-serif; transition: transform .18s ease, background-color .18s ease; }
.echo-landing-v3__button:hover { background: #e9ff77; transform: translateY(-2px); }
.echo-landing-v3__button--compact { min-height: 40px; padding: 10px 18px; margin-left: 10px; }
.echo-landing-v3__button--sign-in { border: 1px solid rgb(255 255 255 / 56%); background: rgb(255 255 255 / 8%); color: #fff !important; }
.echo-landing-v3__button--sign-in:hover { border-color: var(--v3-lime); background: rgb(217 243 68 / 15%); }
.echo-landing-v3__button--light { background: var(--v3-paper); }
.echo-landing-v3__button--secondary { border: 1px solid rgb(16 25 54 / 18%); background: #fff; }
.echo-landing-v3__button--secondary:hover { background: #f7f5f0; }
.echo-landing-v3__mobile-nav { display: none; margin-left: auto; }

.echo-landing-v3__signal-hero { position: relative; z-index: 0; display: grid; min-height: 100svh; overflow: hidden; isolation: isolate; padding: 0; color: #fff; background: var(--v3-charcoal); }
.echo-landing-v3__signal-hero::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 28%) 0%, transparent 42%, rgb(0 0 0 / 18%) 57%, rgb(9 9 8 / 76%) 73%, rgb(9 9 8 / 94%) 100%); content: ""; }
.echo-landing-v3__signal-hero > .echo-landing-v3__wrap { display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; padding: 108px 0 var(--v3-hero-bottom-space); }
.echo-landing-v3__banner-picture { position: absolute; z-index: -2; inset: 0; display: block; }
.echo-landing-v3__banner { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; }
.echo-landing-v3__hero-copy { display: grid; gap: 16px; max-width: 900px; }
.echo-landing-v3__hero-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--v3-lime); font: 600 11px/1 "Geist", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.echo-landing-v3__hero-kicker span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgb(217 243 68 / 13%), 0 0 14px rgb(217 243 68 / 48%); }
.echo-landing-v3__signal-statement { display: grid; gap: 0; max-width: 900px; margin: 0 !important; color: rgb(255 255 255 / 93%); font: 400 clamp(40px, 4.15vw, 63px)/1.07 "Instrument Sans", sans-serif; letter-spacing: -.058em; text-align: left; text-wrap: balance; }
.echo-landing-v3__signal-statement strong { color: #fff; font-weight: 600; }
.echo-landing-v3__driver-word, .echo-landing-v3__friction-word { color: #fff; }
.echo-landing-v3__rotator { display: inline-block; }
.echo-landing-v3__rotator > [aria-hidden="true"] { color: var(--v3-lime); font-weight: 600; text-shadow: 0 0 26px rgb(217 243 68 / 35%); }
.echo-landing-v3__rotator .is-changing { animation: v3-term-in .42s cubic-bezier(.2, .8, .2, 1); }

.echo-landing-v3__overview { display: grid; grid-template-columns: minmax(330px, 1.1fr) minmax(360px, .9fr); align-items: center; gap: clamp(36px, 5vw, 72px); padding: clamp(88px, 9vw, 126px) 0 clamp(72px, 7vw, 104px); }
.echo-landing-v3__eyebrow { color: #6970a9; font: 600 11px/1 "Geist", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.echo-landing-v3__overview h2 { max-width: 14ch; margin-top: 0 !important; font-size: clamp(42px, 4.55vw, 62px); line-height: 1; }
.echo-landing-v3__overview-statement { position: relative; display: inline-block; margin-top: 30px !important; color: var(--v3-ink); font-size: clamp(25px, 2.2vw, 32px); font-weight: 500; letter-spacing: -.05em; line-height: 1.1; }
.echo-landing-v3__overview-statement::after { position: absolute; right: 0; bottom: -11px; left: 0; height: 2px; background: var(--v3-lime); content: ""; }
.echo-landing-v3__overview-description { max-width: 43ch; margin-top: 34px !important; color: var(--v3-muted); font-size: 17px; line-height: 1.58; }
.echo-landing-v3__overview-description span { display: block; }
.echo-landing-v3__overview-description span + span { max-width: 40ch; }
.echo-landing-v3__overview-privacy { display: inline-flex; align-items: center; gap: 10px; margin-top: 25px; color: #536070; }
.echo-landing-v3__overview-privacy svg { width: 19px; height: 19px; flex: 0 0 auto; color: #687f00; }.echo-landing-v3__overview-privacy span { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; }.echo-landing-v3__overview-privacy strong { color: var(--v3-ink); font: 600 11px/1.2 "Geist", sans-serif; letter-spacing: .025em; }.echo-landing-v3__overview-privacy small { color: #657086; font: 500 11px/1.25 "Geist", sans-serif; }.echo-landing-v3__overview-privacy small::before { margin-right: 5px; color: #98a0ac; content: "·"; }
.echo-landing-v3__overview-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.echo-landing-v3__device-scene { display: flex; align-items: center; min-height: 523px; margin: 0; }
.echo-landing-v3__device-mockup { display: block; width: min(138%, 930px); max-width: none; height: auto; margin-inline: auto; filter: drop-shadow(0 28px 24px rgb(16 25 54 / 16%)); transform: translate(-7%, 16px); }

.echo-landing-v3__value-bridge { --v3-value-line: rgb(255 255 255 / 17%); padding-block: clamp(90px, 11vw, 155px); color: var(--v3-paper); background: linear-gradient(rgb(28 28 26 / 58%), rgb(28 28 26 / 70%)), var(--echo-dark-paper); background-size: cover, cover; text-align: center; }
.echo-landing-v3__value-bridge-intro { max-width: 780px; margin-inline: auto; }
.echo-landing-v3__value-bridge-intro .echo-landing-v3__eyebrow { color: var(--v3-lime); font-size: 13px; }
.echo-landing-v3__value-bridge-intro h2 { margin-top: 18px !important; color: #fff; font-size: clamp(43px, 5vw, 70px); line-height: .99; }
.echo-landing-v3__value-bridge-intro > p:last-child { max-width: 51ch; margin: 25px auto 0 !important; color: rgb(255 255 255 / 65%); font-size: 16px; line-height: 1.62; }
.echo-landing-v3__value-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(56px, 7vw, 88px); border-top: 1px solid var(--v3-value-line); border-bottom: 1px solid var(--v3-value-line); text-align: left; }
.echo-landing-v3__value-card { min-height: 335px; padding: clamp(27px, 4vw, 52px); }
.echo-landing-v3__value-card + .echo-landing-v3__value-card { border-left: 1px solid var(--v3-value-line); }
.echo-landing-v3__value-mark { display: flex; align-items: center; height: 72px; margin-bottom: 30px; }
.echo-landing-v3__value-mark--personal { position: relative; justify-content: center; width: 72px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 50%; }
.echo-landing-v3__value-mark--personal::before, .echo-landing-v3__value-mark--personal::after { position: absolute; border: 1px solid rgb(217 243 68 / 76%); border-radius: 50%; content: ""; }
.echo-landing-v3__value-mark--personal::before { width: 42px; height: 42px; }
.echo-landing-v3__value-mark--personal::after { width: 22px; height: 22px; background: var(--v3-lime); }
.echo-landing-v3__value-mark--personal i { position: relative; z-index: 1; width: 6px; height: 6px; border-radius: 50%; background: var(--v3-ink); }
.echo-landing-v3__value-mark--personal span { position: absolute; right: -17px; width: 16px; height: 1px; background: rgb(255 255 255 / 78%); }
.echo-landing-v3__value-mark--team { display: grid; grid-template-columns: repeat(3, 12px); grid-template-rows: repeat(3, 12px); gap: 9px; }
.echo-landing-v3__value-mark--team i { width: 12px; height: 12px; border: 1px solid rgb(255 255 255 / 38%); border-radius: 50%; }
.echo-landing-v3__value-mark--team i:nth-child(2), .echo-landing-v3__value-mark--team i:nth-child(5), .echo-landing-v3__value-mark--team i:nth-child(8) { border-color: #9db900; background: var(--v3-lime); }
.echo-landing-v3__value-card .echo-landing-v3__eyebrow { color: var(--v3-lime); font-size: 13px; }
.echo-landing-v3__value-card h3 { max-width: 12ch; color: #fff; font: 400 clamp(29px, 3vw, 42px)/1.02 "Host Grotesk", sans-serif; letter-spacing: -.05em; }
.echo-landing-v3__value-card > p:last-child { max-width: 36ch; margin-top: 17px !important; color: rgb(255 255 255 / 64%); font-size: 16px; line-height: 1.58; }
.echo-landing-v3__value-bridge-action { display: grid; justify-items: center; gap: 14px; margin-top: clamp(54px, 7vw, 82px); }
.echo-landing-v3__demo-cta { display: inline-flex; align-items: center; justify-content: center; min-width: min(100%, 330px); min-height: 76px; border-radius: 999px; background: var(--v3-lime); color: var(--v3-ink) !important; padding: 18px 38px; font: 600 clamp(17px, 1.5vw, 21px)/1 "Host Grotesk", sans-serif; letter-spacing: -.025em; transition: transform .18s ease, background-color .18s ease; }
.echo-landing-v3__demo-cta::after { margin-left: 18px; color: var(--v3-ink); content: "→"; font-size: 1.3em; }
.echo-landing-v3__demo-cta:hover { background: #e9ff77; transform: translateY(-2px); }
.echo-landing-v3__value-bridge-action p { color: rgb(255 255 255 / 58%); font: 500 13px/1.4 "Geist", sans-serif; }

.echo-landing-v3__case-study { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(390px, 1.1fr); align-items: center; order: 3; gap: clamp(36px, 7vw, 92px); padding-block: clamp(48px, 5.5vw, 68px); }
.echo-landing-v3__case-study-intro h2 { max-width: 13ch; margin-top: 15px !important; font-size: clamp(40px, 4.55vw, 60px); line-height: .99; }
.echo-landing-v3__case-study-prompt { max-width: 38ch; margin-top: 23px !important; border-radius: 18px; background: var(--v3-lime); padding: 14px 16px; color: var(--v3-ink); font: 500 14px/1.38 "Instrument Sans", sans-serif; }
.echo-landing-v3__case-study-prompt strong { display: block; margin-bottom: 4px; font-weight: 600; }
.echo-landing-v3__case-study-figure { display: block; margin: 0; }
.echo-landing-v3__case-study-visual-labels { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 10px; color: #707786; font: 600 11px/1 "Geist", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.echo-landing-v3__case-study-visual-labels span:last-child { color: #657b00; text-align: right; }
.echo-landing-v3__case-study-doodle { display: block; width: 100%; height: auto; }
.echo-landing-v3__case-study-caption { max-width: 39ch; margin-top: 15px; color: var(--v3-muted); font-size: 15px; line-height: 1.55; }
.echo-landing-v3__case-study-notes { display: grid; margin-top: 30px; border-top: 1px solid var(--v3-line); }
.echo-landing-v3__case-study-notes article { padding: 18px 0 19px; }
.echo-landing-v3__case-study-notes article + article { border-top: 1px solid var(--v3-line); }
.echo-landing-v3__case-study-label { color: #777b88; font: 600 clamp(14px, 1.35vw, 18px)/1 "Geist", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.echo-landing-v3__case-study-notes article + article .echo-landing-v3__case-study-label { color: #687f00; }
.echo-landing-v3__case-study-notes h3 { max-width: 28ch; margin-top: 10px !important; font-size: clamp(20px, 2vw, 27px); line-height: 1.07; }
.echo-landing-v3__case-study-notes > article > p:last-child { max-width: 43ch; margin-top: 10px !important; color: var(--v3-muted); font-size: 13px; line-height: 1.52; }

.echo-landing-v3__career-insights { display: grid; grid-template-columns: minmax(440px, 1.2fr) minmax(280px, .8fr); align-items: center; order: 3; gap: clamp(28px, 4.5vw, 62px); padding-block: clamp(22px, 2.8vw, 36px) clamp(30px, 3.8vw, 48px); border-top: 1px solid var(--v3-line); }
.echo-landing-v3__career-insights-copy { order: 2; }
.echo-landing-v3__career-insights-figure { order: 1; }
.echo-landing-v3__career-insights-copy h2 { max-width: 11ch; font-size: clamp(39px, 4.4vw, 58px); line-height: .99; }
.echo-landing-v3__career-insights-lede { max-width: 38ch; margin-top: 20px !important; color: var(--v3-muted); font-size: 16px; line-height: 1.58; }
.echo-landing-v3__career-comparison { margin-top: 30px; border-top: 1px solid var(--v3-line); font-size: 15px; line-height: 1.46; }
.echo-landing-v3__career-comparison-head, .echo-landing-v3__career-comparison-row { display: grid; grid-template-columns: minmax(96px, .72fr) minmax(0, 1fr) minmax(0, 1.22fr); gap: 14px; }
.echo-landing-v3__career-comparison-head { padding: 14px 0 12px; color: #747987; font: 600 11px/1.2 "Geist", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.echo-landing-v3__career-comparison-head span:last-child { color: #6b8100; }
.echo-landing-v3__career-comparison-row { padding-block: 17px; border-top: 1px solid var(--v3-line); }
.echo-landing-v3__career-comparison-row p:first-child { color: var(--v3-ink); font: 600 14px/1.35 "Geist", sans-serif; }
.echo-landing-v3__career-comparison-row p:not(:first-child) { color: var(--v3-muted); font-size: 15px; }
.echo-landing-v3__career-comparison-row p:last-child { color: #354100; }
.echo-landing-v3__career-insights-figure { margin: 0; }
.echo-landing-v3__career-insights-image { display: block; width: 100%; height: auto; }

.echo-landing-v3__founder-insights { display: grid; grid-template-columns: minmax(280px, .95fr) minmax(390px, 1.05fr); align-items: center; order: 3; gap: clamp(36px, 7vw, 92px); padding-block: clamp(22px, 2.8vw, 36px) clamp(34px, 4vw, 52px); border-top: 1px solid var(--v3-line); }
.echo-landing-v3__founder-insights-copy { order: 1; }
.echo-landing-v3__founder-insights-figure { order: 2; margin: 0; }
.echo-landing-v3__insight-kicker { color: #687f00; font: 600 clamp(14px, 1.2vw, 17px)/1 "Geist", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.echo-landing-v3__founder-insights h2 { max-width: 12ch; margin-top: 15px !important; font-size: clamp(38px, 4.2vw, 56px); line-height: .99; }
.echo-landing-v3__founder-insights-copy > p:not(.echo-landing-v3__insight-kicker) { max-width: 35ch; margin-top: 22px !important; color: var(--v3-muted); font-size: 16px; line-height: 1.62; }
.echo-landing-v3__founder-insights-copy > .echo-landing-v3__founder-insights-note { margin-top: 18px !important; border-left: 2px solid var(--v3-lime); padding-left: 12px; color: #525969; font: 500 13px/1.5 "Instrument Sans", sans-serif; }
.echo-landing-v3__founder-insights-image { display: block; width: 112%; max-width: none; height: auto; margin-left: -6%; }

.echo-landing-v3__signal-summary { order: 2; padding-block: clamp(80px, 9vw, 125px); color: var(--v3-paper); background: linear-gradient(rgb(28 28 26 / 55%), rgb(28 28 26 / 72%)), var(--echo-dark-paper); background-size: cover, cover; scroll-margin-top: 108px; }
.echo-landing-v3__signal-summary-intro { max-width: 800px; margin-inline: auto; text-align: center; }
.echo-landing-v3__signal-summary-intro .echo-landing-v3__eyebrow { color: var(--v3-lime); }
.echo-landing-v3__signal-summary-intro h2 { margin-top: 18px !important; color: #fff; font-size: clamp(43px, 5vw, 70px); line-height: .97; }
.echo-landing-v3__signal-summary-intro > p:last-child { max-width: 57ch; margin: 25px auto 0 !important; color: rgb(255 255 255 / 69%); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.55; }
.echo-landing-v3__diagnostic { display: grid; grid-template-columns: minmax(0, .8fr) 72px minmax(0, 1.2fr); align-items: stretch; margin-top: clamp(54px, 7vw, 86px); }
.echo-landing-v3__diagnostic-before, .echo-landing-v3__diagnostic-after { min-height: 485px; padding: clamp(25px, 4vw, 48px); }
.echo-landing-v3__diagnostic-before { border: 1px solid rgb(255 255 255 / 20%); border-radius: 18px 0 0 18px; background: rgb(255 255 255 / 5%); }
.echo-landing-v3__diagnostic-after { position: relative; overflow: hidden; border: 1px solid rgb(217 243 68 / 72%); border-radius: 0 18px 18px 0; background: radial-gradient(circle at 86% 9%, rgb(217 243 68 / 12%), transparent 30%), rgb(255 255 255 / 5%); color: var(--v3-paper); }
.echo-landing-v3__diagnostic-after::before { position: absolute; top: -35%; right: -20%; width: 65%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(217 243 68 / 22%), transparent 68%); content: ""; }
.echo-landing-v3__diagnostic-label { color: rgb(255 255 255 / 59%); font: 600 clamp(12px, 1.15vw, 15px)/1 "Geist", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.echo-landing-v3__diagnostic-after .echo-landing-v3__diagnostic-label { color: var(--v3-lime); }
.echo-landing-v3__diagnostic h3 { max-width: 15ch; margin-top: 18px !important; color: #fff; font-size: clamp(27px, 3vw, 42px); line-height: 1; }
.echo-landing-v3__diagnostic-after h3 { position: relative; z-index: 1; color: #fff; }
.echo-landing-v3__diagnostic-before > p:last-child, .echo-landing-v3__diagnostic-after > p:last-child { max-width: 37ch; margin-top: 26px !important; color: rgb(255 255 255 / 64%); font-size: 14px; line-height: 1.58; }
.echo-landing-v3__diagnostic-after > p:last-child { position: relative; z-index: 1; color: rgb(255 255 255 / 64%); }
.echo-landing-v3__diagnostic-arrow { display: grid; place-items: center; color: var(--v3-lime); font-size: 31px; }
.echo-landing-v3__diagnostic-arrow span { display: grid; width: 42px; aspect-ratio: 1; place-items: center; border: 1px solid rgb(217 243 68 / 54%); border-radius: 50%; background: rgb(217 243 68 / 10%); }
.echo-landing-v3__snapshot-map { position: relative; display: grid; min-height: 188px; margin-top: 25px; border: 1px dashed rgb(255 255 255 / 27%); border-radius: 14px; background: linear-gradient(135deg, rgb(255 255 255 / 4%), transparent); }
.echo-landing-v3__snapshot-map::before, .echo-landing-v3__snapshot-map::after { position: absolute; top: 50%; left: 50%; width: 52%; height: 1px; background: repeating-linear-gradient(90deg, rgb(255 255 255 / 28%) 0 5px, transparent 5px 10px); content: ""; transform-origin: left center; }.echo-landing-v3__snapshot-map::before { transform: rotate(27deg); }.echo-landing-v3__snapshot-map::after { transform: rotate(-26deg); }
.echo-landing-v3__snapshot-node, .echo-landing-v3__snapshot-question { position: absolute; display: grid; place-items: center; text-align: center; }
.echo-landing-v3__snapshot-node { width: 62px; aspect-ratio: 1; border: 1px solid rgb(255 255 255 / 28%); border-radius: 50%; background: rgb(255 255 255 / 8%); color: rgb(255 255 255 / 65%); font: 600 8px/1.18 "Geist", sans-serif; letter-spacing: .03em; }.echo-landing-v3__snapshot-node--review { top: 18px; left: 10%; }.echo-landing-v3__snapshot-node--survey { right: 10%; bottom: 19px; }.echo-landing-v3__snapshot-node--feedback { top: 19px; right: 11%; }
.echo-landing-v3__snapshot-question { top: 50%; left: 50%; z-index: 1; width: 84px; aspect-ratio: 1; border: 1px solid rgb(217 243 68 / 54%); border-radius: 50%; background: rgb(217 243 68 / 12%); box-shadow: 0 0 24px rgb(217 243 68 / 17%); color: #fff; font: 500 11px/1.25 "Geist", sans-serif; transform: translate(-50%, -50%); }
.echo-landing-v3__live-map { position: relative; z-index: 1; display: grid; grid-template-columns: 105px 1fr; align-items: center; gap: 19px 20px; min-height: 244px; margin-top: 29px; }
.echo-landing-v3__live-step { color: var(--v3-lime); font: 600 10px/1 "Geist", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.echo-landing-v3__live-inputs { display: grid; gap: 8px; }.echo-landing-v3__live-inputs span { border: 1px solid rgb(255 255 255 / 23%); border-radius: 999px; background: rgb(255 255 255 / 7%); padding: 8px 10px; color: rgb(255 255 255 / 86%); font: 500 12px/1 "Geist", sans-serif; animation: v3-live-input 4.8s ease-in-out infinite; }.echo-landing-v3__live-inputs span:nth-of-type(2) { animation-delay: .55s; }.echo-landing-v3__live-inputs span:nth-of-type(3) { animation-delay: 1.1s; }
.echo-landing-v3__live-line { position: relative; height: 88px; border-left: 1px solid rgb(217 243 68 / 54%); }.echo-landing-v3__live-line .echo-landing-v3__live-step { position: absolute; top: -15px; left: 0; }.echo-landing-v3__live-line::before { position: absolute; top: 56%; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, var(--v3-lime), rgb(217 243 68 / 15%)); content: ""; }.echo-landing-v3__live-line i { position: absolute; top: calc(56% - 4px); width: 8px; height: 8px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 14px var(--v3-lime); animation: v3-live-stream 3.6s linear infinite; }.echo-landing-v3__live-line i:nth-child(3) { animation-delay: .72s; }.echo-landing-v3__live-line i:nth-child(4) { animation-delay: 1.44s; }.echo-landing-v3__live-line i:nth-child(5) { animation-delay: 2.16s; }.echo-landing-v3__live-line i:nth-child(6) { animation-delay: 2.88s; }
.echo-landing-v3__live-reading { grid-column: 1 / -1; display: grid; gap: 12px; }.echo-landing-v3__live-themes { display: flex; flex-wrap: wrap; gap: 8px; }.echo-landing-v3__live-theme { display: grid; gap: 3px; min-width: 145px; border-left: 2px solid var(--v3-lime); background: rgb(255 255 255 / 8%); padding: 9px 11px; color: rgb(255 255 255 / 87%); font: 500 12px/1.2 "Geist", sans-serif; }.echo-landing-v3__live-theme b, .echo-landing-v3__live-pillars > b { color: var(--v3-lime); font: 600 10px/1 "Geist", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.echo-landing-v3__live-pillars { display: grid; gap: 9px; }.echo-landing-v3__live-pillars ul { display: flex; flex-wrap: wrap; gap: 6px; }.echo-landing-v3__live-pillars li { display: flex; align-items: center; gap: 4px; border: 1px solid rgb(255 255 255 / 16%); border-radius: 999px; background: rgb(255 255 255 / 5%); padding: 6px 8px; color: rgb(255 255 255 / 79%); font: 500 11px/1 "Geist", sans-serif; }.echo-landing-v3__live-pillars li.is-up { color: #e4fb69; }.echo-landing-v3__live-pillars li.is-down { color: #ffb2a5; }.echo-landing-v3__live-pillars li.is-stable { color: rgb(255 255 255 / 75%); }.echo-landing-v3__live-pillars em { color: rgb(255 255 255 / 54%); font-size: 9px; font-style: normal; }
.echo-landing-v3__live-guidance { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.echo-landing-v3__live-guidance span { display: grid; gap: 5px; border: 1px solid rgb(217 243 68 / 33%); border-radius: 9px; background: rgb(217 243 68 / 8%); padding: 11px; color: rgb(255 255 255 / 80%); font: 400 12px/1.3 "Geist", sans-serif; scroll-margin-top: 108px; }.echo-landing-v3__live-guidance b { color: var(--v3-lime); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.echo-landing-v3__live-tagline { max-width: 42ch !important; margin-top: 30px !important; border-top: 1px solid rgb(255 255 255 / 16%); padding-top: 18px; font-size: 16px !important; font-weight: 500; line-height: 1.5 !important; }

.echo-landing-v3__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 48px; }
.echo-landing-v3__section-heading h2 { margin-top: 15px !important; font-size: clamp(37px, 4vw, 52px); line-height: 1.03; }
.echo-landing-v3__section-heading > p { max-width: 36ch; color: var(--v3-muted); font-size: 15px; line-height: 1.6; }

.echo-landing-v3__system { order: 1; padding-block: clamp(72px, 8vw, 108px); color: var(--v3-paper); background: radial-gradient(circle at 50% 53%, rgb(150 112 211 / 15%), transparent 29rem), linear-gradient(rgb(26 26 24 / 50%), rgb(26 26 24 / 68%)), var(--echo-dark-paper); background-size: cover, cover, cover; }
.echo-landing-v3__system-detail { margin-top: clamp(72px, 9vw, 120px); padding-top: clamp(56px, 7vw, 88px); text-align: left; scroll-margin-top: 108px; }
.echo-landing-v3__system-heading { max-width: 980px; margin-inline: auto; text-align: center; }
.echo-landing-v3__system .echo-landing-v3__eyebrow, .echo-landing-v3__system-detail .echo-landing-v3__eyebrow { color: var(--v3-lime); }
.echo-landing-v3__system-heading h2 { margin-top: 18px !important; color: #fff; font-size: clamp(43px, 4.35vw, 62px); line-height: 1; }
.echo-landing-v3__system-heading > p:last-child { max-width: 59ch; margin: 25px auto 0 !important; color: rgb(255 255 255 / 66%); font-size: 16px; line-height: 1.6; }
.echo-landing-v3__system-story { display: grid; grid-template-columns: minmax(0, 1fr) clamp(30px, 5vw, 70px) minmax(0, 1fr) clamp(30px, 5vw, 70px) minmax(0, 1fr); align-items: stretch; margin-top: 26px; }
.echo-landing-v3__signal-stage { display: flex; flex-direction: column; min-height: 450px; border: 1px solid rgb(255 255 255 / 20%); border-radius: 16px; background: linear-gradient(145deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 3%)); padding: clamp(24px, 2.4vw, 31px); box-shadow: inset 0 1px 0 rgb(255 255 255 / 7%); }
.echo-landing-v3__stage-index { color: rgb(255 255 255 / 57%); font: 600 11px/1 "Geist", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.echo-landing-v3__signal-stage h3 { max-width: 17ch; margin-top: 17px !important; color: #fff; font-size: clamp(23px, 2.25vw, 31px); line-height: 1.02; }
.echo-landing-v3__stage-copy { max-width: 34ch; margin-top: 14px !important; color: rgb(255 255 255 / 74%); font-size: 15px; line-height: 1.5; }
.echo-landing-v3__stage-points { display: grid; gap: 11px; margin-top: 20px; color: rgb(255 255 255 / 78%); font: 500 14px/1.35 "Instrument Sans", sans-serif; }
.echo-landing-v3__stage-points li { position: relative; padding-left: 17px; }.echo-landing-v3__stage-points li::before { position: absolute; top: .54em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 7px rgb(217 243 68 / 46%); content: ""; }
.echo-landing-v3__stage-points--stacked { gap: 7px; padding-left: 0 !important; }
.echo-landing-v3__stage-points--stacked::before { display: none; }
.echo-landing-v3__stage-points--stacked span { position: relative; padding-left: 17px; }
.echo-landing-v3__stage-points--stacked span::before { position: absolute; top: .54em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 7px rgb(217 243 68 / 46%); content: ""; }
.echo-landing-v3__stage-note { margin-top: auto !important; padding-top: 20px; border-top: 1px solid rgb(255 255 255 / 16%); color: rgb(255 255 255 / 71%); font: 500 14px/1.45 "Instrument Sans", sans-serif; }
.echo-landing-v3__stage-copy--bullets p { margin: 0; }
.echo-landing-v3__stage-copy--bullets ul { display: grid; gap: 8px; margin: 13px 0 0; }
.echo-landing-v3__stage-copy--bullets li { position: relative; padding-left: 17px; }
.echo-landing-v3__stage-copy--bullets li::before { position: absolute; top: .55em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 7px rgb(217 243 68 / 46%); content: ""; }
.echo-landing-v3__stage-note--bullets, .echo-landing-v3__stage-note--bullets ul { display: grid; gap: 9px; }
.echo-landing-v3__stage-note--bullets ul { margin: 0; }
.echo-landing-v3__stage-note--bullets li { position: relative; padding-left: 16px; }
.echo-landing-v3__stage-note--bullets li::before { position: absolute; top: .54em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--v3-lime); content: ""; }
.echo-landing-v3__signal-connector { position: relative; min-height: 100%; }
.echo-landing-v3__signal-connector::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, rgb(217 243 68 / 18%), rgb(217 243 68 / 82%), rgb(217 243 68 / 18%)); content: ""; }
.echo-landing-v3__signal-connector::after { position: absolute; top: calc(50% - 4px); left: 5%; width: 8px; height: 8px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 16px var(--v3-lime); content: ""; animation: v3-signal-travel 3.6s cubic-bezier(.38, .05, .38, .95) infinite; }
.echo-landing-v3__signal-connector i { position: absolute; top: calc(50% - 9px); right: -1px; width: 18px; height: 18px; border-top: 1px solid var(--v3-lime); border-right: 1px solid var(--v3-lime); transform: rotate(45deg); }
.echo-landing-v3__signal-connector--team::after { animation-delay: 1.8s; }
.echo-landing-v3__checkin-moments { display: grid; align-content: center; gap: 10px; min-height: 133px; margin-top: auto; padding-top: 24px; }
.echo-landing-v3__checkin-bubble { display: flex; align-items: center; width: fit-content; border: 1px solid rgb(255 255 255 / 19%); border-radius: 12px; background: rgb(255 255 255 / 8%); color: rgb(255 255 255 / 78%); padding: 10px 12px; font: 500 11px/1.25 "Geist", sans-serif; animation: v3-checkin-arrive 5.7s ease-in-out infinite; }
.echo-landing-v3__checkin-bubble--voice { gap: 4px; padding-inline: 15px; }
.echo-landing-v3__checkin-bubble--voice i { width: 3px; border-radius: 999px; background: var(--v3-lime); animation: v3-waveform .95s ease-in-out infinite alternate; }
.echo-landing-v3__checkin-bubble--voice i:nth-child(1), .echo-landing-v3__checkin-bubble--voice i:nth-child(6) { height: 7px; }.echo-landing-v3__checkin-bubble--voice i:nth-child(2), .echo-landing-v3__checkin-bubble--voice i:nth-child(5) { height: 15px; animation-delay: .15s; }.echo-landing-v3__checkin-bubble--voice i:nth-child(3), .echo-landing-v3__checkin-bubble--voice i:nth-child(4) { height: 23px; animation-delay: .3s; }
.echo-landing-v3__checkin-bubble--text { margin-left: 24px; animation-delay: .35s; }.echo-landing-v3__checkin-bubble--tag { margin-left: 8px; border-color: rgb(217 243 68 / 37%); color: var(--v3-lime); animation-delay: .7s; }
.echo-landing-v3__personal-signal { position: relative; display: grid; place-items: center; min-height: 135px; margin-top: auto; padding-top: 24px; }
.echo-landing-v3__personal-orb { position: absolute; width: 184px !important; height: 184px !important; opacity: .88; filter: saturate(.77) brightness(.9); }
.echo-landing-v3__pillar-lines { position: relative; z-index: 1; display: grid; gap: 9px; width: min(100%, 192px); padding: 16px; border: 1px solid rgb(255 255 255 / 25%); border-radius: 11px; background: rgb(24 24 23 / 64%); backdrop-filter: blur(5px); }
.echo-landing-v3__pillar-lines span { display: block; height: 5px; border-radius: 999px; background: linear-gradient(90deg, var(--v3-lime) var(--v3-fill), rgb(255 255 255 / 15%) var(--v3-fill)); animation: v3-pillar-pulse 4.2s ease-in-out infinite; }.echo-landing-v3__pillar-lines span:nth-child(1) { --v3-fill: 77%; }.echo-landing-v3__pillar-lines span:nth-child(2) { --v3-fill: 44%; animation-delay: .4s; }.echo-landing-v3__pillar-lines span:nth-child(3) { --v3-fill: 64%; animation-delay: .8s; }.echo-landing-v3__pillar-lines span:nth-child(4) { --v3-fill: 36%; animation-delay: 1.2s; }.echo-landing-v3__pillar-lines span:nth-child(5) { --v3-fill: 53%; animation-delay: 1.6s; }
.echo-landing-v3__pillar-key { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 13px; color: rgb(255 255 255 / 76%); font: 500 13px/1.25 "Instrument Sans", sans-serif; }.echo-landing-v3__pillar-key li { display: flex; align-items: center; gap: 7px; }.echo-landing-v3__pillar-key li::before { width: 6px; height: 6px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 7px rgb(217 243 68 / 42%); content: ""; }.echo-landing-v3__pillar-key li:last-child { grid-column: 1 / -1; }
.echo-landing-v3__team-signal { display: grid; gap: 13px; min-height: 166px; margin-top: auto; padding-top: 24px; }
.echo-landing-v3__team-growth { display: block; width: 100%; height: 142px; overflow: visible; }
.echo-landing-v3__growth-path { fill: none; stroke: rgb(217 243 68 / 78%); stroke-width: 1.6; stroke-dasharray: 1; stroke-dashoffset: 1; animation: v3-growth-path 12s ease-in-out infinite; }.echo-landing-v3__growth-path--two { animation-delay: 1.65s; }.echo-landing-v3__growth-path--three { animation-delay: 3.5s; }.echo-landing-v3__growth-path--four { animation-delay: 5.55s; }
.echo-landing-v3__growth-node { transform-box: fill-box; transform-origin: center; opacity: 0; animation: v3-growth-node 12s ease-in-out infinite; }.echo-landing-v3__growth-node circle { fill: var(--v3-lime); filter: drop-shadow(0 0 5px rgb(217 243 68 / 68%)); }.echo-landing-v3__growth-node--root { animation-delay: .15s; }.echo-landing-v3__growth-node--second { animation-delay: .55s; }.echo-landing-v3__growth-node--third { animation-delay: .95s; }.echo-landing-v3__growth-node--fourth { animation-delay: 1.35s; }.echo-landing-v3__growth-node--team-one { animation-delay: 3.4s; }.echo-landing-v3__growth-node--team-two { animation-delay: 3.8s; }.echo-landing-v3__growth-node--leaf-one { animation-delay: 5.15s; }.echo-landing-v3__growth-node--leaf-two { animation-delay: 5.45s; }.echo-landing-v3__growth-node--leaf-three { animation-delay: 5.75s; }.echo-landing-v3__growth-node--leaf-four { animation-delay: 6.05s; }.echo-landing-v3__growth-node--leaf-five { animation-delay: 7.15s; }.echo-landing-v3__growth-node--leaf-six { animation-delay: 7.35s; }.echo-landing-v3__growth-node--leaf-seven { animation-delay: 7.55s; }.echo-landing-v3__growth-node--leaf-eight { animation-delay: 7.75s; }.echo-landing-v3__growth-node--leaf-nine { animation-delay: 7.95s; }.echo-landing-v3__growth-node--leaf-ten { animation-delay: 8.15s; }.echo-landing-v3__growth-node--leaf-eleven { animation-delay: 8.35s; }.echo-landing-v3__growth-node--leaf-twelve { animation-delay: 8.55s; }
.echo-landing-v3__growth-team { opacity: 0; transform-box: fill-box; transform-origin: center; animation: v3-growth-team 12s ease-in-out infinite 2.05s; }.echo-landing-v3__growth-team circle { fill: rgb(217 243 68 / 10%); stroke: var(--v3-lime); stroke-width: 1.5; }.echo-landing-v3__growth-team text { fill: var(--v3-lime); font: 600 11px/1 "Geist", sans-serif; }
.echo-landing-v3__growth-caption { display: grid; grid-template-columns: .72fr 1.45fr .7fr; gap: 7px; color: rgb(255 255 255 / 62%); font: 500 12px/1.3 "Instrument Sans", sans-serif; text-align: center; }.echo-landing-v3__growth-caption span:nth-child(2) { color: rgb(255 255 255 / 90%); }
.echo-landing-v3__system-action { display: grid; justify-items: center; gap: 12px; margin-top: clamp(42px, 5vw, 62px); }.echo-landing-v3__system-action :is(p, span) { color: rgb(255 255 255 / 58%); font: 500 13px/1.4 "Geist", sans-serif; text-align: center; }
.echo-landing-v3__overview, .echo-landing-v3__case-study, .echo-landing-v3__system, .echo-landing-v3__faq { scroll-margin-top: 108px; }

.echo-landing-v3__faq { order: 4; padding-block: clamp(75px, 8vw, 115px); }
.echo-landing-v3__faq-list { margin-top: 40px; border-top: 1px solid var(--v3-line); }
.echo-landing-v3__faq-list details { border-bottom: 1px solid var(--v3-line); }
.echo-landing-v3__faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 0; cursor: pointer; font: 500 clamp(18px, 2vw, 23px)/1.25 "Host Grotesk", sans-serif; letter-spacing: -.035em; list-style: none; }
.echo-landing-v3__faq-list summary::-webkit-details-marker { display: none; }
.echo-landing-v3__faq-list summary span { font: 400 28px/1 "Instrument Sans", sans-serif; transition: transform .2s ease; }
.echo-landing-v3__faq-list details[open] summary span { transform: rotate(45deg); }
.echo-landing-v3__faq-list details p { max-width: 58ch; padding: 0 42px 23px 0; color: var(--v3-muted); font-size: 15px; line-height: 1.65; }
.echo-landing-v3__faq-pricing-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin: -5px 0 25px; border-radius: 999px; background: var(--v3-lime); padding: 11px 17px; color: var(--v3-ink) !important; font: 600 12px/1 "Geist", sans-serif; transition: transform .18s ease, background-color .18s ease; }
.echo-landing-v3__faq-pricing-button:hover { background: #e9ff77; transform: translateY(-2px); }

.echo-landing-v3__closing { order: 5; color: #fff; background: linear-gradient(rgb(22 22 21 / 20%), rgb(22 22 21 / 34%)), var(--echo-dark-paper); background-size: cover, cover; }
.echo-landing-v3__closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; min-height: clamp(380px, 39vw, 510px); padding-block: clamp(65px, 8vw, 105px); }
.echo-landing-v3__closing .echo-landing-v3__eyebrow { display: flex; align-items: center; gap: 9px; color: var(--v3-lime); font-size: clamp(14px, 1.2vw, 17px); }
.echo-landing-v3__closing .echo-landing-v3__eyebrow::before { width: 8px; height: 8px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 0 4px rgb(217 243 68 / 13%); content: ""; }
.echo-landing-v3__closing h2 { margin-top: 32px !important; font-size: clamp(57px, 6.75vw, 98px); line-height: .92; }
.echo-landing-v3__closing h2 span { color: var(--v3-lime); }
.echo-landing-v3__closing-sign-in { margin: 0 !important; color: rgb(255 255 255 / 63%); font: 500 14px/1.4 "Geist", sans-serif; text-align: right; }.echo-landing-v3__closing-sign-in a { color: #fff; text-decoration: underline; text-decoration-color: var(--v3-lime); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.echo-landing-v3__closing-actions { display: flex; flex-direction: column; align-items: flex-end; align-self: flex-end; gap: 10px; min-width: min(100%, 216px); margin-bottom: 0; }
.echo-landing-v3__closing-actions .echo-landing-v3__button { width: 100%; min-height: 56px; padding-inline: 22px; justify-content: center; font-size: 14px; }
.echo-landing-v3__text-link { color: rgb(255 255 255 / 70%); font: 500 13px/1 "Geist", sans-serif; }
.echo-landing-v3__closing-nav { color: var(--v3-ink); background: linear-gradient(rgb(247 244 238 / 72%), rgb(247 244 238 / 72%)), var(--v3-paper-texture); }
.echo-landing-v3__closing-nav > div { display: flex; align-items: center; gap: clamp(28px, 5vw, 72px); min-height: 118px; }
.echo-landing-v3__closing-brand { font: 600 clamp(26px, 2.6vw, 36px)/1 "Host Grotesk", sans-serif; letter-spacing: -.09em; }
.echo-landing-v3__closing-nav nav { display: flex; flex-wrap: wrap; gap: clamp(18px, 3vw, 40px); color: var(--v3-muted); font: 500 14px/1 "Geist", sans-serif; }
.echo-landing-v3__closing-nav nav a:hover { color: var(--v3-ink); text-decoration: underline; text-decoration-color: var(--v3-lime); text-underline-offset: 5px; }

@keyframes v3-term-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes v3-signal-travel { 0%, 8% { opacity: 0; transform: scale(.6); } 16% { opacity: 1; } 82% { opacity: 1; } 92%, 100% { opacity: 0; transform: translateX(clamp(22px, 4vw, 58px)) scale(.6); } }
@keyframes v3-checkin-arrive { 0%, 12%, 100% { opacity: .58; transform: translateY(0); } 25% { opacity: 1; transform: translateY(-3px); } 39% { opacity: .72; transform: translateY(0); } }
@keyframes v3-waveform { from { transform: scaleY(.43); opacity: .55; } to { transform: scaleY(1); opacity: 1; } }
@keyframes v3-pillar-pulse { 0%, 100% { filter: brightness(.78); transform: scaleX(.96); transform-origin: left; } 50% { filter: brightness(1.25); transform: scaleX(1); } }
@keyframes v3-growth-path { 0%, 10% { opacity: 0; stroke-dashoffset: 1; } 18%, 78% { opacity: 1; stroke-dashoffset: 0; } 92%, 100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes v3-growth-node { 0%, 5% { opacity: 0; transform: scale(.25); } 12%, 80% { opacity: 1; transform: scale(1); } 91%, 100% { opacity: 0; transform: scale(.75); } }
@keyframes v3-growth-team { 0%, 4% { opacity: 0; transform: scale(.4); } 12%, 80% { opacity: 1; transform: scale(1); } 91%, 100% { opacity: 0; transform: scale(.76); } }
@keyframes v3-live-input { 0%, 100% { border-color: rgb(255 255 255 / 23%); background: rgb(255 255 255 / 7%); color: rgb(255 255 255 / 72%); } 45% { border-color: rgb(217 243 68 / 72%); background: rgb(217 243 68 / 15%); color: var(--v3-lime); } }
@keyframes v3-live-stream { 0% { left: 0; opacity: 0; transform: scale(.6); } 18% { opacity: 1; } 78% { opacity: 1; } 100% { left: calc(100% - 8px); opacity: 0; transform: scale(.6); } }
@media (max-width: 860px) {
  .echo-landing-v3__desktop-nav, .echo-landing-v3__header-inner > .echo-landing-v3__button { display: none; }
  .echo-landing-v3__mobile-nav { display: block; }
  .echo-landing-v3__mobile-nav summary { display: grid; gap: 5px; width: 40px; padding: 11px 7px; cursor: pointer; list-style: none; }
  .echo-landing-v3__mobile-nav summary::-webkit-details-marker { display: none; }
  .echo-landing-v3__mobile-nav summary span { display: block; height: 1px; background: currentColor; transition: transform .18s ease; }
  .echo-landing-v3__mobile-nav[open] summary span:first-child { transform: translateY(3px) rotate(45deg); }
  .echo-landing-v3__mobile-nav[open] summary span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .echo-landing-v3__mobile-nav nav { position: absolute; top: 76px; right: 24px; display: grid; gap: 4px; width: min(280px, calc(100vw - 48px)); border: 1px solid rgb(255 255 255 / 20%); border-radius: 14px; background: #242321; padding: 16px; box-shadow: 0 16px 35px rgb(0 0 0 / 28%); }
  .echo-landing-v3__mobile-nav nav a:not(.echo-landing-v3__button) { padding: 9px 5px; color: rgb(255 255 255 / 80%); font-size: 14px; }
  .echo-landing-v3__mobile-nav .echo-landing-v3__button { margin-top: 7px; }
  .echo-landing-v3__overview { grid-template-columns: 1fr; }
  .echo-landing-v3__overview { gap: 50px; }
  .echo-landing-v3__value-cards { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto; }
  .echo-landing-v3__value-card + .echo-landing-v3__value-card { border-top: 1px solid var(--v3-value-line); border-left: 0; }
  .echo-landing-v3__overview-copy h2 { max-width: 13ch; }
  .echo-landing-v3__case-study, .echo-landing-v3__career-insights, .echo-landing-v3__founder-insights { grid-template-columns: 1fr; gap: 26px; }
  .echo-landing-v3__career-insights-copy, .echo-landing-v3__career-insights-figure, .echo-landing-v3__founder-insights-copy, .echo-landing-v3__founder-insights-figure { order: initial; }
  .echo-landing-v3__diagnostic { grid-template-columns: 1fr; max-width: 610px; margin-inline: auto; }
  .echo-landing-v3__diagnostic-before { border-radius: 18px 18px 0 0; }
  .echo-landing-v3__diagnostic-after { border-radius: 0 0 18px 18px; }
  .echo-landing-v3__diagnostic-arrow { min-height: 68px; }.echo-landing-v3__diagnostic-arrow span { transform: rotate(90deg); }
  .echo-landing-v3__system-story { grid-template-columns: 1fr; max-width: 550px; margin-inline: auto; }
  .echo-landing-v3__signal-connector { min-height: 62px; }
  .echo-landing-v3__signal-connector::before { top: 0; bottom: 0; left: 50%; width: 1px; height: auto; background: linear-gradient(rgb(217 243 68 / 18%), rgb(217 243 68 / 82%), rgb(217 243 68 / 18%)); }
  .echo-landing-v3__signal-connector::after { top: 5%; left: calc(50% - 4px); animation-name: v3-signal-travel-vertical; }
  .echo-landing-v3__signal-connector i { top: auto; right: auto; bottom: 0; left: calc(50% - 9px); transform: rotate(135deg); }
}

@media (max-width: 620px) {
  .echo-landing-v3__wrap { width: min(100% - 32px, 1080px); }
  .echo-landing-v3__header-inner { min-height: 70px; }
  .echo-landing-v3__signal-hero > .echo-landing-v3__wrap { padding-block: 92px 48px; }
  /* The mobile banner carries its own lower copy. Keep its contrast intact
     instead of stacking the desktop's heavy black fade on top of it. */
  .echo-landing-v3__signal-hero::after { background: linear-gradient(180deg, rgb(0 0 0 / 16%) 0%, transparent 38%, rgb(0 0 0 / 6%) 61%, rgb(9 9 8 / 18%) 100%); }
  .echo-landing-v3__banner { object-position: center; }
  .echo-landing-v3__hero-copy { display: none; }
  .echo-landing-v3__signal-statement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .echo-landing-v3__signal-statement { font-size: clamp(24px, 8.1vw, 34px); }
  .echo-landing-v3__signal-statement br { display: none; }
  .echo-landing-v3__rotator { min-width: 0; }
  .echo-landing-v3__device-scene { min-height: 0; }
  .echo-landing-v3__device-mockup { width: 100%; max-width: 100%; transform: none; }
  .echo-landing-v3__value-bridge { padding-block: 80px; }
  .echo-landing-v3__value-bridge-intro h2 { font-size: clamp(39px, 11vw, 53px); }
  .echo-landing-v3__value-card { min-height: 0; padding: 29px 0; }
  .echo-landing-v3__value-card h3 { font-size: clamp(29px, 8vw, 39px); }
  .echo-landing-v3__demo-cta { width: 100%; min-height: 68px; }
  .echo-landing-v3__case-study, .echo-landing-v3__career-insights, .echo-landing-v3__founder-insights { padding-block: 44px 52px; }
  .echo-landing-v3__career-insights-image, .echo-landing-v3__founder-insights-image { width: 100%; max-width: 100%; margin-left: 0; }
  .echo-landing-v3__career-comparison { margin-top: 26px; }
  .echo-landing-v3__career-comparison-head { display: none; }
  .echo-landing-v3__career-comparison-row { grid-template-columns: 1fr 1fr; gap: 8px 16px; padding-block: 17px; }
  .echo-landing-v3__career-comparison-row p:first-child { grid-column: 1 / -1; }
  .echo-landing-v3__career-comparison-row p:not(:first-child)::before { display: block; margin-bottom: 6px; color: #777b88; font: 600 9px/1 "Geist", sans-serif; letter-spacing: .09em; text-transform: uppercase; content: "The old system"; }
  .echo-landing-v3__career-comparison-row p:last-child::before { color: #6b8100; content: "The Echo system"; }
  .echo-landing-v3__journeys-intro { text-align: left; }
  .echo-landing-v3__journeys-intro h2 { font-size: clamp(39px, 11vw, 53px); }
  .echo-landing-v3__journeys-figure { margin-top: 40px; border-radius: 12px; }
  .echo-landing-v3__journeys-captions { grid-template-columns: 1fr; }
  .echo-landing-v3__journeys-captions article { min-height: 0; padding: 27px 0; }
  .echo-landing-v3__journeys-captions article + article { padding-left: 0; border-top: 1px solid rgb(255 255 255 / 18%); border-left: 0; }
  .echo-landing-v3__signal-summary { padding-block: 75px; }
  .echo-landing-v3__diagnostic-before, .echo-landing-v3__diagnostic-after { min-height: 0; padding: 28px 24px; }
  .echo-landing-v3__diagnostic h3 { font-size: clamp(31px, 8vw, 40px); }
  .echo-landing-v3__live-map { grid-template-columns: 74px 1fr; gap: 13px; }
  .echo-landing-v3__live-guidance { grid-template-columns: 1fr; }
  .echo-landing-v3__section-heading, .echo-landing-v3__closing-inner { align-items: flex-start; flex-direction: column; gap: 24px; }
  .echo-landing-v3__closing-inner { min-height: 0; }
  .echo-landing-v3__closing-actions { align-items: flex-start; align-self: flex-start; min-width: min(100%, 216px); margin-bottom: 0; }
  .echo-landing-v3__closing-sign-in { text-align: left; }
  .echo-landing-v3__closing-nav > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 22px; min-height: 150px; }
  .echo-landing-v3__system { padding-block: 80px; }
  .echo-landing-v3__system-detail { margin-top: 64px; padding-top: 48px; }
  .echo-landing-v3__system-heading h2 { font-size: clamp(39px, 11vw, 53px); }
  .echo-landing-v3__signal-stage { min-height: 320px; }
  .echo-landing-v3__signal-stage h3 { font-size: clamp(28px, 8vw, 38px); }
}

@keyframes v3-signal-travel-vertical { 0%, 8% { opacity: 0; transform: scale(.6); } 16% { opacity: 1; } 82% { opacity: 1; } 92%, 100% { opacity: 0; transform: translateY(38px) scale(.6); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .echo-landing-v3, .echo-landing-v3 *, .echo-landing-v3 *::before, .echo-landing-v3 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}