/* Homepage-only presentation: no dashboard or login overrides. */
.landing-page:not(.login-portal-only) { --marketing-lime: #b9f3d4; --marketing-mint: #83e8cf; }
.landing-page .landing-nav { padding: 18px 28px; border-bottom: 1px solid #ffffff18; background: #0b1824; border-radius: 0 0 22px 22px; }
.landing-page .landing-brand strong { color: #f3fafc; }
.landing-page .landing-brand small { color: #a5bac8; }
.landing-page .landing-links > a { font-size: 13px; color: #d2e1ea; }
.landing-page .landing-links a:hover { color: #9ee9d4; }
.landing-page .landing-links > .landing-signin-link { background: #a2eed4; color: #102b35; border-color: #a2eed4; }
.landing-page .landing-links > .landing-signin-link:hover { background: #c2f8e6; color: #102b35; }
.landing-page .landing-hero { position: relative; isolation: isolate; overflow: hidden; width: 100%; max-width: none; margin: 0; padding: clamp(60px,8vw,120px) max(5vw,24px); gap: 48px; background: radial-gradient(ellipse at 90% 20%,#195b594d,transparent 55%),linear-gradient(130deg,#0b1824,#102b35); color: #f3fafc; border-radius: 0 0 40px 40px; }
.landing-page .landing-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .13; background-image: linear-gradient(#9bc8c91a 1px,transparent 1px),linear-gradient(90deg,#9bc8c91a 1px,transparent 1px); background-size: 56px 56px; pointer-events: none; }
.landing-page .landing-hero h1 { font-size: clamp(40px,4.7vw,72px); line-height: 1.04; letter-spacing: -.055em; color: #f3fafc; max-width: 750px; margin: 24px 0; }
.landing-page .landing-hero-copy > p:not(.eyebrow) { font-size: 18px; line-height: 1.75; color: #bfd0db; max-width: 580px; }
.landing-page .hero-eyebrow { display: block; font-size: 11px; line-height: 2; letter-spacing: .08em; color: #b4cbd5; }
.landing-page .hero-eyebrow span { display: table; padding: 6px 12px; border: 1px solid #8de4c74d; background: #8de4c70d; border-radius: 100px; color: #a2eed4; margin-bottom: 10px; }
.landing-page .hero-actions { gap: 18px; flex-wrap: wrap; margin: 28px 0; }
.landing-page .landing-cta { background: #a2eed4; color: #102b35; border: 1px solid #a2eed4; border-radius: 12px; padding: 16px 22px; font-weight: 750; box-shadow: 0 6px 26px #0002; }
.landing-page .landing-cta:hover { background: #c2f8e6; transform: translateY(-2px); }
.landing-page .hero-text-link { color: #e3f0f6; }
.landing-page .hero-console { border: 1px solid #b3dfdf40; border-radius: 20px; box-shadow: 0 30px 70px #0004; overflow: hidden; transform: none; }
.landing-page .hero-console-bar { padding: 16px; }
.landing-page .hero-demo-status { font-size: 12px; line-height: 1.6; }
.landing-page .outcome-strip { position: relative; width: min(1180px,92%); margin: 28px auto 0; padding: 24px 0; border-radius: 0; background: transparent; box-shadow: none; border-bottom: 1px solid #849ba533; }
.landing-page .outcome-strip article { padding: 12px 24px; }
.landing-page .outcome-strip strong { font-size: clamp(22px,2.5vw,32px); letter-spacing: -.04em; }
.landing-page :is(.visitor-paths,.landing-flow,.evaluation-library) { padding-block: 76px; }
.landing-page :is(.section-intro,.visitor-paths-heading) h2 { font-size: clamp(30px,3.7vw,48px); line-height: 1.14; letter-spacing: -.045em; }
.landing-page :is(.visitor-path-card,.system-card,.landing-flow-grid article,.evaluation-library-grid a) { border-radius: 20px; border: 1px solid #8299a433; box-shadow: 0 5px 20px #00000005; padding: 28px; transition: border-color .18s,transform .18s; }
.landing-page :is(.visitor-path-card,.evaluation-library-grid a):hover { transform: translateY(-4px); border-color: #48a990; }
.landing-page :is(.visitor-path-card,.system-card,.landing-flow-grid article) p { line-height: 1.75; font-size: 14px; }
.landing-page .visitor-path-number { border-radius: 12px; background: #83e8cf1f; color: #368c78; }
.landing-page .landing-footer { border-radius: 30px 30px 0 0; background: #0b1824; color: #d5e5ed; padding: 56px max(5vw,24px) 28px; }
.landing-page .landing-footer a { color: #b9d5df; }
.landing-page a:focus-visible,.landing-page button:focus-visible { outline: 3px solid #54bfa6; outline-offset: 5px; }
@media (max-width: 1100px) {
  .landing-page .landing-nav { padding: 16px; }
  .landing-page .landing-links { gap: 10px; flex-wrap: wrap; }
  .landing-page .landing-hero { grid-template-columns: 1fr; padding-inline: 6vw; }
  .landing-page .landing-hero-copy { max-width: 760px; }
  .landing-page .landing-hero-visual { width: 100%; max-width: 720px; margin-inline: auto; }
}
@media (max-width: 600px) {
  .landing-page .landing-hero { padding-block: 42px; border-radius: 0 0 24px 24px; }
  .landing-page .hero-actions > a { width: 100%; text-align: center; }
  .landing-page .outcome-strip { display: grid; grid-template-columns: 1fr 1fr; }
  .landing-page .outcome-strip article { padding: 14px 8px; }
  .landing-page :is(.visitor-paths,.landing-flow,.evaluation-library) { padding-block: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-page * { transition: none !important; transform: none !important; }
}