:root {
    --lh-bg: #030611;
    --lh-bg-2: #050a18;
    --lh-surface: #081021;
    --lh-surface-2: #0d1830;
    --lh-surface-3: #111f3b;
    --lh-white: #f7f9ff;
    --lh-text: #d9e3f4;
    --lh-muted: #94a3bd;
    --lh-line: rgba(151, 170, 211, .16);
    --lh-line-strong: rgba(172, 186, 224, .28);
    --lh-primary: #7c6cff;
    --lh-primary-2: #9a6cff;
    --lh-cyan: #35d9ff;
    --lh-green: #30e6a1;
    --lh-warning: #ffbf5f;
    --lh-danger: #ff6f91;
    --lh-shadow: 0 34px 110px rgba(0, 0, 0, .42);
    --lh-ease: cubic-bezier(.2, .8, .2, 1);
    --lh-spring: cubic-bezier(.16, 1, .3, 1);
    --lh-container: 1280px;
    --lh-nav-height: 76px;
  }

  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }

  html.librahub-cinematic,
  html.librahub-cinematic body {
    margin: 0;
    overflow-x: hidden;
    background: var(--lh-bg);
  }

  /* This landing page provides its own futuristic header and footer. */
  html.librahub-cinematic body > header,
  html.librahub-cinematic body > footer,
  html.librahub-cinematic .public-header,
  html.librahub-cinematic .public-footer,
  html.librahub-cinematic .site-header,
  html.librahub-cinematic .site-footer {
    display: none !important;
  }

  .lh-page,
  .lh-page * {
    box-sizing: border-box;
  }

  .lh-page {
    position: relative;
    overflow: clip;
    min-height: 100vh;
    color: var(--lh-text);
    background:
      radial-gradient(circle at 10% 8%, rgba(124, 108, 255, .12), transparent 28%),
      radial-gradient(circle at 92% 32%, rgba(53, 217, 255, .07), transparent 25%),
      linear-gradient(180deg, var(--lh-bg), var(--lh-bg-2) 48%, var(--lh-bg));
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-rendering: optimizeLegibility;
  }

  .lh-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .075;
    background-image:
      radial-gradient(circle at 20% 30%, rgba(255,255,255,.7) 0 .45px, transparent .55px),
      radial-gradient(circle at 70% 65%, rgba(255,255,255,.5) 0 .4px, transparent .5px);
    background-size: 5px 5px, 7px 7px;
    mix-blend-mode: overlay;
  }

  .lh-page a,
  .lh-page button {
    -webkit-tap-highlight-color: transparent;
  }

  .lh-page button,
  .lh-page input {
    font: inherit;
  }

  .lh-page h1,
  .lh-page h2,
  .lh-page h3,
  .lh-page h4,
  .lh-page .lh-price,
  .lh-page .lh-number {
    margin-top: 0;
    color: var(--lh-white);
    font-family: "Sora", "Manrope", sans-serif;
    letter-spacing: -.045em;
  }

  .lh-page p {
    color: var(--lh-muted);
    line-height: 1.75;
  }

  .lh-container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 40px), var(--lh-container));
    margin-inline: auto;
  }

  .lh-section {
    position: relative;
    z-index: 1;
    padding: 118px 0;
  }

  .lh-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(72vw, 920px);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(124, 108, 255, .2), rgba(53, 217, 255, .18), transparent);
  }

  .lh-section-soft {
    background:
      radial-gradient(circle at 85% 8%, rgba(124, 108, 255, .1), transparent 26%),
      radial-gradient(circle at 8% 78%, rgba(53, 217, 255, .05), transparent 24%),
      linear-gradient(180deg, rgba(8, 16, 33, .94), rgba(3, 6, 17, .98));
  }

  .lh-section-head {
    max-width: 850px;
    margin: 0 auto 58px;
    text-align: center;
  }

  .lh-section-head h2 {
    margin-bottom: 18px;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.06;
    text-wrap: balance;
  }

  .lh-section-head p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 16px;
    text-wrap: balance;
  }

  .lh-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 13px;
    margin-bottom: 18px;
    border: 1px solid rgba(145, 136, 255, .26);
    border-radius: 999px;
    color: #c8c4ff;
    background: rgba(124, 108, 255, .09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    font-size:11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .lh-kicker i {
    color: var(--lh-cyan);
  }

  .lh-gradient-text {
    background: linear-gradient(100deg, #fff 0%, #d6d2ff 30%, #a89cff 58%, #73e7ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .lh-underline {
    position: relative;
    display: inline-block;
  }

  .lh-underline::after {
    content: "";
    position: absolute;
    left: 3%;
    right: 1%;
    bottom: -.1em;
    height: .08em;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--lh-primary), var(--lh-cyan));
    box-shadow: 0 0 18px rgba(53, 217, 255, .45);
    transform-origin: left;
    animation: lhUnderline 3.4s var(--lh-ease) infinite alternate;
  }

  .lh-progress {
    position: fixed;
    inset: 0 0 auto;
    z-index: 10060;
    height: 3px;
    pointer-events: none;
    background: rgba(255, 255, 255, .035);
  }

  .lh-progress span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left;
    background: linear-gradient(90deg, var(--lh-primary), var(--lh-cyan), var(--lh-primary-2));
    box-shadow: 0 0 20px rgba(124, 108, 255, .7);
    will-change: transform;
  }

  /* Intro */
  .lh-intro { display: none; }

  .lh-js .lh-intro {
    position: fixed;
    inset: 0;
    z-index: 10080;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 50% 44%, rgba(124, 108, 255, .24), transparent 27%),
      radial-gradient(circle at 76% 20%, rgba(53, 217, 255, .11), transparent 20%),
      #02040d;
    contain: strict;
  }

  .lh-intro::before {
    content: "";
    position: absolute;
    inset: -50%;
    opacity: .7;
    background-image:
      linear-gradient(rgba(128, 137, 255, .075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(128, 137, 255, .075) 1px, transparent 1px);
    background-size: 52px 52px;
    transform: perspective(700px) rotateX(68deg) translateY(24%);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 72%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 72%, transparent);
    animation: lhIntroGrid 8s linear infinite;
  }

  .lh-intro::after {
    content: "";
    position: absolute;
    width: min(72vw, 700px);
    aspect-ratio: 1;
    border: 1px solid rgba(151, 143, 255, .16);
    border-radius: 50%;
    box-shadow:
      0 0 0 46px rgba(124, 108, 255, .025),
      0 0 0 92px rgba(53, 217, 255, .018),
      inset 0 0 100px rgba(124, 108, 255, .045);
    animation: lhOrbit 16s linear infinite;
  }

  .lh-intro.is-leaving {
    pointer-events: none;
    animation: lhIntroLeave .72s var(--lh-ease) forwards;
  }

  .lh-intro-core {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: min(90vw, 660px);
    text-align: center;
  }

  .lh-intro-logo {
    position: relative;
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 27px;
    background: linear-gradient(145deg, #5f55ef, #8a5df7 62%, #28cbe9);
    box-shadow: 0 30px 90px rgba(92, 81, 255, .42), inset 0 1px 0 rgba(255, 255, 255, .32);
    animation: lhIntroLogo .9s var(--lh-spring) both;
  }

  .lh-intro-logo::before,
  .lh-intro-logo::after {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px solid rgba(141, 137, 255, .28);
    border-radius: 36px;
    animation: lhIntroPulse 1.7s ease-out infinite;
  }

  .lh-intro-logo::after { animation-delay: .7s; }
  .lh-intro-logo img { width:78%; height:78%; object-fit:contain; display:block; }

  .lh-intro-eyebrow {
    margin: 0 0 12px;
    color: #a5b0c8;
    font-size:11px;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    animation: lhIntroText .7s .1s var(--lh-spring) both;
  }

  .lh-intro h2 {
    margin: 0;
    font-size: clamp(38px, 8vw, 72px);
    line-height: .98;
    letter-spacing: -.065em;
    animation: lhIntroText .7s .16s var(--lh-spring) both;
  }

  .lh-intro-status {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin-top: 25px;
    animation: lhIntroText .7s .24s var(--lh-spring) both;
  }

  .lh-intro-status span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    color: #b8c3d8;
    background: rgba(255, 255, 255, .045);
    font-size:11px;
    font-weight: 700;
  }

  .lh-intro-status span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lh-green);
    box-shadow: 0 0 10px rgba(48, 230, 161, .8);
  }

  .lh-intro-loader {
    overflow: hidden;
    width: min(70vw, 320px);
    height: 3px;
    margin-top: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    animation: lhIntroText .65s .3s var(--lh-spring) both;
  }

  .lh-intro-loader span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left;
    background: linear-gradient(90deg, var(--lh-primary), var(--lh-cyan), var(--lh-primary-2));
    box-shadow: 0 0 20px rgba(53, 217, 255, .55);
    animation: lhIntroLoad 1.28s .18s var(--lh-ease) forwards;
  }

  /* Floating navigation */
  .lh-nav-shell {
    position: fixed;
    inset: 16px 0 auto;
    z-index: 10040;
    pointer-events: none;
  }

  .lh-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(calc(100% - 28px), 1220px);
    min-height: var(--lh-nav-height);
    margin-inline: auto;
    padding: 10px 12px 10px 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 24px;
    background: rgba(5, 10, 24, .58);
    box-shadow: 0 20px 70px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06);
    -webkit-backdrop-filter: blur(22px) saturate(130%);
    backdrop-filter: blur(22px) saturate(130%);
    pointer-events: auto;
    transition: min-height .3s var(--lh-ease), background .3s ease, border-color .3s ease, transform .3s var(--lh-spring);
  }

  .lh-nav.is-scrolled {
    min-height: 66px;
    border-color: rgba(160, 175, 214, .18);
    background: rgba(3, 7, 18, .82);
  }

  .lh-nav::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -1px;
    height: 1px;
    opacity: .7;
    background: linear-gradient(90deg, transparent, var(--lh-primary), var(--lh-cyan), transparent);
    background-size: 220% 100%;
    animation: lhNavBeam 6s linear infinite;
  }

  .lh-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    text-decoration: none;
  }

  .lh-brand-mark {
    position: relative;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 16px;
    background: linear-gradient(145deg, #6257ef, #8b5cf6 62%, #28cbe9);
    box-shadow: 0 12px 30px rgba(98, 87, 239, .28), inset 0 1px 0 rgba(255, 255, 255, .28);
  }

  .lh-brand-mark {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .lh-brand-book {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 22px rgba(98, 87, 239, .3));
  }

  .lh-brand-mark::after {
    content: none;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    border: 2px solid #071021;
    border-radius: 50%;
    background: var(--lh-green);
    box-shadow: 0 0 12px rgba(48, 230, 161, .8);
  }

  .lh-brand-copy { display: grid; line-height: 1; }
  .lh-brand-copy strong { font: 800 17px/1 "Sora", sans-serif; letter-spacing: -.045em; }
  .lh-brand-copy small { margin-top: 5px; color: #7f8da8; font-size:11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }

  .lh-nav-links {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .lh-nav-link {
    position: relative;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 12px;
    color: #9eabc2;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    line-height: 40px;
    transition: color .25s ease, background .25s ease;
  }

  .lh-nav-link:hover,
  .lh-nav-link.is-active {
    color: #fff;
    background: rgba(255, 255, 255, .055);
  }

  .lh-nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lh-cyan);
    box-shadow: 0 0 9px rgba(53, 217, 255, .75);
    opacity: 0;
    transform: translateX(-50%) scale(.5);
    transition: opacity .25s ease, transform .25s var(--lh-spring);
  }

  .lh-nav-link.is-active::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }

  .lh-nav-actions {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .lh-nav-login {
    min-height: 42px;
    padding: 0 14px;
    border-radius: 13px;
    color: #c5cfe2;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    line-height: 42px;
  }

  .lh-nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #6258f0, #8665ff);
    box-shadow: 0 13px 30px rgba(98, 88, 240, .26), inset 0 1px 0 rgba(255, 255, 255, .28);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
  }

  .lh-menu-toggle {
    display: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    cursor: pointer;
  }

  .lh-mobile-menu {
    display: none;
  }

  /* Buttons */
  .lh-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 21px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 17px;
    color: #eef3ff;
    background: rgba(10, 18, 38, .62);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .07);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    isolation: isolate;
    cursor: pointer;
    transition: transform .3s var(--lh-spring), border-color .3s ease, box-shadow .3s ease, background .3s ease;
  }

  .lh-btn::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -1;
    transform: translateX(-110%) skewX(-18deg);
    background: linear-gradient(105deg, transparent 28%, rgba(255, 255, 255, .26), transparent 72%);
    transition: transform .75s var(--lh-ease);
  }

  .lh-btn:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, .25);
    box-shadow: 0 24px 56px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
  }

  .lh-btn:hover::before { transform: translateX(110%) skewX(-18deg); }

  .lh-btn-primary {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(135deg, #6258f0 0%, #7c6cff 48%, #9662ef 100%);
    box-shadow: 0 20px 48px rgba(98, 88, 240, .34), inset 0 1px 0 rgba(255, 255, 255, .3);
  }

  .lh-btn-primary::after {
    content: "";
    position: absolute;
    inset: -50%;
    z-index: -2;
    opacity: .32;
    background: conic-gradient(from 120deg, transparent, rgba(255,255,255,.62), transparent 20%, rgba(53,217,255,.45), transparent 45%);
    animation: lhButtonAura 8s linear infinite;
  }

  .lh-btn-icon {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
  }

  /* Hero */
  .lh-hero {
    position: relative;
    z-index: 1;
    isolation: isolate;
    display: grid;
    min-height: max(820px, 100svh);
    align-items: center;
    overflow: hidden;
    padding: 132px 0 96px;
    background: #030611;
  }

  .lh-hero-media,
  .lh-hero-media::before,
  .lh-hero-media::after {
    position: absolute;
    inset: 0;
  }

  .lh-hero-media {
    z-index: -4;
    overflow: hidden;
  }

  .lh-hero-video,
  .lh-hero-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .lh-hero-video {
    opacity: 0;
    transform: scale(1.04);
    filter: saturate(.72) contrast(1.1) brightness(.42) hue-rotate(3deg);
    transition: opacity .5s ease;
  }

  .lh-hero-poster {
    display: block;
    opacity: 1;
    background:
      radial-gradient(circle at 72% 32%, rgba(139, 92, 246, .34), transparent 28%),
      radial-gradient(circle at 58% 66%, rgba(40, 203, 233, .2), transparent 34%),
      linear-gradient(135deg, #050a18 0%, #0c1530 52%, #050916 100%);
    transform: scale(1.04);
  }

  .lh-video-ready .lh-hero-video { opacity: 1; }
  .lh-video-ready .lh-hero-poster { opacity: 0; }
  .lh-video-unavailable .lh-hero-poster,
  .lh-data-saver .lh-hero-poster,
  .lh-lite-motion .lh-hero-poster { opacity: 1; animation: none; }
  .lh-video-unavailable .lh-hero-video,
  .lh-data-saver .lh-hero-video,
  .lh-lite-motion .lh-hero-video { display: none; }

  .lh-hero-media::before {
    content: "";
    z-index: 1;
    background:
      linear-gradient(90deg, rgba(3, 6, 17, .95) 0%, rgba(3, 6, 17, .8) 44%, rgba(3, 6, 17, .48) 72%, rgba(3, 6, 17, .78) 100%),
      linear-gradient(180deg, rgba(3, 6, 17, .54) 0%, rgba(3, 6, 17, .3) 40%, rgba(3, 6, 17, .93) 100%);
  }

  .lh-hero-media::after {
    content: "";
    z-index: 2;
    opacity: .28;
    background-image:
      linear-gradient(rgba(124, 150, 210, .09) 1px, transparent 1px),
      linear-gradient(90deg, rgba(124, 150, 210, .09) 1px, transparent 1px);
    background-size: 74px 74px;
    -webkit-mask-image: radial-gradient(circle at 62% 45%, #000, transparent 68%);
    mask-image: radial-gradient(circle at 62% 45%, #000, transparent 68%);
  }

  .lh-hero-network {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
  }

  .lh-network-line {
    position: absolute;
    height: 1px;
    transform-origin: left;
    opacity: .32;
    background: linear-gradient(90deg, transparent, rgba(53, 217, 255, .72), transparent);
    animation: lhDataLine 7s linear infinite;
  }

  .lh-network-line:nth-child(1) { width: 36%; top: 30%; left: 53%; transform: rotate(18deg); }
  .lh-network-line:nth-child(2) { width: 30%; top: 61%; left: 60%; transform: rotate(-22deg); animation-delay: -2s; }
  .lh-network-line:nth-child(3) { width: 24%; top: 22%; left: 74%; transform: rotate(75deg); animation-delay: -4s; }

  .lh-network-node {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lh-cyan);
    box-shadow: 0 0 18px rgba(53, 217, 255, .9), 0 0 0 7px rgba(53, 217, 255, .06);
    animation: lhNodePulse 2.6s ease-in-out infinite;
  }

  .lh-network-node:nth-of-type(4) { top: 25%; left: 78%; }
  .lh-network-node:nth-of-type(5) { top: 58%; left: 69%; animation-delay: -.8s; background: var(--lh-primary); }
  .lh-network-node:nth-of-type(6) { top: 39%; left: 91%; animation-delay: -1.7s; }
  .lh-network-node:nth-of-type(7) { top: 72%; left: 83%; animation-delay: -1.2s; background: var(--lh-green); }

  .lh-hero-glow {
    position: absolute;
    right: -16%;
    top: 8%;
    z-index: -2;
    width: min(76vw, 960px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 108, 255, .2), rgba(53, 217, 255, .055) 38%, transparent 66%);
    filter: blur(18px);
    pointer-events: none;
  }

  .lh-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(540px, 1.12fr);
    align-items: center;
    gap: 54px;
  }

  .lh-hero-copy {
    position: relative;
    z-index: 4;
    padding: 34px 0;
  }

  .lh-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #e8edfa;
    background: rgba(7, 13, 29, .48);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
  }

  .lh-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--lh-green);
    box-shadow: 0 0 0 0 rgba(48, 230, 161, .42);
    animation: lhLivePulse 2s infinite;
  }

  .lh-hero h1 {
    max-width: 690px;
    margin: 26px 0 22px;
    font-size: clamp(48px, 6.6vw, 88px);
    line-height: .98;
    text-wrap: balance;
  }

  .lh-hero-lead {
    max-width: 650px;
    margin: 0;
    color: #bdc9df !important;
    font-size: clamp(15px, 1.7vw, 18px);
  }

  .lh-hero-rotate {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    margin-top: 22px;
    color: #8896b2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .lh-hero-rotate strong {
    position: relative;
    color: var(--lh-cyan);
  }

  .lh-hero-rotate strong::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1em;
    margin-left: 5px;
    vertical-align: -.08em;
    background: currentColor;
    animation: lhCaret .8s steps(1) infinite;
  }

  .lh-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 34px;
  }

  .lh-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 26px;
  }

  .lh-hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9cabc3;
    font-size: 11px;
    font-weight: 700;
  }

  .lh-hero-trust i { color: var(--lh-green); }

  .lh-hero-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 680px;
    margin-top: 24px;
  }

  .lh-hero-proof > span {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 13px 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(15,27,54,.64), rgba(6,13,29,.72));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
  }

  .lh-hero-proof i {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: var(--lh-cyan);
    background: rgba(53,217,255,.08);
  }

  .lh-hero-proof b { color:#f4f7ff; font-size:11px; line-height:1.25; }
  .lh-hero-proof small { color:#7787a2; font-size:11px; line-height:1.35; }

  /* Hero command center */
  .lh-command-wrap {
    position: relative;
    min-height: 610px;
    perspective: 1400px;
  }

  .lh-orbit {
    position: absolute;
    inset: 4% 2% 0;
    border: 1px solid rgba(124, 108, 255, .14);
    border-radius: 50%;
    transform: rotate(-9deg);
    box-shadow: 0 0 0 45px rgba(124, 108, 255, .018), 0 0 0 90px rgba(53, 217, 255, .012);
    animation: lhOrbitFloat 12s ease-in-out infinite alternate;
  }

  .lh-command-panel {
    position: absolute;
    inset: 58px 18px 56px 44px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 30px;
    background:
      radial-gradient(circle at 92% 0%, rgba(124, 108, 255, .2), transparent 28%),
      linear-gradient(145deg, rgba(15, 28, 55, .92), rgba(5, 12, 28, .96));
    box-shadow: var(--lh-shadow), inset 0 1px 0 rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    transform: rotateX(var(--hero-tilt-x, 1.5deg)) rotateY(var(--hero-tilt-y, -5deg)) rotateZ(-1deg);
    transform-style: preserve-3d;
    transition: transform .22s ease-out;
  }

  .lh-command-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.075) 38%, transparent 52%);
    transform: translateX(-120%);
    animation: lhPanelScan 7s var(--lh-ease) infinite;
  }

  .lh-command-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
    background: rgba(255, 255, 255, .018);
  }

  .lh-window-dots { display: flex; gap: 7px; }
  .lh-window-dots span { width: 8px; height: 8px; border-radius: 50%; background: #475569; }
  .lh-window-dots span:first-child { background: var(--lh-danger); }
  .lh-window-dots span:nth-child(2) { background: var(--lh-warning); }
  .lh-window-dots span:last-child { background: var(--lh-green); }

  .lh-command-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #93a1bc;
    font-size:11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  .lh-command-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lh-green);
    box-shadow: 0 0 10px rgba(48, 230, 161, .75);
  }

  .lh-command-body {
    display: grid;
    grid-template-columns: 152px minmax(0, 1fr);
    min-height: calc(100% - 58px);
  }

  .lh-command-sidebar {
    padding: 18px 13px;
    border-right: 1px solid rgba(255, 255, 255, .07);
    background: rgba(2, 7, 18, .28);
  }

  .lh-command-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
  }

  .lh-command-logo i {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 10px;
    background: linear-gradient(145deg, var(--lh-primary), var(--lh-primary-2));
  }

  .lh-command-menu {
    display: grid;
    gap: 5px;
    margin-top: 15px;
  }

  .lh-command-menu span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    color: #71809c;
    font-size:11px;
    font-weight: 800;
  }

  .lh-command-menu span.is-active {
    color: #fff;
    background: linear-gradient(90deg, rgba(124, 108, 255, .22), rgba(53, 217, 255, .055));
    box-shadow: inset 0 0 0 1px rgba(124, 108, 255, .13);
  }

  .lh-command-main { padding: 20px; }

  .lh-command-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
  }

  .lh-command-heading h3 { margin: 0 0 5px; font-size: 18px; }
  .lh-command-heading p { margin: 0; font-size:11px; }

  .lh-command-date {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    color: #9ca9c1;
    background: rgba(255, 255, 255, .035);
    font-size:11px;
    font-weight: 800;
    line-height: 32px;
  }

  .lh-command-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .lh-command-stat {
    position: relative;
    min-height: 94px;
    padding: 13px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 15px;
    background: rgba(255, 255, 255, .032);
  }

  .lh-command-stat::after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -30px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 108, 255, .25), transparent 68%);
  }

  .lh-command-stat:nth-child(2)::after { background: radial-gradient(circle, rgba(53, 217, 255, .22), transparent 68%); }
  .lh-command-stat:nth-child(3)::after { background: radial-gradient(circle, rgba(48, 230, 161, .2), transparent 68%); }
  .lh-command-stat span { color: #7887a4; font-size:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
  .lh-command-stat strong { display: block; margin-top: 9px; color: #fff; font: 800 22px/1 "Sora", sans-serif; letter-spacing: -.045em; }
  .lh-command-stat small { display: block; margin-top: 8px; color: var(--lh-green); font-size:11px; font-weight: 800; }

  .lh-command-lower {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 10px;
    margin-top: 10px;
  }

  .lh-chart-card,
  .lh-activity-card {
    min-height: 175px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 15px;
    background: rgba(255, 255, 255, .026);
  }

  .lh-mini-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
  }

  .lh-mini-head strong { color: #dce5f7; font-size:11px; }
  .lh-mini-head span { color: #697895; font-size: 7px; font-weight: 800; }

  .lh-chart {
    position: relative;
    height: 115px;
    overflow: hidden;
    border-radius: 10px;
    background-image:
      linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 100% 28px, 42px 100%;
  }

  .lh-chart svg { position: absolute; inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); overflow: visible; }
  .lh-chart path { fill: none; stroke: url(#lhHeroLine); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 450; stroke-dashoffset: 450; animation: lhDrawChart 2.4s .8s var(--lh-ease) forwards; }
  .lh-chart .lh-area { fill: url(#lhHeroArea); stroke: none; opacity: .7; }

  .lh-activity-list { display: grid; gap: 9px; }
  .lh-activity-row { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; }
  .lh-activity-avatar { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; color: #fff; background: linear-gradient(145deg, rgba(124,108,255,.8), rgba(53,217,255,.6)); font-size:11px; font-weight: 800; }
  .lh-activity-row strong { display: block; color: #dce5f7; font-size: 7px; }
  .lh-activity-row small { color: #6f7e99; font-size: 6px; }
  .lh-activity-row em { color: var(--lh-green); font-size: 6px; font-style: normal; font-weight: 800; }

  .lh-float-stat {
    position: absolute;
    z-index: 4;
    min-width: 168px;
    padding: 14px 15px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    background: rgba(7, 14, 31, .76);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    animation: lhFloatCard 5s ease-in-out infinite;
  }

  .lh-float-stat i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, rgba(124,108,255,.92), rgba(154,108,255,.82));
  }

  .lh-float-stat span { display: block; color: #8896b1; font-size:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
  .lh-float-stat strong { display: block; margin-top: 6px; color: #fff; font: 800 20px/1 "Sora", sans-serif; letter-spacing: -.04em; }
  .lh-float-stat small { display: block; margin-top: 6px; color: var(--lh-green); font-size:11px; font-weight: 800; }

  .lh-float-a { top: 8px; right: -9px; animation-delay: -.7s; }
  .lh-float-b { left: 0; bottom: 25px; animation-delay: -2.1s; }
  .lh-float-c { right: 4px; bottom: 5px; animation-delay: -3.2s; }
  .lh-float-b i { background: linear-gradient(145deg, #0891b2, var(--lh-cyan)); }
  .lh-float-c i { background: linear-gradient(145deg, #0e9f72, var(--lh-green)); }

  .lh-scroll-cue {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 22px;
    display: grid;
    justify-items: center;
    gap: 7px;
    transform: translateX(-50%);
    color: #7f8da8;
    font-size:11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-decoration: none;
    text-transform: uppercase;
  }

  .lh-scroll-cue i { animation: lhScrollCue 1.7s ease-in-out infinite; }

  /* Metrics */
  .lh-metrics-wrap { position: relative; z-index: 7; margin-top: -48px; }
  .lh-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 26px;
    background: rgba(6, 13, 29, .84);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .lh-metric { position: relative; padding: 27px 24px; text-align: center; }
  .lh-metric:not(:last-child)::after { content: ""; position: absolute; top: 25%; right: 0; width: 1px; height: 50%; background: rgba(255,255,255,.085); }
  .lh-metric b { display: block; margin-bottom: 7px; color: #fff; font: 800 clamp(23px, 3vw, 36px)/1 "Sora", sans-serif; letter-spacing: -.045em; }
  .lh-metric span { color: #8998b3; font-size: 11px; font-weight: 700; }

  /* Bento features */
  .lh-bento {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 185px;
    gap: 17px;
  }

  .lh-bento-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid var(--lh-line);
    border-radius: 27px;
    background:
      radial-gradient(circle at var(--card-x, 85%) var(--card-y, 0%), rgba(124, 108, 255, .13), transparent 38%),
      linear-gradient(145deg, rgba(14, 26, 52, .94), rgba(6, 13, 29, .97));
    box-shadow: 0 24px 68px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .045);
    transition: transform .4s var(--lh-spring), border-color .4s ease, box-shadow .4s ease;
  }

  .lh-bento-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .42;
    background-image:
      linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: linear-gradient(135deg, transparent, #000 30%, transparent 76%);
    mask-image: linear-gradient(135deg, transparent, #000 30%, transparent 76%);
  }

  .lh-bento-card:hover {
    transform: translateY(-8px);
    border-color: rgba(139, 128, 255, .32);
    box-shadow: 0 34px 85px rgba(0, 0, 0, .3), 0 16px 46px rgba(98, 88, 240, .08);
  }

  .lh-bento-students { grid-column: span 7; grid-row: span 2; }
  .lh-bento-qr { grid-column: span 5; grid-row: span 2; }
  .lh-bento-seats { grid-column: span 4; grid-row: span 2; }
  .lh-bento-finance { grid-column: span 8; grid-row: span 2; }
  .lh-bento-staff { grid-column: span 6; grid-row: span 2; }
  .lh-bento-portal { grid-column: span 6; grid-row: span 2; }

  .lh-bento-copy { position: relative; z-index: 3; max-width: 460px; }
  .lh-bento-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; color: #fff; background: linear-gradient(145deg, #6258ef, #8167ff); box-shadow: 0 14px 32px rgba(98,88,239,.24), inset 0 1px 0 rgba(255,255,255,.24); }
  .lh-bento-card h3 { margin-bottom: 11px; font-size: clamp(20px, 2vw, 27px); line-height: 1.2; }
  .lh-bento-card p { margin: 0; max-width: 540px; font-size: 13px; }

  .lh-student-table {
    position: absolute;
    z-index: 2;
    right: 24px;
    bottom: 23px;
    width: 55%;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: rgba(4, 10, 24, .68);
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
    transform: rotate(-2deg);
  }

  .lh-table-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: #6f7f9a; font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
  .lh-table-row { display: grid; grid-template-columns: 25px 1fr 55px; align-items: center; gap: 8px; min-height: 34px; padding: 0 8px; border-radius: 9px; animation: lhTableRow 4s ease-in-out infinite; }
  .lh-table-row:nth-child(even) { background: rgba(255,255,255,.026); animation-delay: -1.2s; }
  .lh-table-row:nth-child(4) { animation-delay: -2.3s; }
  .lh-table-avatar { width: 20px; height: 20px; border-radius: 7px; background: linear-gradient(145deg, var(--lh-primary), var(--lh-cyan)); }
  .lh-table-lines { display: grid; gap: 4px; }
  .lh-table-lines span { height: 4px; border-radius: 999px; background: rgba(188,203,231,.2); }
  .lh-table-lines span:last-child { width: 55%; background: rgba(188,203,231,.1); }
  .lh-table-pill { justify-self: end; min-width: 44px; padding: 4px 6px; border-radius: 999px; color: var(--lh-green); background: rgba(48,230,161,.08); font-size: 6px; font-weight: 800; text-align: center; }

  .lh-qr-visual {
    position: absolute;
    right: 30px;
    bottom: 26px;
    display: grid;
    place-items: center;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(53,217,255,.2);
    border-radius: 24px;
    background: rgba(4,10,23,.72);
    box-shadow: 0 25px 65px rgba(0,0,0,.3), 0 0 60px rgba(53,217,255,.06);
  }

  .lh-qr-code {
    position: relative;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(9, 1fr);
    gap: 3px;
    width: 106px;
    height: 106px;
    padding: 9px;
    border-radius: 14px;
    background: #f4f8ff;
  }

  .lh-qr-code span { border-radius: 1px; background: transparent; }
  .lh-qr-code span:nth-child(2n),
  .lh-qr-code span:nth-child(3n + 1),
  .lh-qr-code span:nth-child(7n) { background: #0a1020; }

  .lh-qr-scan {
    position: absolute;
    left: 9px;
    right: 9px;
    top: 10px;
    height: 2px;
    border-radius: 999px;
    background: var(--lh-cyan);
    box-shadow: 0 0 18px rgba(53,217,255,.95), 0 8px 24px rgba(53,217,255,.24);
    animation: lhQrScan 2.3s ease-in-out infinite;
  }

  .lh-seat-map {
    position: absolute;
    right: 25px;
    bottom: 24px;
    display: grid;
    grid-template-columns: repeat(4, 38px);
    gap: 10px;
  }

  .lh-seat {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    color: #73819c;
    background: rgba(255,255,255,.035);
    font-size: 7px;
    font-weight: 800;
  }

  .lh-seat.is-used { color: #d9d4ff; border-color: rgba(124,108,255,.2); background: rgba(124,108,255,.14); }
  .lh-seat.is-live { color: #052116; border-color: transparent; background: var(--lh-green); box-shadow: 0 0 20px rgba(48,230,161,.3); animation: lhSeatLive 2.8s ease-in-out infinite; }

  .lh-finance-chart {
    position: absolute;
    right: 26px;
    bottom: 21px;
    width: 58%;
    height: 190px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background: rgba(4,10,24,.65);
  }

  .lh-finance-bars { display: flex; align-items: end; gap: 10px; height: 112px; padding: 12px 5px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .lh-finance-bars span { flex: 1; min-width: 8px; height: var(--bar); border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, var(--lh-cyan), rgba(124,108,255,.42)); box-shadow: 0 0 16px rgba(53,217,255,.09); transform-origin: bottom; animation: lhBarGrow 1.8s var(--lh-spring) both; }
  .lh-finance-bars span:nth-child(2) { animation-delay: .08s; }
  .lh-finance-bars span:nth-child(3) { animation-delay: .16s; }
  .lh-finance-bars span:nth-child(4) { animation-delay: .24s; }
  .lh-finance-bars span:nth-child(5) { animation-delay: .32s; }
  .lh-finance-bars span:nth-child(6) { animation-delay: .4s; }
  .lh-finance-summary { display: flex; justify-content: space-between; gap: 10px; margin-top: 13px; }
  .lh-finance-summary span { color: #71809c; font-size: 7px; font-weight: 800; text-transform: uppercase; }
  .lh-finance-summary strong { display: block; margin-top: 4px; color: #fff; font-size: 13px; }

  .lh-role-list,
  .lh-notification-stack { position: absolute; right: 26px; bottom: 22px; width: 47%; display: grid; gap: 9px; }
  .lh-role-row,
  .lh-note-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 52px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.075); border-radius: 15px; background: rgba(4,10,24,.64); }
  .lh-role-icon,
  .lh-note-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #fff; background: rgba(124,108,255,.16); }
  .lh-role-row strong,
  .lh-note-row strong { display: block; color: #dce5f7; font-size:11px; }
  .lh-role-row small,
  .lh-note-row small { color: #70809b; font-size: 7px; }
  .lh-toggle { position: relative; width: 31px; height: 18px; border-radius: 999px; background: rgba(255,255,255,.08); }
  .lh-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #73819c; transition: transform .3s ease; }
  .lh-toggle.is-on { background: rgba(48,230,161,.18); }
  .lh-toggle.is-on::after { transform: translateX(13px); background: var(--lh-green); box-shadow: 0 0 10px rgba(48,230,161,.55); }
  .lh-note-row { animation: lhNoteIn 5s var(--lh-spring) infinite; }
  .lh-note-row:nth-child(2) { animation-delay: -1.6s; }
  .lh-note-row:nth-child(3) { animation-delay: -3.2s; }
  .lh-note-icon { background: rgba(53,217,255,.12); color: var(--lh-cyan); }

  /* Sticky product story */
  .lh-product-story {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: 70px;
    align-items: start;
  }

  .lh-story-stage {
    position: sticky;
    top: 112px;
  }

  .lh-story-device {
    position: relative;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 31px;
    background: linear-gradient(145deg, rgba(19,34,65,.92), rgba(5,12,27,.98));
    box-shadow: 0 40px 110px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
    perspective: 1200px;
  }

  .lh-story-device::before {
    content: "";
    position: absolute;
    inset: -45px;
    z-index: -1;
    border-radius: inherit;
    background: radial-gradient(circle at 48% 45%, rgba(124,108,255,.17), transparent 62%);
    filter: blur(30px);
  }

  .lh-story-toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 8px 0 10px; }
  .lh-story-label { color: #8392ad; font-size:11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
  .lh-story-screen { position: relative; overflow: hidden; aspect-ratio: 16/10; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: #071020; }
  .lh-story-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); filter: blur(5px); transition: opacity .62s var(--lh-ease), transform .7s var(--lh-spring), filter .62s ease; }
  .lh-story-image.is-active { opacity: 1; transform: scale(1); filter: blur(0); }

  .lh-story-visual {
    display: grid;
    align-content: start;
    gap: clamp(12px, 2vw, 22px);
    padding: clamp(18px, 3vw, 34px);
    color: #eaf0ff;
    background:
      radial-gradient(circle at 88% 8%, rgba(53,217,255,.14), transparent 34%),
      linear-gradient(145deg, #0d1b36, #071020 72%);
  }
  .lh-story-mock-head { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:clamp(11px,1.2vw,15px); font-weight:850; }
  .lh-story-mock-head span { display:flex; align-items:center; gap:9px; }
  .lh-story-mock-head i { color:#8d82ff; }
  .lh-story-mock-head small { color:#7f8da8; font-size:clamp(8px,.9vw,11px); text-transform:uppercase; letter-spacing:.08em; }
  .lh-story-metrics,.lh-story-report { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .lh-story-metrics span,.lh-story-report span { display:grid; gap:5px; padding:clamp(11px,2vw,19px); border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.045); }
  .lh-story-metrics b,.lh-story-report b { font-size:clamp(15px,2.3vw,28px); }
  .lh-story-metrics small,.lh-story-report small { color:#8998b3; font-size:clamp(8px,.9vw,11px); }
  .lh-story-chart { display:flex; align-items:end; gap:clamp(7px,1.5vw,15px); min-height:42%; padding:12px 12px 0; border-bottom:1px solid rgba(255,255,255,.09); }
  .lh-story-chart i { flex:1; min-height:22px; border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#35d9ff,#7768ff); box-shadow:0 0 22px rgba(83,114,255,.18); }
  .lh-story-list { display:grid; gap:10px; }
  .lh-story-list span { display:grid; grid-template-columns:34px 1fr; gap:2px 11px; align-items:center; padding:clamp(10px,1.7vw,16px); border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.04); }
  .lh-story-list span>i { grid-row:1/3; width:34px; height:34px; border-radius:11px; background:linear-gradient(145deg,#7768ff,#35d9ff); }
  .lh-story-list b { font-size:clamp(10px,1.2vw,14px); }
  .lh-story-list small { color:#8190aa; font-size:clamp(8px,.9vw,10px); }
  .lh-story-qr-box { display:flex; align-items:center; justify-content:center; gap:clamp(16px,3vw,30px); min-height:58%; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:rgba(255,255,255,.035); }
  .lh-story-qr-box>i { color:#fff; font-size:clamp(70px,12vw,140px); }
  .lh-story-qr-box span { display:grid; gap:7px; }
  .lh-story-qr-box b { font-size:clamp(13px,2vw,22px); }
  .lh-story-qr-box small { color:#8190aa; font-size:clamp(9px,1vw,12px); }
  .lh-story-scan-line { position:absolute; left:9%; right:9%; top:51%; height:2px; background:linear-gradient(90deg,transparent,#30e6a1,transparent); box-shadow:0 0 14px #30e6a1; animation:lhSimScanMobile 3.5s ease-in-out infinite; }
  .lh-story-report { margin-top:4%; }
  .lh-story-progress-bar { height:12px; margin-top:4%; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
  .lh-story-progress-bar i { display:block; width:87%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#30e6a1,#35d9ff); }

  .lh-story-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 26%, rgba(255,255,255,.08), transparent 46%);
    transform: translateX(-110%);
    animation: lhStoryShine 7s ease-in-out infinite;
  }

  .lh-story-play {
    position: absolute;
    z-index: 3;
    right: 24px;
    bottom: 24px;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 18px;
    color: #fff;
    background: rgba(4,9,22,.65);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    cursor: pointer;
  }

  .lh-story-progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 12px; }
  .lh-story-progress span { height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.075); }
  .lh-story-progress span::after { content: ""; display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--lh-primary), var(--lh-cyan)); transition: transform .45s var(--lh-ease); }
  .lh-story-progress span.is-active::after { transform: scaleX(1); }

  .lh-story-steps { display: grid; gap: 22px; padding-bottom: 15vh; }
  .lh-story-step { position: relative; min-height: 300px; padding: 30px; border: 1px solid transparent; border-radius: 25px; opacity: .55; transition: opacity .4s ease, border-color .4s ease, background .4s ease, transform .4s var(--lh-spring); }
  .lh-story-step::before { content: attr(data-index); display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 22px; border: 1px solid rgba(124,108,255,.2); border-radius: 15px; color: #aaa3ff; background: rgba(124,108,255,.08); font: 800 12px/1 "Sora", sans-serif; }
  .lh-story-step.is-active { opacity: 1; transform: translateX(-8px); border-color: rgba(124,108,255,.18); background: linear-gradient(145deg, rgba(15,27,54,.66), rgba(7,14,31,.44)); }
  .lh-story-step h3 { margin-bottom: 14px; font-size: clamp(28px, 3vw, 40px); line-height: 1.14; }
  .lh-story-step p { margin: 0 0 21px; font-size: 14px; }
  .lh-check-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
  .lh-check-list li { display: flex; align-items: flex-start; gap: 10px; color: #b5c0d5; font-size: 12px; }
  .lh-check-list i { margin-top: 4px; color: var(--lh-green); }


  /* Real management system screenshot showcase */
  .lh-real-showcase {
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(350px,.68fr);
    gap: 72px;
    align-items: start;
  }

  .lh-real-stage {
    position: sticky;
    top: 110px;
    min-width: 0;
  }

  .lh-real-device {
    position: relative;
    padding: 11px 11px 20px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px 30px 20px 20px;
    background:
      radial-gradient(circle at 82% 0%, rgba(53,217,255,.12), transparent 28%),
      linear-gradient(145deg, rgba(20,36,69,.98), rgba(5,12,27,.99));
    box-shadow:
      0 42px 115px rgba(0,0,0,.42),
      0 0 70px rgba(124,108,255,.08),
      inset 0 1px 0 rgba(255,255,255,.1);
    perspective: 1400px;
  }

  .lh-real-device::before {
    content: "";
    position: absolute;
    inset: -42px;
    z-index: -1;
    border-radius: 44px;
    background: radial-gradient(circle at 50% 45%, rgba(124,108,255,.2), transparent 64%);
    filter: blur(30px);
    pointer-events: none;
  }

  .lh-real-device::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 2px 2px 20px 20px;
    background: linear-gradient(180deg,#15233e,#071020);
    box-shadow: 0 14px 35px rgba(0,0,0,.3);
  }

  .lh-real-browser {
    display: grid;
    grid-template-columns: auto minmax(120px,1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 48px;
    padding: 0 10px;
  }

  .lh-real-browser-dots { display:flex; gap:7px; }
  .lh-real-browser-dots i { width:8px; height:8px; border-radius:50%; background:#ff6685; }
  .lh-real-browser-dots i:nth-child(2) { background:#ffbd5b; }
  .lh-real-browser-dots i:nth-child(3) { background:#32dda1; }

  .lh-real-address {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 29px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    color: #72819c;
    background: rgba(2,7,18,.38);
    font-size:11px;
    font-weight: 800;
    letter-spacing: .03em;
  }

  .lh-real-address i { color: var(--lh-green); }
  .lh-real-address span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

  .lh-real-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #91a0ba;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  .lh-real-live::before {
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--lh-green);
    box-shadow:0 0 10px rgba(48,230,161,.72);
  }

  .lh-real-screen {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
    border: 1px solid rgba(255,255,255,.095);
    border-radius: 20px;
    background:
      radial-gradient(circle at 80% 10%,rgba(53,217,255,.1),transparent 32%),
      #061020;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.28);
  }

  .lh-real-track {
    position: absolute;
    inset: 0;
  }

  .lh-real-shot {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(5%,0,0) scale(1.035);
    filter: blur(3px) saturate(.82);
    transition:
      opacity .55s var(--lh-ease),
      visibility .55s ease,
      transform .75s var(--lh-spring),
      filter .55s ease;
  }

  .lh-real-shot.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0) scale(1);
    filter: blur(0) saturate(1);
  }

  .lh-real-shot img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    transition:transform 8s ease;
  }

  .lh-real-shot.is-active img { transform:scale(1.025); }

  .lh-real-shot::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(120deg,transparent 25%,rgba(255,255,255,.075),transparent 47%),
      linear-gradient(180deg,transparent 75%,rgba(2,6,17,.25));
    transform:translateX(-110%);
    animation:lhRealScreenShine 6.8s ease-in-out infinite;
  }

  .lh-real-module-badge {
    position:absolute;
    top:15px;
    right:15px;
    z-index:4;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:30px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    color:#e9efff;
    background:rgba(3,9,23,.76);
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .lh-real-module-badge i { color:var(--lh-cyan); }

  .lh-real-missing {
    position:absolute;
    inset:0;
    z-index:1;
    display:grid;
    place-items:center;
    padding:35px;
    text-align:center;
    background:
      linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
      radial-gradient(circle at 50% 35%,rgba(124,108,255,.16),transparent 42%),
      #071020;
    background-size:38px 38px,38px 38px,auto,auto;
  }

  .lh-real-missing span { display:grid; justify-items:center; gap:10px; }
  .lh-real-missing i {
    display:grid;
    place-items:center;
    width:56px;
    height:56px;
    border:1px solid rgba(124,108,255,.23);
    border-radius:18px;
    color:#a9a2ff;
    background:rgba(124,108,255,.09);
    font-size:20px;
  }
  .lh-real-missing b { color:#e5ebfa; font-size:14px; }
  .lh-real-missing small { color:#7887a2; font-size:11px; line-height:1.6; }
  .lh-real-shot:not(.is-missing) .lh-real-missing { display:none; }

  .lh-real-controls {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:28px;
    padding:0 7px;
  }

  .lh-real-progress {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:7px;
    flex:1;
  }

  .lh-real-progress button {
    position:relative;
    height:4px;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.075);
    cursor:pointer;
  }

  .lh-real-progress button::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--lh-primary),var(--lh-cyan));
    box-shadow:0 0 12px rgba(53,217,255,.35);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s var(--lh-ease);
  }

  .lh-real-progress button.is-active::after { transform:scaleX(1); }

  .lh-real-arrows { display:flex; gap:7px; }
  .lh-real-arrow {
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    padding:0;
    border:1px solid rgba(255,255,255,.1);
    border-radius:11px;
    color:#aebad0;
    background:rgba(255,255,255,.035);
    cursor:pointer;
    transition:color .25s ease,border-color .25s ease,transform .25s ease;
  }
  .lh-real-arrow:hover { color:#fff; border-color:rgba(124,108,255,.38); transform:translateY(-2px); }

  .lh-real-steps { display:grid; gap:18px; padding-bottom:13vh; }
  .lh-real-step {
    position:relative;
    min-height:285px;
    padding:29px;
    border:1px solid transparent;
    border-radius:25px;
    opacity:.48;
    transition:opacity .4s ease,border-color .4s ease,background .4s ease,transform .4s var(--lh-spring);
  }

  .lh-real-step::before {
    content:attr(data-index);
    display:grid;
    place-items:center;
    width:45px;
    height:45px;
    margin-bottom:21px;
    border:1px solid rgba(124,108,255,.2);
    border-radius:15px;
    color:#aaa3ff;
    background:rgba(124,108,255,.08);
    font:800 12px/1 "Sora",sans-serif;
  }

  .lh-real-step.is-active {
    opacity:1;
    transform:translateX(-8px);
    border-color:rgba(124,108,255,.18);
    background:linear-gradient(145deg,rgba(15,27,54,.66),rgba(7,14,31,.44));
    box-shadow:inset 3px 0 0 rgba(53,217,255,.45);
  }

  .lh-real-step h3 { margin-bottom:13px; font-size:clamp(28px,3vw,39px); line-height:1.14; }
  .lh-real-step p { margin:0 0 20px; font-size:13px; }
  .lh-real-step .lh-check-list { gap:10px; }

  @keyframes lhRealScreenShine {
    0%,55% { transform:translateX(-110%); }
    78%,100% { transform:translateX(110%); }
  }

  @media (max-width:1160px) {
    .lh-real-showcase { grid-template-columns:1fr; gap:42px; }
    .lh-real-stage { position:relative; top:auto; max-width:900px; width:100%; margin:0 auto; }
    .lh-real-steps { grid-template-columns:repeat(2,1fr); padding-bottom:0; }
    .lh-real-step { min-height:280px; }
  }

  @media (max-width:680px) {
    .lh-real-showcase { gap:24px; }
    .lh-real-device { padding:7px 7px 13px; border-radius:20px 20px 15px 15px; }
    .lh-real-device::after { bottom:-12px; height:12px; }
    .lh-real-browser { grid-template-columns:auto 1fr; min-height:39px; gap:9px; padding:0 6px; }
    .lh-real-live { display:none; }
    .lh-real-address { justify-content:flex-start; min-height:25px; padding:0 9px; }
    .lh-real-screen { border-radius:14px; aspect-ratio:16/10; }
    .lh-real-track {
      position:absolute;
      inset:0;
      display:flex;
      overflow-x:auto;
      overflow-y:hidden;
      scroll-snap-type:x mandatory;
      scrollbar-width:none;
      overscroll-behavior-x:contain;
      -webkit-overflow-scrolling:touch;
    }
    .lh-real-track::-webkit-scrollbar { display:none; }
    .lh-real-shot,
    .lh-real-shot.is-active {
      position:relative;
      inset:auto;
      flex:0 0 100%;
      opacity:1;
      visibility:visible;
      transform:none;
      filter:none;
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    .lh-real-shot img,
    .lh-real-shot.is-active img { transform:none; }
    .lh-real-module-badge { top:9px; right:9px; min-height:25px; padding:0 8px; font-size:6px; }
    .lh-real-controls { margin-top:21px; }
    .lh-real-progress { gap:5px; }
    .lh-real-arrows { display:none; }
    .lh-real-steps { display:block; }
    .lh-real-step { display:none; min-height:auto; padding:23px; opacity:1; transform:none; }
    .lh-real-step.is-active { display:block; transform:none; }
    .lh-real-step h3 { font-size:26px; }
  }

  /* Live simulation */
  .lh-simulation {
    position: relative;
    display: grid;
    grid-template-columns: .86fr 1.14fr;
    gap: 58px;
    align-items: center;
    padding: 58px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 34px;
    background:
      radial-gradient(circle at 88% 8%, rgba(53,217,255,.13), transparent 30%),
      radial-gradient(circle at 4% 100%, rgba(124,108,255,.2), transparent 34%),
      linear-gradient(145deg, rgba(13,25,51,.96), rgba(5,12,28,.98));
    box-shadow: 0 40px 110px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
  }

  .lh-simulation::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .38;
    background-image:
      linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
    background-size: 50px 50px;
    -webkit-mask-image: radial-gradient(circle at 70% 50%, #000, transparent 74%);
    mask-image: radial-gradient(circle at 70% 50%, #000, transparent 74%);
  }

  .lh-sim-copy,
  .lh-sim-console { position: relative; z-index: 2; }
  .lh-sim-copy h3 { margin: 0 0 17px; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.08; }
  .lh-sim-copy p { margin: 0 0 26px; }
  .lh-sim-live { display: inline-flex; align-items: center; gap: 9px; min-height: 34px; padding: 0 12px; border: 1px solid rgba(48,230,161,.18); border-radius: 999px; color: #abf5d8; background: rgba(48,230,161,.07); font-size:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }

  .lh-sim-console {
    padding: 16px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    background: rgba(3,8,19,.74);
    box-shadow: 0 30px 85px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.055);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  .lh-sim-top { display: flex; align-items: center; justify-content: space-between; min-height: 38px; padding: 0 5px 0 7px; }
  .lh-sim-top strong { color: #a6b3c9; font-size:11px; letter-spacing: .12em; text-transform: uppercase; }
  .lh-sim-body { display: grid; grid-template-columns: 190px 1fr; gap: 14px; min-height: 330px; }
  .lh-sim-scanner { position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(53,217,255,.14); border-radius: 20px; background: radial-gradient(circle, rgba(53,217,255,.07), transparent 60%), #071020; }
  .lh-sim-scanner::before,
  .lh-sim-scanner::after { content: ""; position: absolute; width: 33px; height: 33px; border-color: var(--lh-cyan); border-style: solid; opacity: .7; }
  .lh-sim-scanner::before { top: 18px; left: 18px; border-width: 2px 0 0 2px; border-radius: 8px 0 0; }
  .lh-sim-scanner::after { right: 18px; bottom: 18px; border-width: 0 2px 2px 0; border-radius: 0 0 8px; }
  .lh-sim-qr { transform: scale(1.08); }
  .lh-sim-scanline { position: absolute; left: 22px; right: 22px; top: 24px; height: 2px; border-radius: 999px; background: var(--lh-green); box-shadow: 0 0 20px rgba(48,230,161,.9), 0 12px 30px rgba(48,230,161,.18); animation: lhSimScan 2.4s ease-in-out infinite; }

  .lh-sim-data { display: grid; grid-template-rows: auto auto 1fr; gap: 12px; }
  .lh-sim-success { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(48,230,161,.16); border-radius: 17px; background: rgba(48,230,161,.055); }
  .lh-sim-check { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; color: #041d14; background: var(--lh-green); box-shadow: 0 0 22px rgba(48,230,161,.28); }
  .lh-sim-person strong { display: block; color: #fff; font-size: 13px; }
  .lh-sim-person small { color: #8795ae; font-size:11px; }
  .lh-sim-time { color: #b7c5db; font-size:11px; font-weight: 800; }
  .lh-sim-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
  .lh-sim-stat { padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(255,255,255,.025); }
  .lh-sim-stat span { display: block; color: #71809b; font-size: 7px; font-weight: 800; text-transform: uppercase; }
  .lh-sim-stat strong { display: block; margin-top: 6px; color: #fff; font: 800 19px/1 "Sora", sans-serif; }
  .lh-sim-feed { overflow: hidden; padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: rgba(255,255,255,.02); }
  .lh-sim-feed-head { display: flex; justify-content: space-between; margin-bottom: 10px; color: #8391aa; font-size:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
  .lh-sim-feed-list { display: grid; gap: 8px; }
  .lh-sim-feed-row { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; min-height: 35px; padding: 4px 5px; border-radius: 10px; background: rgba(255,255,255,.02); }
  .lh-sim-feed-row.is-new { animation: lhFeedNew .65s var(--lh-spring) both; background: rgba(48,230,161,.06); }
  .lh-sim-feed-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #fff; background: linear-gradient(145deg, var(--lh-primary), var(--lh-cyan)); font-size: 7px; font-weight: 800; }
  .lh-sim-feed-row strong { display: block; color: #dce5f7; font-size:11px; }
  .lh-sim-feed-row small { color: #6e7d98; font-size: 7px; }
  .lh-sim-feed-row em { color: var(--lh-green); font-size: 7px; font-style: normal; font-weight: 800; }

  /* Workflow pipeline */
  .lh-workflow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }

  .lh-workflow-line {
    position: absolute;
    top: 51px;
    left: 9%;
    right: 9%;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.065);
  }

  .lh-workflow-line::after {
    content: "";
    display: block;
    width: 30%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, var(--lh-primary), var(--lh-cyan), transparent);
    box-shadow: 0 0 18px rgba(53,217,255,.35);
    animation: lhFlowBeam 4.8s linear infinite;
  }

  .lh-step { position: relative; z-index: 2; padding: 0 13px; text-align: center; }
  .lh-step-number { position: relative; display: grid; place-items: center; width: 102px; height: 102px; margin: 0 auto 25px; border: 1px solid rgba(145,137,255,.26); border-radius: 31px; color: #fff; background: linear-gradient(145deg, #111e3b, #071126); box-shadow: 0 20px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07); font: 800 22px/1 "Sora", sans-serif; }
  .lh-step-number::before { content: ""; position: absolute; inset: 11px; border: 1px solid rgba(124,108,255,.14); border-radius: 22px; }
  .lh-step-number::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--lh-cyan); box-shadow: 0 0 16px rgba(53,217,255,.8), 0 0 0 10px rgba(53,217,255,.045); transform: translate(-50%, -50%); opacity: 0; animation: lhStepPulse 4.8s linear infinite; }
  .lh-step:nth-child(3) .lh-step-number::after { animation-delay: 1.2s; }
  .lh-step:nth-child(4) .lh-step-number::after { animation-delay: 2.4s; }
  .lh-step:nth-child(5) .lh-step-number::after { animation-delay: 3.6s; }
  .lh-step-number i { position: relative; z-index: 2; font-size: 25px; }
  .lh-step b { display: inline-block; margin-bottom: 10px; color: #786ff0; font-size:11px; letter-spacing: .14em; text-transform: uppercase; }
  .lh-step h3 { margin-bottom: 10px; font-size: 18px; }
  .lh-step p { margin: 0; font-size: 12px; }

  /* Security */
  .lh-security-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; }
  .lh-security-copy h2 { margin-bottom: 18px; font-size: clamp(36px, 5vw, 61px); line-height: 1.07; }
  .lh-security-copy p { margin-bottom: 26px; }
  .lh-security-list { display: grid; gap: 11px; }
  .lh-security-list span { display: flex; align-items: center; gap: 10px; color: #b7c2d7; font-size: 12px; font-weight: 700; }
  .lh-security-list i { color: var(--lh-green); }

  .lh-security-core { position: relative; min-height: 500px; display: grid; place-items: center; }
  .lh-security-ring { position: absolute; border: 1px solid rgba(124,108,255,.15); border-radius: 50%; animation: lhSecuritySpin 18s linear infinite; }
  .lh-security-ring:nth-child(1) { width: 450px; height: 450px; }
  .lh-security-ring:nth-child(2) { width: 340px; height: 340px; border-color: rgba(53,217,255,.14); animation-direction: reverse; animation-duration: 14s; }
  .lh-security-ring:nth-child(3) { width: 235px; height: 235px; border-style: dashed; animation-duration: 10s; }
  .lh-security-ring::before,
  .lh-security-ring::after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--lh-cyan); box-shadow: 0 0 16px rgba(53,217,255,.8); }
  .lh-security-ring::before { top: 8%; left: 23%; }
  .lh-security-ring::after { right: 4%; bottom: 32%; background: var(--lh-primary); box-shadow: 0 0 16px rgba(124,108,255,.8); }

  .lh-security-shield { position: relative; z-index: 3; display: grid; place-items: center; width: 150px; height: 170px; color: #fff; background: linear-gradient(145deg, rgba(124,108,255,.9), rgba(53,217,255,.65)); clip-path: polygon(50% 0, 92% 18%, 86% 72%, 50% 100%, 14% 72%, 8% 18%); filter: drop-shadow(0 30px 45px rgba(82,91,225,.3)); }
  .lh-security-shield::before { content: ""; position: absolute; inset: 11px; background: linear-gradient(145deg, #101e3c, #071125); clip-path: inherit; }
  .lh-security-shield i { position: relative; z-index: 2; font-size: 48px; color: var(--lh-green); filter: drop-shadow(0 0 16px rgba(48,230,161,.4)); }

  .lh-security-card { position: absolute; z-index: 4; min-width: 175px; padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 17px; background: rgba(7,14,31,.76); box-shadow: 0 20px 55px rgba(0,0,0,.26); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); animation: lhFloatCard 5.5s ease-in-out infinite; }
  .lh-security-card strong { display: block; color: #fff; font-size:11px; }
  .lh-security-card span { display: block; margin-top: 5px; color: #7887a2; font-size:11px; }
  .lh-security-card i { margin-right: 7px; color: var(--lh-green); }
  .lh-security-card:nth-of-type(5) { top: 55px; right: 10px; }
  .lh-security-card:nth-of-type(6) { left: 5px; bottom: 55px; animation-delay: -2.4s; }
  .lh-security-card:nth-of-type(7) { right: 10px; bottom: 35px; animation-delay: -3.7s; }

  /* Pricing */
  .lh-billing-toggle {
    display: flex;
    justify-content: center;
    margin: -28px auto 42px;
  }

  .lh-toggle-shell {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  }

  .lh-billing-btn {
    position: relative;
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    color: #8291ac;
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, box-shadow .25s ease;
  }

  .lh-billing-btn.is-active { color: #fff; background: linear-gradient(135deg, rgba(124,108,255,.85), rgba(53,217,255,.35)); box-shadow: 0 10px 28px rgba(94,82,230,.2), inset 0 1px 0 rgba(255,255,255,.18); }
  .lh-billing-save { display: inline-block; margin-left: 6px; padding: 3px 6px; border-radius: 999px; color: #092117; background: var(--lh-green); font-size: 7px; text-transform: uppercase; }

  .lh-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; align-items: stretch; }
  .lh-plan-card { position: relative; display: flex; flex-direction: column; min-height: 650px; padding: 30px; overflow: hidden; border: 1px solid var(--lh-line); border-radius: 29px; background: linear-gradient(145deg, rgba(17,30,59,.96), rgba(6,14,31,.98)); box-shadow: 0 26px 75px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045); transition: transform .4s var(--lh-spring), border-color .4s ease, box-shadow .4s ease; }
  .lh-plan-card:hover { transform: translateY(-9px); border-color: rgba(139,128,255,.34); box-shadow: 0 38px 90px rgba(0,0,0,.32); }
  .lh-plan-card.is-popular { border-color: rgba(135,123,255,.52); background: radial-gradient(circle at 90% 0%, rgba(154,108,255,.22), transparent 31%), linear-gradient(145deg, rgba(22,33,70,.98), rgba(8,17,39,.98)); box-shadow: 0 36px 95px rgba(56,42,160,.24), inset 0 1px 0 rgba(255,255,255,.06); }
  .lh-plan-card.is-popular::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(120deg, transparent 15%, rgba(124,108,255,.62), transparent 45%, rgba(53,217,255,.42), transparent 75%); background-size: 230% 100%; animation: lhPlanBorder 7s linear infinite; }
  .lh-plan-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
  .lh-plan-card h3 { margin-bottom: 8px; font-size: 24px; }
  .lh-plan-description { min-height: 50px; margin: 0; font-size: 12px; }
  .lh-popular-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 29px; padding: 0 10px; border: 1px solid rgba(167,139,250,.2); border-radius: 999px; color: #ddd2ff; background: rgba(139,92,246,.12); font-size:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; }
  .lh-popular-badge i { color: #facc15; }
  .lh-price { display: flex; align-items: flex-end; gap: 7px; margin: 28px 0 5px; font-size: clamp(39px,4vw,52px); line-height: 1; }
  .lh-price small { margin-bottom: 6px; color: #8997b1; font: 700 12px/1 "Manrope", sans-serif; letter-spacing: 0; }
  .lh-plan-note { margin: 0 0 20px; color: #8492ad; font-size: 11px; }

  .lh-plan-capacity { display: grid; gap: 13px; padding: 17px; margin-bottom: 21px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: rgba(255,255,255,.024); }
  .lh-capacity-row { display: grid; gap: 7px; }
  .lh-capacity-label { display: flex; justify-content: space-between; gap: 10px; color: #8f9db6; font-size:11px; font-weight: 800; }
  .lh-capacity-label strong { color: #dce4f5; }
  .lh-meter { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.065); }
  .lh-meter span { display: block; width: var(--meter, 78%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--lh-primary), var(--lh-cyan)); box-shadow: 0 0 12px rgba(53,217,255,.22); transform-origin: left; }

  .lh-plan-list { display: grid; gap: 12px; margin: 0 0 27px; padding: 0; list-style: none; }
  .lh-plan-list li { display: flex; align-items: center; gap: 10px; color: #b9c5d9; font-size: 12px; }
  .lh-plan-list i { color: var(--lh-green); }
  .lh-plan-list i.is-locked { color: var(--lh-warning); }
  .lh-plan-card .lh-btn { width: 100%; margin-top: auto; }
  .lh-no-card { display: block; margin-top: 11px; color: #71809b; font-size:11px; font-weight: 700; text-align: center; }

  /* FAQ */
  .lh-faq { display: grid; max-width: 920px; margin: 0 auto; gap: 12px; }
  .lh-faq-item { overflow: hidden; border: 1px solid var(--lh-line); border-radius: 21px; background: linear-gradient(145deg, rgba(15,27,54,.91), rgba(6,14,31,.97)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
  .lh-faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 78px; padding: 0 24px; border: 0; color: #edf2ff; background: transparent; font: 800 14px/1.45 "Manrope", sans-serif; text-align: left; cursor: pointer; }
  .lh-faq-question i { color: #aaa3ff; transition: transform .3s var(--lh-spring); }
  .lh-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .38s var(--lh-ease); }
  .lh-faq-answer > div { overflow: hidden; }
  .lh-faq-answer p { margin: 0; padding: 0 24px 24px; font-size: 13px; }
  .lh-faq-item.is-open .lh-faq-answer { grid-template-rows: 1fr; }
  .lh-faq-item.is-open .lh-faq-question i { transform: rotate(45deg); }

  /* Final CTA and footer */
  .lh-final-cta { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; padding: 58px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 36px; background: radial-gradient(circle at 86% 10%, rgba(154,108,255,.38), transparent 30%), radial-gradient(circle at 8% 100%, rgba(53,217,255,.14), transparent 32%), linear-gradient(135deg, #091228 0%, #171c45 56%, #281a55 100%); box-shadow: 0 40px 110px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.075); }
  .lh-final-cta::before { content: ""; position: absolute; inset: -80%; opacity: .2; background: conic-gradient(from 110deg, transparent, rgba(53,217,255,.6), transparent 24%, rgba(154,108,255,.55), transparent 52%); animation: lhCtaAura 18s linear infinite; }
  .lh-final-cta > * { position: relative; z-index: 2; }
  .lh-final-cta h2 { max-width: 760px; margin-bottom: 13px; font-size: clamp(34px,4.7vw,59px); line-height: 1.07; }
  .lh-final-cta p { margin: 0; }

  .lh-footer { position: relative; padding: 55px 0 32px; }
  .lh-footer-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 45px; padding-bottom: 34px; border-bottom: 1px solid rgba(255,255,255,.075); }
  .lh-footer-brand p { max-width: 390px; margin: 17px 0 0; font-size: 12px; }
  .lh-footer h4 { margin-bottom: 16px; font-size: 13px; }
  .lh-footer-links { display: grid; gap: 11px; }
  .lh-footer-links a { color: #8290aa; font-size: 12px; font-weight: 700; text-decoration: none; }
  .lh-footer-links a:hover { color: #fff; }
  .lh-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 25px; color: #697792; font-size:11px; }

  /* Modal */
  .lh-modal { position: fixed; inset: 0; z-index: 10070; display: none; place-items: center; padding: 22px; background: rgba(1,3,10,.84); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
  .lh-modal.is-open { display: grid; animation: lhModalIn .28s ease both; }
  .lh-modal-panel { position: relative; width: min(100%,1080px); padding: 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: #071020; box-shadow: 0 50px 130px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06); }
  .lh-modal-panel video { display: block; width: 100%; max-height: 78svh; border-radius: 19px; background: #02040c; }
  .lh-modal-close { position: absolute; z-index: 3; top: -16px; right: -16px; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.18); border-radius: 15px; color: #fff; background: #111a31; box-shadow: 0 14px 38px rgba(0,0,0,.32); cursor: pointer; }

  /* Cursor */
  .lh-cursor,
  .lh-cursor-ring { position: fixed; z-index: 10100; top: 0; left: 0; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%,-50%); }
  .lh-cursor { width: 6px; height: 6px; background: #fff; mix-blend-mode: difference; }
  .lh-cursor-ring { width: 34px; height: 34px; border: 1px solid rgba(125,210,255,.5); transition: width .2s var(--lh-spring), height .2s var(--lh-spring), border-color .2s ease, background .2s ease; }
  .lh-cursor-ring.is-hovering { width: 52px; height: 52px; border-color: rgba(124,108,255,.7); background: rgba(124,108,255,.08); }
  .lh-has-cursor .lh-cursor,
  .lh-has-cursor .lh-cursor-ring { opacity: 1; }

  /* Reveal */
  .lh-js .lh-reveal { opacity: 0; transform: translate3d(0,38px,0) scale(.985); transition: opacity .76s var(--lh-ease), transform .82s var(--lh-spring); transition-delay: calc(var(--reveal-index,0) * 70ms); }
  .lh-js .lh-reveal-left { transform: translate3d(-42px,0,0); }
  .lh-js .lh-reveal-right { transform: translate3d(42px,0,0); }
  .lh-js .lh-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0) scale(1); }
  .lh-js .lh-hero-copy > *,
  .lh-js .lh-command-wrap { opacity: 0; }
  .lh-js.lh-page-ready .lh-hero-copy > *,
  .lh-js.lh-page-ready .lh-command-wrap { animation: lhHeroEnter .82s var(--lh-spring) forwards; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(1) { animation-delay: .02s; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(2) { animation-delay: .1s; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(3) { animation-delay: .18s; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(4) { animation-delay: .26s; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(5) { animation-delay: .34s; }
  .lh-js.lh-page-ready .lh-hero-copy > :nth-child(6) { animation-delay: .42s; }
  .lh-js.lh-page-ready .lh-command-wrap { animation-delay: .2s; }

  @supports (content-visibility: auto) {
    .lh-section { content-visibility: auto; contain-intrinsic-size: 850px; }
    #lhProduct { content-visibility: visible; contain-intrinsic-size: auto; }
  }

  @keyframes lhIntroGrid { to { background-position: 0 104px, 104px 0; } }
  @keyframes lhOrbit { to { transform: rotate(360deg); } }
  @keyframes lhIntroLogo { from { opacity:0; transform:translateY(24px) scale(.62) rotate(-12deg); } to { opacity:1; transform:none; } }
  @keyframes lhIntroPulse { 0% { opacity:0; transform:scale(.82); } 36% { opacity:.8; } 100% { opacity:0; transform:scale(1.28); } }
  @keyframes lhIntroText { from { opacity:0; transform:translateY(16px); filter:blur(6px); } to { opacity:1; transform:none; filter:blur(0); } }
  @keyframes lhIntroLoad { to { transform:scaleX(1); } }
  @keyframes lhIntroLeave { 0% { opacity:1; clip-path:inset(0 0 0 0); } 100% { opacity:0; clip-path:inset(0 0 100% 0); visibility:hidden; } }
  @keyframes lhNavBeam { to { background-position:-220% 0; } }
  @keyframes lhPosterDrift { from { transform:scale(1.04) translate3d(-1%,0,0); } to { transform:scale(1.1) translate3d(1%,-1%,0); } }
  @keyframes lhDataLine { 0% { opacity:0; background-position:-250px 0; } 35%,70% { opacity:.34; } 100% { opacity:0; background-position:600px 0; } }
  @keyframes lhNodePulse { 0%,100% { transform:scale(.8); opacity:.4; } 50% { transform:scale(1.25); opacity:1; } }
  @keyframes lhLivePulse { 0% { box-shadow:0 0 0 0 rgba(48,230,161,.45); } 70% { box-shadow:0 0 0 9px rgba(48,230,161,0); } 100% { box-shadow:0 0 0 0 rgba(48,230,161,0); } }
  @keyframes lhCaret { 50% { opacity:0; } }
  @keyframes lhButtonAura { to { transform:rotate(360deg); } }
  @keyframes lhOrbitFloat { from { transform:rotate(-10deg) scale(.98); } to { transform:rotate(-4deg) scale(1.03); } }
  @keyframes lhPanelScan { 0%,18% { transform:translateX(-120%); } 52%,100% { transform:translateX(120%); } }
  @keyframes lhDrawChart { to { stroke-dashoffset:0; } }
  @keyframes lhFloatCard { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-10px,0); } }
  @keyframes lhScrollCue { 0%,100% { transform:translateY(0); opacity:.6; } 50% { transform:translateY(7px); opacity:1; } }
  @keyframes lhUnderline { from { transform:scaleX(.72); } to { transform:scaleX(1); } }
  @keyframes lhTableRow { 0%,100% { transform:translateX(0); opacity:.75; } 50% { transform:translateX(-4px); opacity:1; } }
  @keyframes lhQrScan { 0%,100% { transform:translateY(0); opacity:.5; } 50% { transform:translateY(84px); opacity:1; } }
  @keyframes lhSeatLive { 0%,100% { transform:scale(1); } 50% { transform:scale(1.08); } }
  @keyframes lhBarGrow { from { transform:scaleY(0); opacity:0; } to { transform:scaleY(1); opacity:1; } }
  @keyframes lhNoteIn { 0%,100% { transform:translateX(0); opacity:.6; } 18%,72% { transform:translateX(-5px); opacity:1; } }
  @keyframes lhStoryShine { 0%,20% { transform:translateX(-110%); } 55%,100% { transform:translateX(115%); } }
  @keyframes lhSimScan { 0%,100% { transform:translateY(0); } 50% { transform:translateY(278px); } }
  @keyframes lhFeedNew { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:none; } }
  @keyframes lhFlowBeam { from { transform:translateX(-120%); } to { transform:translateX(430%); } }
  @keyframes lhStepPulse { 0%,14%,100% { opacity:0; transform:translate(-50%,-50%) scale(.6); } 20%,35% { opacity:1; transform:translate(-50%,-50%) scale(1.15); } 48% { opacity:0; } }

  /* Two-orbit problem solver */
  .lh-solver-wrap {
    position: relative;
    min-height: 610px;
    overflow: hidden;
    isolation: isolate;
  }

  .lh-solver-wrap::before {
    content: "";
    position: absolute;
    inset: 5% 0 0;
    border-radius: 50%;
    background:
      radial-gradient(circle at 50% 50%, rgba(124,108,255,.18), transparent 25%),
      radial-gradient(circle at 50% 50%, rgba(53,217,255,.08), transparent 52%);
    filter: blur(4px);
    animation: lhSolverAura 5.5s ease-in-out infinite;
  }

  .lh-solver-stage {
    --solver-scale: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 680px;
    height: 610px;
    transform: translate(-50%, -50%) scale(var(--solver-scale));
    transform-origin: center;
  }

  .lh-solver-grid {
    position: absolute;
    inset: 62px 76px;
    border-radius: 50%;
    opacity: .42;
    background-image:
      linear-gradient(rgba(124,108,255,.09) 1px, transparent 1px),
      linear-gradient(90deg, rgba(53,217,255,.07) 1px, transparent 1px);
    background-size: 34px 34px;
    -webkit-mask-image: radial-gradient(circle, #000 15%, transparent 72%);
    mask-image: radial-gradient(circle, #000 15%, transparent 72%);
    animation: lhSolverGrid 10s linear infinite;
  }

  .lh-solver-orbit {
    --orbit-duration: 32s;
    --orbit-direction: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    border: 1px solid rgba(124,108,255,.25);
    border-radius: 50%;
    box-shadow:
      inset 0 0 42px rgba(124,108,255,.025),
      0 0 28px rgba(53,217,255,.035);
    transform: translate(-50%, -50%);
    animation: lhSolverOrbit var(--orbit-duration) linear infinite var(--orbit-direction);
  }

  .lh-solver-orbit::before,
  .lh-solver-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
  }

  .lh-solver-orbit::before {
    inset: -3px;
    border: 2px solid transparent;
    border-top-color: rgba(53,217,255,.7);
    border-right-color: rgba(124,108,255,.32);
    filter: drop-shadow(0 0 7px rgba(53,217,255,.45));
  }

  .lh-solver-orbit::after {
    top: -5px;
    left: 50%;
    width: 9px;
    height: 9px;
    background: var(--lh-cyan);
    box-shadow: 0 0 18px rgba(53,217,255,.9);
  }

  .lh-solver-orbit-outer {
    --orbit-radius: 248px;
    width: 500px;
    height: 500px;
  }

  .lh-solver-orbit-inner {
    --orbit-radius: 176px;
    --orbit-duration: 24s;
    --orbit-direction: reverse;
    width: 354px;
    height: 354px;
    border-color: rgba(53,217,255,.2);
  }

  .lh-solver-node {
    --node-angle: 0deg;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 166px;
    transform: rotate(var(--node-angle)) translateX(var(--orbit-radius));
    transform-origin: 0 0;
  }

  .lh-solver-node-card {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 22px;
    align-items: center;
    gap: 9px;
    width: 166px;
    min-height: 62px;
    padding: 9px 10px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 17px;
    color: #dce6fb;
    background:
      radial-gradient(circle at 0 0, rgba(124,108,255,.14), transparent 42%),
      rgba(6,13,30,.88);
    box-shadow: 0 16px 38px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.075);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    --node-scale: 1;
    transform: translate(-50%, -50%) rotate(var(--counter-angle)) scale(var(--node-scale));
    transition: border-color .35s ease, box-shadow .35s ease, background .35s ease;
  }

  .lh-solver-orbit-outer .lh-solver-node-card {
    animation: lhSolverCounterOuter var(--orbit-duration) linear infinite;
  }

  .lh-solver-orbit-inner .lh-solver-node-card {
    animation: lhSolverCounterInner var(--orbit-duration) linear infinite reverse;
  }

  .lh-solver-node-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #ffb36c;
    background: rgba(255,160,91,.1);
    box-shadow: inset 0 0 0 1px rgba(255,179,108,.12);
  }

  .lh-solver-node-copy {
    min-width: 0;
    line-height: 1.2;
  }

  .lh-solver-node-copy b,
  .lh-solver-node-copy small {
    display: block;
  }

  .lh-solver-node-copy b {
    overflow: hidden;
    color: #e7edfb;
    font-size:11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lh-solver-node-copy small {
    margin-top: 5px;
    overflow: hidden;
    color: #70809c;
    font-size: 7px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lh-solver-solution { display: none !important; }

  .lh-solver-node-state {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    color: #ff9664;
    background: rgba(255,120,82,.1);
    font-size:11px;
    font-style: normal;
  }

  .lh-solver-node.is-solving .lh-solver-node-card {
    border-color: rgba(255,179,108,.52);
    box-shadow: 0 18px 48px rgba(0,0,0,.34), 0 0 25px rgba(255,163,87,.16);
    --node-scale: 1.08;
  }

  .lh-solver-node.is-solving .lh-solver-node-icon,
  .lh-solver-node.is-solving .lh-solver-node-state {
    animation: lhSolverProblemPulse .7s ease-in-out infinite alternate;
  }

  .lh-solver-node.is-solved .lh-solver-node-card {
    border-color: rgba(48,230,161,.5);
    background:
      radial-gradient(circle at 0 0, rgba(48,230,161,.14), transparent 46%),
      rgba(6,19,29,.92);
    box-shadow: 0 18px 48px rgba(0,0,0,.34), 0 0 28px rgba(48,230,161,.17);
  }

  .lh-solver-node.is-solved .lh-solver-node-icon {
    color: var(--lh-green);
    background: rgba(48,230,161,.1);
  }

  .lh-solver-node.is-solved .lh-solver-problem { display: none !important; }
  .lh-solver-node.is-solved .lh-solver-solution { display: block !important; }
  .lh-solver-node.is-solved .lh-solver-node-state {
    color: #04150f;
    background: var(--lh-green);
    box-shadow: 0 0 15px rgba(48,230,161,.55);
  }

  .lh-solver-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    display: grid;
    place-items: center;
    width: 222px;
    height: 222px;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 50%;
    text-align: center;
    background:
      radial-gradient(circle at 35% 28%, rgba(53,217,255,.17), transparent 34%),
      linear-gradient(145deg, rgba(17,30,61,.98), rgba(5,11,27,.98));
    box-shadow:
      0 35px 85px rgba(0,0,0,.42),
      0 0 0 12px rgba(124,108,255,.045),
      0 0 0 24px rgba(53,217,255,.025),
      inset 0 1px 0 rgba(255,255,255,.13);
    transform: translate(-50%, -50%);
  }

  .lh-solver-core::before,
  .lh-solver-core::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
  }

  .lh-solver-core::before {
    inset: -8px;
    border: 1px dashed rgba(124,108,255,.42);
    animation: lhSolverCoreSpin 16s linear infinite;
  }

  .lh-solver-core::after {
    inset: 7px;
    border: 1px solid rgba(53,217,255,.12);
    animation: lhSolverCorePulse 2.6s ease-in-out infinite;
  }

  .lh-solver-core-content {
    position: relative;
    z-index: 2;
  }

  .lh-solver-core-logo {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(53,217,255,.18);
  }

  .lh-solver-core-logo img {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }

  .lh-solver-core-eyebrow {
    display: block;
    color: var(--lh-cyan);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  .lh-solver-core h3 {
    margin: 7px 0 7px;
    color: #fff;
    font: 800 20px/1.02 "Sora", sans-serif;
    letter-spacing: -.045em;
  }

  .lh-solver-core p {
    max-width: 150px;
    margin: 0 auto;
    color: #8290aa;
    font-size:11px;
    line-height: 1.55;
  }

  .lh-solver-core-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 174px;
    min-height: 25px;
    margin-top: 12px;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid rgba(48,230,161,.2);
    border-radius: 999px;
    color: #8df1c8;
    background: rgba(48,230,161,.07);
    font-size: 7px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lh-solver-core-status i {
    font-size: 6px;
    animation: lhSolverStatusPulse 1s ease-in-out infinite;
  }

  .lh-solver-core-meta {
    position: absolute;
    left: 50%;
    bottom: -47px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    color: #6e7d98;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    transform: translateX(-50%);
  }

  .lh-solver-core-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .lh-solver-core-meta i { color: var(--lh-green); }

  .lh-solver-beam {
    --beam-angle: 0deg;
    --beam-length: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: var(--beam-length);
    height: 2px;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, rgba(53,217,255,.08), var(--lh-cyan) 55%, #ffb36c);
    box-shadow: 0 0 12px rgba(53,217,255,.72);
    transform: rotate(var(--beam-angle));
    transform-origin: left center;
    transition: width .45s var(--lh-ease), opacity .25s ease;
  }

  .lh-solver-beam::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffb36c;
    box-shadow: 0 0 16px rgba(255,179,108,.92);
    transform: translateY(-50%);
  }

  .lh-solver-wrap.is-processing .lh-solver-beam { opacity: 1; }
  .lh-solver-wrap.is-resolved .lh-solver-beam {
    background: linear-gradient(90deg, rgba(48,230,161,.08), var(--lh-green));
    box-shadow: 0 0 16px rgba(48,230,161,.62);
  }
  .lh-solver-wrap.is-resolved .lh-solver-beam::after {
    background: var(--lh-green);
    box-shadow: 0 0 17px rgba(48,230,161,.92);
  }

  .lh-solver-legend {
    position: absolute;
    right: 44px;
    bottom: 18px;
    z-index: 7;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    color: #687791;
    background: rgba(4,9,22,.7);
    font-size: 7px;
    font-weight: 800;
  }

  .lh-solver-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .lh-solver-legend i:first-child { color: #ff9b68; }
  .lh-solver-legend span:last-child i { color: var(--lh-green); }

  @keyframes lhSolverOrbit {
    to { transform: translate(-50%, -50%) rotate(360deg); }
  }
  @keyframes lhSolverCounterOuter {
    from { transform:translate(-50%,-50%) rotate(var(--counter-angle)) scale(var(--node-scale)); }
    to { transform:translate(-50%,-50%) rotate(calc(var(--counter-angle) - 360deg)) scale(var(--node-scale)); }
  }
  @keyframes lhSolverCounterInner {
    from { transform:translate(-50%,-50%) rotate(var(--counter-angle)) scale(var(--node-scale)); }
    to { transform:translate(-50%,-50%) rotate(calc(var(--counter-angle) - 360deg)) scale(var(--node-scale)); }
  }
  @keyframes lhSolverAura {
    0%,100% { opacity:.68; transform:scale(.96); }
    50% { opacity:1; transform:scale(1.04); }
  }
  @keyframes lhSolverGrid {
    to { background-position:34px 34px, 34px 34px; }
  }
  @keyframes lhSolverCoreSpin { to { transform:rotate(360deg); } }
  @keyframes lhSolverCorePulse {
    0%,100% { opacity:.45; transform:scale(.96); }
    50% { opacity:1; transform:scale(1.04); }
  }
  @keyframes lhSolverStatusPulse {
    0%,100% { opacity:.45; transform:scale(.8); }
    50% { opacity:1; transform:scale(1.2); }
  }
  @keyframes lhSolverProblemPulse {
    from { transform:scale(.92); filter:saturate(.8); }
    to { transform:scale(1.07); filter:saturate(1.25); }
  }

  @media (max-width: 1160px) {
    .lh-solver-wrap { width:min(100%,760px); min-height:610px; margin:0 auto; }
  }

  @media (max-width: 680px) {
    .lh-solver-wrap { min-height:390px; margin-top:18px; }
    .lh-solver-stage { --solver-scale:.59; }
    .lh-solver-legend { right:50%; bottom:5px; transform:translateX(50%); }
  }

  .lh-lite-motion .lh-solver-orbit,
  .lh-lite-motion .lh-solver-node-card,
  .lh-lite-motion .lh-solver-core::before,
  .lh-lite-motion .lh-solver-core::after,
  .lh-lite-motion .lh-solver-wrap::before,
  .lh-lite-motion .lh-solver-grid,
  .lh-lite-motion .lh-solver-core-status i { animation:none !important; }

  @media (prefers-reduced-motion: reduce) {
    html:not(.lh-force-motion) .lh-solver-orbit,
    html:not(.lh-force-motion) .lh-solver-node-card,
    html:not(.lh-force-motion) .lh-solver-core::before,
    html:not(.lh-force-motion) .lh-solver-core::after,
    html:not(.lh-force-motion) .lh-solver-wrap::before,
    html:not(.lh-force-motion) .lh-solver-grid,
    html:not(.lh-force-motion) .lh-solver-core-status i { animation:none !important; }
  }

  @keyframes lhSecuritySpin { to { transform:rotate(360deg); } }
  @keyframes lhPlanBorder { to { background-position:-230% 0; } }
  @keyframes lhCtaAura { to { transform:rotate(360deg); } }
  @keyframes lhModalIn { from { opacity:0; } to { opacity:1; } }
  @keyframes lhHeroEnter { from { opacity:0; transform:translate3d(0,25px,0); } to { opacity:1; transform:none; } }

  @media (max-width: 1160px) {
    .lh-nav-links { display: none; }
    .lh-menu-toggle { display: grid; }
    .lh-mobile-menu { position: fixed; inset: 100px 14px auto; z-index: 10035; display: grid; gap: 5px; padding: 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(4,9,21,.94); box-shadow: 0 30px 90px rgba(0,0,0,.38); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity:0; visibility:hidden; transform:translateY(-12px) scale(.98); transition: opacity .25s ease, visibility .25s ease, transform .3s var(--lh-spring); }
    .lh-mobile-menu.is-open { opacity:1; visibility:visible; transform:none; }
    .lh-mobile-menu a { min-height: 48px; padding: 0 14px; border-radius: 13px; color: #b8c3d8; font-size: 13px; font-weight: 800; text-decoration:none; line-height:48px; }
    .lh-mobile-menu a:hover { color:#fff; background:rgba(255,255,255,.05); }
    .lh-hero-grid { grid-template-columns: 1fr; gap: 20px; }
    .lh-hero-copy { max-width: 800px; padding-bottom: 0; }
    .lh-command-wrap { width: min(100%, 760px); min-height: 590px; margin: 0 auto; }
    .lh-hero-media::before { background: linear-gradient(180deg, rgba(3,6,17,.8), rgba(3,6,17,.45) 35%, rgba(3,6,17,.92)); }
    .lh-bento-students,
    .lh-bento-finance { grid-column: span 7; }
    .lh-bento-qr { grid-column: span 5; }
    .lh-product-story { grid-template-columns: 1fr; gap: 46px; }
    .lh-story-stage { position: relative; top: auto; }
    .lh-story-steps { grid-template-columns: repeat(2,1fr); padding-bottom:0; }
    .lh-story-step { min-height: 250px; }
    .lh-security-grid { grid-template-columns: 1fr; }
    .lh-security-copy { max-width: 790px; }
  }

  @media (max-width: 900px) {
    .lh-section { padding: 92px 0; }
    .lh-metrics { grid-template-columns: repeat(2,1fr); }
    .lh-metric:nth-child(2)::after { display:none; }
    .lh-metric:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.075); }
    .lh-bento { grid-template-columns: repeat(2, minmax(0,1fr)); grid-auto-rows:auto; }
    .lh-bento-card { grid-column: span 1 !important; grid-row: span 1 !important; min-height: 390px; }
    .lh-student-table,
    .lh-finance-chart { width: calc(100% - 48px); }
    .lh-simulation { grid-template-columns:1fr; padding:42px; }
    .lh-plan-grid { grid-template-columns:1fr; max-width:680px; margin-inline:auto; }
    .lh-plan-card { min-height:auto; }
    .lh-workflow { grid-template-columns:repeat(2,1fr); gap:46px 20px; }
    .lh-workflow-line { display:none; }
    .lh-final-cta { grid-template-columns:1fr; text-align:center; }
    .lh-final-cta .lh-btn { width:100%; }
  }

  @media (max-width: 680px) {
    :root { --lh-nav-height: 62px; }
    html { scroll-padding-top: 84px; }
    .lh-container { width:min(calc(100% - 28px), var(--lh-container)); }
    .lh-section { padding:76px 0; }
    .lh-section-head { margin-bottom:38px; text-align:left; }
    .lh-section-head p { margin-left:0; }
    .lh-nav-shell { inset:10px 0 auto; }
    .lh-nav { width:calc(100% - 20px); min-height:62px; justify-content:flex-end; padding:7px 8px; border-radius:19px; }
    .lh-nav > .lh-brand { display:none; }
    .lh-nav-login,
    .lh-nav-cta { display:none; }
    .lh-mobile-menu { top:82px; }
    .lh-hero { min-height:auto; padding:102px 0 70px; }
    .lh-hero-copy { padding-top:12px; }
    .lh-hero-badge { width:100%; min-height:42px; padding:8px 13px; border-radius:16px; line-height:1.45; }
    .lh-hero h1 { margin:22px 0 17px; font-size:clamp(38px,11.5vw,54px); line-height:1.02; letter-spacing:-.055em; }
    .lh-hero-lead { font-size:15px; line-height:1.68; }
    .lh-hero-actions { display:grid; grid-template-columns:1fr; margin-top:27px; }
    .lh-btn { width:100%; min-height:56px; }
    .lh-hero-trust { display:grid; grid-template-columns:1fr; gap:10px; margin-top:20px; }
    .lh-hero-proof { display:flex; max-width:none; margin:20px -14px 0; padding:0 14px 4px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .lh-hero-proof::-webkit-scrollbar { display:none; }
    .lh-hero-proof > span { flex:0 0 78%; min-height:76px; scroll-snap-align:start; }
    .lh-hero-rotate { align-items:flex-start; flex-direction:column; gap:5px; margin-top:18px; }
    .lh-command-wrap { min-height:450px; margin-top:18px; }
    .lh-command-panel { inset:35px 0 36px; border-radius:22px; transform:none !important; }
    .lh-command-body { grid-template-columns:1fr; }
    .lh-command-sidebar { display:none; }
    .lh-command-main { padding:14px; }
    .lh-command-stats { gap:7px; }
    .lh-command-stat { min-height:79px; padding:10px; }
    .lh-command-stat strong { font-size:17px; }
    .lh-command-lower { grid-template-columns:1fr; }
    .lh-activity-card { display:none; }
    .lh-chart-card { min-height:150px; }
    .lh-float-stat { min-width:132px; padding:11px; }
    .lh-float-stat i { width:27px; height:27px; margin-bottom:7px; }
    .lh-float-stat strong { font-size:15px; }
    .lh-float-a { top:0; right:-5px; }
    .lh-float-b { left:-4px; bottom:8px; }
    .lh-float-c { display:none; }
    .lh-scroll-cue { display:none; }
    .lh-metrics-wrap { margin-top:-35px; }
    .lh-metric { padding:21px 10px; }
    .lh-metric b { font-size:24px; }
    .lh-bento { grid-template-columns:1fr; }
    .lh-bento-card { min-height:410px; padding:24px; }
    .lh-bento-staff,
    .lh-bento-portal { min-height:430px; }
    .lh-student-table,
    .lh-finance-chart { left:24px; right:24px; width:auto; }
    .lh-student-table { bottom:22px; }
    .lh-qr-visual { right:24px; bottom:24px; width:150px; height:150px; }
    .lh-seat-map { right:24px; grid-template-columns:repeat(4,34px); gap:8px; }
    .lh-seat { width:34px; height:34px; }
    .lh-role-list,
    .lh-notification-stack { left:24px; right:24px; width:auto; }
    .lh-story-steps { grid-template-columns:1fr; gap:12px; }
    .lh-story-step { min-height:auto; padding:24px; opacity:1; border-color:rgba(124,108,255,.12); background:rgba(255,255,255,.018); }
    .lh-story-step.is-active { transform:none; }
    .lh-simulation { padding:28px 20px; border-radius:27px; }
    .lh-sim-body { grid-template-columns:1fr; }
    .lh-sim-scanner { min-height:250px; }
    .lh-sim-scanline { animation-name:lhSimScanMobile; }
    .lh-sim-stats { grid-template-columns:1fr 1fr 1fr; }
    .lh-workflow { grid-template-columns:1fr; }
    .lh-step { display:grid; grid-template-columns:72px 1fr; column-gap:18px; text-align:left; padding:0; }
    .lh-step-number { grid-row:1/4; width:72px; height:72px; margin:0; border-radius:22px; }
    .lh-step b { margin-top:3px; }
    .lh-step h3 { margin-bottom:7px; }
    .lh-security-core { min-height:400px; transform:scale(.82); margin:-35px 0; }
    .lh-billing-toggle { justify-content:flex-start; overflow:auto; margin-top:-15px; }
    .lh-toggle-shell { min-width:max-content; }
    .lh-final-cta { padding:36px 24px; border-radius:27px; }
    .lh-footer-grid { grid-template-columns:1fr; gap:28px; }
    .lh-footer-bottom { flex-direction:column; }
    .lh-modal-close { top:8px; right:8px; }
    .lh-intro::after { width:120vw; }
  }

  @keyframes lhSimScanMobile { 0%,100% { transform:translateY(0); } 50% { transform:translateY(200px); } }

  @media (hover:none), (pointer:coarse) {
    .lh-bento-card:hover,
    .lh-plan-card:hover,
    .lh-btn:hover { transform:none; }
    .lh-command-panel { transform:none !important; }
    .lh-cursor,
    .lh-cursor-ring { display:none !important; }
  }

  /* Runtime performance controls: JS pauses decorative work outside the viewport. */
  .lh-section.lh-perf-paused *,
  .lh-section.lh-perf-paused *::before,
  .lh-section.lh-perf-paused *::after,
  .lh-page-hidden .lh-page *,
  .lh-page-hidden .lh-page *::before,
  .lh-page-hidden .lh-page *::after { animation-play-state: paused !important; }

  .lh-lite-motion .lh-page::before,
  .lh-lite-motion .lh-hero-network,
  .lh-lite-motion .lh-orbit,
  .lh-lite-motion .lh-cursor,
  .lh-lite-motion .lh-cursor-ring { display: none !important; }

  .lh-lite-motion .lh-command-panel,
  .lh-lite-motion .lh-bento-card,
  .lh-lite-motion .lh-plan-card { transform: none !important; }

  /* Performance-lite still keeps readable reveal, typing and counter motion.
     Only pointer-heavy and 3D effects are removed on constrained devices. */
  .lh-performance-lite .lh-cursor,
  .lh-performance-lite .lh-cursor-ring { display:none !important; }
  .lh-performance-lite .lh-command-panel { transform:none !important; }

  .lh-lite-motion .lh-command-panel::before,
  .lh-lite-motion .lh-btn-primary::after,
  .lh-lite-motion .lh-float-stat,
  .lh-lite-motion .lh-note-row,
  .lh-lite-motion .lh-story-screen::after { animation: none !important; }

  .lh-modal-open { overflow: hidden !important; }

  .lh-page :focus-visible {
    outline: 3px solid rgba(53,217,255,.72);
    outline-offset: 4px;
  }

  @media (max-width: 900px) {
    .lh-page::before { display: none; }
    .lh-nav,
    .lh-mobile-menu,
    .lh-hero-badge,
    .lh-btn,
    .lh-command-panel,
    .lh-float-stat,
    .lh-metrics,
    .lh-sim-console,
    .lh-story-play { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  }

  @media (max-width: 680px) {
    .lh-hero-video { display: none !important; }
    .lh-hero-poster { opacity: 1 !important; animation: none !important; }
    .lh-hero-network { opacity: .45; }
    .lh-command-panel::before,
    .lh-btn-primary::after,
    .lh-float-stat { animation: none !important; }
  }

  @media (prefers-reduced-motion:reduce) {
    html:not(.lh-force-motion) { scroll-behavior:auto; }
    html:not(.lh-force-motion) .lh-page *,
    html:not(.lh-force-motion) .lh-page *::before,
    html:not(.lh-force-motion) .lh-page *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
    html:not(.lh-force-motion) .lh-intro { display:none !important; }
    html:not(.lh-force-motion).lh-js .lh-reveal,
    html:not(.lh-force-motion).lh-js .lh-hero-copy > *,
    html:not(.lh-force-motion).lh-js .lh-command-wrap { opacity:1 !important; transform:none !important; }
  }

  /* Configurable product demo and support entry */
  .lh-demo-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:24px; align-items:stretch; }
  .lh-demo-player,.lh-demo-guide { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:28px; background:linear-gradient(145deg,rgba(14,27,54,.94),rgba(5,12,27,.9)); box-shadow:0 28px 80px rgba(0,0,0,.25); }
  .lh-demo-player { min-height:420px; padding:14px; }
  .lh-demo-frame { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; min-height:390px; border-radius:20px; background:#02050c; }
  .lh-demo-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
  .lh-demo-placeholder { display:grid; place-items:center; align-content:center; gap:16px; min-height:390px; padding:35px; text-align:center; background:radial-gradient(circle at 50% 30%,rgba(124,108,255,.2),transparent 38%),linear-gradient(145deg,#09152b,#040916); }
  .lh-demo-play { display:grid; place-items:center; width:82px; height:82px; border:1px solid rgba(255,255,255,.13); border-radius:26px; color:#fff; background:linear-gradient(145deg,#6258f0,#8b5cf6 62%,#28cbe9); box-shadow:0 20px 45px rgba(98,88,240,.3); font-size:28px; }
  .lh-demo-placeholder h3 { margin:4px 0 0; font-size:clamp(24px,3vw,34px); }
  .lh-demo-placeholder p { max-width:560px; margin:0; color:#8f9db5; font-size:13px; line-height:1.7; }
  .lh-demo-guide { display:flex; flex-direction:column; justify-content:space-between; padding:30px; }
  .lh-demo-guide-icon { display:grid; place-items:center; width:54px; height:54px; border:1px solid rgba(53,217,255,.17); border-radius:17px; color:var(--lh-cyan); background:rgba(53,217,255,.07); font-size:20px; }
  .lh-demo-guide h3 { margin:22px 0 12px; font-size:clamp(25px,3vw,37px); line-height:1.12; }
  .lh-demo-guide p { margin:0; color:#8f9db5; font-size:13px; line-height:1.75; }
  .lh-demo-points { display:grid; gap:11px; margin:23px 0; }
  .lh-demo-points span { display:flex; align-items:center; gap:10px; color:#b8c4d8; font-size:12px; font-weight:750; }
  .lh-demo-points i { color:var(--lh-green); }
  .lh-demo-contact { display:grid; gap:8px; margin-top:14px; padding-top:19px; border-top:1px solid rgba(255,255,255,.08); }
  .lh-demo-contact small { color:#71819b; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
  .lh-demo-email { display:inline-flex; align-items:center; gap:9px; width:max-content; max-width:100%; color:#fff; font-size:13px; font-weight:800; text-decoration:none; overflow-wrap:anywhere; }
  .lh-demo-email i { color:var(--lh-cyan); }
  @media(max-width:920px){.lh-demo-grid{grid-template-columns:1fr}.lh-demo-guide{min-height:380px}}
  @media(max-width:680px){.lh-demo-player{min-height:0;padding:8px;border-radius:21px}.lh-demo-frame,.lh-demo-placeholder{min-height:240px}.lh-demo-guide{min-height:0;padding:23px;border-radius:21px}}


@supports (content-visibility:auto){.lh-section{content-visibility:auto;contain-intrinsic-size:1px 900px}}