/* ─────────────────────────────────────────────────────────────────────────────
   DataZen landing page.

   Ported from the landingpage14 mockup (https://rshermanut-rgb.github.io/landingpage14/).
   Every selector is scoped under .lp-root — the wrapper LandingLayout places
   around the landing page — so none of these very generic class names (.section,
   .dark, .light, .metric, .price …) leak into the rest of the Portal. The
   mockup's .btn/.btn-primary/.btn-secondary are renamed .lp-btn/.lp-btn-primary/
   .lp-btn-secondary because Bootstrap owns those names.
   ───────────────────────────────────────────────────────────────────────────── */

html:has(.lp-root) {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html:has(.lp-root) {
    scroll-behavior: auto;
  }
}

.lp-root {
  --bg: #070c12; --bg-2: #0d1820; --bg-3: #13202a; --surface: #f7fbfb; --surface-2: #edf5f4; --ink: #071015; --ink-soft: #60747d; --text-dark: #edf8fb; --text-soft: rgba(237,248,251,.72); --teal: #00DBFD; --teal-bright: #00DBFD; --teal-deep: #00DBFD; --orange: #f47c20; --blue: #337dff; --line-light: rgba(7,16,21,.10); --line-dark: rgba(255,255,255,.11); --shadow: 0 24px 70px rgba(7,16,21,.12); --shadow-dark: 0 32px 100px rgba(0,0,0,.32); --max: 1000px; --radius-xl: 30px; --radius-lg: 22px; --radius-md: 16px;
}
.lp-root * {
  box-sizing: border-box;
}
.lp-root {
  margin: 0px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--ink); background: var(--surface); overflow-x: hidden;
}
.lp-root a {
  color: inherit; text-decoration: none;
}
.lp-root img {
  max-width: 100%; display: block;
}
.lp-root h1,
.lp-root h2,
.lp-root h3,
.lp-root p {
  margin-top: 0px;
}
.lp-root .site-header {
  position: fixed; inset: 0px 0px auto; z-index: 100; background: rgb(0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 40px;
}
.lp-root .header-inner {
  width: min(var(--max), calc(100% - 40px)); margin: 0px auto; min-height: 74px; display: grid; grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr); align-items: center; gap: 28px;
}
.lp-root .header-logo {
  grid-column: 1; justify-self: start; width: min(148px, 17.85vw); min-width: 98px;
}
.lp-root .header-nav {
  grid-column: 2; display: flex; align-items: center; gap: 28px; color: rgba(255, 255, 255, 0.8); font-size: 15px; font-weight: 760;
}
.lp-root .header-nav a:hover {
  color: rgb(255, 255, 255);
}
.lp-root .header-actions {
  grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 10px;
}
.lp-root .header-actions .lp-btn-primary {
  color: rgb(22, 9, 0); background: linear-gradient(135deg, #ffc18a, var(--orange)); border-color: rgba(255, 255, 255, 0.1); box-shadow: rgba(244, 124, 32, 0.24) 0px 10px 30px;
}
.lp-root .header-actions .lp-btn-primary:hover {
  box-shadow: rgba(244, 124, 32, 0.34) 0px 14px 36px;
}
.lp-root .lp-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0px 22px; border-radius: 999px; border: 1px solid transparent; font-size: 14px; font-weight: 820; transition: transform 0.18s, background 0.18s, border-color 0.18s; cursor: pointer; white-space: nowrap;
}
.lp-root .lp-btn:hover {
  transform: translateY(-1px);
}
.lp-root .lp-btn-primary {
  color: rgb(6, 16, 20); background: linear-gradient(135deg, #00DBFD, var(--teal)); box-shadow: rgba(0, 219, 253, 0.22) 0px 10px 30px;
}
.lp-root .hero .lp-btn-primary {
  color: rgb(22, 9, 0); background: linear-gradient(135deg, #ffc18a, var(--orange)); box-shadow: rgba(244, 124, 32, 0.2) 0px 12px 34px; border-color: rgba(255, 255, 255, 0.1);
}
.lp-root .hero .lp-btn-primary:hover {
  box-shadow: rgba(244, 124, 32, 0.28) 0px 16px 42px;
}
.lp-root .lp-btn-secondary {
  color: rgba(255, 255, 255, 0.88); border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.04);
}
.lp-root .section {
  position: relative; overflow: hidden; padding: 92px clamp(40px, 7vw, 110px) 68px;
}
.lp-root .section-full {
  min-height: 100vh; display: grid; align-items: center;
}
.lp-root .section-inner {
  width: min(var(--max), 100%); margin: 0px auto; position: relative; z-index: 2;
}
.lp-root .dark {
  color: var(--text-dark); background: radial-gradient(circle at 12% 16%, rgba(0,219,253,.10), transparent 28rem),
  radial-gradient(circle at 90% 18%, rgba(244,124,32,.08), transparent 24rem),
  linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}
.lp-root .light {
  color: var(--ink); background: radial-gradient(circle at 12% 22%, rgba(0,219,253,.09), transparent 24rem),
  linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
}
.lp-root .eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 9px 14px; border-radius: 999px; font-size: 12px; font-weight: 840; letter-spacing: 0.14em; text-transform: uppercase;
}
.lp-root .dark .eyebrow {
  color: rgb(0, 219, 253); background: rgba(0, 219, 253, 0.08); border: 1px solid rgba(0, 219, 253, 0.25);
}
.lp-root .light .eyebrow {
  color: var(--teal-deep); background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(0, 219, 253, 0.14); box-shadow: rgba(7, 16, 21, 0.05) 0px 10px 30px;
}
.lp-root .eyebrow-dot {
  width: 8px; height: 8px; border-radius: 999px; background: var(--orange); box-shadow: rgba(244, 124, 32, 0.65) 0px 0px 16px;
}
.lp-root h1 {
  margin-bottom: 22px; font-size: clamp(2.7rem, 5vw, 5.2rem); line-height: 1.02; letter-spacing: -0.035em; font-weight: 820; text-wrap: balance;
}
.lp-root .section-title {
  margin-bottom: 18px; font-size: clamp(2.1rem, 4vw, 4.1rem); line-height: 1.05; letter-spacing: -0.03em; font-weight: 800; text-wrap: balance;
}
.lp-root .section-copy,
.lp-root .hero-subtitle {
  font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.68; max-width: 680px;
}
.lp-root .hero-subtitle {
  font-size: clamp(1.08rem, 1.55vw, 1.28rem); max-width: 760px;
}
.lp-root .dark .section-copy,
.lp-root .dark .hero-subtitle {
  color: var(--text-soft);
}
.lp-root .light .section-copy,
.lp-root .light .hero-subtitle {
  color: rgba(7, 16, 21, 0.66);
}
.lp-root .hero {
  position: relative; isolation: isolate;
}
.lp-root .hero-backmark {
  position: absolute; inset: 88px 0px 0px; z-index: 0; display: grid; place-items: center; pointer-events: none;
}
.lp-root .hero-backmark::before {
  content: ""; position: absolute; width: min(860px, 62vw); height: min(860px, 62vw); border-radius: 50%; background: radial-gradient(circle, rgba(1, 215, 252, 0.3), rgba(1, 215, 252, 0.11) 38%, transparent 68%); filter: blur(14px); animation: 7s ease-in-out 0s infinite normal none running breathe;
}
.lp-root .hero-backmark img {
  width: min(820px, 68vw); opacity: 0.44; filter: drop-shadow(rgba(1, 215, 252, 0.32) 0px 24px 90px); animation: 8s ease-in-out 0s infinite normal none running floatUp;
}
.lp-root .hero-grid {
  position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; align-items: center; min-height: calc(-204px + 100vh); text-align: center;
}
.lp-root .hero-copy {
  position: relative; max-width: 920px; margin: 0px auto;
}
.lp-root .hero h1 {
  max-width: 900px; margin-left: auto; margin-right: auto; color: rgb(255, 255, 255); text-shadow: rgb(2, 7, 10) 1px 1px 0px, rgba(0, 0, 0, 0.78) 2px 2px 0px;
}
.lp-root .hero-title-line {
  display: block; white-space: nowrap;
}
.lp-root .hero-subtitle {
  margin-left: auto; margin-right: auto; max-width: 790px; color: rgba(238, 248, 251, 0.84);
}
.lp-root .hero-ctas {
  display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 30px;
}
.lp-root .hero .lp-btn-secondary {
  color: rgb(0, 219, 253); border-color: rgba(0, 219, 253, 0.55); background: rgba(9, 32, 38, 0.34); box-shadow: rgba(0, 219, 253, 0.05) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.18) 0px 10px 28px;
}
.lp-root .hero .lp-btn-secondary:hover {
  color: rgb(255, 255, 255); border-color: rgba(0, 219, 253, 0.82); background: rgba(0, 219, 253, 0.12);
}
.lp-root .window-card,
.lp-root .features-panel,
.lp-root .price-card {
  overflow: hidden; border-radius: var(--radius-xl);
}
.lp-root .window-card {
  border: 1px solid var(--line-light); background: rgba(255, 255, 255, 0.78); box-shadow: var(--shadow); padding: 18px;
}
.lp-root .window-bar {
  display: flex; align-items: center; justify-content: space-between; height: 48px; margin: -18px -18px 18px; padding: 0px 14px; border-bottom: 1px solid var(--line-light); background: rgba(7, 16, 21, 0.035);
}
.lp-root .window-dots {
  display: flex; gap: 7px;
}
.lp-root .window-dots span {
  width: 10px; height: 10px; border-radius: 50%; background: rgba(7, 16, 21, 0.2);
}
.lp-root .window-title {
  color: rgba(7, 16, 21, 0.58); font-size: 12px; font-weight: 820; letter-spacing: 0.04em;
}
.lp-root .live-preview-video {
  width: 100%; display: block; border-radius: 20px; border: 1px solid rgba(7, 16, 21, 0.1); box-shadow: rgba(7, 16, 21, 0.12) 0px 18px 48px; background: rgb(7, 16, 21); aspect-ratio: 16 / 9; object-fit: contain; object-position: center center;
}
.lp-root .video-caption {
  margin-top: 14px; display: flex; justify-content: space-between; align-items: center; gap: 14px; color: rgba(7, 16, 21, 0.58); font-size: 13px; line-height: 1.45;
}
.lp-root .video-caption strong {
  color: var(--ink);
}
.lp-root .video-badge {
  flex: 0 0 auto; padding: 7px 10px; border-radius: 12px 4px; color: var(--orange); background: rgba(244, 124, 32, 0.09); border: 1px solid rgba(244, 124, 32, 0.18); font-size: 11px; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase;
}
.lp-root .source-row {
  display: grid; grid-template-columns: 115px 1fr auto; gap: 14px; align-items: center; min-height: 68px; padding: 14px; border: 1px solid var(--line-light); border-radius: 18px; background: rgba(255, 255, 255, 0.64);
}
.lp-root .section-centered {
  max-width: 920px; margin: 0px auto 32px; text-align: center;
}
.lp-root .pricing-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 980px; margin: 0px auto;
}
.lp-root .price-card {
  border: 1px solid var(--line-dark); background: rgba(255, 255, 255, 0.055); box-shadow: var(--shadow-dark);
}
.lp-root .tier {
  padding: 13px 18px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;
}
.lp-root .tier-bronze {
  background: linear-gradient(90deg, rgb(122, 69, 32), rgb(160, 82, 45));
}
.lp-root .tier-silver {
  background: linear-gradient(90deg, rgb(61, 71, 82), rgb(107, 114, 128));
}
.lp-root .tier-gold {
  background: linear-gradient(90deg, rgb(122, 92, 0), rgb(184, 134, 11));
}
.lp-root .price-body {
  padding: 18px;
}
.lp-root .price-sub {
  min-height: 58px; margin-bottom: 12px; font-size: 0.88rem; line-height: 1.45; color: rgba(238, 248, 251, 0.58);
}
.lp-root .price {
  margin-bottom: 14px; color: var(--teal-bright); font-size: 2rem; font-weight: 900; letter-spacing: -0.03em;
}
.lp-root .price span {
  color: rgba(238, 248, 251, 0.52); font-size: 0.9rem; font-weight: 650;
}
.lp-root .price-list {
  min-height: 128px; list-style: none; padding: 0px; margin: 0px 0px 16px; color: rgba(238, 248, 251, 0.72); font-size: 0.9rem; line-height: 1.7;
}
.lp-root .price-list li::before {
  content: "•"; color: var(--teal-bright); margin-right: 8px;
}
.lp-root .metric-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 16px;
}
.lp-root .metric {
  padding: 7px 6px; border-radius: 9px; border: 1px solid rgba(0, 219, 253, 0.18); background: rgba(0, 219, 253, 0.09); text-align: center; color: var(--teal-bright); font-size: 10px; font-weight: 850; line-height: 1.3;
}
.lp-root .metric span {
  display: block; color: rgba(238, 248, 251, 0.66); font-weight: 740;
}
.lp-root .price-btn {
  width: 100%; min-height: 40px; border: 1px solid rgba(0, 219, 253, 0.24); border-radius: 12px; color: rgb(6, 16, 20); background: linear-gradient(135deg, #00DBFD, var(--teal)); font-weight: 850; cursor: pointer;
}
.lp-root .pricing-footnotes {
  margin-top: 22px; color: rgba(238, 248, 251, 0.5); font-size: 0.84rem; line-height: 1.6;
}
.lp-root .pricing-compare-wrap {
  margin-top: 30px;
}
.lp-root .pricing-compare-toggle {
  width: min(460px, 100%); min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0px auto; padding: 0px 20px; border-radius: 6px; border: 1px solid rgba(0, 219, 253, 0.42); color: rgb(0, 219, 253); background: rgba(0, 219, 253, 0.043); box-shadow: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; font-weight: 880; letter-spacing: 0px; cursor: pointer; transition: transform 0.18s, background 0.18s, border-color 0.18s;
}
.lp-root .pricing-compare-toggle:hover {
  transform: translateY(-1px); background: rgba(0, 219, 253, 0.075); border-color: rgba(0, 219, 253, 0.62);
}
.lp-root .pricing-compare-toggle .compare-indicator {
  display: inline; width: auto; height: auto; border-radius: 0px; border: 0px; color: rgb(0, 219, 253); background: transparent; font-size: 0.98rem; font-weight: 900; line-height: 1;
}
.lp-root .pricing-comparison-shell {
  max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 0.55s, opacity 0.28s, margin-top 0.28s;
}
.lp-root .pricing-comparison-shell.open {
  max-height: 4200px; opacity: 1; margin-top: 0px;
}
.lp-root .tech-matrix {
  overflow: hidden; border-radius: 4px; border: 1px solid rgba(14, 45, 57, 0.18); margin-top: 14px; background: linear-gradient(rgba(14, 45, 57, 0.035) 1px, transparent 1px) 0% 0% / 28px 28px, linear-gradient(90deg, rgba(14, 45, 57, 0.024) 1px, transparent 1px), rgb(245, 241, 232); box-shadow: rgba(0, 0, 0, 0.24) 0px 26px 72px; color: rgb(22, 37, 44);
}
.lp-root .tech-matrix-section {
  border-top: 1px solid rgba(14, 45, 57, 0.16);
}
.lp-root .tech-matrix-section:first-child {
  border-top: 0px;
}
.lp-root .tech-section-toggle {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 14px 14px 18px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 219, 253, 0.16); border-image: none; color: rgb(0, 219, 253); background: linear-gradient(135deg, rgb(48, 58, 64), rgb(37, 46, 51)); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.78rem; font-weight: 900; letter-spacing: 0.14em; text-align: left; text-transform: uppercase; cursor: pointer;
}
.lp-root .tech-section-toggle::after {
  content: "–"; display: inline-grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 3px; border: 1px solid rgba(0, 219, 253, 0.34); color: rgb(0, 219, 253); background: rgba(0, 219, 253, 0.08); font-size: 1.08rem; line-height: 1;
}
.lp-root .tech-matrix-section.collapsed .tech-section-toggle::after {
  content: "+";
}
.lp-root .tech-section-panel {
  overflow-x: auto;
}
.lp-root .tech-matrix-section.collapsed .tech-section-panel {
  display: none;
}
.lp-root .tech-matrix-grid {
  min-width: 790px; display: grid; grid-template-columns: minmax(142px, 0.74fr) repeat(3, minmax(160px, 1fr));
}
.lp-root .tech-cell {
  min-width: 0px; padding: 12px 14px; border-bottom: 1px solid rgba(14, 45, 57, 0.12); font-size: 0.88rem; line-height: 1.38;
}
.lp-root .tech-head {
  padding: 11px 14px; border-bottom: 1px solid rgba(14, 45, 57, 0.16); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase;
}
.lp-root .tech-head.blank {
  background: rgba(255, 255, 255, 0.38);
}
.lp-root .tech-head.bronze {
  color: rgb(79, 44, 23); background: linear-gradient(rgba(160, 82, 45, 0.22), rgba(160, 82, 45, 0.11)); border-top-left-radius: 12px;
}
.lp-root .tech-head.silver {
  color: rgb(48, 59, 69); background: linear-gradient(rgba(107, 114, 128, 0.2), rgba(107, 114, 128, 0.1));
}
.lp-root .tech-head.gold {
  color: rgb(90, 65, 0); background: linear-gradient(rgba(184, 134, 11, 0.24), rgba(184, 134, 11, 0.11)); border-top-right-radius: 12px;
}
.lp-root .tech-feature {
  font-weight: 780; color: rgb(34, 52, 59); background: rgba(255, 255, 255, 0.64);
}
.lp-root .tech-plan {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: 0.82rem; color: rgb(38, 59, 67);
}
.lp-root .tech-plan.bronze {
  border-left: 1px solid rgba(160, 82, 45, 0.2); border-right: 1px solid rgba(160, 82, 45, 0.2); background-color: rgba(160, 82, 45, 0.043);
}
.lp-root .tech-plan.silver {
  border-left: 1px solid rgba(107, 114, 128, 0.2); border-right: 1px solid rgba(107, 114, 128, 0.2); background-color: rgba(107, 114, 128, 0.043);
}
.lp-root .tech-plan.gold {
  border-left: 1px solid rgba(184, 134, 11, 0.22); border-right: 1px solid rgba(184, 134, 11, 0.22); background-color: rgba(184, 134, 11, 0.05);
}
.lp-root .tech-value {
  font-weight: 760;
}
.lp-root .state-included::before,
.lp-root .state-available::before,
.lp-root .state-limited::before {
  display: inline-block; margin-right: 7px; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-weight: 900;
}
.lp-root .state-included::before,
.lp-root .state-available::before {
  content: "✓"; color: rgb(12, 123, 92);
}
.lp-root .state-limited::before {
  content: "◐"; color: rgb(184, 115, 22);
}
.lp-root .state-muted {
  color: rgb(138, 154, 160);
}
.lp-root footer {
  background: rgb(0, 0, 0); color: rgba(238, 248, 251, 0.66); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 44px 24px;
}
.lp-root .footer-inner {
  width: min(var(--max), 100%); margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 28px;
}
.lp-root .footer-heading {
  color: var(--teal-bright); font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 900; margin-bottom: 10px;
}
.lp-root .footer-company {
  text-align: right;
}
.lp-root .copyright {
  grid-column: 1 / -1; color: rgba(238, 248, 251, 0.34); font-size: 0.82rem; margin-top: 10px;
}
@keyframes breathe {
  0%, 100% { transform: scale(1); opacity: 0.92; }
  50% { transform: scale(1.04); opacity: 1; }
}
@keyframes floatUp {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-16px); }
}
@media (max-width: 780px) {
  .lp-root .header-inner {
    width: min(var(--max), calc(100% - 24px)); grid-template-columns: minmax(0px, 1fr) auto; gap: 16px;
  }
  .lp-root .header-nav {
    display: none;
  }
  .lp-root .header-logo {
    grid-column: 1; width: min(133px, 34vw);
  }
  .lp-root .header-actions {
    grid-column: 2;
  }
  .lp-root .header-actions .lp-btn {
    min-height: 42px; padding-inline: 17px; font-size: 13px;
  }
  .lp-root .section {
    padding: 98px 18px 62px;
  }
  .lp-root .hero-backmark {
    inset: 120px 0px 0px;
  }
  .lp-root .hero-backmark img {
    width: 92vw; opacity: 0.38; filter: drop-shadow(rgba(1, 215, 252, 0.26) 0px 20px 60px);
  }
  .lp-root .source-row {
    grid-template-columns: 1fr;
  }
  .lp-root .pricing-grid {
    grid-template-columns: 1fr;
  }
  .lp-root .footer-inner {
    grid-template-columns: 1fr;
  }
  .lp-root .footer-company {
    text-align: left;
  }
}
@media (max-width: 560px) {
  .lp-root .header-logo {
    width: min(119px, 33.15vw);
  }
  .lp-root h1 {
    font-size: clamp(2.2rem, 11vw, 3.4rem);
  }
  .lp-root .section-title {
    font-size: clamp(1.95rem, 10vw, 3rem);
  }
  .lp-root .eyebrow {
    font-size: 10px; letter-spacing: 0.08em;
  }
}
.lp-root #what .what-layout-v29 {
  display: grid !important; grid-template-columns: minmax(0px, 0.95fr) minmax(420px, 1.05fr) !important; grid-template-areas: "heading video" "cards video" !important; gap: clamp(24px, 4vw, 58px) !important; align-items: center !important;
}
.lp-root #what .what-heading-v29 {
  min-width: 0px; grid-area: heading !important;
}
.lp-root #what .what-video-v29 {
  min-width: 0px; width: 100%; grid-area: video !important;
}
.lp-root #what .what-cards-v29 {
  min-width: 0px; grid-area: cards !important;
}
.lp-root #what .window-card {
  width: 100% !important; min-width: 0px !important; max-width: 680px !important; margin: 0px auto !important; overflow: hidden !important;
}
.lp-root #what .live-preview-video {
  display: block !important; width: 100% !important; min-width: 0px !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: contain !important;
}
.lp-root #what .video-caption {
  display: flex; gap: 14px; align-items: center; justify-content: space-between; min-width: 0px;
}
@media (max-width: 980px) {
  .lp-root #what .what-layout-v29 {
    grid-template-columns: 1fr !important; grid-template-areas: "heading" "video" "cards" !important; gap: 22px !important;
  }
  .lp-root #what .what-video-v29 {
    width: min(760px, 100%) !important; margin: 0px auto !important;
  }
  .lp-root #what .window-card {
    max-width: 760px !important;
  }
}
@media (max-width: 640px) {
  .lp-root #what .what-layout-v29 {
    gap: 18px !important;
  }
  .lp-root #what .window-card {
    border-radius: 20px !important;
  }
  .lp-root #what .window-bar {
    padding: 12px 14px !important;
  }
  .lp-root #what .window-title {
    font-size: 0.86rem !important; line-height: 1.18 !important;
  }
  .lp-root #what .video-caption {
    display: block !important; padding: 14px !important; font-size: 0.84rem !important; line-height: 1.45 !important;
  }
  .lp-root #what .video-badge {
    display: inline-flex !important; margin-top: 10px !important; white-space: normal !important;
  }
}
.lp-root .lp-btn,
.lp-root .price-btn,
.lp-root .eyebrow {
  border-radius: 12px 4px; border-width: 1px; border-style: solid; background-clip: padding-box;
}
.lp-root .lp-btn-primary,
.lp-root .header-actions .lp-btn-primary,
.lp-root .hero .lp-btn-primary,
.lp-root .price-btn {
  color: rgb(22, 9, 0); background: linear-gradient(135deg, #ffad66, var(--orange)); border-color: rgba(112, 47, 4, 0.34); box-shadow: rgba(244, 124, 32, 0.22) 0px 10px 28px;
}
.lp-root .lp-btn-secondary,
.lp-root .hero .lp-btn-secondary {
  color: rgb(223, 251, 255); border-color: rgba(0, 219, 253, 0.58); background: rgba(0, 219, 253, 0.055); box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 26px;
}
.lp-root .lp-btn-secondary:hover,
.lp-root .hero .lp-btn-secondary:hover {
  color: rgb(255, 255, 255); border-color: rgba(0, 219, 253, 0.88); background: rgba(0, 219, 253, 0.12);
}
.lp-root .dark .eyebrow {
  color: rgb(223, 251, 255); background: rgba(0, 219, 253, 0.07); border-color: rgba(0, 219, 253, 0.28);
}
.lp-root .light .eyebrow {
  color: rgb(7, 91, 105); background: rgba(255, 255, 255, 0.88); border-color: rgba(0, 151, 175, 0.24);
}
.lp-root .eyebrow-dot {
  width: 18px; height: 2px; border-radius: 2px 1px; background: rgb(0, 219, 253); box-shadow: rgba(0, 219, 253, 0.34) 0px 0px 12px;
}
.lp-root .section-title {
  font-size: clamp(1.55rem, 2.1vw, 2.45rem);
}
.lp-root .video-badge {
  border-radius: 12px 4px; border-width: 1px; border-style: solid; background-clip: padding-box;
}
.lp-root #what .what-cards-v29 .source-row {
  display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; align-items: stretch !important; width: 100% !important;
}
.lp-root #what .what-cards-v29 .source-card {
  position: relative !important; min-width: 0px !important; padding: 9px 17px 9px 29px !important; border: 1px solid rgba(7, 16, 21, 0.1) !important; border-radius: 14px 5px !important; background: rgba(255, 255, 255, 0.94) !important; box-shadow: rgba(7, 16, 21, 0.055) 0px 8px 22px !important;
}
.lp-root #what .what-cards-v29 .source-card::before {
  content: ""; position: absolute; left: 13px; top: 13px; width: 4px; height: 16px; border-radius: 3px 1px; background: rgb(0, 219, 253); opacity: 0.9;
}
.lp-root #what .what-cards-v29 .tag {
  margin: 0px 0px 3px !important; color: var(--ink) !important; font-size: 1.02rem !important; line-height: 1.18 !important; font-weight: 830 !important; letter-spacing: 0px !important; text-transform: none !important;
}
.lp-root #what .what-cards-v29 .source-card strong {
  display: block; margin: 0px 0px 2px !important; color: rgba(7, 16, 21, 0.76) !important; font-size: 1rem !important; line-height: 1.25 !important; font-weight: 760 !important; letter-spacing: 0px !important;
}
.lp-root #what .what-cards-v29 .source-card p {
  margin: 0px !important; font-size: 0.9rem !important; line-height: 1.18 !important; color: rgba(7, 16, 21, 0.66) !important;
}
@media (min-width: 981px) {
  .lp-root #what .what-layout-v29 {
    grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr) !important; grid-template-areas: "heading video" "cards cards" !important; align-items: start !important;
  }
  .lp-root #what .what-video-v29 {
    align-self: start !important;
  }
  .lp-root #what .window-card {
    max-width: none !important;
  }
}
@media (max-width: 980px) {
  .lp-root #what .what-layout-v29 {
    grid-template-areas: "heading" "video" "cards" !important;
  }
}
@media (max-width: 640px) {
  .lp-root #what .what-cards-v29 .source-row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 560px) {
  .lp-root .section-title {
    font-size: clamp(1.58rem, 7.4vw, 2.3rem);
  }
}
.lp-root #what .what-cards-v29 .source-row {
  min-height: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;
}
@media (max-width: 1180px) {
  .lp-root .pricing-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  .lp-root .pricing-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .lp-root .pricing-compare-toggle {
    min-height: 58px; padding: 0px 16px; font-size: 0.9rem;
  }
  .lp-root .tech-matrix {
    border-radius: 0px 0px 18px 6px;
  }
  .lp-root .tech-matrix-grid {
    min-width: 720px; grid-template-columns: minmax(116px, 0.62fr) repeat(3, minmax(154px, 1fr));
  }
  .lp-root .tech-cell {
    padding: 11px 12px; font-size: 0.82rem;
  }
  .lp-root .tech-head {
    padding: 10px 12px; font-size: 0.68rem;
  }
  .lp-root .tech-section-toggle {
    padding: 14px 15px; font-size: 0.72rem; letter-spacing: 0.1em;
  }
  .lp-root .pricing-grid {
    width: min(430px, 100%); margin-inline: auto; grid-template-columns: 1fr !important;
  }
  .lp-root .price-sub,
  .lp-root .price-list {
    min-height: 0px;
  }
  .lp-root .price-card {
    border-color: rgba(0, 219, 253, 0.18); border-radius: 20px 7px; background: linear-gradient(155deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
  }
  .lp-root .tier {
    padding: 16px 20px; font-size: 13px; letter-spacing: 0.13em;
  }
  .lp-root .price-body {
    padding: 21px 20px 22px;
  }
  .lp-root .price-sub {
    margin-bottom: 18px; color: rgba(238, 248, 251, 0.76); font-size: 0.95rem; line-height: 1.58;
  }
  .lp-root .price {
    margin: 2px 0px 20px; font-size: clamp(2.65rem, 13vw, 3.35rem); line-height: 1; letter-spacing: -0.045em;
  }
  .lp-root .price span {
    margin-left: 4px; color: rgba(238, 248, 251, 0.67); font-size: 0.9rem; letter-spacing: 0px;
  }
  .lp-root .price-list {
    display: grid; gap: 8px; margin-bottom: 21px; color: rgba(238, 248, 251, 0.84); font-size: 0.93rem; line-height: 1.48;
  }
  .lp-root .price-list li {
    display: flex; align-items: flex-start;
  }
  .lp-root .price-list li::before {
    flex: 0 0 auto; margin-right: 10px;
  }
  .lp-root .metric-grid {
    gap: 10px; margin-bottom: 21px; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
  .lp-root .metric {
    min-width: 0px; padding: 10px 8px 11px; border-radius: 12px 4px; border-color: rgba(0, 219, 253, 0.24); background: rgba(0, 219, 253, 0.075); color: rgba(238, 248, 251, 0.76); font-size: 9px; line-height: 1.25; letter-spacing: 0.075em; text-transform: uppercase;
  }
  .lp-root .metric span {
    margin-top: 5px; color: rgb(0, 219, 253); font-size: 0.94rem; line-height: 1.2; letter-spacing: 0px; text-transform: none;
  }
  .lp-root .price-btn {
    min-height: 48px; font-size: 0.95rem;
  }
  .lp-root .pricing-footnotes {
    color: rgba(238, 248, 251, 0.62); line-height: 1.65;
  }
}
@media (max-width: 420px) {
  .lp-root .metric-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
.lp-root .vnext-section {
  min-height: 0px; scroll-margin-top: 72px; padding-top: clamp(88px, 10vw, 132px); padding-bottom: clamp(78px, 9vw, 118px);
}
.lp-root .ai-accordion-trigger {
  font: inherit;
}
.lp-root .ai-mobile {
  display: none;
}
@keyframes panelIn {
  0% { opacity: 0; transform: translateX(8px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@media (max-width: 820px) {
  .lp-root .vnext-section {
    padding-top: 90px; padding-bottom: 80px;
  }
  .lp-root .ai-mobile {
    display: grid; gap: 10px;
  }
  .lp-root .ai-accordion {
    overflow: hidden; border: 1px solid rgba(7, 16, 21, 0.11); border-radius: 16px 5px; background: rgba(255, 255, 255, 0.78);
  }
  .lp-root .ai-accordion-trigger {
    position: relative; width: 100%; min-height: 62px; padding: 0px 50px 0px 18px; border: 0px; color: var(--ink); background: transparent; cursor: pointer; font-size: 0.92rem; font-weight: 800; text-align: left;
  }
  .lp-root .ai-accordion-trigger::after {
    position: absolute; top: 50%; right: 20px; content: "+"; transform: translateY(-50%);
  }
  .lp-root .ai-accordion-trigger[aria-expanded="true"]::after {
    content: "–";
  }
  .lp-root .ai-accordion-trigger:focus-visible {
    outline: rgb(0, 151, 175) solid 2px; outline-offset: -3px;
  }
  .lp-root .ai-accordion-panel {
    display: none; padding: 0px 18px 22px;
  }
  .lp-root .ai-accordion-panel.is-open {
    display: block; animation: 0.24s ease 0s 1 normal both running panelIn;
  }
  .lp-root .ai-accordion-panel h3 {
    margin: 4px 0px 12px; font-size: clamp(1.35rem, 5vw, 2rem);
  }
  .lp-root .ai-accordion-panel p {
    color: rgba(7, 16, 21, 0.66); line-height: 1.62;
  }
}
.lp-root .platform-capabilities-section {
  padding-top: clamp(72px, 8vw, 112px); padding-bottom: clamp(72px, 8vw, 112px);
}
.lp-root .comparison-footnotes {
  display: grid; gap: 8px; margin: 18px 0px 0px; padding: 20px clamp(18px, 3vw, 30px); border: 1px solid rgba(104, 87, 58, 0.14); border-radius: 4px; color: rgb(89, 97, 104); background: rgb(245, 241, 232); font-size: 0.78rem; line-height: 1.55;
}
.lp-root .comparison-footnotes p {
  margin: 0px;
}
.lp-root .comparison-footnotes strong {
  color: rgb(141, 95, 27);
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .ai-accordion-panel.is-open {
    animation: auto ease 0s 1 normal none running none !important;
  }
  .lp-root .ai-accordion-trigger {
    transition: none !important;
  }
}
.lp-root .platform-capabilities-section {
  background: radial-gradient(circle at 90% 12%, rgba(0, 219, 253, 0.1), transparent 25rem), linear-gradient(rgb(237, 246, 245) 0%, rgb(248, 251, 251) 100%);
}
.lp-root .platform-capabilities-shell {
  display: grid; grid-template-columns: minmax(330px, 0.42fr) minmax(0px, 0.58fr); gap: clamp(34px, 5vw, 72px); align-items: stretch; padding: clamp(28px, 4.8vw, 58px); border: 1px solid rgba(7, 16, 21, 0.1); border-radius: 30px 10px; background: rgba(255, 255, 255, 0.87); box-shadow: rgba(7, 16, 21, 0.11) 0px 30px 80px;
}
.lp-root .platform-tablist {
  display: grid; margin-top: 30px; border-top: 1px solid rgba(7, 16, 21, 0.11);
}
.lp-root .platform-tab {
  position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; min-height: 80px; padding: 13px 18px 13px 6px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(7, 16, 21, 0.11); border-image: none; color: rgba(7, 16, 21, 0.62); background: transparent; cursor: pointer; font: inherit; text-align: left; transition: background 0.18s, color 0.18s, padding 0.18s;
}
.lp-root .platform-tab::before {
  position: absolute; top: 12px; bottom: 12px; left: -6px; width: 3px; border-radius: 3px; background: transparent; content: "";
}
.lp-root .platform-tab:hover,
.lp-root .platform-tab:focus-visible,
.lp-root .platform-tab[aria-selected="true"] {
  padding-left: 12px; color: var(--ink); background: rgba(0, 219, 253, 0.055); outline: none;
}
.lp-root .platform-tab[aria-selected="true"]::before {
  background: rgb(0, 185, 213);
}
.lp-root .platform-tab-title,
.lp-root .platform-tab-summary {
  display: block;
}
.lp-root .platform-tab-title {
  margin-bottom: 4px; font-size: 0.94rem; font-weight: 840;
}
.lp-root .platform-panel {
  min-height: 650px; padding: clamp(28px, 4vw, 46px); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px 8px; color: var(--text-dark); background: radial-gradient(circle at 82% 12%, rgba(0, 219, 253, 0.12), transparent 18rem), linear-gradient(160deg, rgb(10, 21, 28), rgb(17, 31, 40)); box-shadow: rgba(7, 16, 21, 0.22) 0px 28px 70px;
}
.lp-root .platform-panel-inner {
  animation: 0.28s ease 0s 1 normal both running panelIn;
}
.lp-root .platform-panel h3 {
  max-width: 650px; margin-bottom: 14px; font-size: clamp(1.55rem, 2.5vw, 2.5rem); line-height: 1.12; letter-spacing: -0.025em;
}
.lp-root .platform-panel p {
  max-width: 690px; color: rgba(237, 248, 251, 0.69); font-size: 0.93rem; line-height: 1.62;
}
.lp-root .platform-mobile {
  display: none;
}
@media (max-width: 1120px) {
  .lp-root .platform-capabilities-shell {
    grid-template-columns: minmax(300px, 0.44fr) minmax(0px, 0.56fr); gap: 30px; padding: 34px;
  }
  .lp-root .platform-panel {
    min-height: 680px; padding: 30px;
  }
}
@media (max-width: 820px) {
  .lp-root .platform-capabilities-shell {
    display: block;
  }
  .lp-root .platform-desktop {
    display: none;
  }
  .lp-root .platform-mobile {
    display: grid; gap: 10px; margin-top: 28px;
  }
  .lp-root .platform-accordion {
    overflow: hidden; border: 1px solid rgba(7, 16, 21, 0.11); border-radius: 16px 5px; background: rgba(255, 255, 255, 0.8);
  }
  .lp-root .platform-accordion-trigger {
    position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 8px; align-items: center; width: 100%; min-height: 66px; padding: 0px 46px 0px 15px; border: 0px; color: var(--ink); background: transparent; cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; font-weight: 820; text-align: left;
  }
  .lp-root .platform-accordion-trigger::after {
    position: absolute; top: 50%; right: 18px; content: "+"; transform: translateY(-50%);
  }
  .lp-root .platform-accordion-trigger[aria-expanded="true"]::after {
    content: "–";
  }
  .lp-root .platform-accordion-trigger:focus-visible {
    outline: rgb(0, 151, 175) solid 2px; outline-offset: -3px;
  }
  .lp-root .platform-accordion-panel {
    display: none; padding: 0px 15px 15px;
  }
  .lp-root .platform-accordion-panel.is-open {
    display: block; animation: 0.24s ease 0s 1 normal both running panelIn;
  }
  .lp-root .platform-accordion-panel-inner {
    padding: 22px; border-radius: 16px 5px; color: var(--text-dark); background: linear-gradient(160deg, rgb(10, 21, 28), rgb(17, 31, 40));
  }
  .lp-root .platform-accordion-panel h3 {
    margin-bottom: 12px; font-size: clamp(1.35rem, 5vw, 2rem);
  }
  .lp-root .platform-accordion-panel p {
    color: rgba(237, 248, 251, 0.7); font-size: 0.9rem; line-height: 1.58;
  }
}
@media (max-width: 620px) {
  .lp-root .platform-capabilities-shell {
    padding: 22px 18px; border-radius: 22px 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .platform-panel-inner,
  .lp-root .platform-accordion-panel.is-open {
    animation: auto ease 0s 1 normal none running none !important;
  }
  .lp-root .platform-tab,
  .lp-root .platform-accordion-trigger {
    transition: none !important;
  }
}
.lp-root .integrated-ai-section {
  background: radial-gradient(circle at 14% 18%, rgba(0, 219, 253, 0.1), transparent 30rem), radial-gradient(circle at 88% 76%, rgba(129, 92, 246, 0.1), transparent 31rem), rgb(7, 16, 24);
}
.lp-root .integrated-section-heading {
  margin-bottom: clamp(24px, 3.5vw, 38px);
}
.lp-root .integrated-section-heading .section-title {
  max-width: none; margin-bottom: 0px; font-size: clamp(1.75rem, 2.6vw, 2.9rem); line-height: 1.08;
}
.lp-root .integrated-ai-section .integrated-section-heading .section-title {
  white-space: normal;
}
@media (min-width: 1100px) {
  .lp-root .integrated-section-heading .section-title {
    white-space: nowrap;
  }
}
.lp-root .integrated-menu-box,
.lp-root .platform-capabilities-shell {
  display: block; padding: clamp(22px, 3vw, 36px); border-radius: 28px 9px;
}
.lp-root .integrated-menu-box {
  border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.024); box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 80px;
}
.lp-root .integrated-menu-layout,
.lp-root .platform-menu-layout {
  display: grid; grid-template-columns: minmax(210px, 0.24fr) minmax(0px, 0.76fr); gap: clamp(18px, 2.2vw, 28px); min-height: 350px;
}
.lp-root .integrated-tablist,
.lp-root .platform-tablist {
  display: grid; grid-template-rows: repeat(5, 1fr); margin: 0px; border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.lp-root .platform-tablist {
  border-color: rgba(7, 16, 21, 0.11);
}
.lp-root .integrated-tab {
  position: relative; min-height: 60px; padding: 14px 46px 14px 18px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.1); border-image: none; color: rgba(237, 248, 251, 0.56); background: transparent; cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.02rem; font-weight: 820; text-align: left; transition: color 0.18s, background 0.18s, padding 0.18s;
}
.lp-root .integrated-tab::before {
  position: absolute; inset: 11px auto 11px 0px; width: 3px; border-radius: 3px; background: transparent; content: "";
}
.lp-root .integrated-tab::after {
  position: absolute; top: 50%; right: 18px; color: rgb(0, 219, 253); content: "→"; opacity: 0; transform: translate(-8px, -50%); transition: opacity 0.18s, transform 0.18s;
}
.lp-root .integrated-tab:hover,
.lp-root .integrated-tab:focus-visible,
.lp-root .integrated-tab[aria-selected="true"] {
  padding-left: 24px; color: rgb(255, 255, 255); background: rgba(0, 219, 253, 0.043); outline: none;
}
.lp-root .integrated-tab[aria-selected="true"]::before {
  background: rgb(0, 219, 253);
}
.lp-root .integrated-tab[aria-selected="true"]::after {
  opacity: 1; transform: translate(0px, -50%);
}
.lp-root .platform-tab {
  display: block; min-height: 72px; padding: 14px 20px 14px 10px; font-size: 1.04rem;
}
.lp-root .platform-tab-title {
  margin: 0px; font-size: 1.04rem;
}
.lp-root .platform-panel,
.lp-root .integrated-panel {
  display: flex; min-height: 350px; padding: clamp(26px, 3vw, 38px); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 24px 8px; color: rgb(237, 248, 251); background: radial-gradient(circle at 86% 12%, rgba(129, 92, 246, 0.13), transparent 20rem), linear-gradient(155deg, rgba(18, 35, 46, 0.97), rgba(7, 17, 24, 0.98)); box-shadow: rgba(0, 0, 0, 0.24) 0px 28px 70px;
}
.lp-root .platform-panel-inner,
.lp-root .integrated-panel-inner {
  display: flex; flex: 1 1 0%; flex-direction: column; animation: 0.28s ease 0s 1 normal both running panelIn;
}
.lp-root .platform-panel h3,
.lp-root .integrated-panel h3 {
  margin-bottom: 18px; font-size: clamp(1.45rem, 2vw, 1.85rem); line-height: 1.2; letter-spacing: -0.025em;
}
.lp-root .platform-panel p,
.lp-root .integrated-panel p {
  max-width: 760px; color: rgba(237, 248, 251, 0.7); font-size: clamp(1rem, 1.15vw, 1.08rem); line-height: 1.72;
}
.lp-root .menu-panel-copy {
  max-width: 760px;
}
.lp-root .menu-panel-copy p {
  margin: 0px 0px 10px;
}
.lp-root .menu-panel-copy .menu-panel-takeaway {
  margin-top: 18px; margin-bottom: 0px; padding-left: 13px; border-left: 3px solid rgb(0, 185, 213); color: rgb(243, 251, 252); font-weight: 800; line-height: 1.5;
}
.lp-root .integrated-mobile {
  display: none;
}
@media (max-width: 820px) {
  .lp-root .integrated-ai-section .integrated-section-heading .section-title {
    white-space: normal;
  }
  .lp-root .integrated-menu-layout,
  .lp-root .platform-menu-layout {
    display: none;
  }
  .lp-root .integrated-mobile,
  .lp-root .platform-mobile {
    display: grid;
  }
  .lp-root .platform-accordion-trigger {
    display: block; padding-left: 15px;
  }
  .lp-root .integrated-menu-box,
  .lp-root .platform-capabilities-shell {
    padding: 20px;
  }
}
@media (max-width: 640px) {
  .lp-root .hero h1 {
    font-size: clamp(2rem, 9vw, 3rem);
  }
}
@media (max-width: 480px) {
  .lp-root .hero h1 {
    font-size: clamp(1.45rem, 7vw, 2rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .integrated-tab {
    transition: none !important;
  }
}
.lp-root .integrated-ai-section.light {
  color: var(--ink); background: radial-gradient(circle at 14% 18%, rgba(0, 219, 253, 0.09), transparent 28rem), radial-gradient(circle at 88% 76%, rgba(129, 92, 246, 0.07), transparent 30rem), linear-gradient(rgb(247, 251, 251) 0%, rgb(237, 245, 244) 100%);
}
.lp-root .integrated-ai-section.light .integrated-menu-box {
  border-color: rgba(7, 16, 21, 0.1); background: rgba(255, 255, 255, 0.62); box-shadow: rgba(7, 16, 21, 0.09) 0px 28px 70px;
}
.lp-root .integrated-ai-section.light .integrated-tablist {
  border-color: rgba(7, 16, 21, 0.11);
}
.lp-root .integrated-ai-section.light .integrated-tab {
  border-color: rgba(7, 16, 21, 0.1); color: rgba(7, 16, 21, 0.68);
}
.lp-root .integrated-ai-section.light .integrated-tab:hover,
.lp-root .integrated-ai-section.light .integrated-tab:focus-visible,
.lp-root .integrated-ai-section.light .integrated-tab[aria-selected="true"] {
  color: var(--ink); background: rgba(0, 185, 213, 0.07);
}
.lp-root .integrated-ai-section.light .integrated-panel {
  border-color: rgba(7, 16, 21, 0.11); color: var(--ink); background: radial-gradient(circle at 86% 12%, rgba(129, 92, 246, 0.08), transparent 20rem), linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(237, 245, 244, 0.98)); box-shadow: rgba(7, 16, 21, 0.1) 0px 24px 60px;
}
.lp-root .integrated-ai-section.light .integrated-panel p {
  color: rgba(7, 16, 21, 0.66);
}
.lp-root .integrated-ai-section.light .menu-panel-takeaway {
  color: rgb(11, 86, 100);
}
.lp-root #pricing.light .price-card {
  border-color: rgba(0, 219, 253, 0.18); color: var(--text-dark); background: linear-gradient(155deg, rgba(17, 30, 39, 0.98), rgba(7, 16, 21, 0.98)); box-shadow: rgba(7, 16, 21, 0.2) 0px 24px 64px;
}
.lp-root #pricing.light .price-sub,
.lp-root #pricing.light .price-list {
  color: rgba(238, 248, 251, 0.68);
}
.lp-root #pricing.light .price span,
.lp-root #pricing.light .metric span {
  color: rgba(238, 248, 251, 0.72);
}
.lp-root #pricing.light .metric {
  border-color: rgba(0, 219, 253, 0.2); color: rgb(0, 219, 253); background: rgba(0, 219, 253, 0.08);
}
.lp-root #pricing.light .price {
  color: rgb(0, 219, 253);
}
.lp-root #pricing.light .pricing-footnotes {
  color: rgba(7, 16, 21, 0.58);
}
.lp-root #pricing.light .pricing-compare-toggle {
  width: min(640px, 100%); min-height: 58px; border: 1px solid rgba(0, 219, 253, 0.56); border-radius: 16px 5px; color: rgb(237, 251, 253); background: linear-gradient(145deg, rgb(21, 40, 50), rgb(7, 16, 21)); box-shadow: rgba(0, 219, 253, 0.08) 0px 0px 0px 3px, rgba(7, 16, 21, 0.2) 0px 16px 38px; font-size: 1rem; letter-spacing: 0.02em;
}
.lp-root #pricing.light .pricing-compare-toggle .compare-indicator {
  display: inline-grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(0, 219, 253, 0.4); border-radius: 9px 3px; color: rgb(0, 219, 253); background: rgba(0, 219, 253, 0.08);
}
.lp-root #pricing.light .pricing-compare-toggle:hover {
  border-color: rgb(0, 219, 253); background: linear-gradient(145deg, rgb(25, 52, 64), rgb(9, 21, 28)); box-shadow: rgba(0, 219, 253, 0.1) 0px 0px 0px 4px, rgba(7, 16, 21, 0.24) 0px 20px 44px;
}
.lp-root .gold-v2-section {
  color: rgb(17, 25, 35); background: radial-gradient(circle at 8% 8%, rgba(23, 93, 245, 0.06), transparent 26rem), radial-gradient(circle at 92% 90%, rgba(101, 53, 242, 0.05), transparent 28rem), rgb(247, 248, 250);
}
.lp-root .gold-v2-inner {
  position: relative; z-index: 2; width: min(1180px, 100%); margin: 0px auto;
}
.lp-root .gold-v2-header {
  max-width: 1060px; margin: 0px auto clamp(28px, 4vw, 46px); text-align: center;
}
.lp-root .gold-v2-eyebrow {
  display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; color: rgb(23, 93, 245); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
}
.lp-root .gold-v2-eyebrow span {
  display: block; width: 32px; height: 2px; background: linear-gradient(90deg, rgb(23, 93, 245), rgb(36, 185, 255));
}
.lp-root .gold-v2-header h2 {
  margin: 0px; color: rgb(17, 25, 35); font-size: clamp(2.1rem, 3.55vw, 3.5rem); font-weight: 780; letter-spacing: -0.055em; line-height: 0.98; text-wrap: balance;
}
.lp-root .gold-v2-board {
  position: relative; display: grid; grid-template-columns: minmax(0px, 0.82fr) 1px minmax(0px, 1.48fr); min-height: 570px; overflow: hidden; border: 1px solid rgba(17, 25, 35, 0.09); border-radius: 30px; background: rgba(255, 255, 255, 0.9); box-shadow: rgba(33, 43, 55, 0.09) 0px 32px 80px;
}
.lp-root .gold-v2-column {
  --gold-v2-column-padding: clamp(24px, 3vw, 42px); position: relative; min-width: 0px; padding: var(--gold-v2-column-padding);
}
.lp-root .gold-v2-traditional {
  background: rgb(248, 248, 248);
}
.lp-root .gold-v2-datazen {
  overflow: hidden; background: rgb(251, 248, 247);
}
.lp-root .gold-v2-divider {
  position: relative; z-index: 5; background: rgb(217, 224, 231);
}
.lp-root .gold-v2-divider span {
  position: absolute; top: 50%; left: 50%; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgb(217, 224, 231); border-radius: 50%; color: rgb(132, 144, 156); background: rgb(255, 255, 255); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; transform: translate(-50%, -50%);
}
.lp-root .gold-v2-column-heading {
  margin-bottom: 26px;
}
.lp-root .gold-v2-column-heading > span {
  color: rgb(120, 133, 148); font-size: 0.68rem; font-weight: 780; letter-spacing: 0.12em; text-transform: uppercase;
}
.lp-root .gold-v2-column-heading h3 {
  margin: 6px 0px 0px; color: rgb(17, 25, 35); font-size: clamp(1.25rem, 1.8vw, 1.72rem); font-weight: 750; letter-spacing: -0.035em; line-height: 1.1; text-align: left;
}
.lp-root .gold-v2-column-description {
  max-width: 100%; margin: 13px 0px 0px; color: rgb(83, 97, 113); font-size: clamp(0.8rem, 0.94vw, 0.9rem); font-weight: 470; letter-spacing: -0.008em; line-height: 1.48; text-align: left;
}
.lp-root .gold-v2-stack {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% + 56px); min-height: 450px; margin-inline: -28px;
}
.lp-root .gold-v2-ai-endcap {
  position: relative; z-index: 3; display: grid; width: min(260px, 82%); min-height: 54px; grid-template-columns: 42px minmax(0px, 1fr); align-items: center; gap: 11px; padding: 8px 15px 8px 9px; border: 1px solid rgba(111, 76, 188, 0.48); border-radius: 15px; color: rgb(93, 59, 155); background: linear-gradient(115deg, rgba(247, 243, 255, 0.88), rgba(226, 216, 251, 0.72)); box-shadow: rgba(255, 255, 255, 0.78) 0px 1px 0px inset, rgba(91, 62, 153, 0.1) 0px 9px 22px; text-align: left; transition: border-color 0.2s, box-shadow 0.2s, filter 0.2s, transform 0.2s;
}
.lp-root .gold-v2-ai-endcap:hover,
.lp-root .gold-v2-ai-endcap:focus-visible {
  border-color: rgba(111, 76, 188, 0.78); filter: saturate(1.08) brightness(1.025); box-shadow: rgba(255, 255, 255, 0.88) 0px 1px 0px inset, rgba(91, 62, 153, 0.18) 0px 12px 28px; outline: none; transform: translateY(-3px) scale(1.012);
}
.lp-root .gold-v2-ai-endcap strong {
  max-width: 180px; font-size: 0.88rem; font-weight: 760; letter-spacing: -0.015em; line-height: 1.18; text-wrap: balance;
}
.lp-root .gold-v2-ai-endcap img {
  display: block; width: 42px; height: 42px; border: 1px solid rgba(83, 52, 158, 0.24); border-radius: 11px; object-fit: cover; box-shadow: rgba(75, 49, 137, 0.17) 0px 3px 10px;
}
.lp-root .gold-v2-layer {
  position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; overflow: hidden; border: 1px solid; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.72) 0px 1px 0px inset, rgba(28, 38, 48, 0.043) 0px 9px 18px; transition: border-color 0.2s, box-shadow 0.2s, filter 0.2s, transform 0.2s;
}
.lp-root .gold-v2-layer::after {
  position: absolute; inset: 0px; z-index: 0; content: ""; pointer-events: none;
}
.lp-root .gold-v2-layer--gold {
  width: 220px; height: 58px; border-color: rgba(216, 139, 10, 0.62); border-radius: 16px; color: rgb(153, 93, 0); background: linear-gradient(105deg, rgba(255, 249, 229, 0.58) 0%, rgba(255, 237, 181, 0.5) 48%, rgba(255, 223, 135, 0.48) 100%);
}
.lp-root .gold-v2-layer--gold::after {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.46), transparent 46%);
}
.lp-root .gold-v2-layer--silver {
  width: 292px; height: 66px; border-color: rgba(114, 130, 151, 0.5); border-radius: 9px; color: rgb(83, 98, 116); background: linear-gradient(105deg, rgba(248, 250, 251, 0.58) 0%, rgba(235, 240, 243, 0.5) 48%, rgba(220, 226, 230, 0.48) 100%);
}
.lp-root .gold-v2-layer--silver::after {
  background: radial-gradient(circle at 13% 28%, rgba(255, 255, 255, 0.82), transparent 32%);
}
.lp-root .gold-v2-layer--bronze {
  width: 372px; height: 82px; border-color: rgba(169, 79, 34, 0.58); border-radius: 14px; color: rgb(142, 56, 22); background: linear-gradient(105deg, rgba(255, 245, 239, 0.58) 0%, rgba(247, 232, 222, 0.5) 52%, rgba(234, 217, 207, 0.48) 100%);
}
.lp-root .gold-v2-layer--bronze::after {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.34), transparent 48%);
}
.lp-root .gold-v2-layer-heading {
  position: relative; z-index: 3;
}
.lp-root .gold-v2-layer-heading strong {
  display: block; min-width: 108px; padding: 10px 20px; border: 1px solid rgba(17, 25, 35, 0.06); border-radius: 999px; background: rgba(255, 255, 255, 0.38); box-shadow: rgba(17, 25, 35, 0.055) 0px 3px 12px; backdrop-filter: blur(3px); font-size: 1.16rem; line-height: 1; text-align: center; transition: background-color 0.2s, box-shadow 0.2s;
}
@media (hover: hover) {
  .lp-root .gold-v2-layer:hover {
    filter: saturate(1.08) brightness(1.025); transform: translateY(-3px) scale(1.012);
  }
  .lp-root .gold-v2-layer:hover .gold-v2-layer-heading strong {
    background: rgba(255, 255, 255, 0.62); box-shadow: rgba(17, 25, 35, 0.09) 0px 5px 16px;
  }
  .lp-root .gold-v2-layer--gold:hover {
    border-color: rgba(216, 139, 10, 0.84); box-shadow: rgba(255, 255, 255, 0.78) 0px 1px 0px inset, rgba(216, 139, 10, 0.18) 0px 9px 24px;
  }
  .lp-root .gold-v2-layer--silver:hover {
    border-color: rgba(114, 130, 151, 0.72); box-shadow: rgba(255, 255, 255, 0.78) 0px 1px 0px inset, rgba(92, 112, 134, 0.16) 0px 9px 24px;
  }
  .lp-root .gold-v2-layer--bronze:hover {
    border-color: rgba(169, 79, 34, 0.82); box-shadow: rgba(255, 255, 255, 0.76) 0px 1px 0px inset, rgba(169, 79, 34, 0.17) 0px 9px 24px;
  }
}
.lp-root .gold-v2-layer-beads {
  --gold-v2-dot-size: 11px; --gold-v2-row-gap: 4px; --gold-v2-column-gap: 6px; --gold-v2-base-y: 0px; position: absolute; inset: 10px 14px; z-index: 1;
}
.lp-root .gold-v2-layer--silver .gold-v2-layer-beads {
  --gold-v2-dot-size: 18px; --gold-v2-row-gap: 8px; --gold-v2-column-gap: 4px; --gold-v2-base-y: 1px; inset: 8px 16px;
}
.lp-root .gold-v2-layer--gold .gold-v2-layer-beads {
  --gold-v2-dot-size: 18px; --gold-v2-row-gap: 4px; --gold-v2-column-gap: 1px; --gold-v2-base-y: 5px;
}
.lp-root .gold-v2-layer-bead {
  display: block; position: absolute; left: calc(50% + var(--gold-v2-x, 0px)); bottom: calc(var(--gold-v2-base-y) + var(--gold-v2-y, 0px)); width: var(--gold-v2-dot-size); height: var(--gold-v2-dot-size); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 50%; color: currentcolor; background: currentcolor; box-shadow: rgba(255, 255, 255, 0.26) 0px 1px 1px inset, rgba(17, 25, 35, 0.09) 0px 1px 3px; opacity: 0; transform: translate(-50%, 2px) scale(0.8); transition: left 0.28s, bottom 0.28s, opacity 0.25s, transform 0.25s;
}
.lp-root .gold-v2-layer-bead.is-filled {
  opacity: 0.84; transform: translate(-50%, 0px) scale(1);
}
.lp-root .gold-v2-layer-bead.is-filled:nth-child(3n) {
  opacity: 0.72;
}
.lp-root .gold-v2-layer-bead.is-filled:nth-child(7n) {
  opacity: 0.78;
}
.lp-root .gold-v2-layer--gold .gold-v2-layer-bead {
  color: rgb(229, 173, 34);
}
.lp-root .gold-v2-layer--silver .gold-v2-layer-bead {
  color: rgb(174, 188, 198); border-color: rgba(255, 255, 255, 0.62);
}
.lp-root .gold-v2-layer--bronze .gold-v2-layer-bead {
  color: rgb(188, 112, 68); border-color: rgba(255, 255, 255, 0.18);
}
.lp-root .gold-v2-layer-arrow {
  position: relative; width: 1px; height: 62px; border-left: 2px dotted rgb(145, 160, 175);
}
.lp-root .gold-v2-layer-arrow--ai {
  z-index: 4; height: 26px; border-left-color: rgba(115, 86, 175, 0.66);
}
.lp-root .gold-v2-layer-arrow span {
  position: absolute; top: -3px; left: -7px; width: 12px; height: 12px; border-top: 2px solid rgb(119, 134, 150); border-left: 2px solid rgb(119, 134, 150); transform: rotate(45deg);
}
.lp-root .gold-v2-layer-arrow--ai span {
  border-color: rgba(102, 72, 164, 0.8);
}
.lp-root .gold-v2-dependency-chip {
  position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 0px; padding: 2px 4px; border: 0px; border-radius: 0px; color: rgb(48, 59, 73); background: transparent; box-shadow: none; font-size: 0.72rem; font-weight: 720; letter-spacing: 0.015em; line-height: 1; opacity: 0; transform: translateY(5px) scale(0.94); transition: opacity 0.38s, transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.lp-root .gold-v2-dependency-chip.is-visible {
  opacity: 0.86; transform: translateY(0px) scale(1);
}
.lp-root .gold-v2-dependency-chip:nth-child(2n) {
  color: rgb(79, 66, 95); background: transparent;
}
.lp-root .gold-v2-dependency-row {
  position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 6px; width: max-content;
}
.lp-root .gold-v2-interstage {
  position: relative; z-index: 2; display: flex; min-height: 60px; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 100%; padding-block: 8px;
}
.lp-root .gold-v2-interstage .gold-v2-layer-arrow {
  position: absolute; top: -11px; bottom: -11px; left: 50%; z-index: 3; height: auto; transform: translateX(-50%);
}
.lp-root .gold-v2-diagram {
  position: relative; left: 50%; width: calc(111% + var(--gold-v2-column-padding) + var(--gold-v2-column-padding) - 4px); aspect-ratio: 1620 / 930; margin: 12px 0px -1px; overflow: hidden; background: rgb(251, 248, 247); transform: translateX(-50%);
}
.lp-root .gold-v2-diagram-image,
.lp-root .gold-v2-state-image,
.lp-root .gold-v2-track-pulse {
  position: absolute; top: -3.226%; left: 0px; display: block; width: 100%; height: 104.409%; object-fit: fill; pointer-events: none;
}
.lp-root .gold-v2-track-pulse img {
  position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: fill; pointer-events: none;
}
.lp-root .gold-v2-diagram-image,
.lp-root .gold-v2-state-image,
.lp-root .gold-v2-track-pulse img {
  mix-blend-mode: normal;
}
.lp-root .gold-v2-diagram-image {
  z-index: 1;
}
.lp-root .gold-v2-state-image {
  z-index: 2; opacity: 0; transition: opacity 0.16s;
}
.lp-root .gold-v2-state-image.is-active {
  opacity: 1;
}
.lp-root .gold-v2-state-image--cloud {
  clip-path: inset(7.25% 65.1% 80.45% 17.65% round 1.6%);
}
.lp-root .gold-v2-state-image--agentic {
  clip-path: inset(7.25% 17.95% 80.45% 64.95% round 1.6%);
}
.lp-root .gold-v2-state-image--acquire {
  clip-path: inset(49.55% 78.25% 37.15% 5.75% round 1.5%);
}
.lp-root .gold-v2-state-image--deliver {
  clip-path: inset(49.55% 4.75% 37.15% 77.55% round 1.5%);
}
.lp-root .gold-v2-state-image--transform {
  clip-path: ellipse(8% 13.35% at 50% 39.85%);
}
.lp-root .gold-v2-state-image--enhance {
  clip-path: ellipse(8% 13.35% at 40.75% 66.75%);
}
.lp-root .gold-v2-state-image--validate {
  clip-path: ellipse(8% 13.35% at 59.3% 66.75%);
}
.lp-root .gold-v2-track-pulse {
  z-index: 2; opacity: 0; filter: brightness(1.48) saturate(1.62); isolation: isolate;
}
.lp-root .gold-v2-track-pulse::before,
.lp-root .gold-v2-track-pulse::after {
  position: absolute; z-index: 1; width: 0.92%; aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.96); border-radius: 50%; content: ""; background: rgba(255, 255, 255, 0.98); transform: translate(-50%, -50%);
}
.lp-root .gold-v2-track-pulse--cloud {
  clip-path: polygon(25.7% 18.4%, 29% 18.4%, 30.2% 23.3%, 31.8% 28.8%, 33.8% 32.8%, 36.3% 35.7%, 32.2% 35.7%, 30.6% 34%, 28.8% 30%, 27.5% 25%, 25.7% 18.4%); animation: 8.4s ease-in-out 0s infinite normal none running goldV2CloudTrackPulse;
}
.lp-root .gold-v2-track-pulse--agentic {
  clip-path: polygon(71% 18.4%, 74.3% 18.4%, 72.5% 25%, 71.2% 30%, 69.4% 34%, 67.8% 35.7%, 63.7% 35.7%, 66.2% 32.8%, 68.2% 28.8%, 69.8% 23.3%, 71% 18.4%); animation: 9.6s ease-in-out 0s infinite normal none running goldV2AgenticTrackPulse;
}
.lp-root .gold-v2-track-pulse--cloud::before {
  top: 28.95%; left: 31.55%; box-shadow: rgb(255, 255, 255) 0px 0px 6px, rgba(31, 112, 255, 0.96) 0px 0px 13px;
}
.lp-root .gold-v2-track-pulse--cloud::after {
  top: 30.25%; left: 30.45%; box-shadow: rgb(255, 255, 255) 0px 0px 6px, rgba(31, 112, 255, 0.96) 0px 0px 13px;
}
.lp-root .gold-v2-track-pulse--agentic::before {
  top: 28.95%; left: 68%; box-shadow: rgb(255, 255, 255) 0px 0px 6px, rgba(107, 64, 218, 0.96) 0px 0px 13px;
}
.lp-root .gold-v2-track-pulse--agentic::after {
  top: 30.25%; left: 69.1%; box-shadow: rgb(255, 255, 255) 0px 0px 6px, rgba(107, 64, 218, 0.96) 0px 0px 13px;
}
@keyframes goldV2CloudTrackPulse {
  0%, 11.5%, 16.2%, 100% { opacity: 0; }
  12.2% { opacity: 0.24; }
  12.8% { opacity: 0.98; filter: brightness(1.62) saturate(1.78); }
  13.35% { opacity: 0.34; }
  13.9% { opacity: 1; filter: brightness(1.7) saturate(1.85); }
  14.7% { opacity: 0.72; }
}
@keyframes goldV2AgenticTrackPulse {
  0%, 53.5%, 58.2%, 100% { opacity: 0; }
  54.2% { opacity: 0.24; }
  54.8% { opacity: 0.98; filter: brightness(1.62) saturate(1.76); }
  55.35% { opacity: 0.34; }
  55.9% { opacity: 1; filter: brightness(1.7) saturate(1.84); }
  56.7% { opacity: 0.72; }
}
.lp-root .gold-v2-interactions,
.lp-root .gold-v2-motion {
  position: absolute; top: -3.226%; left: 0px; width: 100%; height: 104.409%;
}
.lp-root .gold-v2-interactions {
  z-index: 4;
}
.lp-root .gold-v2-node {
  position: absolute; z-index: 2; display: block; padding: 0px; border: 0px; border-radius: 16px; background: transparent; cursor: pointer;
}
.lp-root .gold-v2-node:focus-visible {
  outline: rgba(23, 93, 245, 0.7) solid 2px; outline-offset: 2px;
}
.lp-root .gold-v2-node--cloud {
  top: 7.7%; left: 18.1%; width: 16.4%; height: 11.2%;
}
.lp-root .gold-v2-node--agentic {
  top: 7.7%; left: 65.4%; width: 16.4%; height: 11.2%;
}
.lp-root .gold-v2-node--acquire {
  top: 50.3%; left: 6.3%; width: 15%; height: 11.8%;
}
.lp-root .gold-v2-node--deliver {
  top: 50.3%; left: 78%; width: 16.6%; height: 11.8%;
}
.lp-root .gold-v2-node--transform {
  top: 26.8%; left: 42.1%; width: 15.8%; height: 26%; border-radius: 50%;
}
.lp-root .gold-v2-node--enhance {
  top: 53.8%; left: 32.9%; width: 15.8%; height: 26.1%; border-radius: 50%;
}
.lp-root .gold-v2-node--validate {
  top: 53.8%; left: 51.5%; width: 15.8%; height: 26.1%; border-radius: 50%;
}
.lp-root .gold-v2-motion {
  z-index: 3; overflow: hidden; pointer-events: none;
}
.lp-root .gold-v2-motion-bead {
  position: absolute; display: block; width: 8px; height: 8px; border: 1px solid rgba(255, 255, 255, 0.92); border-radius: 50%; opacity: 0; transform: translateY(-50%); will-change: left, opacity;
}
.lp-root .gold-v2-stream--bronze {
  top: 56.45%; background: rgb(198, 109, 40); box-shadow: rgba(174, 104, 47, 0.9) 0px 0px 5px, rgba(174, 104, 47, 0.5) 0px 0px 11px; animation-duration: 2.4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: goldV2BronzeFlow; animation-timeline: auto; animation-range: normal; animation-delay: var(--gold-v2-delay);
}
.lp-root .gold-v2-stream--silver {
  top: 56.45%; background: rgb(215, 245, 255); box-shadow: rgba(39, 164, 210, 0.94) 0px 0px 6px, rgba(39, 164, 210, 0.58) 0px 0px 12px; animation-duration: 2.4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: goldV2SilverFlow; animation-timeline: auto; animation-range: normal; animation-delay: var(--gold-v2-delay);
}
.lp-root .gold-v2-stream--gold,
.lp-root .gold-v2-stream--delivered {
  top: 56.45%; background: rgb(255, 214, 75); box-shadow: rgba(223, 169, 18, 0.95) 0px 0px 6px, rgba(223, 169, 18, 0.62) 0px 0px 12px; animation-duration: 2.4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: goldV2GoldFlow; animation-timeline: auto; animation-range: normal; animation-delay: var(--gold-v2-delay);
}
.lp-root .gold-v2-stream--delivered {
  animation-name: goldV2DeliveredFlow;
}
.lp-root .gold-v2-orbit {
  position: absolute; top: 26.16%; left: 31.11%; width: 37.78%; height: 63.03%; border-radius: 50%;
}
.lp-root .gold-v2-orbit-runner {
  position: absolute; inset: 0px; display: block; animation-duration: 18s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: goldV2Orbit; animation-timeline: auto; animation-range: normal; animation-delay: var(--gold-v2-delay); will-change: transform;
}
.lp-root .gold-v2-orbit-bead {
  position: absolute; top: 0px; left: 50%; display: block; width: 8px; height: 8px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; background: rgb(155, 203, 216); box-shadow: rgba(27, 164, 196, 0.94) 0px 0px 6px, rgba(27, 164, 196, 0.48) 0px 0px 12px; transform: translate(-50%, -50%);
}
.lp-root .gold-v2-orbit-runner:nth-child(3n) .gold-v2-orbit-bead {
  background: rgb(197, 220, 227);
}
.lp-root .gold-v2-y-flash {
  position: absolute; z-index: 1; display: block; height: 3px; border-radius: 999px; background: linear-gradient(90deg, rgba(157, 230, 241, 0.1), rgba(255, 255, 255, 0.98), rgba(74, 192, 213, 0.18)); box-shadow: rgba(27, 164, 196, 0.74) 0px 0px 4px, rgba(255, 255, 255, 0.42) 0px 0px 7px; opacity: 0; transform-origin: 0px 50%; animation: 4.8s linear 0s infinite normal none running goldV2YFlash;
}
.lp-root .gold-v2-y-hub-flash {
  position: absolute; top: 57.7%; left: 50%; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(52, 187, 225, 0.92) 0px 0px 10px, rgba(113, 81, 255, 0.62) 0px 0px 22px; opacity: 0; transform: translate(-50%, -50%); animation: 4.8s linear 0s infinite normal none running goldV2YFlash;
}
@keyframes goldV2BronzeFlow {
  0% { left: 0.8%; opacity: 0; }
  5% { left: 1%; opacity: 0.82; }
  84% { left: 5.2%; opacity: 0.86; }
  88%, 100% { left: 5.35%; opacity: 0; }
}
@keyframes goldV2SilverFlow {
  0% { left: 21.6%; opacity: 0; }
  5% { left: 22.1%; opacity: 0.78; }
  84% { left: 27.5%; opacity: 0.8; }
  88%, 100% { left: 27.7%; opacity: 0; }
}
@keyframes goldV2GoldFlow {
  0% { left: 72%; opacity: 0; }
  5% { left: 72.3%; opacity: 0.82; }
  84% { left: 77.2%; opacity: 0.86; }
  88%, 100% { left: 77.4%; opacity: 0; }
}
@keyframes goldV2DeliveredFlow {
  0% { left: 95%; opacity: 0; }
  5% { left: 95.2%; opacity: 0.82; }
  84% { left: 98.4%; opacity: 0.84; }
  88%, 100% { left: 98.55%; opacity: 0; }
}
@keyframes goldV2Orbit {
  100% { transform: rotate(360deg); }
}
@keyframes goldV2YFlash {
  0%, 72%, 78%, 100% { opacity: 0; filter: brightness(1); }
  73% { opacity: 0.94; filter: brightness(1.5); }
  74% { opacity: 0.16; filter: brightness(1.1); }
  75% { opacity: 0.86; filter: brightness(1.4); }
  76% { opacity: 0.1; filter: brightness(1.05); }
  77% { opacity: 0.68; filter: brightness(1.25); }
}
@media (max-width: 900px) {
  .lp-root .gold-v2-board {
    display: block;
  }
  .lp-root .gold-v2-divider {
    width: 100%; height: 1px;
  }
  .lp-root .gold-v2-column {
    --gold-v2-column-padding: 24px; padding: 30px var(--gold-v2-column-padding);
  }
  .lp-root .gold-v2-stack {
    width: 100%; min-height: 470px; margin-inline: 0px;
  }
  .lp-root .gold-v2-layer--gold {
    width: 250px; height: 62px;
  }
  .lp-root .gold-v2-layer--silver {
    width: 330px; height: 70px;
  }
  .lp-root .gold-v2-layer--bronze {
    width: 432px; height: 88px;
  }
  .lp-root .gold-v2-diagram {
    margin-top: 12px;
  }
}
@media (max-width: 620px) {
  .lp-root .gold-v2-header h2 {
    font-size: 2.25rem;
  }
  .lp-root .gold-v2-column {
    --gold-v2-column-padding: 16px; padding: 26px var(--gold-v2-column-padding);
  }
  .lp-root .gold-v2-board {
    border-radius: 22px;
  }
  .lp-root .gold-v2-layer--gold {
    width: 220px;
  }
  .lp-root .gold-v2-layer--silver {
    width: 280px;
  }
  .lp-root .gold-v2-layer--bronze {
    width: 100%;
  }
  .lp-root .gold-v2-stack {
    min-height: 480px;
  }
  .lp-root .gold-v2-ai-endcap {
    width: min(240px, 82%);
  }
  .lp-root .gold-v2-dependency-row {
    gap: 4px;
  }
  .lp-root .gold-v2-dependency-chip {
    min-width: 0px; padding: 2px 3px; font-size: 0.59rem;
  }
}
.lp-root .gold-v2-datazen {
  padding-bottom: 0px;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .gold-v2-state-image,
  .lp-root .gold-v2-dependency-chip {
    transition: none !important;
  }
  .lp-root .gold-v2-stream--bronze,
  .lp-root .gold-v2-stream--silver,
  .lp-root .gold-v2-stream--gold,
  .lp-root .gold-v2-stream--delivered,
  .lp-root .gold-v2-orbit-runner,
  .lp-root .gold-v2-y-flash,
  .lp-root .gold-v2-y-hub-flash,
  .lp-root .gold-v2-track-pulse--cloud,
  .lp-root .gold-v2-track-pulse--agentic {
    animation-iteration-count: infinite !important;
  }
}
.lp-root .customer-logo-section {
  --customer-logo-slot: clamp(108px, 8vw, 122px); --customer-logo-gap: clamp(14px, 1.25vw, 18px); --customer-logo-height: 68px; --customer-logo-duration: 82s; width: 100%; overflow: hidden; padding: 8px 0px 10px; color: rgb(21, 27, 36); background: rgb(255, 255, 255); border-bottom: 1px solid rgba(17, 25, 35, 0.08);
}
.lp-root .customer-logo-title {
  margin: 0px 20px 7px; color: rgb(68, 80, 94); font-size: clamp(0.82rem, 0.9vw, 0.92rem); font-weight: 700; letter-spacing: 0.005em; line-height: 1.3; text-align: center;
}
.lp-root .customer-logo-marquee {
  position: relative; width: 100%; overflow: hidden; background: rgb(255, 255, 255); touch-action: pan-y;
}
.lp-root .customer-logo-track {
  display: flex; align-items: center; width: max-content; animation: customerLogoMarquee var(--customer-logo-duration) linear infinite; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); will-change: transform;
}
.lp-root .customer-logo-set {
  display: flex; flex: 0 0 auto; align-items: center; gap: var(--customer-logo-gap); padding-right: var(--customer-logo-gap);
}
.lp-root .customer-logo-item {
  position: relative; display: grid; flex: 0 0 var(--customer-logo-slot); width: var(--customer-logo-slot); height: var(--customer-logo-height); place-items: center; overflow: hidden; background: rgb(255, 255, 255); isolation: isolate;
}
.lp-root .customer-logo-item img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: var(--customer-logo-height); object-fit: contain; user-select: none;
}
.lp-root .customer-logo-item img[src$="/ascend_learning.png"] {
  transform: scale(2.25);
}
.lp-root .customer-logo-item img[src$="/clark_beverage_group.png"] {
  transform: scale(0.85);
}
.lp-root .customer-logo-item img[src$="/coastal_beverage_company.png"] {
  transform: scale(0.85);
}
.lp-root .customer-logo-item img[src$="/the_dolsen_companies.png"] {
  transform: scale(1.45);
}
@keyframes customerLogoMarquee {
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-50%, 0px, 0px); }
}
@media (max-width: 720px) {
  .lp-root .customer-logo-section {
    --customer-logo-slot: 106px; --customer-logo-gap: 14px; --customer-logo-height: 62px; padding: 7px 0px 9px;
  }
  .lp-root .customer-logo-title {
    margin-bottom: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .customer-logo-section {
    --customer-logo-duration: 240s;
  }
}
.lp-root .product-proof-section {
  position: relative; width: 100%; overflow: hidden; color: rgb(247, 247, 251); background: rgb(8, 14, 24);
}
.lp-root .product-proof-carousel {
  position: relative; width: min(100%, 1920px); margin: 0px auto; padding: clamp(7px, 0.8vw, 11px) 0px;
}
.lp-root .product-proof-rail {
  overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-padding-inline: max(24px, -880px + 50vw); scroll-snap-type: x;
}
.lp-root .product-proof-rail::-webkit-scrollbar {
  display: none;
}
.lp-root .product-proof-rail:focus-visible {
  border-radius: 8px; outline: rgb(71, 215, 255) solid 2px; outline-offset: -2px;
}
.lp-root .product-proof-list {
  display: flex; width: max-content; gap: clamp(38px, 4vw, 70px); margin: 0px; padding: 2px max(34px, -840px + 50vw) 6px; list-style: none;
}
.lp-root .product-proof-card {
  position: relative; display: grid; width: clamp(248px, 21.25vw, 315px); min-height: clamp(305px, 22vw, 325px); grid-template-rows: 179px minmax(36px, auto) auto; align-content: start; justify-items: center; padding: 0px; scroll-snap-align: start; transition: transform 0.24s;
}
.lp-root .product-proof-icon {
  display: grid; width: 100%; height: 175px; place-items: center; margin: 0px; transform: translateY(-8px); transition: filter 0.24s, transform 0.24s;
}
.lp-root .product-proof-icon img {
  display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center;
}
.lp-root .product-proof-icon img[src$="/ai-anywhere.png"] {
  transform: scale(0.82);
}
.lp-root .product-proof-icon img[src$="/cdc.png"] {
  transform: scale(0.76);
}
.lp-root .product-proof-icon img[src$="/custom-connectors.png"] {
  transform: scale(0.8);
}
.lp-root .product-proof-card:hover .product-proof-icon {
  filter: drop-shadow(rgba(79, 186, 255, 0.28) 0px 0px 18px); transform: translateY(-11px) scale(1.025);
}
.lp-root .product-proof-card h3 {
  display: grid; min-height: 36px; align-items: start; max-width: 350px; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(1.08rem, 1.36vw, 1.31rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.18; text-align: center;
}
.lp-root .product-proof-card p {
  max-width: 350px; margin: 0px; color: rgb(174, 185, 202); font-size: clamp(0.8rem, 0.85vw, 0.89rem); font-weight: 430; line-height: 1.5; text-align: center;
}
.lp-root .product-proof-card--multiline {
  grid-template-rows: 175px minmax(54px, auto) auto;
}
.lp-root .product-proof-card--multiline h3 {
  min-height: 54px;
}
.lp-root .product-proof-card--multiline p {
  margin-top: 4px;
}
.lp-root .product-proof-control {
  position: absolute; top: 42%; z-index: 6; display: grid; width: 52px; height: 52px; place-items: center; padding: 0px; border: 1px solid rgba(103, 215, 255, 0.66); border-radius: 50%; color: rgb(255, 255, 255); background: rgba(13, 16, 29, 0.96); box-shadow: rgba(5, 5, 9, 0.62) 0px 0px 0px 4px, rgba(71, 215, 255, 0.2) 0px 0px 26px; backdrop-filter: blur(12px); cursor: pointer; font-size: 1.65rem; line-height: 1; transform: translateY(-50%); transition: opacity 0.18s, transform 0.18s, background-color 0.18s, border-color 0.18s;
}
.lp-root .product-proof-control--back {
  left: clamp(8px, 1.4vw, 22px);
}
.lp-root .product-proof-control--forward {
  right: clamp(8px, 1.4vw, 22px);
}
.lp-root .product-proof-control:focus-visible {
  outline: rgb(255, 255, 255) solid 2px; outline-offset: 3px;
}
.lp-root .product-proof-control:disabled {
  opacity: 0.34; cursor: default;
}
@media (max-width: 720px) {
  .lp-root .product-proof-carousel {
    padding-block: 8px;
  }
  .lp-root .product-proof-list {
    gap: 31px; padding-inline: 24px;
  }
  .lp-root .product-proof-card {
    width: min(78vw, 285px); min-height: 325px; grid-template-rows: 174px minmax(36px, auto) auto;
  }
  .lp-root .product-proof-card--multiline {
    grid-template-rows: 170px minmax(54px, auto) auto;
  }
  .lp-root .product-proof-icon {
    height: 170px;
  }
  .lp-root .product-proof-control {
    width: 44px; height: 44px; font-size: 1.4rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .product-proof-rail {
    scroll-behavior: auto;
  }
  .lp-root .product-proof-card,
  .lp-root .product-proof-icon,
  .lp-root .product-proof-control {
    transition-duration: 0.01ms !important;
  }
}

/* ── Entrance reveal ──
   The mockup fades content in with an IntersectionObserver that adds .visible.
   A Blazor re-render would leave those elements stuck at opacity 0, so the
   reveal is CSS-only here — same approach the previous landing page used. */
.lp-root .fade-in {
  animation: lp-reveal .7s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .fade-in {
    animation: none;
  }
}
@keyframes lp-reveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ── Footer links ──
   The mockup ships placeholder footer links with no layout rules of their own;
   these keep the stacked presentation the Portal footer already had. */
.lp-root footer a {
  display: block; margin: 8px 0; color: rgba(238, 248, 251, .7); font-size: .9rem;
}
.lp-root footer a:hover {
  color: var(--teal);
}
.lp-root .footer-address {
  color: rgba(238, 248, 251, .7); font-size: .9rem; line-height: 1.6;
}

/* ── Login / Waitlist dialogs ──
   Unscoped on purpose: these restyle Bootstrap's modal chrome. */
.lp-btn-close { background: #212632; color: #E9EAF1; border: 1px solid rgba(0, 230, 230, .25); }
.dark-modal .modal-content { background-color: #0a0c10; border: 1px solid #1a3040; color: #e0e0e0; }
.dark-modal .modal-header { border-bottom: 1px solid #1a3040; background-color: #0a0c10; color: #e0e0e0; }
.dark-modal .modal-header .modal-title { color: #e0e0e0; }
.dark-modal .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
.dark-modal .modal-body { background-color: #0a0c10; color: #e0e0e0; }
.dark-modal .modal-footer { border-top: 1px solid #1a3040; background-color: #0a0c10; }
.dark-modal .form-control,
.dark-modal .form-select { background-color: #111827; border: 1px solid #1a3040; color: #e0e0e0; }
.dark-modal .form-control:focus,
.dark-modal .form-select:focus { background-color: #111827; border-color: #22b5c6; color: #e0e0e0; box-shadow: 0 0 0 0.2rem rgba(34, 181, 198, 0.25); }
.dark-modal .form-control::placeholder { color: #7a909a; }
.dark-modal .form-label,
.dark-modal label { color: #c0cdd5; }
.dark-modal .form-floating > label { color: #7a909a; }