:root{
  --bg:#060912;
  --panel:#101624;
  --panel2:#151d2f;
  --text:#f6f8ff;
  --muted:#aeb8cf;
  --line:rgba(255,255,255,.12);
  --blue:#66d9ff;
  --green:#72f0b4;
  --violet:#a891ff;
  --rose:#ff9bcc;
  --amber:#ffd27a;
  --white:#ffffff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 0%,rgba(102,217,255,.16),transparent 32rem),
    radial-gradient(circle at 88% 14%,rgba(168,145,255,.14),transparent 30rem),
    linear-gradient(180deg,#070a14,#060912 55%,#080b13);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.nav{
  position:sticky;top:0;z-index:50;
  min-height:90px;
  display:flex;align-items:center;gap:1rem;justify-content:space-between;
  padding:.9rem clamp(1rem,4vw,4.5rem);
  background:rgba(6,9,18,.82);
  backdrop-filter:blur(22px);
  border-bottom:1px solid var(--line);
}
.brand{
  display:flex;align-items:center;gap:.9rem;min-width:max-content;
}
.brand img{
  width:84px;height:84px;object-fit:contain;
  filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.brandText{display:grid;line-height:1.04}
.brandText b{font-size:1.15rem;letter-spacing:.16em;color:#fff}
.brandText small{
  margin-top:.3rem;
  color:var(--blue);
  text-transform:uppercase;
  font-size:.72rem;
  letter-spacing:.12em;
  font-weight:900;
  white-space:nowrap;
}
.nav nav{display:flex;gap:1rem;color:var(--muted);font-weight:750}
.nav nav a:hover{color:#fff}
.lang{
  display:flex;align-items:center;gap:.45rem;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.36rem .45rem .36rem .75rem;
  background:rgba(255,255,255,.04);
}
.lang label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.lang select{
  width:auto;min-width:116px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:#fff;padding:.56rem .8rem;font:inherit;font-size:.88rem;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  padding:.86rem 1.12rem;
  border:1px solid var(--line);
  font-weight:950;
  cursor:pointer;
}
.btn.primary{background:linear-gradient(135deg,var(--blue),#ddfbff);color:#061019;border:0}
.btn.dark{background:rgba(255,255,255,.06);color:#fff}
main{min-height:70vh}
.hero{
  min-height:86vh;
  display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;
  padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,5rem);
}
.eyebrow{
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.76rem;
  font-weight:950;
}
h1,h2,h3,p{margin-top:0}
.hero h1,.pageHero h1{
  font-size:clamp(3.2rem,7vw,7rem);
  line-height:.88;
  letter-spacing:-.075em;
  margin:.9rem 0 1.1rem;
}
.lead{font-size:1.24rem!important;color:#dce5ff!important}
p{color:var(--muted);line-height:1.7}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.stats div,.card,.flightPanel,.advisorPanel,.airportPanel,.door,.videoCard,.loginBox,.panel,form{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border-radius:1.65rem;
  padding:1.1rem;
  box-shadow:0 22px 80px rgba(0,0,0,.22);
}
.stats b{display:block;font-size:1.8rem;color:#fff}
.stats span{display:block;color:var(--muted);font-size:.82rem}
.heroVisual{display:grid;gap:1rem}
.logoPanel{
  text-align:center;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border-radius:2rem;
  padding:1.4rem;
}
.logoPanel img{width:min(340px,80%);margin:0 auto 1rem;object-fit:contain;filter:none!important}
.logoPanel b{display:block;color:#fff;letter-spacing:.12em;text-transform:uppercase}
.miniAdvisor{
  border:1px solid rgba(102,217,255,.24);
  background:rgba(102,217,255,.07);
  border-radius:1.5rem;
  padding:1rem;
}
.miniAdvisorTop{display:flex;justify-content:space-between;color:#dff8ff;font-weight:950}
.miniMap{
  height:150px;margin:.8rem 0;border-radius:1rem;overflow:hidden;position:relative;
  border:1px solid rgba(102,217,255,.2);
  background:radial-gradient(circle,rgba(102,217,255,.18),transparent 12rem),#07101d;
}
.miniMap i{position:absolute;left:56%;top:34%;font-size:2.4rem;color:#fff}
.miniMap div{position:absolute;left:15%;top:58%;width:70%;height:3px;background:linear-gradient(90deg,transparent,var(--blue));transform:rotate(-17deg)}
.section{padding:clamp(4rem,7vw,7rem) clamp(1rem,4vw,5rem)}
.sectionHead{text-align:center;max-width:1050px;margin:0 auto 2.5rem}
.section h2,.pageHero h1{font-size:clamp(2.5rem,5vw,5.1rem);line-height:.92;letter-spacing:-.06em}
.flightGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;max-width:1540px;margin:0 auto}
.flightStage{
  min-height:520px;border:1px solid rgba(102,217,255,.25);border-radius:1.5rem;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(102,217,255,.18),transparent 14rem),
    linear-gradient(145deg,#07101d,#050914);
}
.flightStage:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:radial-gradient(circle at center,#000 25%,transparent 88%);
}
.rings{position:absolute;width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 58px,rgba(102,217,255,.22) 60px,transparent 63px)}
.sweep{position:absolute;width:620px;height:620px;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,rgba(114,240,180,.35),rgba(102,217,255,.12),transparent 42deg,transparent 360deg);animation:sweep 4.4s linear infinite}
@keyframes sweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
.routeLine{position:absolute;height:3px;background:linear-gradient(90deg,transparent,var(--blue),#fff);left:16%;top:54%;width:62%;transform:rotate(-17deg);box-shadow:0 0 25px rgba(102,217,255,.4)}
.plane{position:absolute;left:55%;top:37%;font-size:3.1rem;color:#fff;text-shadow:0 0 22px rgba(102,217,255,.65);z-index:4}
.node{position:absolute;z-index:5;padding:.55rem .75rem;border:1px solid rgba(102,217,255,.28);border-radius:1rem;background:rgba(102,217,255,.09);font-weight:950}
.node span{display:block;font-size:.72rem;color:var(--muted)}
.n1{left:10%;bottom:18%}.n2{left:46%;top:55%}.n3{right:10%;top:20%}
.mapCard{position:absolute;right:1rem;bottom:1rem;max-width:330px;border:1px solid var(--line);border-radius:1.15rem;background:rgba(0,0,0,.42);backdrop-filter:blur(12px);padding:1rem;z-index:6}
.mapCard b{display:block;font-size:1.5rem;color:#fff;margin-bottom:.35rem}
.mapCard span{display:block;color:var(--muted);line-height:1.45;margin-bottom:.8rem}
.flightSide{display:grid;gap:1rem}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.top span{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:950}
.top b{color:#fff}
.advisorMain{display:grid;grid-template-columns:86px 1fr;gap:1rem;align-items:center}
.badge{width:82px;height:82px;border-radius:22px;background:linear-gradient(135deg,var(--blue),#ddfbff);color:#061019;display:grid;place-items:center;font-weight:950}
.advisorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0}
.advisorGrid div{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:1rem;padding:.72rem .55rem}
.advisorGrid span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;font-weight:900}
.advisorGrid b{display:block;color:#fff;margin-top:.2rem}
.advisorActions{display:flex;gap:.55rem;flex-wrap:wrap}
.boardLine{display:grid;grid-template-columns:.85fr 1.1fr .9fr;gap:.6rem;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:.78rem 0}
.boardLine:first-of-type{border-top:0}.boardLine b{color:#fff}.boardLine span{color:var(--muted)}.boardLine em{justify-self:end;font-style:normal;color:var(--green);font-weight:900}
.boardTable{max-width:1540px;margin:1rem auto 0;border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;background:rgba(0,0,0,.18)}
.boardHeader,.row{display:grid;grid-template-columns:.7fr .85fr 1.55fr 1fr .75fr;gap:.5rem;align-items:center}
.boardHeader{background:rgba(102,217,255,.09);color:#dff8ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:950}
.boardHeader span,.row span,.row b,.row em{padding:.8rem}.row{border-top:1px solid rgba(255,255,255,.08)}.row em{font-style:normal;color:var(--green);font-weight:900}.row button{justify-self:start}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1540px;margin:0 auto}
.door{min-height:220px}.door span,.card span{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:950}
.door h3{font-size:1.35rem;letter-spacing:-.03em}
.videoGrid,.worldGrid,.toolGrid,.menuGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.videoGrid video{width:100%;border-radius:1.1rem;border:1px solid var(--line);background:#070a14}
.videoLarge{grid-column:span 2}
.pageHero{padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,5rem) 2rem;max-width:1240px}
.panelGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.loginMain{padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,5rem) 5rem;display:grid;grid-template-columns:1fr 520px;gap:1rem;align-items:start}
.loginHero h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.9;letter-spacing:-.06em}
.loginProof{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.2rem 0}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.tabs button,.mode-grid button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:900}
.tabs button.active{background:var(--blue);color:#061019}
.auth-form{display:none;gap:.8rem}.auth-form.active{display:grid}
input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.24);color:#fff;border-radius:1rem;padding:1rem;font:inherit}
textarea{min-height:130px}
.dashboard-tools{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-tools span{border:1px solid var(--line);border-radius:999px;padding:.5rem .72rem;color:var(--muted);font-weight:800}
pre{white-space:pre-wrap;overflow:auto;max-height:300px;border:1px solid var(--line);border-radius:1rem;padding:1rem;background:rgba(0,0,0,.22)}
.footer{border-top:1px solid var(--line);padding:1.5rem clamp(1rem,4vw,5rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);flex-wrap:wrap}
.finalCta{text-align:center;margin:2rem clamp(1rem,4vw,5rem) 5rem}
.finalCta img{width:150px;margin:0 auto 1rem;filter:none!important}
.theme-flight{--blue:#66d9ff}.theme-ground{--blue:#72f0b4}.theme-reader{--blue:#a891ff}.theme-language{--blue:#ff9bcc}.theme-office{--blue:#ffd27a}.theme-settings{--blue:#dce5ff}
[dir="rtl"] .hero,[dir="rtl"] .sectionHead,[dir="rtl"] .pageHero,[dir="rtl"] .loginMain{direction:rtl}
@media(max-width:1180px){.hero,.flightGrid,.loginMain,.panelGrid{grid-template-columns:1fr}.videoGrid,.worldGrid,.toolGrid,.menuGrid,.doors{grid-template-columns:repeat(2,1fr)}.nav nav{display:none}.stats,.loginProof{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.videoGrid,.worldGrid,.toolGrid,.menuGrid,.doors,.stats,.loginProof{grid-template-columns:1fr}.videoLarge{grid-column:auto}.brand img{width:64px;height:64px}.brandText small{display:none}.lang label{display:none}.hero h1,.pageHero h1{font-size:3rem}.boardHeader,.row{grid-template-columns:1fr 1fr}.boardHeader span:nth-child(n+3){display:none}.row span:nth-child(3),.row em,.row button{grid-column:1/-1}.flightStage{min-height:390px}.advisorGrid{grid-template-columns:repeat(2,1fr)}}


/* Homepage fix: no giant duplicate logo picture block in hero */
.logoPanel{display:none!important}
.cleanCommandStack{
  display:grid;
  gap:1rem;
  align-content:center;
}
.commandPreviewCard{
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 0%,rgba(102,217,255,.16),transparent 16rem),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border-radius:2rem;
  padding:1.1rem;
  box-shadow:0 22px 80px rgba(0,0,0,.22);
}
.quickWorldGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.75rem;
}
.quickWorldGrid a{
  border:1px solid var(--line);
  background:rgba(255,255,255,.055);
  border-radius:1.2rem;
  padding:1rem;
  min-height:112px;
}
.quickWorldGrid b{
  display:block;
  color:#fff;
  margin-bottom:.35rem;
}
.quickWorldGrid span{
  display:block;
  color:var(--muted);
  line-height:1.45;
  font-size:.92rem;
}
.finalCta img{display:none!important}
@media(max-width:760px){
  .quickWorldGrid{grid-template-columns:1fr}
}


/* Hero cleanup: slogan stays in top brand only, hero gets a clean product label */
.hero > div:first-child{
  max-width:760px;
}
.hero h1{
  font-size:clamp(3rem,6.2vw,5.8rem) !important;
  line-height:.94 !important;
  letter-spacing:-.065em !important;
}
.hero .eyebrow{
  color:var(--blue);
  letter-spacing:.16em;
  opacity:.95;
}
@media(max-width:760px){
  .hero h1{
    font-size:2.8rem !important;
    line-height:1 !important;
  }
}


/* Remove empty flight artwork block and keep a compact useful card instead */
.compactFlightCard{
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 20% 0%,rgba(102,217,255,.12),transparent 14rem),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-radius:1.75rem;
  padding:1.1rem;
  box-shadow:0 18px 60px rgba(0,0,0,.2);
}
.compactInfoGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin-top:.9rem;
}
.compactInfoGrid div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  border-radius:1rem;
  padding:.85rem .95rem;
}
.compactInfoGrid span{
  display:block;
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:.3rem;
}
.compactInfoGrid b{
  color:#fff;
  font-size:.98rem;
}
.compactActionRow{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:.9rem;
}
.compactActionRow a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.72rem 1rem;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.055);
  color:#fff;
}
.compactActionRow a:hover{
  background:rgba(102,217,255,.12);
}
@media(max-width:760px){
  .compactInfoGrid{grid-template-columns:1fr;}
}


.cleanAdvisorText .miniMap{display:none!important}
.advisorMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:.85rem 0 .65rem}
.advisorMiniGrid div{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:1rem;padding:.85rem}
.advisorMiniGrid small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.25rem}
.advisorMiniGrid strong{display:block;color:#fff;font-size:.95rem;line-height:1.25}
@media(max-width:760px){.advisorMiniGrid{grid-template-columns:1fr}}


/* Hard home hero cleanup: no empty artwork block, no plane line, no duplicate logo in hero */
.noArtworkHero .miniMap,
.noArtworkHero .miniMap i,
.noArtworkHero .miniMap div,
.noArtworkHero .logoPanel,
.noArtworkHero .miniAdvisor{
  display:none!important;
}
.cleanHeroCard{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
  border-radius:1.75rem;
  padding:1.15rem;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.cleanHeroCard .compactInfoGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin-top:.9rem;
}
.cleanHeroCard .compactInfoGrid div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  border-radius:1rem;
  padding:.85rem .95rem;
}
.cleanHeroCard .compactInfoGrid span{
  display:block;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:.32rem;
}
.cleanHeroCard .compactInfoGrid b{
  color:#fff;
  font-size:.96rem;
}
.finalCta img{display:none!important}
@media(max-width:760px){
  .cleanHeroCard .compactInfoGrid{grid-template-columns:1fr}
}


/* Remove ONLY the top-right hero art block; leave homepage sections intact */
.heroTextOnly{
  display:block!important;
  min-height:auto!important;
  padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,5rem) clamp(3rem,5vw,5rem)!important;
}
.heroTextOnly > div{
  max-width:1180px;
}
.heroTextOnly .heroVisual,
.heroTextOnly .logoPanel,
.heroTextOnly .miniAdvisor,
.heroTextOnly .miniMap,
.heroTextOnly .cleanCommandStack,
.heroTextOnly .commandPreviewCard,
.heroTextOnly .cleanHeroCard{
  display:none!important;
}
.cleanFlightGrid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:1rem;
  max-width:1540px;
  margin:0 auto 1rem;
}
.cleanFlightAdvisor,
.cleanAirportBoard{
  min-height:340px;
}
@media(max-width:1180px){
  .cleanFlightGrid{grid-template-columns:1fr}
}


/* ONLY remove the top hero side block. Everything else stays. */
.heroTextOnly{
  display:block!important;
  min-height:auto!important;
  padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,5rem) clamp(3rem,5vw,5rem)!important;
}
.heroTextOnly > div{
  max-width:1180px;
}
.heroTextOnly .heroVisual,
.heroTextOnly .logoPanel,
.heroTextOnly .miniAdvisor,
.heroTextOnly .miniMap,
.heroTextOnly .cleanCommandStack,
.heroTextOnly .commandPreviewCard,
.heroTextOnly .cleanHeroCard{
  display:none!important;
}
.cleanFlightGrid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:1rem;
  max-width:1540px;
  margin:0 auto 1rem;
}
.cleanFlightAdvisor,
.cleanAirportBoard{
  min-height:340px;
}
@media(max-width:1180px){
  .cleanFlightGrid{grid-template-columns:1fr}
}


/* Final: top hero picture block removed; radar stays DOWN in Flight Adviser section */
.hero .heroVisual,
.hero .miniMap,
.hero .logoPanel,
.hero .miniAdvisor{
  display:none!important;
}
#flight-command .flightStage,
#flight-command .rings,
#flight-command .sweep,
#flight-command .routeLine,
#flight-command .plane,
#flight-command .node,
#flight-command .mapCard{
  display:block!important;
}
#flight-command .flightGrid{
  display:grid!important;
  grid-template-columns:1.25fr .75fr;
  gap:1rem;
  max-width:1540px;
  margin:0 auto;
}
#flight-command .boardTable{
  margin-top:1rem;
}
@media(max-width:1180px){
  #flight-command .flightGrid{grid-template-columns:1fr}
}