* { box-sizing: border-box; }
html { min-width: 320px; overflow-x: hidden; scroll-behavior: smooth; background: var(--black); }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--paper);
  background:
    radial-gradient(850px 520px at 5% -12%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%),
    radial-gradient(650px 440px at 100% 17%, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 72%),
    linear-gradient(180deg, #fbfdff 0, var(--black) 37rem, #f9fbff 100%);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
}
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 5px; }

.landing-nav {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(22px, 4.5vw, 72px);
  border-bottom: 1px solid rgba(39,57,86,.1);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(18px) saturate(140%);
}
.landing-brand { display: inline-flex; gap: 11px; align-items: center; color: var(--color-accent-hover); font: 500 12px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .14em; text-decoration: none; }
.landing-nav nav { display: flex; gap: 8px; align-items: center; }
.landing-nav nav a { padding: 10px 14px; color: rgba(39,57,86,.66); font-size: 12px; text-decoration: none; transition: color 180ms ease; }
.landing-nav nav a:hover { color: var(--paper); }
.landing-nav .nav-auth { color: var(--color-accent-hover); font-weight: 650; }
.landing-nav .nav-console { margin-left: 12px; border: 1px solid var(--color-accent-border); border-radius: 8px; background: var(--color-accent-soft); color: var(--color-accent-hover); }
.nav-console span { display: inline-block; margin-left: 8px; transition: transform 180ms var(--ease); }
.nav-console:hover span { transform: translate(2px, -2px); }

main { position: relative; z-index: 1; }
.hero {
  position: relative;
  display: grid;
  min-height: 100svh;
  grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr);
  align-items: center;
  gap: clamp(30px, 5vw, 90px);
  padding: 125px clamp(22px, 6vw, 96px) 86px;
  overflow: hidden;
}
.hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(247,250,255,.98) 0%, rgba(247,250,255,.82) 52%, rgba(247,250,255,.44) 100%); content: ""; }
.eyebrow, .section-index { margin: 0; color: var(--color-accent-hover); font: 500 10px/1.4 "SFMono-Regular", Consolas, monospace; letter-spacing: .15em; }
.eyebrow { display: flex; gap: 10px; align-items: center; }
.eyebrow i { width: 5px; height: 5px; border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 12px color-mix(in srgb, var(--color-accent) 48%, transparent); animation: pulse 1.5s ease-in-out infinite; }
.hero-title { margin: 30px 0 0; font-size: clamp(55px, 7.15vw, 112px); font-weight: 800; letter-spacing: -.075em; line-height: .91; }
.hero-title span { display: block; width: fit-content; }
.outline-word { color: transparent; -webkit-text-stroke: 1px rgba(39,57,86,.72); }
.gold-word { color: var(--color-accent-hover); text-shadow: 0 0 48px color-mix(in srgb, var(--color-accent) 20%, transparent); }
.hero-lede { max-width: 620px; margin: 33px 0 0; color: rgba(39,57,86,.64); font-size: clamp(14px, 1.25vw, 17px); line-height: 1.9; }
.hero-actions { display: flex; gap: 26px; align-items: center; margin-top: 36px; }
.primary-action {
  position: relative;
  display: inline-flex;
  min-width: 212px;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 24px;
  overflow: hidden;
  border-radius: 11px;
  color: var(--color-accent-contrast);
  background: var(--color-accent);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 260ms var(--ease), box-shadow 260ms ease;
}
.primary-action::before { position: absolute; inset: 0; background: var(--ink); content: ""; transform: translateX(-102%); transition: transform 340ms var(--ease); }
.primary-action:hover::before { transform: translateX(0); }
.primary-action span, .primary-action b { position: relative; z-index: 1; }
.primary-action b { font-size: 20px; font-weight: 400; }
.primary-action:hover { box-shadow: 0 15px 50px color-mix(in srgb, var(--color-accent) 18%, transparent); }
.text-action { color: rgba(39,57,86,.72); font-size: 12px; text-underline-offset: 6px; text-decoration-color: rgba(39,57,86,.26); }
.text-action span { display: inline-block; margin-left: 6px; color: var(--color-accent-hover); transition: transform 220ms var(--ease); }
.text-action:hover span { transform: translateY(3px); }
.hero-proof { display: flex; gap: 36px; margin-top: 50px; padding-top: 22px; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: 4px; }
.hero-proof strong { color: var(--paper); font: 500 21px/1 "SFMono-Regular", Consolas, monospace; }
.hero-proof strong::after { color: var(--color-accent); font-size: 10px; content: "+"; vertical-align: top; }
.hero-proof span { color: rgba(39,57,86,.42); font-size: 10px; }
.hero-enter { opacity: 0; transform: translateY(28px); animation: heroIn .9s var(--ease) forwards; }
.hero-copy .hero-enter:nth-child(2) { animation-delay: .12s; }
.hero-copy .hero-enter:nth-child(3) { animation-delay: .23s; }
.hero-copy .hero-enter:nth-child(4) { animation-delay: .34s; }
.hero-copy .hero-enter:nth-child(5) { animation-delay: .44s; }

.hero-visual { position: relative; min-height: min(66vw, 680px); animation-delay: .22s; }
.hero-visual::before { position: absolute; inset: 10% 4%; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 65%); filter: blur(18px); content: ""; }
.radar-core {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 230px;
  aspect-ratio: 1;
  place-content: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-accent) 54%, transparent);
  border-radius: 50%;
  background: radial-gradient(circle at center, color-mix(in srgb, var(--color-accent) 18%, transparent), rgba(255,255,255,.9) 68%);
  box-shadow: 0 0 0 24px color-mix(in srgb, var(--color-accent) 3%, transparent), 0 18px 60px rgba(43,78,128,.12);
  text-align: center;
  transform: translate(-50%, -50%);
}
.radar-core::before, .radar-core::after { position: absolute; border: 1px solid color-mix(in srgb, var(--color-accent) 16%, transparent); border-radius: 50%; content: ""; }
.radar-core::before { inset: 24px; }.radar-core::after { inset: 53px; }
.radar-core strong { position: relative; z-index: 2; color: var(--color-accent-hover); font: 500 64px/.9 "SFMono-Regular", Consolas, monospace; letter-spacing: -.08em; }
.radar-core small, .core-label { position: relative; z-index: 2; }
.core-label { margin-bottom: 13px; color: rgba(39,57,86,.48); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .22em; }
.radar-core small { margin-top: 8px; color: rgba(39,57,86,.54); font-size: 10px; }
.floating-signal {
  position: absolute;
  z-index: 3;
  min-width: 170px;
  padding: 15px 16px;
  border: 1px solid color-mix(in srgb, var(--color-accent) 24%, transparent);
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 42px rgba(43,78,128,.12);
  backdrop-filter: blur(12px);
}
.floating-signal > span { display: block; color: rgba(39,57,86,.44); font: 500 8px/1 "DM Mono", monospace; letter-spacing: .14em; }
.floating-signal strong { display: block; margin-top: 8px; font: 500 20px/1.1 "DM Mono", monospace; }
.floating-signal small { display: block; margin-top: 5px; font: 500 10px/1 "DM Mono", monospace; }
.rise { color: var(--color-up-strong); }
.fall { color: var(--color-down-strong); }
.neutral { color: #718096; }
.signal-price { top: 14%; left: 1%; }
.signal-trend { top: 23%; right: -2%; }
.signal-news { right: 3%; bottom: 11%; min-width: 220px; }
.signal-news p { display: -webkit-box; max-width: 230px; margin: 9px 0 0; overflow: hidden; color: rgba(39,57,86,.76); font-size: 11px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mini-bars { display: flex; height: 22px; gap: 3px; align-items: end; margin-top: 9px; }
.mini-bars i { width: 5px; height: 50%; background: var(--color-accent); }
.mini-bars i:nth-child(2) { height: 73%; }.mini-bars i:nth-child(3) { height: 45%; }
.mini-bars i:nth-child(4) { height: 85%; }.mini-bars i:nth-child(5) { height: 68%; }.mini-bars i:nth-child(6) { height: 100%; }
.signal-trend.bullish .mini-bars i { background: var(--bullish); }
.signal-trend.bearish .mini-bars i { background: var(--bearish); }

.live-tape { position: relative; z-index: 2; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--color-accent); color: var(--color-accent-contrast); box-shadow: 0 10px 30px color-mix(in srgb, var(--color-accent) 12%, transparent); transform: rotate(-1.1deg) scale(1.02); }
.tape-track { display: flex; width: max-content; gap: 24px; align-items: center; padding: 13px 0; font: 500 10px/1 "DM Mono", monospace; letter-spacing: .12em; animation: tape 24s linear infinite; }
.tape-track i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.82); }

.manifesto, .workflow { max-width: 1320px; margin: 0 auto; padding: 150px clamp(22px, 6vw, 96px) 85px; }
.manifesto-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 80px; align-items: end; margin-top: 32px; }
.manifesto h2, .workflow h2, .final-cta h2 { margin: 0; font-size: clamp(38px, 5.3vw, 78px); font-weight: 700; letter-spacing: -.065em; line-height: 1.08; }
.manifesto h2 span, .final-cta h2 span { color: var(--color-accent-hover); }
.manifesto-grid > p, .workflow-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.95; }
.reveal { opacity: 0; transform: translateY(45px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.intelligence-stage { display: grid; max-width: 1320px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 auto; padding: 0 clamp(22px, 6vw, 96px) 130px; }
.feature-panel {
  position: relative;
  min-height: 570px;
  padding: clamp(25px, 3vw, 42px);
  overflow: hidden;
  border: 1px solid #e3ebf5;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.88));
  box-shadow: 0 9px 26px rgba(43,78,128,.055);
  transform-style: preserve-3d;
  transition: border-color 240ms ease, background 240ms ease, opacity .9s var(--ease), transform .9s var(--ease);
}
.feature-panel:hover { border-color: color-mix(in srgb, var(--color-accent) 36%, transparent); background: linear-gradient(145deg, #fff, var(--color-accent-soft)); box-shadow: 0 18px 44px rgba(43,78,128,.1); }
.panel-topline { display: flex; justify-content: space-between; color: rgba(39,57,86,.4); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .12em; }
.panel-topline b { color: var(--color-accent-hover); font-weight: 500; }
.feature-panel h3 { margin: 38px 0 0; font-size: clamp(28px, 3.3vw, 46px); font-weight: 650; letter-spacing: -.055em; line-height: 1.16; }
.feature-panel > p { max-width: 500px; margin: 18px 0 0; color: rgba(39,57,86,.52); font-size: 13px; line-height: 1.8; }
.chart-demo { position: absolute; right: 0; bottom: 0; left: 0; height: 48%; overflow: hidden; border-top: 1px solid rgba(39,57,86,.1); }
.chart-grid { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(39,57,86,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(39,57,86,.12) 1px, transparent 1px); background-size: 100% 48px, 72px 100%; }
.chart-bars { position: absolute; inset: 16px 30px 0; display: flex; gap: 12px; align-items: end; }
.chart-bars i { position: relative; width: 1px; height: var(--h); background: var(--color-accent); transform: scaleY(0); transform-origin: bottom; transition: transform .8s var(--ease); transition-delay: calc(var(--d) * 55ms); }
.is-visible .chart-bars i { transform: scaleY(1); }
.chart-bars i::after { position: absolute; top: 18%; left: -4px; width: 9px; height: 34%; background: var(--color-accent); content: ""; }
.chart-price { position: absolute; top: 23%; right: 26px; padding: 7px 9px; color: var(--color-accent-contrast); background: var(--color-accent); font: 500 10px/1 "DM Mono", monospace; }
.event-stack { position: static; display: grid; gap: 8px; margin-top: 24px; }
.event-stack > div { display: grid; min-width: 0; grid-template-columns: 40px minmax(0, 1fr); gap: 13px; align-items: center; padding: 12px 14px; border: 1px solid #e3ebf5; border-radius: 11px; background: rgba(255,255,255,.9); box-shadow: 0 7px 20px rgba(43,78,128,.045); opacity: 0; transform: translateX(24px); transition: opacity .65s var(--ease), transform .65s var(--ease); }
.is-visible .event-stack > div { opacity: 1; transform: translateX(0); }
.is-visible .event-stack > div:nth-child(2) { transition-delay: .10s; }.is-visible .event-stack > div:nth-child(3) { transition-delay: .20s; }
.is-visible .event-stack > div:nth-child(4) { transition-delay: .30s; }.is-visible .event-stack > div:nth-child(5) { transition-delay: .40s; }
.event-stack i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent); border-radius: 50%; color: var(--color-accent-hover); font: 500 8px/1 "DM Mono", monospace; font-style: normal; }
.event-stack span { display: grid; min-width: 0; gap: 5px; }.event-stack b { display: -webkit-box; overflow: hidden; font-size: 12px; font-weight: 600; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.event-stack small { overflow: hidden; color: rgba(39,57,86,.35); font-size: 9px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.factor-orbit { position: absolute; right: 0; bottom: 0; left: 0; height: 49%; }
.factor-orbit::before, .factor-orbit::after { position: absolute; top: 55%; left: 50%; border: 1px solid color-mix(in srgb, var(--color-accent) 18%, transparent); border-radius: 50%; content: ""; transform: translate(-50%, -50%); }
.factor-orbit::before { width: 270px; height: 170px; }.factor-orbit::after { width: 390px; height: 245px; }
.factor-score { position: absolute; z-index: 2; top: 55%; left: 50%; display: grid; width: 116px; height: 116px; place-content: center; border: 1px solid color-mix(in srgb, var(--color-accent) 42%, transparent); border-radius: 50%; background: #ffffff; box-shadow: 0 12px 34px rgba(43,78,128,.1); text-align: center; transform: translate(-50%, -50%); }
.factor-score strong { color: var(--color-accent-hover); font: 500 31px/1 "DM Mono", monospace; }.factor-score span { margin-top: 7px; color: rgba(39,57,86,.35); font: 500 7px/1 "DM Mono", monospace; letter-spacing: .16em; }
.factor { position: absolute; z-index: 2; color: rgba(39,57,86,.56); font: 500 9px/1 "DM Mono", monospace; }
.f1 { top: 11%; left: 21%; }.f2 { top: 17%; right: 18%; }.f3 { bottom: 17%; right: 14%; }
.f4 { bottom: 10%; left: 26%; }.f5 { top: 48%; left: 8%; }.f6 { top: 45%; right: 7%; }
.decision-demo { position: absolute; right: 32px; bottom: 37px; left: 32px; padding: 22px; border: 1px solid #e3ebf5; border-radius: 12px; background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(43,78,128,.055); }
.decision-head { display: flex; align-items: end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(39,57,86,.1); }
.decision-head span { color: rgba(39,57,86,.42); font-size: 10px; }.decision-head strong { color: var(--color-accent-hover); font-size: 28px; font-weight: 650; }
.probability { display: grid; grid-template-columns: 40px 1fr 35px; gap: 12px; align-items: center; margin-top: 16px; color: rgba(39,57,86,.46); font-size: 9px; }
.probability i { height: 3px; overflow: hidden; background: rgba(39,57,86,.1); }
.probability b { display: block; width: var(--w); height: 100%; background: var(--color-accent); transform: scaleX(0); transform-origin: left; transition: transform 1s var(--ease); }
.is-visible .probability b { transform: scaleX(1); }
.probability strong { color: var(--paper); font: 500 10px/1 "DM Mono", monospace; text-align: right; }
.probability-list { display: grid; }
.probability-status { margin: 24px 0 4px; color: var(--color-text-secondary); font-size: 10px; line-height: 1.5; }
.probability-gate { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; padding: 10px 12px; border: 1px solid var(--color-accent-border); border-radius: 8px; color: var(--color-accent-hover); background: var(--color-accent-soft); font-size: 11px; font-weight: 650; text-decoration: none; transition: border-color 180ms ease, background-color 180ms ease, transform 180ms var(--ease); }
.probability-gate:hover { border-color: var(--color-accent); background: var(--color-accent-soft); transform: translateY(-1px); }
.probability-lock { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid currentColor; border-radius: 7px; }
.probability-lock svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }

.workflow { display: grid; grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr); gap: clamp(60px, 10vw, 160px); padding-top: 125px; padding-bottom: 150px; border-top: 1px solid var(--line); }
.workflow h2 { margin-top: 30px; font-size: clamp(38px, 4.5vw, 64px); }
.workflow-copy > p { max-width: 520px; margin-top: 28px; }.workflow-copy .text-action { display: inline-block; margin-top: 32px; }
.workflow-list { margin: 0; padding: 0; list-style: none; }
.workflow-list li { position: relative; display: grid; grid-template-columns: 52px 1fr 28px; gap: 18px; align-items: center; padding: 27px 0; border-bottom: 1px solid var(--line); }
.workflow-list li > span { color: var(--color-accent-hover); font: 500 10px/1 "DM Mono", monospace; }
.workflow-list div { display: grid; grid-template-columns: 100px 1fr; gap: 20px; align-items: center; }
.workflow-list strong { font-size: 20px; font-weight: 600; }.workflow-list p { margin: 0; color: rgba(39,57,86,.45); font-size: 11px; line-height: 1.6; }
.workflow-list li > i { position: relative; width: 24px; height: 24px; border: 1px solid rgba(39,57,86,.18); border-radius: 50%; }
.workflow-list li > i::before { position: absolute; top: 11px; left: 6px; width: 10px; height: 1px; background: var(--color-accent); content: ""; transform: scaleX(0); transform-origin: left; transition: transform 280ms var(--ease); }
.workflow-list li:hover > i::before { transform: scaleX(1); }

.final-cta { position: relative; display: grid; min-height: 730px; place-items: center; align-content: center; overflow: hidden; border-top: 1px solid var(--line); text-align: center; }
.final-cta > p { margin: 0 0 25px; color: rgba(39,57,86,.35); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .2em; }
.final-cta h2 { position: relative; z-index: 2; font-size: clamp(48px, 7vw, 98px); }
.final-cta .primary-action { z-index: 2; margin-top: 40px; }
.landing-directory {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 24px clamp(22px, 6vw, 96px);
  border-top: 1px solid var(--line);
  background: rgba(247,250,255,.86);
}
.landing-directory-brand { color: var(--color-accent-hover); font: 600 13px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .14em; text-decoration: none; }
.landing-directory-links { display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: flex-end; }
.landing-directory-links a { color: rgba(39,57,86,.58); font-size: 11px; line-height: 1.5; text-decoration: none; transition: color 180ms ease; }
.landing-directory-links a:hover { color: var(--color-accent-hover); }
@keyframes pulse { 50% { opacity: .35; transform: scale(.75); } }
@keyframes heroIn { to { opacity: 1; transform: translateY(0); } }
@keyframes tape { to { transform: translateX(-50%); } }

@media (max-width: 1000px) {
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 150px; }
  .hero-copy { position: relative; z-index: 3; }
  .hero-visual { min-height: 600px; margin-top: -45px; }
  .manifesto-grid, .workflow { grid-template-columns: 1fr; }
  .manifesto-grid { gap: 35px; }
  .workflow { gap: 65px; }
}

@media (max-width: 720px) {
  .landing-nav { min-height: 64px; padding-inline: 14px; }
  .landing-nav nav > a:not(.nav-console):not(.nav-auth) { display: none; }
  .landing-nav .nav-auth { padding: 8px 7px; font-size: 10px; }
  .landing-nav .nav-console { margin: 0; padding: 8px 10px; font-size: 10px; }
  .landing-brand { font-size: 10px; }
  .hero { padding-top: 120px; padding-bottom: 68px; }
  .hero-title { font-size: clamp(50px, 15vw, 76px); line-height: .95; }
  .hero-lede { max-width: 94%; font-size: 13px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .primary-action { width: 100%; }
  .hero-proof { gap: 14px; justify-content: space-between; }
  .hero-proof strong { font-size: 17px; }.hero-proof span { font-size: 8px; }
  .hero-visual { min-height: 480px; margin-top: -20px; transform: scale(.91); }
  html[data-page="landing"] .hero-title {
    pointer-events: none;
    -webkit-user-drag: none;
  }
  html[data-page="landing"] .manifesto h2,
  html[data-page="landing"] .manifesto h2 span,
  html[data-page="landing"] .feature-panel h3,
  html[data-page="landing"] .workflow h2,
  html[data-page="landing"] .final-cta h2,
  html[data-page="landing"] .final-cta h2 span {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
  }
  .radar-core { width: 180px; }.radar-core strong { font-size: 50px; }
  .signal-price { left: -5%; }.signal-trend { right: -7%; }.signal-news { right: -4%; bottom: 3%; min-width: 190px; }
  .manifesto { padding-top: 115px; }
  .intelligence-stage { grid-template-columns: 1fr; padding-bottom: 95px; }
  .feature-panel { min-height: 520px; }
  .workflow { padding-top: 95px; padding-bottom: 100px; }
  .workflow-list li { grid-template-columns: 32px 1fr 24px; gap: 10px; }
  .workflow-list div { grid-template-columns: 1fr; gap: 5px; }
  .final-cta { min-height: 620px; padding: 0 22px; }
  .landing-directory { align-items: flex-start; flex-direction: column; }
  .landing-directory-links { justify-content: flex-start; }
}

@media (max-width: 420px) {
  .landing-nav > .landing-brand > span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .hero-enter { opacity: 1; transform: none; }
}