.public-landing {
  --landing-bg: #070b14;
  --landing-panel: #0d1423;
  --landing-panel-2: #111b2f;
  --landing-line: rgb(148 163 184 / 16%);
  --landing-text: #f7f9ff;
  --landing-muted: #9aa8bf;
  --landing-blue: #4f8cff;
  --landing-violet: #7668ff;
  min-height: 100dvh;
  overflow: hidden;
  color: var(--landing-text);
  background:
    radial-gradient(circle at 78% 7%, rgb(59 130 246 / 13%), transparent 28%),
    radial-gradient(circle at 8% 32%, rgb(118 104 255 / 9%), transparent 22%),
    var(--landing-bg);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.public-landing[hidden] { display: none !important; }

.public-landing *,
.public-landing *::before,
.public-landing *::after { box-sizing: border-box; }

.public-landing button,
.public-landing a { -webkit-tap-highlight-color: transparent; }

.landing-header {
  position: relative;
  z-index: 20;
  display: grid;
  width: min(1240px, calc(100% - 48px));
  min-height: 82px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 30px;
  margin: 0 auto;
  border-bottom: 1px solid var(--landing-line);
}

.landing-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--landing-text);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.035em;
  text-decoration: none;
}

.landing-brand__mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 16%);
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, #4f8cff, #7565ff);
  box-shadow: 0 10px 28px rgb(79 140 255 / 28%), inset 0 1px rgb(255 255 255 / 24%);
  font-size: 15px;
  font-weight: 900;
}

.landing-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 3vw, 38px);
}

.landing-nav a,
.landing-footer nav a {
  color: var(--landing-muted);
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  transition: color 160ms ease;
}

.landing-nav a:hover,
.landing-footer nav a:hover { color: var(--landing-text); }

.landing-header__actions,
.landing-hero__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.landing-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--landing-text);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.landing-button:hover { transform: translateY(-1px); }

.landing-button--ghost {
  color: var(--landing-muted);
}

.landing-button--ghost:hover { color: var(--landing-text); background: rgb(255 255 255 / 5%); }

.landing-button--compact {
  min-height: 42px;
  border-color: rgb(255 255 255 / 11%);
  background: rgb(255 255 255 / 6%);
}

.landing-button--compact:hover { border-color: rgb(79 140 255 / 48%); background: rgb(79 140 255 / 12%); }

.landing-button--primary {
  min-height: 52px;
  padding-inline: 23px;
  background: linear-gradient(135deg, var(--landing-blue), var(--landing-violet));
  box-shadow: 0 16px 38px rgb(66 105 230 / 24%), inset 0 1px rgb(255 255 255 / 18%);
  font-size: 13px;
}

.landing-button--primary:hover { box-shadow: 0 20px 48px rgb(66 105 230 / 34%), inset 0 1px rgb(255 255 255 / 18%); }
.landing-button--primary span { font-size: 18px; }

.landing-button--link {
  min-height: 52px;
  border-color: var(--landing-line);
  color: var(--landing-muted);
  background: rgb(255 255 255 / 3%);
}

.landing-button--link:hover { border-color: rgb(255 255 255 / 26%); color: var(--landing-text); }

.landing-hero {
  display: grid;
  width: min(1240px, calc(100% - 48px));
  min-height: 710px;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: clamp(42px, 6vw, 86px);
  margin: 0 auto;
  padding: 76px 0 88px;
}

.landing-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #a9b9d3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.landing-eyebrow > span {
  width: 21px;
  height: 1px;
  background: linear-gradient(90deg, var(--landing-blue), var(--landing-violet));
}

.landing-hero h1 {
  margin: 23px 0 24px;
  font-size: clamp(46px, 5.5vw, 78px);
  line-height: .98;
  letter-spacing: -.065em;
  text-wrap: balance;
}

.landing-hero h1 em {
  color: transparent;
  background: linear-gradient(110deg, #74a4ff 5%, #9b8cff 62%, #c6bcff);
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.landing-hero__lead {
  max-width: 540px;
  margin: 0 0 30px;
  color: var(--landing-muted);
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.72;
}

.landing-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 21px;
  margin: 27px 0 0;
  padding: 0;
  list-style: none;
}

.landing-proof li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #8e9db5;
  font-size: 10px;
  font-weight: 650;
}

.landing-proof li span {
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border: 1px solid rgb(79 140 255 / 32%);
  border-radius: 50%;
  color: #7fabff;
  background: rgb(79 140 255 / 10%);
  font-size: 9px;
}

.landing-product { position: relative; min-width: 0; perspective: 1200px; }

.landing-product__glow {
  position: absolute;
  inset: 15% 10% -5%;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(78 115 255 / 25%), transparent 67%);
  filter: blur(38px);
}

.product-window {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgb(148 163 184 / 19%);
  border-radius: 22px;
  background: #0b1220;
  box-shadow: 0 48px 110px rgb(0 0 0 / 48%), inset 0 1px rgb(255 255 255 / 4%);
  transform: rotateY(-3deg) rotateX(1deg);
}

.product-window__bar {
  display: grid;
  height: 49px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 17px;
  border-bottom: 1px solid var(--landing-line);
  color: #7e8ca4;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .05em;
}

.product-window__dots { display: flex; gap: 5px; }
.product-window__dots span { width: 6px; height: 6px; border-radius: 50%; background: #29364c; }

.product-window__live {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 6px;
  color: #7ee0ad;
}

.product-window__live i { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 10px #4ade80; }
.product-window__body { display: grid; min-height: 420px; grid-template-columns: 54px 1fr; }

.product-mini-sidebar {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 13px;
  padding: 16px 8px;
  border-right: 1px solid var(--landing-line);
  background: rgb(255 255 255 / 1.5%);
}

.product-mini-brand,
.product-mini-nav {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  color: #718099;
  font-size: 11px;
}

.product-mini-brand { margin-bottom: 10px; color: #fff; background: linear-gradient(145deg, var(--landing-blue), var(--landing-violet)); font-weight: 900; }
.product-mini-nav.is-active { color: #9cbbff; background: rgb(79 140 255 / 13%); }

.product-mini-main { min-width: 0; padding: 25px 25px 20px; }

.product-mini-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.product-mini-heading > div { display: grid; gap: 4px; }
.product-mini-heading small { color: #708099; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.product-mini-heading strong { font-size: 16px; letter-spacing: -.03em; }
.product-mini-heading > span { padding: 6px 9px; border: 1px solid rgb(74 222 128 / 18%); border-radius: 999px; color: #6ed79d; background: rgb(74 222 128 / 7%); font-size: 7px; font-weight: 700; }

.product-journey-preview {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  align-items: center;
  margin: 24px 0;
  padding: 16px;
  border: 1px solid var(--landing-line);
  border-radius: 14px;
  background: rgb(255 255 255 / 2%);
}

.journey-preview-step { display: grid; grid-template-columns: 24px auto 18px; align-items: center; gap: 7px; min-width: 0; }
.journey-preview-step b { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #2a3850; border-radius: 8px; color: #79879d; font-size: 8px; }
.journey-preview-step > span { display: grid; gap: 2px; font-size: 8px; font-weight: 750; white-space: nowrap; }
.journey-preview-step small { color: #67768e; font-size: 6px; font-weight: 600; }
.journey-preview-step i { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: #718099; font-size: 7px; font-style: normal; }
.journey-preview-step.is-done b { border-color: rgb(74 222 128 / 30%); color: #6bd598; background: rgb(74 222 128 / 8%); }
.journey-preview-step.is-done i { color: #6bd598; }
.journey-preview-step.is-current b { border-color: rgb(79 140 255 / 48%); color: #90b3ff; background: rgb(79 140 255 / 11%); }
.journey-preview-step.is-current i { color: #fff; background: var(--landing-blue); }
.journey-preview-line { height: 1px; margin: 0 8px; background: #26334a; }
.journey-preview-line.is-done { background: linear-gradient(90deg, #4ade80, #4f8cff); }

.product-preview-grid { display: grid; grid-template-columns: 1.45fr .8fr; gap: 12px; }
.product-preview-card { min-width: 0; min-height: 145px; padding: 17px; border: 1px solid var(--landing-line); border-radius: 14px; background: rgb(255 255 255 / 2%); }
.product-preview-card--accent { background: radial-gradient(circle at 90% 0, rgb(117 101 255 / 16%), transparent 47%), linear-gradient(145deg, rgb(79 140 255 / 8%), rgb(255 255 255 / 2%)); }
.product-preview-card > small { display: block; margin-bottom: 7px; color: #718099; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.product-preview-card > strong { font-size: 13px; letter-spacing: -.02em; }
.product-preview-card > p { margin: 5px 0 14px; color: #718099; font-size: 7px; line-height: 1.5; }
.product-preview-card button { display: flex; width: 100%; min-height: 30px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg, #4f8cff, #7366ff); font: inherit; font-size: 8px; font-weight: 750; }
.product-preview-number { display: block; margin-top: 10px; font-size: 28px !important; }
.product-preview-chart { display: flex; height: 28px; align-items: end; gap: 4px; margin-top: 12px; }
.product-preview-chart span { flex: 1; border-radius: 3px 3px 1px 1px; background: linear-gradient(#4f8cff, rgb(79 140 255 / 18%)); }
.product-preview-chart span:nth-child(1) { height: 30%; }.product-preview-chart span:nth-child(2) { height: 48%; }.product-preview-chart span:nth-child(3) { height: 38%; }.product-preview-chart span:nth-child(4) { height: 68%; }.product-preview-chart span:nth-child(5) { height: 58%; }.product-preview-chart span:nth-child(6) { height: 88%; }

.product-activity-preview { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 10px; margin-top: 12px; padding: 11px 13px; border: 1px solid var(--landing-line); border-radius: 11px; }
.product-activity-preview > i { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 9px rgb(74 222 128 / 70%); }
.product-activity-preview > span { display: grid; gap: 2px; font-size: 7px; }.product-activity-preview small { color: #67768e; font-size: 6px; }
.product-activity-preview > b { color: #67768e; font-size: 6px; font-weight: 600; }

.landing-floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 13px; background: rgb(13 20 35 / 88%); box-shadow: 0 18px 45px rgb(0 0 0 / 35%); backdrop-filter: blur(16px); }
.landing-floating-card > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #fff; background: rgb(79 140 255 / 18%); font-size: 11px; font-weight: 850; }
.landing-floating-card > div { display: grid; gap: 2px; }.landing-floating-card strong { font-size: 8px; }.landing-floating-card small { color: #7f8da4; font-size: 6px; }
.landing-floating-card--top { top: -20px; right: 36px; }.landing-floating-card--top > span { color: #68d89a; background: rgb(74 222 128 / 11%); }
.landing-floating-card--bottom { bottom: -20px; left: 8%; }

.landing-clarity {
  display: grid;
  width: min(1240px, calc(100% - 48px));
  grid-template-columns: .7fr repeat(3, 1fr);
  align-items: center;
  margin: 0 auto;
  padding: 25px 0;
  border-top: 1px solid var(--landing-line);
  border-bottom: 1px solid var(--landing-line);
}

.landing-clarity > span { color: #66758d; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.landing-clarity > div { display: flex; align-items: center; gap: 10px; padding: 4px 22px; border-left: 1px solid var(--landing-line); color: #a6b2c6; font-size: 10px; line-height: 1.45; }
.landing-clarity b { color: #53627a; font-size: 8px; }

.landing-section { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 120px 0; }
.landing-section__heading { max-width: 680px; margin: 0 auto 48px; text-align: center; }
.landing-section__heading .landing-eyebrow { justify-content: center; }
.landing-section__heading h2,
.landing-final-cta h2 { margin: 17px 0 15px; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.05; letter-spacing: -.055em; text-wrap: balance; }
.landing-section__heading > p,
.landing-section__heading--wide > p,
.landing-final-cta p { color: var(--landing-muted); font-size: 14px; line-height: 1.7; }

.landing-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; counter-reset: steps; }
.landing-steps article { position: relative; min-width: 0; min-height: 390px; padding: 25px; overflow: hidden; border: 1px solid var(--landing-line); border-radius: 21px; background: linear-gradient(160deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 1.5%)); }
.landing-step-number { color: #64728a; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.landing-step-visual { display: flex; height: 155px; align-items: center; justify-content: center; gap: 9px; margin: 22px -4px 24px; border: 1px solid rgb(148 163 184 / 12%); border-radius: 16px; background: radial-gradient(circle at 50% 0, rgb(79 140 255 / 12%), transparent 68%), #0a111e; }
.landing-steps h3 { margin: 0 0 10px; font-size: 19px; letter-spacing: -.035em; }.landing-steps p { margin: 0; color: var(--landing-muted); font-size: 12px; line-height: 1.65; }
.landing-step-visual--account > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #4f8cff, #7366ff); font-size: 11px; font-weight: 800; }.landing-step-visual--account i { color: #8190a8; font-size: 9px; font-style: normal; letter-spacing: .1em; }.landing-step-visual--account b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #74dba3; background: rgb(74 222 128 / 10%); font-size: 9px; }
.landing-step-visual--scenario { flex-direction: column; }.landing-step-visual--scenario span { min-width: 150px; padding: 9px 12px; border: 1px solid #27344a; border-radius: 9px; color: #aebbd0; background: #101929; font-size: 8px; }.landing-step-visual--scenario span:last-child { border-color: rgb(79 140 255 / 34%); color: #94b6ff; }.landing-step-visual--scenario i { color: #66758d; font-size: 11px; font-style: normal; transform: rotate(90deg); }
.landing-step-visual--launch > span { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(145deg, #4f8cff, #7366ff); box-shadow: 0 13px 27px rgb(79 140 255 / 24%); font-size: 14px; }.landing-step-visual--launch > div { display: grid; gap: 4px; }.landing-step-visual--launch b { font-size: 9px; }.landing-step-visual--launch i { color: #68d89a; font-size: 7px; font-style: normal; }

.landing-features { width: min(1120px, calc(100% - 48px)); }
.landing-section__heading--wide { display: grid; max-width: none; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 40px; margin-bottom: 48px; text-align: left; }
.landing-section__heading--wide .landing-eyebrow { justify-content: flex-start; }.landing-section__heading--wide h2 { max-width: 720px; }.landing-section__heading--wide > p { margin: 0 0 6px; }
.landing-feature-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 16px; }
.landing-feature { min-width: 0; min-height: 275px; padding: 27px; overflow: hidden; border: 1px solid var(--landing-line); border-radius: 21px; background: linear-gradient(155deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 1.4%)); }
.landing-feature--large { grid-row: span 2; min-height: 566px; }.landing-feature--finance { grid-column: span 2; min-height: 275px; background: radial-gradient(circle at 90% 10%, rgb(118 104 255 / 15%), transparent 38%), linear-gradient(155deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 1.4%)); }
.landing-feature__icon { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgb(79 140 255 / 22%); border-radius: 12px; color: #8db2ff; background: rgb(79 140 255 / 8%); font-size: 15px; }
.landing-feature h3 { margin: 22px 0 10px; font-size: 19px; letter-spacing: -.035em; }.landing-feature > p { margin: 0; color: var(--landing-muted); font-size: 11px; line-height: 1.65; }
.feature-account-stack { display: grid; gap: 8px; margin-top: 30px; }.feature-account-stack > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--landing-line); border-radius: 12px; background: #0b1321; }.feature-account-stack b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #a9c3ff; background: rgb(79 140 255 / 10%); font-size: 10px; }.feature-account-stack span { display: grid; gap: 3px; font-size: 9px; font-weight: 700; }.feature-account-stack small { color: #6f7e95; font-size: 7px; font-weight: 500; }.feature-account-stack i { color: #4ade80; font-size: 8px; font-style: normal; }
.feature-progress { height: 6px; margin: 37px 0 9px; overflow: hidden; border-radius: 99px; background: #1b2638; }.feature-progress span { display: block; width: var(--value); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4f8cff, #7668ff); }.landing-feature > small { color: #718099; font-size: 7px; }
.feature-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 27px; }.feature-stats > div { display: grid; gap: 4px; padding: 13px; border: 1px solid var(--landing-line); border-radius: 11px; }.feature-stats strong { font-size: 20px; }.feature-stats small { color: #718099; font-size: 7px; }
.feature-private { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; margin-top: 27px; padding: 14px; border: 1px solid rgb(118 104 255 / 23%); border-radius: 13px; background: rgb(118 104 255 / 7%); }.feature-private span { padding: 5px 7px; border-radius: 6px; color: #b9afff; background: rgb(118 104 255 / 12%); font-size: 7px; font-weight: 850; letter-spacing: .08em; }.feature-private b { font-size: 9px; }.feature-private i { color: #77869e; font-size: 7px; font-style: normal; }

.landing-pricing { width: min(1120px, calc(100% - 48px)); }
.landing-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 16px; }
.landing-price-card { position: relative; display: flex; min-width: 0; min-height: 500px; flex-direction: column; padding: 29px; border: 1px solid var(--landing-line); border-radius: 22px; background: linear-gradient(160deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 1.4%)); }
.landing-price-card--featured { border-color: rgb(79 140 255 / 43%); background: radial-gradient(circle at 80% 0, rgb(79 140 255 / 17%), transparent 38%), linear-gradient(160deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 1.4%)); box-shadow: 0 28px 80px rgb(29 72 167 / 15%); }
.landing-price-badge { position: absolute; top: -11px; left: 26px; padding: 6px 10px; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #4f8cff, #7668ff); font-size: 7px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.landing-price-card__top { display: flex; align-items: center; justify-content: space-between; }.landing-price-card__top span { font-size: 20px; font-weight: 800; letter-spacing: -.035em; }.landing-price-card__top small { color: #78869c; font-size: 8px; }
.landing-price { display: flex; min-height: 69px; align-items: end; gap: 8px; margin: 28px 0 12px; }.landing-price strong { font-size: 34px; letter-spacing: -.045em; }.landing-price span { margin-bottom: 6px; color: #728097; font-size: 8px; }
.landing-price-card > p { min-height: 42px; margin: 0; color: var(--landing-muted); font-size: 10px; line-height: 1.6; }.landing-price-card ul { display: grid; gap: 11px; margin: 27px 0 31px; padding: 0; list-style: none; }.landing-price-card li { position: relative; padding-left: 20px; color: #b0bdd0; font-size: 10px; }.landing-price-card li::before { position: absolute; left: 0; display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; color: #7ea8ff; background: rgb(79 140 255 / 10%); content: "✓"; font-size: 7px; }
.landing-price-card > button,
.landing-price-card > a { display: flex; min-height: 46px; align-items: center; justify-content: center; margin-top: auto; border: 1px solid var(--landing-line); border-radius: 12px; color: var(--landing-text); background: rgb(255 255 255 / 4%); font: inherit; font-size: 11px; font-weight: 750; text-decoration: none; cursor: pointer; }
.landing-price-card--featured > button { border-color: transparent; background: linear-gradient(135deg, #4f8cff, #7668ff); box-shadow: 0 14px 30px rgb(79 140 255 / 20%); }
.landing-price-card > button:hover,
.landing-price-card > a:hover { border-color: rgb(79 140 255 / 42%); background-color: rgb(79 140 255 / 9%); }
.landing-payment-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-top: 18px; padding: 17px 20px; border: 1px solid var(--landing-line); border-radius: 15px; background: rgb(255 255 255 / 2%); }.landing-payment-note > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #8aadff; background: rgb(79 140 255 / 9%); font-size: 9px; }.landing-payment-note p { display: grid; gap: 3px; margin: 0; font-size: 9px; }.landing-payment-note small { color: #738198; font-size: 7px; font-weight: 500; }.landing-payment-note a { color: #92b2f7; font-size: 8px; font-weight: 700; text-decoration: none; }

.landing-final-cta { display: flex; width: min(1120px, calc(100% - 48px)); align-items: center; justify-content: space-between; gap: 50px; margin: 0 auto 80px; padding: 55px; overflow: hidden; border: 1px solid rgb(79 140 255 / 22%); border-radius: 27px; background: radial-gradient(circle at 85% 15%, rgb(118 104 255 / 24%), transparent 35%), radial-gradient(circle at 5% 100%, rgb(79 140 255 / 16%), transparent 32%), #0d1525; }.landing-final-cta > div { max-width: 670px; }.landing-final-cta h2 { font-size: clamp(30px, 3.8vw, 48px); }.landing-final-cta p { margin-bottom: 0; }

.landing-footer { display: grid; width: min(1240px, calc(100% - 48px)); min-height: 130px; grid-template-columns: auto 1fr auto; align-items: center; gap: 35px; margin: 0 auto; border-top: 1px solid var(--landing-line); }.landing-footer p { color: #65738a; font-size: 9px; }.landing-footer nav { display: flex; gap: 22px; }

.native-auth-back { min-height: 46px; padding: 0 18px; border: 1px solid var(--app-border); border-radius: 13px; color: var(--app-text-muted); background: transparent; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }.auth-dialog-actions .native-auth-submit { flex: 1; }.auth-dialog-actions { align-items: center; }

@media (max-width: 1050px) {
  .landing-nav { display: none; }
  .landing-header { grid-template-columns: 1fr auto; }
  .landing-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 68px; }
  .landing-hero__copy { max-width: 720px; text-align: center; margin: 0 auto; }
  .landing-hero__copy .landing-eyebrow { justify-content: center; }
  .landing-hero__lead { margin-inline: auto; }
  .landing-hero__actions,
  .landing-proof { justify-content: center; }
  .landing-product { width: min(780px, 100%); margin: 20px auto 0; }
  .landing-clarity { grid-template-columns: repeat(3, 1fr); }
  .landing-clarity > span { grid-column: 1 / -1; margin-bottom: 16px; }
  .landing-clarity > div:first-of-type { border-left: 0; padding-left: 0; }
}

@media (max-width: 820px) {
  .landing-header,
  .landing-hero,
  .landing-clarity,
  .landing-section,
  .landing-final-cta,
  .landing-footer { width: min(100% - 32px, 680px); }
  .landing-header { min-height: 72px; }
  .landing-header__actions .landing-button--ghost { display: none; }
  .landing-hero { padding: 58px 0 72px; }
  .landing-hero h1 { font-size: clamp(42px, 11vw, 64px); }
  .landing-floating-card { display: none; }
  .product-window { transform: none; }
  .landing-clarity { grid-template-columns: 1fr; }
  .landing-clarity > div { border-top: 1px solid var(--landing-line); border-left: 0; padding: 14px 0; }
  .landing-clarity > span { margin-bottom: 8px; }
  .landing-section { padding: 88px 0; }
  .landing-steps,
  .landing-price-grid { grid-template-columns: 1fr; }
  .landing-steps article { min-height: auto; }
  .landing-feature-grid { grid-template-columns: 1fr 1fr; }
  .landing-feature--large { grid-row: auto; grid-column: span 2; min-height: 480px; }
  .landing-feature--finance { grid-column: span 2; }
  .landing-section__heading--wide { grid-template-columns: 1fr; gap: 5px; }
  .landing-price-card { min-height: auto; }
  .landing-final-cta { align-items: flex-start; flex-direction: column; padding: 38px; }
  .landing-footer { grid-template-columns: 1fr; gap: 14px; padding: 32px 0; }
  .landing-footer p { margin: 0; }
}

@media (max-width: 560px) {
  .landing-header,
  .landing-hero,
  .landing-clarity,
  .landing-section,
  .landing-final-cta,
  .landing-footer { width: calc(100% - 24px); }
  .landing-header__actions .landing-button--compact { min-height: 39px; padding-inline: 12px; font-size: 10px; }
  .landing-brand { font-size: 15px; }.landing-brand__mark { width: 32px; height: 32px; }
  .landing-hero { padding-top: 45px; }
  .landing-hero h1 { margin-top: 18px; font-size: 40px; }
  .landing-hero__lead { font-size: 14px; }
  .landing-hero__actions { align-items: stretch; flex-direction: column; }
  .landing-button--primary,
  .landing-button--link { width: 100%; }
  .landing-proof { display: grid; grid-template-columns: 1fr 1fr; text-align: left; }
  .landing-product { margin-top: 4px; }
  .product-window__body { grid-template-columns: 1fr; }
  .product-mini-sidebar { display: none; }
  .product-mini-main { padding: 18px; }
  .product-window__bar { grid-template-columns: 1fr auto; }.product-window__bar > span:nth-child(2) { display: none; }
  .product-journey-preview { grid-template-columns: 1fr; gap: 7px; }
  .journey-preview-line { display: none; }
  .journey-preview-step { grid-template-columns: 24px 1fr 18px; }
  .product-preview-grid { grid-template-columns: 1fr; }.product-preview-card:last-child { display: none; }
  .product-window__body { min-height: 365px; }
  .landing-section__heading { margin-bottom: 32px; text-align: left; }.landing-section__heading .landing-eyebrow { justify-content: flex-start; }
  .landing-section__heading h2,
  .landing-final-cta h2 { font-size: 34px; }
  .landing-feature-grid { grid-template-columns: 1fr; }.landing-feature--large,.landing-feature--finance { grid-column: auto; min-height: auto; }.landing-feature { min-height: 260px; }
  .feature-private { grid-template-columns: 1fr; }
  .landing-payment-note { grid-template-columns: auto 1fr; }.landing-payment-note a { grid-column: 2; }
  .landing-final-cta { padding: 30px 24px; }
  .landing-footer nav { flex-wrap: wrap; gap: 12px 18px; }
  .auth-dialog-actions { align-items: stretch !important; flex-direction: column-reverse; }
  .auth-dialog-actions > * { width: 100%; }
}

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