/* Public landing — cinematic aviation intelligence, not a chatbot page. */
.lp{
  --lp-bg:#020c11;
  --lp-bg-2:#06141b;
  --lp-bg-3:#081820;
  --lp-text:#eef3f5;
  --lp-muted:#8b989e;
  --lp-accent:#45ff60;
  --lp-line:rgba(238,243,245,.08);
  --lp-max:min(1420px, calc(100% - 3.2rem));
  color:var(--lp-text);
  background:var(--lp-bg);
}
.lp::before{
  background:none !important;
}
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) .page-bg,
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) .page-bg::before,
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) .page-bg::after{
  opacity:0 !important;
  background:none !important;
}
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) .network-canvas{
  opacity:0;
  pointer-events:none;
}
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) #cornerPrefs,
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) .landing-tools{
  display:none !important;
}
.lp-headline,
.lp-headline span{color:var(--lp-text) !important}
body:has(.lp:not([hidden])):not(.chat-open):not(.workspace-open) #utcClock{display:none}
body.landing-nav-hidden .lp .landing-nav,
body.is-idle .lp .landing-nav,
body.is-idle .lp .hero-start-trigger,
body.is-idle .lp .landing-footer{
  opacity:1 !important;
  pointer-events:auto !important;
  filter:none !important;
  transform:none !important;
}

.lp .landing-nav{
  top:0;
  left:0;
  right:0;
  width:100%;
  transform:none;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(2,12,17,.88) 0%, rgba(2,12,17,.28) 70%, transparent 100%);
  backdrop-filter:none;
  box-shadow:none;
}
.lp .nav-inner{
  width:var(--lp-max);
  margin:0 auto;
  min-height:76px;
  padding:0;
  grid-template-columns:1.15fr auto 1fr;
}
.lp .nav-brand{
  position:static;
  left:auto;
  transform:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2rem;
  justify-self:start;
}
.lp .nav-brand-logo{height:22px;width:auto}
.lp-nav-tagline{
  font-size:.58rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(139,152,158,.72);
  font-weight:500;
}
.lp .nav-center{gap:2rem}
.lp .nav-link{
  color:rgba(238,243,245,.48);
  font-size:.82rem;
  font-weight:500;
}
.lp .nav-link.active,
.lp .nav-link:hover{color:var(--lp-text)}
.lp .nav-link.active::after{
  bottom:-.55rem;
  height:1px;
  background:var(--lp-accent);
  box-shadow:none;
}
.lp .nav-auth-login{
  color:rgba(238,243,245,.72);
  font-size:.82rem;
  font-weight:500;
  border:0;
  background:transparent;
  padding:.2rem 0;
}
.lp .register-button,
.lp .landing-nav .register-button{
  color:var(--lp-text);
  font-size:.78rem;
  font-weight:500;
  border:1px solid rgba(69,255,96,.32);
  background:transparent;
  border-radius:999px;
  padding:.36rem .92rem;
  box-shadow:none;
}
.lp .register-button span:not(.material-symbols-rounded){display:inline}
.lp .register-button:hover,
.lp .landing-nav .register-button:hover{
  color:var(--lp-text);
  border-color:rgba(69,255,96,.55);
  background:rgba(69,255,96,.06);
  box-shadow:0 0 18px rgba(69,255,96,.08);
}
.lp .nav-mobile-toggle{color:var(--lp-muted)}

.landing-hero.lp-hero{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:100svh;
  padding:6.6rem 0 0 !important;
  overflow:hidden;
}
.lp-hero-atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.lp-hero-photo{
  position:absolute;
  inset:-4%;
  background:
    url("../assets/workspace/professional/brief-ops-apron.jpg") 62% 38% / cover no-repeat;
  filter:saturate(.78) brightness(1);
  transform:scale(1.05);
  will-change:transform;
}
.lp-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(2,12,17,0.94) 0%,
      rgba(2,12,17,0.78) 30%,
      rgba(2,12,17,0.28) 66%,
      rgba(2,12,17,0.4) 100%
    ),
    linear-gradient(180deg, rgba(2,12,17,.16) 0%, rgba(2,12,17,0) 42%, rgba(2,12,17,.68) 100%);
}
.lp-hero-vignette{
  position:absolute;
  inset:0;
  box-shadow:
    inset 0 0 110px 28px rgba(2,12,17,.48),
    inset 0 -70px 80px rgba(2,12,17,.45);
}
.lp-hero-network{
  position:absolute;
  top:4%;
  right:-2%;
  width:min(62vw, 820px);
  height:78%;
  opacity:.82;
  pointer-events:none;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 22%, #000 48%);
}
.lp-node{pointer-events:auto;cursor:default}
.lp-node circle{fill:var(--lp-accent)}
.lp-node text{
  fill:rgba(238,243,245,.42);
  font-size:11px;
  letter-spacing:.16em;
  font-family:Inter,Segoe UI,sans-serif;
  font-weight:500;
  transition:fill .25s ease;
}
.lp-node:hover text{fill:rgba(238,243,245,.88)}
.lp-pulse{
  fill:rgba(69,255,96,.16);
  transform-origin:center;
  animation:lpPulse 4.8s ease-in-out infinite;
}
.lp-node:nth-child(2) .lp-pulse{animation-delay:.8s}
.lp-node:nth-child(3) .lp-pulse{animation-delay:1.4s}
.lp-node:nth-child(4) .lp-pulse{animation-delay:2s}
.lp-node:nth-child(5) .lp-pulse{animation-delay:2.6s}
.lp-node:nth-child(6) .lp-pulse{animation-delay:3.2s}
.lp-traveler{
  fill:var(--lp-accent);
  offset-rotate:0deg;
  opacity:.7;
}
.lp-traveler.t1{offset-path:path("M214 364 C 292 300, 360 230, 404 188");animation:lpTravel 28s linear infinite}
.lp-traveler.t2{offset-path:path("M214 364 C 280 280, 360 210, 436 176");animation:lpTravel 36s linear infinite;animation-delay:-8s}
.lp-traveler.t3{offset-path:path("M404 188 C 460 200, 520 230, 562 228");animation:lpTravel 22s linear infinite;animation-delay:-4s}
@keyframes lpPulse{
  0%,100%{opacity:.18;transform:scale(.7)}
  50%{opacity:.5;transform:scale(1)}
}
@keyframes lpTravel{
  0%{offset-distance:0%;opacity:0}
  8%{opacity:.75}
  92%{opacity:.75}
  100%{offset-distance:100%;opacity:0}
}

.lp-hero-inner{
  position:relative;
  z-index:1;
  width:var(--lp-max);
  margin:0 auto;
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.lp-hero-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:clamp(2rem, 5vw, 5.5rem);
  align-items:start;
  padding-top:1.6rem;
  flex:1;
}
.lp-hero-copy{max-width:38rem}
.lp-kicker{
  margin:0 0 1.2rem;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--lp-muted);
  line-height:1.6;
}
.lp-headline,
.lp-section-title{
  margin:0;
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.02;
  color:var(--lp-text);
}
.lp-headline{
  display:flex;
  flex-direction:column;
  font-size:clamp(3.1rem, 6.6vw, 5.35rem);
  max-width:9.4ch;
}
.lp-headline em,
.lp-section-title em{
  font-style:normal;
  color:var(--lp-accent);
}
.lp-lead{
  margin:1.2rem 0 0;
  max-width:32rem;
  font-size:1.02rem;
  line-height:1.55;
  color:var(--lp-muted);
  font-weight:400;
}
.lp-section-title{
  font-size:clamp(2.15rem, 4vw, 3.4rem);
}

.lp .lp-compose.hero-start-trigger{
  width:min(620px, 100%);
  margin:2.4rem 0 0;
  align-self:stretch;
  min-height:56px;
  padding:.26rem .26rem .26rem 1.05rem;
  border-radius:999px;
  border:1px solid rgba(238,243,245,.08);
  background:rgba(4,16,22,.62);
  box-shadow:none;
  backdrop-filter:blur(14px);
  transition:border-color .25s ease, background .25s ease;
}
.lp .lp-compose.hero-start-trigger:hover{
  transform:none;
  border-color:rgba(238,243,245,.16);
  background:rgba(4,16,22,.74);
  box-shadow:none;
}
.lp .lp-compose.hero-start-trigger::before{display:none}
.lp-compose-icon{
  color:rgba(238,243,245,.38);
  font-size:1.15rem;
  margin-right:.3rem;
}
.lp .lp-compose .hero-compose-main{flex:1}
.lp .lp-compose .hero-compose-input{
  width:100%;
  background:transparent;
  border:0;
  color:var(--lp-text);
  font-size:.9rem;
}
.lp .lp-compose .hero-compose-input::placeholder{color:rgba(139,152,158,.78)}
.lp .lp-compose .hero-start-icon,
.lp .lp-compose .ai-orb{display:none}
.lp-compose-go{
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:var(--lp-accent);
  color:#041015;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease;
}
.lp-compose-go:hover{box-shadow:0 0 16px rgba(69,255,96,.22)}
.lp-compose-go .material-symbols-rounded{font-size:1.2rem}

.lp-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1rem;
  max-width:38rem;
}
.lp-chip{
  appearance:none;
  border:1px solid rgba(238,243,245,.08);
  background:rgba(4,16,22,.28);
  color:rgba(238,243,245,.55);
  border-radius:999px;
  padding:.32rem .7rem;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.01em;
  cursor:pointer;
  transition:color .22s ease, border-color .22s ease, background .22s ease;
}
.lp-chip:hover{
  color:var(--lp-text);
  border-color:rgba(69,255,96,.22);
  background:rgba(69,255,96,.05);
}

.lp-modes.area-tabs--hero{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.lp-mode-lead{display:none}

.lp-live{
  width:260px;
  justify-self:end;
  margin-top:.35rem;
  padding:1rem 1.05rem 1.05rem;
  border:1px solid rgba(238,243,245,.07);
  border-radius:14px;
  background:rgba(4,14,18,.42);
  backdrop-filter:blur(16px);
}
.lp-live-head{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.62rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(238,243,245,.55);
}
.lp-live-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--lp-accent);
  box-shadow:0 0 0 4px rgba(69,255,96,.1);
  animation:lpPulse 2.8s ease-in-out infinite;
}
.lp-live-head time{
  margin-left:auto;
  letter-spacing:.06em;
  color:rgba(139,152,158,.8);
}
.lp-live-stats{
  margin:.95rem 0 0;
  display:grid;
  gap:.78rem;
}
.lp-live-stats dt{
  margin:0;
  color:rgba(238,243,245,.78);
  font-size:.78rem;
  font-weight:400;
}
.lp-live-stats strong{
  display:block;
  font-size:1.35rem;
  font-weight:560;
  letter-spacing:-.03em;
  color:var(--lp-text);
  line-height:1.1;
}
.lp-live-stats dd{
  margin:.18rem 0 0;
  color:rgba(69,255,96,.78);
  font-size:.68rem;
}
.lp-live-insight{
  appearance:none;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  column-gap:.65rem;
  row-gap:.2rem;
  align-items:center;
  width:100%;
  margin-top:1.05rem;
  padding-top:.9rem;
  border:0;
  border-top:1px solid rgba(238,243,245,.07);
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.lp-live-thumb{
  grid-row:1 / 3;
  width:42px;
  height:42px;
  border-radius:8px;
  background:
    radial-gradient(circle at 62% 38%, rgba(69,255,96,.45), transparent 28%),
    radial-gradient(circle at 38% 62%, rgba(210,180,40,.28), transparent 32%),
    linear-gradient(160deg, #0b1c22, #071318);
}
.lp-live-insight-copy{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  min-width:0;
}
.lp-live-insight-copy small{
  color:var(--lp-muted);
  font-size:.62rem;
  letter-spacing:.04em;
}
.lp-live-insight-copy strong{
  font-size:.78rem;
  font-weight:520;
  color:rgba(238,243,245,.86);
}
.lp-live-more{
  grid-column:2;
  color:rgba(139,152,158,.78);
  font-size:.64rem;
}
.lp-sev{
  align-self:start;
  font-size:.58rem;
  font-weight:650;
  letter-spacing:.08em;
  padding:.12rem .34rem;
  border-radius:4px;
}
.lp-sev-high{color:#f2c14d;background:rgba(242,193,77,.1)}
.lp-sev-med{color:#d8c38a;background:rgba(216,195,138,.1)}
.lp-sev-opt{color:var(--lp-accent);background:rgba(69,255,96,.1)}

.lp-caps{
  width:100%;
  margin:auto 0 0;
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:1.15rem;
  padding:1.35rem 0 1.5rem;
  border-top:1px solid rgba(238,243,245,.07);
}
.lp-cap{
  appearance:none;
  background:transparent;
  border:0;
  color:var(--lp-muted);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.28rem;
  padding:0;
  min-width:0;
  text-align:left;
  cursor:pointer;
  transition:color .22s ease;
}
.lp-cap .material-symbols-rounded{
  font-size:1.2rem;
  color:rgba(238,243,245,.7);
  margin-bottom:.15rem;
}
.lp-cap strong{
  font-size:.82rem;
  font-weight:550;
  color:rgba(238,243,245,.86);
}
.lp-cap em{
  font-style:normal;
  font-size:.68rem;
  line-height:1.35;
  color:rgba(139,152,158,.78);
}
.lp-cap.is-active{position:relative}
.lp-cap.is-active::before{
  content:"";
  position:absolute;
  left:-2px;
  top:4px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--lp-accent);
  box-shadow:0 0 8px rgba(69,255,96,.35);
}
.lp-cap:hover,
.lp-cap:hover strong{color:var(--lp-text)}
.lp-cap:hover .material-symbols-rounded{color:var(--lp-accent)}

.lp-built{
  width:var(--lp-max);
  margin:0 auto;
  padding:6.8rem 0 0;
}
.lp-built-layout{
  display:grid;
  grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr);
  gap:clamp(2rem, 4vw, 4.2rem);
  align-items:center;
}
.lp-built-copy .lp-lead{margin-top:1.25rem}
.lp-outline-btn,
.lp-text-btn{
  appearance:none;
  margin-top:1.7rem;
  padding:.5rem 1rem;
  border:1px solid rgba(238,243,245,.16);
  border-radius:999px;
  background:transparent;
  color:var(--lp-text);
  font-size:.86rem;
  font-weight:500;
  cursor:pointer;
  transition:border-color .22s ease, color .22s ease, background .22s ease;
}
.lp-text-btn{
  border:0;
  padding:0;
}
.lp-outline-btn:hover{
  border-color:rgba(69,255,96,.4);
  background:rgba(69,255,96,.05);
}
.lp-text-btn:hover{color:var(--lp-accent)}

.lp-stories{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.85rem;
}
.lp-story{
  position:relative;
  overflow:hidden;
  min-height:188px;
  border:1px solid rgba(238,243,245,.08);
  border-radius:13px;
  background:#071318;
}
.lp-story::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(180deg, transparent, rgba(2,12,17,.7));
  pointer-events:none;
}
.lp-story img{
  display:block;
  width:100%;
  height:188px;
  object-fit:cover;
  filter:saturate(.82) brightness(.88);
}
.lp-story-radar{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 68% 42%, rgba(69,255,96,.32), transparent 16%),
    radial-gradient(circle at 58% 50%, rgba(210,180,40,.18), transparent 22%),
    radial-gradient(circle at 74% 58%, rgba(69,255,96,.12), transparent 26%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.lp-story-radar--wide{
  background:
    radial-gradient(circle at 42% 48%, rgba(69,255,96,.22), transparent 20%),
    radial-gradient(circle at 62% 38%, rgba(210,180,40,.16), transparent 24%);
}
.lp-story-meta,
.lp-story p{
  position:absolute;
  left:0;
  right:0;
  padding:0 .85rem;
  z-index:1;
}
.lp-story-meta{
  top:.75rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.lp-story-kicker{
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(238,243,245,.7);
}
.lp-story p{
  bottom:.75rem;
  margin:0;
  font-size:.86rem;
  font-weight:520;
  letter-spacing:-.01em;
  color:#f4f7f8;
  text-shadow:0 8px 18px rgba(0,0,0,.45);
}

.lp-footer.landing-footer{
  position:relative;
  width:var(--lp-max);
  margin:6.8rem auto 3rem;
  padding:1.5rem 0 0;
  display:grid;
  grid-template-columns:1.1fr auto auto;
  align-items:center;
  gap:1.5rem 2rem;
  border-top:1px solid var(--lp-line);
  text-align:left;
  color:var(--lp-muted);
}
.lp-footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.28rem;
}
.lp-footer-brand img{height:20px;width:auto}
.lp-footer-brand span{
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lp-footer-links{
  display:flex;
  gap:1.25rem;
  flex-wrap:wrap;
}
.lp-footer-links button,
.lp-footer-links a{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--lp-muted);
  font-size:.78rem;
  cursor:pointer;
  text-decoration:none;
}
.lp-footer-links button:hover,
.lp-footer-links a:hover{color:var(--lp-text)}
.lp-footer-social{display:flex;gap:.7rem;justify-self:end}
.lp-footer-social a{
  color:rgba(238,243,245,.45);
  text-decoration:none;
  font-size:.85rem;
}
.lp-footer-copy{
  grid-column:1 / -1;
  margin:0;
  font-size:.68rem;
  color:rgba(139,152,158,.62);
}

@media (max-width:1100px){
  .lp-hero-main{
    grid-template-columns:1fr;
    gap:2rem;
  }
  .lp-live{
    width:min(100%, 420px);
    justify-self:start;
  }
  .lp-built-layout{grid-template-columns:1fr}
  .lp-caps{grid-template-columns:repeat(4, minmax(0, 1fr))}
}
@media (max-width:760px){
  .lp{--lp-max:calc(100% - 1.5rem)}
  .lp .nav-inner{width:calc(100% - 1.2rem)}
  .lp-hero{padding:5.8rem 0 0 !important}
  .lp-nav-tagline{display:none}
  .lp-hero-network{display:none}
  .lp-headline{font-size:clamp(2.5rem, 12vw, 3.4rem);max-width:10ch}
  .lp .lp-compose.hero-start-trigger{width:100%;margin-top:1.7rem}
  .lp-live{
    width:100%;
    display:flex;
    flex-direction:column;
    padding:.85rem .9rem;
  }
  .lp-live-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.7rem 1rem;
  }
  .lp-live-stats strong{font-size:1.05rem}
  .lp-live-stats dt span,
  .lp-live-stats dd{font-size:.6rem}
  .lp-caps{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.9rem 1rem}
  .lp-stories{grid-template-columns:1fr}
  .lp-footer.landing-footer{grid-template-columns:1fr;justify-items:start}
  .lp-footer-social{justify-self:start}
}

@media (prefers-reduced-motion:reduce){
  .lp-pulse,
  .lp-traveler,
  .lp-live-dot{animation:none}
  .lp-hero-photo{transform:none}
}

body.light-theme .lp{
  color:#eef3f5;
  background:#020c11;
}
body.light-theme .lp .nav-link,
body.light-theme .lp .nav-auth-login{
  color:rgba(238,243,245,.62);
}
body.light-theme .lp .nav-link.active,
body.light-theme .lp .nav-link:hover,
body.light-theme .lp .register-button{
  color:#eef3f5;
}
