
:root{
  --lx-bg:#07070a;
  --lx-panel:#101017;
  --lx-panel-2:#15141d;
  --lx-ink:#f3eee5;
  --lx-muted:#b9b0a3;
  --lx-line:rgba(243,238,229,.12);
  --lx-gold:#d1a85a;
  --lx-blue:#5c8de9;
  --lx-blue-soft:rgba(92,141,233,.18);
  --lx-red:#c84537;
  --lx-paper:#efe7d8;
  --lx-charcoal:#0e0f16;
  --lx-serif:"Cormorant Garamond", Georgia, serif;
  --lx-sans:"Inter", system-ui, sans-serif;
  --lx-mono:"IBM Plex Sans Condensed", "IBM Plex Mono", monospace;
}
body.laxnessBody{background:var(--lx-bg); color:var(--lx-ink);}
.laxPage{background:
  radial-gradient(circle at 12% 5%, rgba(92,141,233,.14), transparent 26rem),
  radial-gradient(circle at 88% 14%, rgba(200,69,55,.12), transparent 24rem),
  linear-gradient(180deg, rgba(255,255,255,.03), transparent 28%),
  var(--lx-bg);
}
.laxWrap{width:min(1180px, calc(100% - 2rem)); margin:0 auto;}
.laxEyebrow{display:inline-flex; align-items:center; gap:.8rem; margin:0 0 1rem; color:var(--lx-gold); letter-spacing:.21em; font-size:.74rem; text-transform:uppercase; font-family:var(--lx-sans);}
.laxEyebrow::before{content:""; width:2.5rem; height:1px; background:currentColor; opacity:.7;}
.laxHero{position:relative; overflow:hidden; border-bottom:1px solid var(--lx-line);}
.laxHero::before,.laxHero::after{content:""; position:absolute; inset:0; pointer-events:none;}
.laxHero::before{background:
 linear-gradient(90deg, transparent 0 36%, rgba(255,255,255,.07) 36% 39%, transparent 39% 100%),
 linear-gradient(180deg, transparent 0 46%, rgba(255,255,255,.07) 46% 49%, transparent 49% 100%),
 linear-gradient(90deg, transparent 0 37%, rgba(200,69,55,.55) 37% 38%, transparent 38% 100%),
 linear-gradient(180deg, transparent 0 47%, rgba(200,69,55,.55) 47% 48%, transparent 48% 100%);
 opacity:.16; mix-blend-mode:screen; transform:scale(1.15) rotate(-2deg);
}
.laxHero::after{background:
  linear-gradient(var(--lx-line) 1px, transparent 1px) 0 0/100% 4.2rem,
  linear-gradient(90deg, rgba(243,238,229,.065) 1px, transparent 1px) 0 0/4.2rem 100%;
  opacity:.12;
}
.laxHeroGrid{display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(300px, .9fr); gap:clamp(1.5rem,4vw,3rem); align-items:center; min-height:calc(100vh - 88px); padding:clamp(3rem,7vw,6.5rem) 0;}
.laxHero h1{font-family:var(--lx-serif); font-size:clamp(3.2rem,9vw,7.2rem); line-height:.88; letter-spacing:-.05em; margin:0 0 .85rem; font-weight:600;}
.laxHero h1 span{display:block; color:var(--lx-paper);} 
.laxKicker{margin:0 0 .9rem; color:#f2d6b4; font-size:1.05rem; letter-spacing:.02em;}
.laxSub{margin:0 0 1rem; color:var(--lx-muted); text-transform:uppercase; letter-spacing:.14em; font-size:.76rem;}
.laxLead{max-width:44rem; color:#d7cfc1; font-size:clamp(1.03rem,2vw,1.18rem); line-height:1.7; margin:0 0 1rem;}
.laxHeroActions{display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.45rem;}
.laxButton{display:inline-flex; align-items:center; justify-content:center; min-height:2.85rem; padding:.84rem 1.15rem; border-radius:999px; border:1px solid rgba(209,168,90,.32); background:rgba(255,255,255,.02); color:var(--lx-ink); text-decoration:none; letter-spacing:.12em; text-transform:uppercase; font-size:.72rem; transition:.3s ease;}
.laxButton:hover{transform:translateY(-2px); border-color:rgba(92,141,233,.45); box-shadow:0 0 0 1px rgba(92,141,233,.12) inset, 0 12px 22px -16px rgba(0,0,0,.85);}
.laxButton--ghost{border-color:var(--lx-line); color:var(--lx-muted);}
.laxHeroPanel{position:relative; padding:1rem; border:1px solid var(--lx-line); border-radius:1.2rem; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), rgba(12,12,18,.9); backdrop-filter:blur(10px); box-shadow:0 35px 75px -45px rgba(0,0,0,.8);}
.laxHeroPanel::before{content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(circle at 70% 18%, rgba(92,141,233,.16), transparent 33rem), radial-gradient(circle at 16% 72%, rgba(209,168,90,.1), transparent 24rem); pointer-events:none;}
.laxSignalHead,.laxSignalMeta,.laxSignalStatus,.laxSignalRoutes,.laxSignalTitles{position:relative; z-index:1;}
.laxSignalHead{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; color:var(--lx-muted); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-family:var(--lx-sans);} 
.laxSignalLed{display:inline-flex; align-items:center; gap:.5rem;}
.laxSignalLed::before{content:""; width:.55rem; height:.55rem; border-radius:999px; background:linear-gradient(135deg, #7cc5ff, #4f75e0); box-shadow:0 0 .8rem rgba(92,141,233,.7);} 
.laxSignalMeta{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:.7rem; margin-bottom:1rem;}
.laxMetaCell{padding:.9rem .85rem; border:1px solid var(--lx-line); border-radius:.95rem; background:rgba(255,255,255,.02);} 
.laxMetaCell strong{display:block; color:var(--lx-paper); font-size:1rem; margin-top:.2rem; font-family:var(--lx-serif);} 
.laxMetaCell span{display:block; color:var(--lx-muted); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;}
.laxSignalRoutes{position:relative; padding:1rem 0 1.1rem; margin:0 0 1rem;}
.laxSignalRoutes::before{content:""; position:absolute; left:9%; right:9%; top:50%; height:1px; background:linear-gradient(90deg, rgba(92,141,233,.1), rgba(209,168,90,.75), rgba(200,69,55,.1));}
.laxRouteLine{display:flex; justify-content:space-between; gap:.4rem; position:relative; z-index:1;}
.laxRoutePoint{display:flex; flex-direction:column; align-items:center; gap:.42rem; color:var(--lx-muted); font-size:.64rem; letter-spacing:.18em; text-transform:uppercase;}
.laxRoutePoint strong{color:var(--lx-ink); font-size:1rem; font-family:var(--lx-serif); text-transform:none; letter-spacing:.02em;}
.laxRouteFlag{display:inline-flex; width:1rem; height:1rem; align-items:center; justify-content:center; filter:drop-shadow(0 0 .35rem rgba(209,168,90,.26));}
.laxRouteFlag img{width:100%; height:auto; display:block;}
.laxSignalStatus{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-bottom:1rem;}
.laxStatusCard{border:1px solid var(--lx-line); border-radius:1rem; padding:1rem; background:rgba(255,255,255,.018);} 
.laxStatusCard small{display:block; color:var(--lx-muted); text-transform:uppercase; letter-spacing:.16em; margin-bottom:.45rem; font-size:.65rem;}
.laxStatusCard strong{display:block; font-family:var(--lx-serif); font-size:1.55rem; line-height:1.02; margin-bottom:.45rem;}
.laxStatusCard p{margin:0; color:#cec4b5; line-height:1.55; font-size:.95rem;}
.laxSignalTitles{border:1px solid var(--lx-line); border-radius:1rem; overflow:hidden; background:rgba(255,255,255,.02);} 
.laxTitleRow{display:grid; grid-template-columns:4rem 1fr; align-items:start; gap:.75rem; padding:.9rem 1rem; border-top:1px solid rgba(243,238,229,.07);} 
.laxTitleRow:first-child{border-top:none;}
.laxLangTag{color:var(--lx-gold); letter-spacing:.18em; text-transform:uppercase; font-size:.65rem;}
.laxTitleRow strong{display:block; font-size:1rem; line-height:1.4;}
.laxTitleRow span{display:block; color:var(--lx-muted); font-size:.82rem; margin-top:.14rem;}
.laxSection{padding:clamp(3rem,7vw,5.4rem) 0; border-bottom:1px solid var(--lx-line); position:relative; overflow:hidden;}
.laxSection--paper{background:linear-gradient(180deg, rgba(239,231,216,.97), rgba(228,221,207,.95)); color:#16181f;}
.laxSection--paper .laxSectionLead,.laxSection--paper p,.laxSection--paper li{color:#242833;}
.laxSectionHead{display:grid; grid-template-columns:minmax(0,1fr) minmax(240px, 420px); gap:clamp(1rem,4vw,3rem); align-items:end; margin-bottom:2rem;}
.laxSectionHead--solo{grid-template-columns:1fr;}
.laxSectionHead h2{font-family:var(--lx-serif); font-size:clamp(2.2rem,6vw,4.6rem); line-height:.92; letter-spacing:-.045em; margin:0; font-weight:600;}
.laxSectionLead{margin:0; color:#cfc6b7; font-size:1rem; line-height:1.7;}
.laxSection--paper .laxEyebrow{color:#8b5d1d;}
.laxPrincipleGrid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;}
.laxPrinciple{padding:1.15rem; border-radius:1rem; background:rgba(255,255,255,.03); border:1px solid var(--lx-line); min-height:100%;}
.laxSection--paper .laxPrinciple{background:rgba(255,255,255,.74); border-color:rgba(22,24,31,.08);} 
.laxPrinciple h3{font-family:var(--lx-serif); font-size:1.45rem; margin:.2rem 0 .55rem;}
.laxPrinciple p{margin:0; line-height:1.65; color:#d0c7b8;}
.laxSection--paper .laxPrinciple p{color:#2d3240;}
.laxDemo{display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.9fr); gap:1.2rem; align-items:start;}
.laxDemoScreen{border:1px solid var(--lx-line); border-radius:1.1rem; overflow:hidden; background:#06070b; box-shadow:0 24px 44px -30px rgba(0,0,0,.8);} 
.laxDemoHead{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.82rem 1rem; border-bottom:1px solid var(--lx-line); color:var(--lx-muted); text-transform:uppercase; letter-spacing:.14em; font-size:.64rem;}
.laxDemoHead span:first-child::before{content:""; width:.52rem; height:.52rem; border-radius:999px; background:var(--lx-blue); display:inline-block; margin-right:.45rem; box-shadow:0 0 .7rem rgba(92,141,233,.55);} 
.laxDemoStage{padding:1.2rem 1rem 1rem; min-height:12rem; display:flex; flex-direction:column; justify-content:flex-end; background:radial-gradient(circle at 50% 140%, rgba(92,141,233,.12), transparent 52%), linear-gradient(180deg, rgba(255,255,255,.02), transparent);}
.laxDemoCue{color:var(--lx-muted); letter-spacing:.15em; text-transform:uppercase; font-size:.67rem; margin-bottom:.9rem;}
.laxDemoIS{font-family:var(--lx-serif); font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.08; margin:0; color:var(--lx-paper);} 
.laxDemoTracks{padding:0 1rem 1rem; display:grid; gap:.7rem;}
.laxTrack{border:1px solid rgba(243,238,229,.08); border-radius:.95rem; padding:.8rem .9rem; background:rgba(255,255,255,.02);} 
.laxTrackLabel{display:block; color:var(--lx-gold); font-size:.64rem; text-transform:uppercase; letter-spacing:.17em; margin-bottom:.35rem;}
.laxTrack p{margin:0; color:#ddd3c4; font-size:1rem; line-height:1.45;}
.laxDemoFoot{display:flex; align-items:center; gap:1rem; padding:0 1rem 1rem;}
.laxDemoBtn{min-height:2.45rem; padding:.65rem 1rem; border-radius:999px; border:1px solid rgba(209,168,90,.34); background:transparent; color:var(--lx-ink); letter-spacing:.14em; text-transform:uppercase; font-size:.67rem; cursor:pointer;}
.laxDemoProgress{flex:1; height:.45rem; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden;}
.laxDemoProgress span{display:block; width:0; height:100%; background:linear-gradient(90deg, var(--lx-blue), var(--lx-gold));}
.laxDemoAside{display:grid; gap:.9rem;}
.laxAsideCard{padding:1rem; border:1px solid var(--lx-line); border-radius:1rem; background:rgba(255,255,255,.02);} 
.laxAsideCard strong{display:block; font-family:var(--lx-serif); font-size:1.4rem; margin-bottom:.45rem;}
.laxAsideCard p{margin:0; color:#d3c8b8; line-height:1.65;}
.laxMapWrap{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0,.9fr); gap:1.2rem; align-items:center;}
.laxRouteBoard{position:relative; padding:1.3rem; border:1px solid var(--lx-line); border-radius:1.2rem; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)), rgba(15,15,21,.92);} 
.laxRouteBoard svg{display:block; width:100%; height:auto;}
.laxMapText{display:grid; gap:1rem;}
.laxTrackCard{padding:1rem; border:1px solid var(--lx-line); border-radius:1rem; background:rgba(255,255,255,.02);} 
.laxTrackCard small{display:block; color:var(--lx-gold); text-transform:uppercase; letter-spacing:.16em; margin-bottom:.45rem; font-size:.64rem;}
.laxTrackCard h3{font-family:var(--lx-serif); font-size:1.55rem; margin:.1rem 0 .45rem;}
.laxTrackCard p{margin:0; color:#d4cabc; line-height:1.65;}
.laxFlagsGrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; align-items:stretch;}
.laxFlagCard{position:relative; padding:1.2rem; border:1px solid var(--lx-line); border-radius:1.2rem; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); overflow:hidden;}
.laxFlagCard::before{content:""; position:absolute; inset:0; opacity:.18; pointer-events:none;}
.laxFlagCard--is::before{background:linear-gradient(90deg, transparent 0 34%, rgba(255,255,255,.86) 34% 38%, transparent 38% 100%), linear-gradient(180deg, transparent 0 42%, rgba(255,255,255,.86) 42% 46%, transparent 46% 100%), linear-gradient(90deg, transparent 0 35%, rgba(200,69,55,.95) 35% 37%, transparent 37% 100%), linear-gradient(180deg, transparent 0 43%, rgba(200,69,55,.95) 43% 45%, transparent 45% 100%), linear-gradient(180deg, rgba(92,141,233,.8), rgba(92,141,233,.6));}
.laxFlagCard--dk::before{background:linear-gradient(90deg, transparent 0 30%, rgba(255,255,255,.92) 30% 34%, transparent 34% 100%), linear-gradient(180deg, transparent 0 42%, rgba(255,255,255,.92) 42% 46%, transparent 46% 100%), linear-gradient(180deg, rgba(168,41,34,.9), rgba(168,41,34,.72));}
.laxFlagCard h3{position:relative; font-family:var(--lx-serif); font-size:1.8rem; margin:0 0 .65rem;}
.laxFlagCard p{position:relative; margin:0; color:#e0d7c8; line-height:1.7; max-width:28rem;}
.laxLabShell{display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.7fr); gap:1rem; align-items:start;}
.laxLabPlates{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;}
.laxPlate{padding:1rem; border:1px solid var(--lx-line); border-radius:1rem; background:rgba(255,255,255,.02);} 
.laxPlate header{display:flex; justify-content:space-between; gap:.9rem; align-items:flex-start; margin-bottom:.75rem;}
.laxPlate span{color:var(--lx-gold); font-size:.66rem; text-transform:uppercase; letter-spacing:.18em;}
.laxPlate strong{font-family:var(--lx-serif); font-size:1.12rem;}
.laxPlate p{margin:0; color:#d4cabc; line-height:1.6;}
.laxLabBench{display:grid; gap:.8rem;}
.laxBenchRow{padding:1rem; border:1px solid var(--lx-line); border-radius:1rem; background:rgba(255,255,255,.02);} 
.laxBenchRow strong{display:block; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; color:var(--lx-gold); margin-bottom:.4rem;}
.laxBenchRow span{display:block; color:#ddd2c2; line-height:1.6;}
.laxPoster{border:1px solid var(--lx-line); border-radius:1.2rem; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014)), #0d0e15; box-shadow:0 30px 60px -36px rgba(0,0,0,.85);} 
.laxPosterInner{padding:1.35rem; display:grid; gap:1rem;}
.laxPosterTop{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:end;}
.laxPosterQuote{font-family:var(--lx-serif); font-size:clamp(1.4rem,4vw,2.35rem); line-height:1.06; max-width:36rem;}
.laxPosterCredit{text-align:right; color:var(--lx-muted); font-size:.9rem;}
.laxPosterTitle{padding:1.2rem 0 1rem; border-top:1px solid var(--lx-line); border-bottom:1px solid var(--lx-line);} 
.laxPosterTitle .overline{color:var(--lx-gold); text-transform:uppercase; letter-spacing:.18em; font-size:.67rem; margin-bottom:.55rem;}
.laxPosterTitle h3{font-family:var(--lx-serif); font-size:clamp(2.2rem,6vw,4.2rem); line-height:.9; margin:0 0 .45rem;}
.laxPosterTitle p{margin:0; color:#d8cebf; font-size:1rem;}
.laxPosterBand{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;}
.laxPosterMini{padding:1rem; border:1px solid var(--lx-line); border-radius:1rem; background:rgba(255,255,255,.02);} 
.laxPosterMini strong{display:block; font-family:var(--lx-serif); font-size:1.25rem; margin-bottom:.35rem;}
.laxPosterMini p{margin:0; color:#d4cabc; line-height:1.6;}
.laxPosterFooter{display:flex; flex-wrap:wrap; gap:.5rem .75rem; color:var(--lx-muted); font-size:.7rem; letter-spacing:.17em; text-transform:uppercase; padding-top:.2rem;}
.laxPosterFooter span{padding:.45rem .65rem; border:1px solid var(--lx-line); border-radius:999px;}
.laxPage .premiumTopbar{border-bottom:1px solid rgba(243,238,229,.1);} 
@media (max-width: 1080px){
  .laxHeroGrid,.laxDemo,.laxMapWrap,.laxLabShell,.laxSectionHead{grid-template-columns:1fr;}
}
@media (max-width: 920px){
  .laxPrincipleGrid,.laxFlagsGrid,.laxLabPlates,.laxPosterBand,.laxSignalMeta,.laxSignalStatus{grid-template-columns:1fr 1fr;}
}
@media (max-width: 720px){
  .laxWrap{width:min(100% - 1.25rem, 1180px);} 
  .laxHeroGrid{min-height:auto; padding:3rem 0 3.5rem;}
  .laxHero h1{font-size:clamp(2.7rem,13vw,4.6rem);} 
  .laxPrincipleGrid,.laxFlagsGrid,.laxLabPlates,.laxPosterBand,.laxSignalMeta,.laxSignalStatus{grid-template-columns:1fr;}
  .laxTitleRow{grid-template-columns:3.25rem 1fr;}
  .laxMapWrap,.laxDemo{gap:1rem;}
  .laxPosterTop{grid-template-columns:1fr;}
  .laxPosterCredit{text-align:left;}
  .laxRouteLine{gap:.6rem;}
}
@media (max-width: 560px){
  .laxSection{padding:2.7rem 0;}
  .laxHeroActions{display:grid; grid-template-columns:1fr;}
  .laxButton{width:100%;}
  .laxDemoHead,.laxDemoFoot{flex-wrap:wrap;}
  .laxRouteLine{display:grid; grid-template-columns:1fr; row-gap:1rem;}
  .laxSignalRoutes::before{left:50%; right:auto; top:14%; bottom:14%; width:1px; height:auto; transform:none; background:linear-gradient(180deg, rgba(92,141,233,.1), rgba(209,168,90,.75), rgba(200,69,55,.1));}
  .laxRoutePoint{align-items:flex-start; padding-left:1.4rem;}
  .laxPosterTitle h3{font-size:2.2rem;}
}
