/* Sean's LUNARTECH header and hero, imported from sean/sunrise/main/home.html.
   Generated: rules from apollo-template.css and home.html that apply to them, scoped under .lt-import;
   hero classes renamed ltx-* so Origin's same-named classes don't clash. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90a9_Satoshi-Light.otf") format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype'), url("../images/lunartech/6581658c3943568e562d90ad_Satoshi-LightItalic.otf") format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90ae_Satoshi-Regular.otf") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90ab_Satoshi-Italic.otf") format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90ac_Satoshi-BlackItalic.otf") format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90aa_Satoshi-MediumItalic.otf") format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90af_Satoshi-Black.otf") format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90b1_Satoshi-Bold.otf") format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90b2_Satoshi-BoldItalic.otf") format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../images/lunartech/6581658c3943568e562d90b0_Satoshi-Medium.otf") format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@keyframes lt-rotate-gradient {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
@keyframes lt-border-beam-rotation {
        0% { transform: translate(-50%, -50%) rotate(0deg); }
        100% { transform: translate(-50%, -50%) rotate(360deg); }
      }
@keyframes lt-beam-spin { to { transform: rotate(360deg); } }
/* Undo Origin's base styles that would otherwise leak in (body weight 200, p weight 300, h1 tracking and case) */
.lt-import { font-weight: 400; }
.lt-import p { font-weight: inherit; }
.lt-import h1, .lt-import h2, .lt-import h3, .lt-import h4, .lt-import h5, .lt-import h6 { letter-spacing: normal; text-transform: none; }
.lt-import { font-family: sans-serif; }
.lt-import nav, .lt-import section { display: block; }
.lt-import video { vertical-align: baseline; display: inline-block; }
.lt-import a { background-color: rgba(0, 0, 0, 0); }
.lt-import a:active, .lt-import a:hover { outline: 0; }
.lt-import h1 { margin: .67em 0; font-size: 2em; }
.lt-import img { border: 0; }
.lt-import svg:not(:root) { overflow: hidden; }
.lt-import button { color: inherit; font: inherit; margin: 0; }
.lt-import button { overflow: visible; }
.lt-import button { text-transform: none; }
.lt-import button { -webkit-appearance: button; cursor: pointer; }
.lt-import button::-moz-focus-inner { border: 0; padding: 0; }
.lt-import * { box-sizing: border-box; }
.lt-import { color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; }
.lt-import img { max-width: 100%; vertical-align: middle; display: inline-block; }
.lt-import .lt-inline-block { max-width: 100%; display: inline-block; }
.lt-import h1, .lt-import h3, .lt-import h4 { margin-bottom: 10px; font-weight: bold; }
.lt-import h1 { margin-top: 20px; font-size: 38px; line-height: 44px; }
.lt-import h3 { margin-top: 20px; font-size: 24px; line-height: 30px; }
.lt-import h4 { margin-top: 10px; font-size: 18px; line-height: 24px; }
.lt-import p { margin-top: 0; margin-bottom: 10px; }
.lt-import button { cursor: pointer; -webkit-appearance: button; border: 0; }
.lt-import .lt-container { max-width: 940px; margin-left: auto; margin-right: auto; }
.lt-import .lt-container:before, .lt-import .lt-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.lt-import .lt-container:after { clear: both; }
@media screen and (max-width: 991px) {
  .lt-import .lt-container { max-width: 728px; }
}
@media screen and (max-width: 479px) {
  .lt-import .lt-container { max-width: none; }
}
.lt-import .lt-background-video { height: 500px; color: #fff; position: relative; overflow: hidden; }
.lt-import .lt-background-video > video { width: 100%; height: 100%; object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; margin: auto; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; }
.lt-import .lt-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; }
.lt-import { --black: #080f16; --white: #0a0a0a; --grey: #808187; --green: #4bc6b9; --background: #0a0a0a; --light-blue: #0a0a0a; --light-purple: #e5e5e5; --white-2: #0a0a0a; --black-2: black; }
.lt-import .lt-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; }
@media screen and (max-width: 991px) {
  .lt-import .lt-blockcontainer { max-width: 728px; }
}
@media screen and (max-width: 767px) {
  .lt-import .lt-blockcontainer { max-width: none; }
}
.lt-import { color: var(--black); font-family: Satoshi, sans-serif; font-size: 1rem; line-height: 1.5; }
.lt-import h1 { margin-top: 0; margin-bottom: 0; font-size: 38px; font-weight: 400; line-height: 44px; }
.lt-import h3 { margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: 700; line-height: 30px; }
.lt-import h4 { margin-top: 0; margin-bottom: 0; font-size: 18px; font-weight: 700; line-height: 24px; }
.lt-import p { margin-bottom: 0; }
.lt-import a { text-decoration: none; }
.lt-import img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; display: inline-block; }
.lt-import .ltx-container { width: 100%; max-width: 100rem; margin-left: auto; margin-right: auto; }
.lt-import .ltx-padding-global { padding-left: 2.5rem; padding-right: 2.5rem; }
.lt-import .ltx-text-size-small { font-size: .875rem; font-weight: 300; }
.lt-import .ltx-heading-1 { font-size: 5.5rem; line-height: 1.1; }
.lt-import .ltx-text-weight-medium { font-weight: 500; }
.lt-import .ltx-caps { letter-spacing: 1px; text-transform: uppercase; }
.lt-import .ltx-tag-label .ltx-caps.ltx-text-size-small.ltx-text-weight-medium { color: #fff; }
.lt-import .ltx-button-primary .ltx-caps.ltx-text-size-small.ltx-text-weight-medium { color: #fff; }
.lt-import .ltx-opacity-80 { opacity: .8; }
.lt-import .ltx-hero-video-component { z-index: 2; width: 100%; min-height: 100vh; flex-direction: row; justify-content: space-between; align-items: flex-end; padding-bottom: 4.5rem; padding-right: 2rem; display: flex; position: relative; }
.lt-import .ltx-hero { position: relative; }
.lt-import .ltx-background-video { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; }
.lt-import .ltx-hero-video-content { width: 80ch; grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; align-items: flex-start; display: flex; }
.lt-import .ltx-hero-button-wrapper { z-index: 5; position: absolute; right: 0; }
.lt-import .ltx-text-color-white { color: #ffffff !important; }
.lt-import .ltx-tag-label { grid-column-gap: .625rem; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--white); background-color: rgba(0, 0, 0, .15); border: 1px solid rgba(255, 255, 255, .15); border-radius: 6px; flex-direction: row; align-items: center; padding: .625rem 1rem .625rem .75rem; display: flex; }
.lt-import .ltx-elipse { width: 7px; height: 7px; min-height: 7px; min-width: 7px; background-color: var(--green); border-radius: 50%; }
.lt-import .ltx-button-primary { grid-column-gap: 1rem; grid-row-gap: 1rem; -webkit-backdrop-filter: blur(11px); backdrop-filter: blur(11px); color: #ffffff; background-color: rgba(255, 255, 255, .11); border: 1px solid rgba(255, 255, 255, .19); border-radius: 50px; align-items: center; padding: .75rem 2rem .75rem .75rem; display: flex; }
.lt-import .ltx-button-primary-arrow { width: 3rem; height: 3rem; min-height: 3rem; min-width: 3rem; background-color: #ffffff; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.lt-import .ltx-arrow-button { width: 1rem; object-fit: contain; }
.lt-import .ltx-button-content { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; }
@media screen and (max-width: 991px) {
  .lt-import .ltx-padding-global { padding-left: 2rem; padding-right: 2rem; }
  .lt-import .ltx-heading-1 { font-size: 3.8rem; line-height: 1.15; }
  .lt-import .ltx-hero-video-component { grid-row-gap: 2rem; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
  .lt-import .ltx-hero-video-content { width: 100%; }
  .lt-import .ltx-hero-button-wrapper { display: flex; position: static; }
  .lt-import .ltx-heading-wrapper { width: 80vw; }
}
@media screen and (max-width: 767px) {
  .lt-import .ltx-padding-global { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lt-import .ltx-heading-1 { font-size: 3rem; }
  .lt-import .ltx-hero { overflow: hidden; }
  .lt-import .ltx-hero-video-content { width: 80vw; }
}
@media screen and (max-width: 479px) {
  .lt-import .ltx-padding-global { padding-left: 1rem; padding-right: 1rem; }
  .lt-import .ltx-heading-1 { font-size: 2.9rem; }
  .lt-import .ltx-opacity-80.ltx-display-hide-mobile { display: none; }
  .lt-import .ltx-hero-video-component { padding-left: 1.5rem; }
  .lt-import .ltx-background-video { object-fit: cover; top: 0%; bottom: 0%; left: 0%; right: 0%; }
  .lt-import .ltx-hero-video-content { margin-left: -1rem; }
  .lt-import .ltx-tag-label { z-index: 3; }
}
.lt-import .ltx-container, .lt-import .lt-container { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; }
.lt-import .ltx-text-weight-medium { font-weight: 500; }
.lt-import .ltx-caps { color: rgba(255, 255, 255, 0.65); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; }
.lt-import p, .lt-import a, .lt-import div, .lt-import span, .lt-import h1, .lt-import h3, .lt-import h4, .lt-import button { font-family: 'Geist', sans-serif !important; }
.lt-import { font-family: 'Geist', sans-serif !important; }
.lt-import .ltx-tag-label, .lt-import .ltx-caps { white-space: nowrap !important; }
body.preloader-done .lt-import > *:not(.preloader) { visibility: visible !important; }
/* The header's glass: one recipe for the bar, all five menus and the phone menu, on every page, so it never changes from page to page.
   See-through enough to show what passes behind it, dark enough that a bright photo doesn't light it up and small text stays readable.
   Tune it here. No page should override it, and it only blurs because the menus fade the glass rather than their wrapper (see below). */
.lt-import {
  --lt-glass-bar: linear-gradient(180deg, rgba(18, 18, 22, 0.6), rgba(12, 12, 16, 0.54));
  --lt-glass-bar-filter: blur(40px) saturate(120%) brightness(0.72);
  --lt-glass-menu: linear-gradient(180deg, rgba(16, 16, 20, 0.66), rgba(10, 10, 14, 0.6));
  --lt-glass-menu-filter: blur(40px) saturate(120%) brightness(0.7);
}
.lt-import .lt-nav-shell { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; padding: 16px 16px 0; pointer-events: none; font-family: 'Inter', sans-serif; }
@media (min-width: 640px) {
  .lt-import .lt-nav-shell { padding: 24px 24px 0; }
}
.lt-import .lt-nav-pill { max-width: 1400px; margin: 0 auto; border-radius: 9999px; padding: 12px; display: flex; align-items: center; justify-content: space-between; pointer-events: auto; position: relative; isolation: isolate; background: var(--lt-glass-bar); -webkit-backdrop-filter: var(--lt-glass-bar-filter); backdrop-filter: var(--lt-glass-bar-filter); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 30px rgba(0,0,0,0.25), 0 8px 16px rgba(0,0,0,0.15); transition: background .4s, border .4s, box-shadow .4s; -webkit-transform: translateZ(0); transform: translateZ(0); }
.lt-import .lt-logo { display: flex; align-items: center; gap: 10px; padding-left: 14px; text-decoration: none; flex-shrink: 0; transition: opacity .2s; }
.lt-import .lt-logo:hover { opacity: .85; }
.lt-import .lt-center-nav { display: none; align-items: center; gap: 1px; }
@media (min-width: 1100px) {
  .lt-import .lt-center-nav { display: flex; }
}
.lt-import .lt-nav-link { padding: 8px 14px; font-size: 13px; font-weight: 400; color: rgba(255,255,255,.85); text-decoration: none; transition: color .2s; white-space: nowrap; cursor: pointer; background: none; border: none; font-family: inherit; }
.lt-import .lt-nav-link:hover { color: #fff; }
.lt-import .lt-nav-trigger { display: flex; align-items: center; gap: 4px; }
.lt-import .lt-nav-trigger .lt-chevron { transition: transform .55s cubic-bezier(0.34, 1.56, 0.64, 1); width: 12px; height: 12px; }
.lt-import .lt-nav-trigger.active .lt-chevron { transform: rotate(180deg); }
.lt-import .lt-right-actions { display: flex; align-items: center; gap: 12px; padding-right: 4px; flex-shrink: 0; }
/* Log in, for members who already have an account (app.lunartech.ai): a plain word like the menu's, left of "Get Started Free".
   Written into every page by tools/header/login-link.mjs. In the phone menu it is a quiet line under that menu's own button. */
.lt-import .lt-login-link { display: inline-flex; align-items: center; padding: 8px 10px; color: rgba(255,255,255,.7); }
.lt-import .lt-login-link:hover { color: #fff; }
.lt-import .lt-mobile-login { display: block; margin-top: 16px; padding: 6px 0; text-align: center; font-size: .875rem; font-weight: 400; color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; }
.lt-import .lt-mobile-login:hover { color: #fff; }
.lt-import .lt-shimmer-btn { --spread: 90deg; --shimmer-color: rgba(255, 255, 255, 0.6); --radius: 9999px; --speed: 4s; --cut: 1px; --bg: rgba(255, 255, 255, 0.05); position: relative; isolation: isolate; overflow: hidden; border-radius: var(--radius); cursor: pointer; border: none; background: none; padding: 0; display: none; transition: all .3s; box-shadow: 0 8px 40px rgba(100,100,100,.15); }
@media (min-width: 640px) {
  .lt-import .lt-shimmer-btn { display: inline-flex; }
}
.lt-import .lt-shimmer-btn:hover { transform: scale(1.05); box-shadow: 0 0 40px 8px rgba(100,100,100,.25); }
.lt-import .lt-shimmer-btn::before { content: ""; position: absolute; inset: 0; z-index: 0; }
.lt-import .lt-shimmer-btn::after { content: ""; position: absolute; inset: calc(-1 * var(--cut)); border-radius: var(--radius); background: var(--bg); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1; }
.lt-import .lt-shimmer-btn .lt-shimmer-gradient { position: absolute; inset: -200%; width: 400%; height: 400%; animation: none; z-index: 0; }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-gradient { animation: lt-rotate-gradient var(--speed) linear infinite; }
.lt-import .lt-shimmer-btn .lt-shimmer-gradient > div { position: absolute; inset: 0; background: conic-gradient(
          from calc(270deg - (var(--spread) * 0.5)),
          transparent 0, var(--shimmer-color) var(--spread),
          transparent var(--spread)
        ); }
.lt-import .lt-shimmer-btn .lt-shimmer-content { position: relative; z-index: 10; border-radius: var(--radius); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 400; color: #fff; padding: 10px 20px; font-family: 'Inter', sans-serif; }
.lt-import .lt-shimmer-btn .lt-shimmer-content span, .lt-import .lt-shimmer-btn .lt-shimmer-content svg { position: relative; z-index: 10; white-space: nowrap; }
.lt-import .lt-shimmer-btn .lt-shimmer-border-beam { position: absolute; display: block; width: 200%; height: 200%; background: linear-gradient(90deg,
          transparent, rgba(255,255,255,.2), rgba(255,255,255,.2),
          rgba(255,255,255,.2), rgba(255,255,255,.2), transparent); animation: none; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; transition: opacity .3s ease; }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-border-beam { animation: lt-border-beam-rotation 4s infinite linear; opacity: 1; }
.lt-import .lt-shimmer-btn .lt-shimmer-bg { position: absolute; inset: 1px; background: rgba(101, 85, 70, 0.3); border-radius: var(--radius); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1; transition: background .3s ease; }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-bg { background: rgba(100, 140, 110, 0.4); }
.lt-import .lt-shimmer-btn .lt-shimmer-beam-container { position: absolute; inset: 0; border-radius: var(--radius); overflow: hidden; padding: 0.5px; z-index: 0; opacity: 1; pointer-events: none; transition: padding .5s cubic-bezier(.4,0,.2,1); }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-beam-container { padding: 0.75px; }
.lt-import .lt-shimmer-btn .lt-shimmer-beam-container::before { content: ""; position: absolute; inset: -100%; background: conic-gradient(from 0deg,
          transparent 0deg 352deg, rgba(255,255,255,.4) 356deg,
          rgba(255,255,255,.65) 358deg, rgba(255,255,255,.4) 360deg); animation: lt-beam-spin 6s linear infinite; filter: blur(.5px); }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-beam-container::before { background: conic-gradient(from 0deg,
          transparent 0deg 345deg, rgba(120,180,140,.5) 352deg,
          rgba(100,160,120,.7) 356deg, rgba(120,180,140,.5) 360deg); filter: blur(.3px); }
.lt-import .lt-shimmer-btn .lt-shimmer-beam-container::after { content: ""; position: absolute; inset: .5px; border-radius: var(--radius); background: transparent; z-index: 1; transition: inset .5s cubic-bezier(.4,0,.2,1); }
.lt-import .lt-shimmer-btn:hover .lt-shimmer-beam-container::after { inset: .75px; }
.lt-import .lt-mobile-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9999px; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); color: rgba(255,255,255,.95); cursor: pointer; }
.lt-import .lt-mobile-btn:hover { background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.1)); border-color: rgba(255,255,255,.2); }
@media (min-width: 1100px) {
  .lt-import .lt-mobile-btn { display: none; }
}
.lt-import .ltx-hero::before, .lt-import .ltx-hero::after, .lt-import .ltx-background-video::before, .lt-import .ltx-background-video::after { content: none !important; display: none !important; }
.lt-import .ltx-hero .ltx-hero-video-content .ltx-heading-1, .lt-import .ltx-hero .ltx-hero-video-content .ltx-tag-label, .lt-import .ltx-hero .ltx-hero-video-content .ltx-tag-label .ltx-caps { text-shadow:
          0 1px 2px rgba(0, 0, 0, 0.55),
          0 2px 8px rgba(0, 0, 0, 0.45),
          0 0 24px rgba(0, 0, 0, 0.35); }
.lt-import .lt-dropdown-wrapper { position: fixed; z-index: 9998; width: calc(100% - 48px); max-width: 1400px; left: 50%; border-radius: 2.5rem; background: transparent; will-change: transform; }
@media (max-width: 639px) {
  .lt-import .lt-dropdown-wrapper { width: calc(100% - 32px); }
}
/* The wrapper only slides and the glass does the fading. A wrapper that fades, or has will-change: opacity, is a backdrop root: the glass inside it
   can't blur the page, and the page's words read straight through the menu. */
.lt-import .lt-dropdown-wrapper.opacity-0 { visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(-18px); transition:
          transform 0.65s cubic-bezier(0.4, 0, 1, 1),
          visibility 0s linear 0.65s; }
.lt-import .lt-dropdown-wrapper .lt-dropdown-glass { opacity: 0; transition: opacity 0.65s cubic-bezier(0.4, 0, 1, 1); }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-glass { opacity: 1; transition: opacity 1.0s cubic-bezier(0.16, 1, 0.3, 1); }
.lt-import .lt-dropdown-wrapper.opacity-100 { visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); transition:
          transform 1.0s cubic-bezier(0.16, 1, 0.3, 1),
          visibility 0s linear 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100::before { content: ''; position: absolute; top: -20px; left: 0; right: 0; height: 20px; background: transparent; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-container { opacity: 0; transition: opacity 0.6s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-container { opacity: 1; transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.30s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-card { opacity: 0; transform: translateY(22px) scale(0.96); transition: opacity 0.5s ease-in 0s, transform 0.5s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card { opacity: 1; transform: translateY(0) scale(1); transition:
          opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1),
          transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(1) { transition-delay: 0.55s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(2) { transition-delay: 0.68s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(3) { transition-delay: 0.81s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(4) { transition-delay: 0.94s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(5) { transition-delay: 1.07s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(6) { transition-delay: 1.20s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-card-img { opacity: 0; transform: scale(1.12); filter: blur(4px); transition: opacity 0.5s ease-in 0s, transform 0.5s ease-in 0s, filter 0.5s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card-img { opacity: 1; transform: scale(1); filter: blur(0px); transition:
          opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1),
          transform 1.8s cubic-bezier(0.16, 1, 0.3, 1),
          filter 1.4s cubic-bezier(0.16, 1, 0.3, 1); }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(1) .lt-card-img { transition-delay: 0.65s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(2) .lt-card-img { transition-delay: 0.78s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(3) .lt-card-img { transition-delay: 0.91s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(4) .lt-card-img { transition-delay: 1.04s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(5) .lt-card-img { transition-delay: 1.17s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(6) .lt-card-img { transition-delay: 1.30s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-card-label { opacity: 0; transform: translateY(6px); transition: opacity 0.4s ease-in 0s, transform 0.4s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card-label { opacity: 0.9; transform: translateY(0); transition:
          opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
          transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(1) .lt-card-label { transition-delay: 0.80s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(2) .lt-card-label { transition-delay: 0.93s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(3) .lt-card-label { transition-delay: 1.06s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(4) .lt-card-label { transition-delay: 1.19s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(5) .lt-card-label { transition-delay: 1.32s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-card:nth-child(6) .lt-card-label { transition-delay: 1.45s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-title, .lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-desc { opacity: 0; transform: translateY(-10px); transition: opacity 0.5s ease-in 0s, transform 0.5s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-title { opacity: 1; transform: translateY(0); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.40s, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.40s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-desc { opacity: 1; transform: translateY(0); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.58s, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.58s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-right-title, .lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-right-text, .lt-import .lt-dropdown-wrapper.opacity-0 .lt-dropdown-cta, .lt-import .lt-dropdown-wrapper.opacity-0 .lt-featured-img { opacity: 0; transform: translateY(-10px); transition: opacity 0.5s ease-in 0s, transform 0.5s ease-in 0s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-right-title { opacity: 1; transform: translateY(0); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.48s, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.48s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-right-text { opacity: 1; transform: translateY(0); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.65s, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.65s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-dropdown-cta { opacity: 1; transform: translateY(0); transition: opacity 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.80s, transform 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.80s; }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-featured-img { opacity: 1; transform: translateY(0) scale(1); transition:
          opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.85s,
          transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.85s; }
.lt-import .lt-dropdown-wrapper.opacity-0 .lt-featured-img { transform: translateY(-10px) scale(1.06); filter: blur(2px); }
.lt-import .lt-dropdown-wrapper.opacity-100 .lt-featured-img { filter: blur(0px); }
.lt-import .lt-dropdown-glass { background: var(--lt-glass-menu); -webkit-backdrop-filter: var(--lt-glass-menu-filter); backdrop-filter: var(--lt-glass-menu-filter); border-radius: 2.5rem; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 20px 60px rgba(0,0,0,.4),
          0 8px 32px rgba(0,0,0,.3),
          0 0 0 1px rgba(255,255,255,.08),
          inset 0 1px 0 rgba(255,255,255,.12); overflow: hidden; isolation: isolate; }
.lt-import .lt-dropdown-container { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 3rem; width: 100%; }
.lt-import .lt-dropdown-left { display: flex; flex-direction: column; gap: 1.5rem; }
.lt-import .lt-dropdown-title { font-size: 1.75rem; font-weight: 600; color: white; line-height: 1.2; margin-bottom: .5rem; }
.lt-import .lt-dropdown-desc { font-size: .9375rem; color: rgba(255,255,255,.7); line-height: 1.6; max-width: 500px; margin-bottom: 1rem; }
.lt-import .lt-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 1rem; }
.lt-import .lt-cards-grid.lt-grid-2x3 { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
.lt-import .lt-card { position: relative; overflow: hidden; border-radius: 1rem; transition: border-color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1); border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); text-decoration: none; display: block; }
.lt-import .lt-card:hover { border-color: rgba(255,255,255,.15); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.lt-import .lt-card-img { width: 100%; height: 160px; object-fit: cover; display: block; }
.lt-import .lt-card:hover .lt-card-img { transform: scale(1.05); }
.lt-import .lt-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.6) 100%); opacity: 0; transition: opacity .3s; pointer-events: none; }
.lt-import .lt-card:hover .lt-card-overlay { opacity: 1; }
.lt-import .lt-card-label { position: absolute; bottom: .75rem; left: .75rem; right: .75rem; line-height: 1.25; font-size: .75rem; font-weight: 500; color: white; text-transform: uppercase; letter-spacing: .05em; opacity: .9; }
.lt-import .lt-dropdown-right { display: flex; flex-direction: column; gap: 1.5rem; }
.lt-import .lt-dropdown-right-content { flex: 1; }
.lt-import .lt-dropdown-right-title { font-size: 1.5rem; font-weight: 600; color: white; line-height: 1.3; margin-bottom: 1rem; }
.lt-import .lt-dropdown-right-text { font-size: .9375rem; color: rgba(255,255,255,.7); line-height: 1.6; margin-bottom: 1.5rem; }
.lt-import .lt-dropdown-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 9999px; font-size: .875rem; font-weight: 500; color: white; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); transition: all .4s; text-decoration: none; }
.lt-import .lt-dropdown-cta:hover { background: rgba(255,255,255,.2); transform: scale(1.05); box-shadow: 0 4px 20px rgba(255,255,255,.1); }
.lt-import .lt-featured-img { width: 100%; height: 220px; object-fit: cover; border-radius: 1rem; border: 1px solid rgba(255,255,255,.08); transition: transform .3s; display: block; }
.lt-import .lt-featured-img:hover { transform: scale(1.02); }
.lt-import .lt-dropdown-wrapper .lt-card { opacity: 0; transform: translateY(22px) scale(0.96); transition: opacity .55s ease-out, transform .55s ease-out,
          border-color .2s, box-shadow .2s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card { opacity: 1; transform: translateY(0) scale(1); }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(1) { transition-delay: .55s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(2) { transition-delay: .68s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(3) { transition-delay: .81s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(4) { transition-delay: .94s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(5) { transition-delay: 1.07s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(6) { transition-delay: 1.20s; }
.lt-import .lt-dropdown-wrapper .lt-card-img { opacity: 0; transform: scale(1.12); filter: blur(4px); transition: opacity .55s ease-out, transform .55s ease-out, filter .55s ease-out; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card-img { opacity: 1; transform: scale(1); filter: blur(0px); }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(1) .lt-card-img { transition-delay: .65s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(2) .lt-card-img { transition-delay: .78s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(3) .lt-card-img { transition-delay: .91s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(4) .lt-card-img { transition-delay: 1.04s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(5) .lt-card-img { transition-delay: 1.17s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-card:nth-child(6) .lt-card-img { transition-delay: 1.30s; }
.lt-import .lt-dropdown-wrapper .lt-dropdown-title, .lt-import .lt-dropdown-wrapper .lt-dropdown-desc, .lt-import .lt-dropdown-wrapper .lt-dropdown-right-title, .lt-import .lt-dropdown-wrapper .lt-dropdown-right-text, .lt-import .lt-dropdown-wrapper .lt-dropdown-cta, .lt-import .lt-dropdown-wrapper .lt-featured-img { opacity: 0; transform: translateY(-10px); transition: opacity .55s ease-out, transform .55s ease-out; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-dropdown-title { opacity:1; transform:translateY(0); transition-delay:.40s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-dropdown-desc { opacity:1; transform:translateY(0); transition-delay:.58s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-dropdown-right-title { opacity:1; transform:translateY(0); transition-delay:.48s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-dropdown-right-text { opacity:1; transform:translateY(0); transition-delay:.65s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-dropdown-cta { opacity:1; transform:translateY(0); transition-delay:.80s; }
.lt-import .lt-dropdown-wrapper.lt-open .lt-featured-img { opacity:1; transform:translateY(0); transition-delay:.85s; }
@media (max-width: 1100px) {
  .lt-import .lt-dropdown-wrapper { min-width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); }
  .lt-import .lt-dropdown-container { grid-template-columns: 1fr; gap: 2rem; }
  .lt-import .lt-cards-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lt-import .lt-dropdown-wrapper { min-width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); top: 70px !important; }
  .lt-import .lt-dropdown-container { padding: 1.5rem; }
  .lt-import .lt-cards-grid { grid-template-columns: 1fr; }
}
.lt-import .lt-mobile-overlay { position: fixed; inset: 0; z-index: 9990; pointer-events: none; opacity: 0; transition: opacity .3s; }
.lt-import .lt-mobile-overlay.lt-open { pointer-events: auto; opacity: 1; }
.lt-import .lt-mobile-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.lt-import .lt-mobile-panel { position: absolute; top: 80px; left: 16px; right: 16px; background: var(--lt-glass-menu); -webkit-backdrop-filter: var(--lt-glass-menu-filter); backdrop-filter: var(--lt-glass-menu-filter); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 25px 80px rgba(0,0,0,.5); border-radius: 2rem; padding: 24px; transform: translateY(-120%); transition: transform .5s cubic-bezier(.16,1,.3,1); max-height: 70vh; overflow-y: auto; font-family: 'Inter', sans-serif; }
.lt-import .lt-mobile-overlay.lt-open .lt-mobile-panel { transform: translateY(0); }
.lt-import .lt-mobile-nav { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.lt-import .lt-mobile-accordion-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.05); border-radius: 12px; color: #fff; font-weight: 500; font-size: .9375rem; cursor: pointer; transition: background .2s; font-family: inherit; }
.lt-import .lt-mobile-accordion-btn:hover { background: rgba(255,255,255,.08); }.lt-import .lt-mobile-accordion-btn .lt-chevron { transition: transform .3s; color: rgba(255,255,255,.5); }
.lt-import .lt-mobile-accordion-btn.lt-expanded .lt-chevron { transform: rotate(180deg); }
.lt-import .lt-mobile-accordion-content { display: none; padding: 4px 0 4px 8px; }
.lt-import .lt-mobile-accordion-content.lt-visible { display: block; }
.lt-import .lt-mobile-link { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; text-decoration: none; transition: background .2s; }
.lt-import .lt-mobile-link:hover { background: rgba(255,255,255,.05); }
.lt-import .lt-mobile-link-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lt-import .lt-mobile-link-text { font-size: .875rem; font-weight: 500; color: rgba(255,255,255,.5); transition: color .2s; }
.lt-import .lt-mobile-link:hover .lt-mobile-link-text { color: #fff; }
.lt-import .lt-ic-purple { background: rgba(139,92,246,.15); color: #a78bfa; }
.lt-import .lt-ic-blue { background: rgba(59,130,246,.15); color: #60a5fa; }
.lt-import .lt-ic-green { background: rgba(34,197,94,.15); color: #4ade80; }
.lt-import .lt-ic-amber { background: rgba(245,158,11,.15); color: #fbbf24; }
.lt-import .lt-ic-pink { background: rgba(236,72,153,.15); color: #f472b6; }
.lt-import .lt-ic-rose { background: rgba(244,63,94,.15); color: #fb7185; }
.lt-import .lt-ic-sky { background: rgba(56,189,248,.15); color: #38bdf8; }
.lt-import .lt-mobile-cta { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 24px; border-radius: 9999px; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.9); font-size: 1rem; font-weight: 500; cursor: pointer; transition: all .3s; text-decoration: none; font-family: inherit; }
.lt-import .lt-mobile-cta:hover { color: #fff; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.1)); }
.lt-import .ltx-tag-label { cursor: default !important; user-select: none !important; -webkit-user-select: none !important; }
.lt-import { --lt-fellows-black: #080f16; --lt-fellows-white: #fbfbfb; --lt-fellows-muted: #63676f; --lt-fellows-section-bg: transparent; --lt-fellows-card-bg: #1d1d1d; --lt-ease-prestige: cubic-bezier(0.16, 1, 0.3, 1); }