/* Lexx AI visual revamp — 2026-09-21
   Hero-first composition, restrained enterprise signal, original bioship art. */
:root{
  --night:#050713;
  --panel:#0a1120;
  --panel-2:#0d1930;
  --white:#f7fbff;
  --muted:#a9b8ca;
  --cyan:#7debf1;
  --blue:#638cff;
  --violet:#b99cff;
  --gold:#f4c56d;
  --line:rgba(202,232,255,.16);
  --shadow:0 30px 90px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 80% 8%,rgba(83,96,190,.18),transparent 28%),radial-gradient(circle at 8% 42%,rgba(25,147,171,.13),transparent 25%),var(--night);color:var(--white)}
body:before{opacity:.08;background-size:96px 96px}
.site-header{padding:16px max(24px,calc((100% - 1240px)/2));background:rgba(5,7,19,.72);border-bottom:1px solid rgba(196,226,255,.15);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.brand{letter-spacing:.19em}.brand em{color:var(--cyan)}
.site-nav{gap:30px}.site-nav a{transition:color .2s ease}.site-nav a:hover{color:var(--gold)}
.hero{min-height:840px;padding:150px max(24px,calc((100% - 1240px)/2)) 92px;display:flex;align-items:center;position:relative;overflow:hidden;background:none}
.hero:before{inset:0;z-index:-3;background-color:#050713;background-image:linear-gradient(90deg,rgba(4,6,16,.96) 0%,rgba(4,7,17,.72) 33%,rgba(4,7,17,.18) 69%,rgba(4,7,17,.62) 100%),url("assets/lexx-ship-logo.png");background-position:center,73% 42%;background-size:cover,min(900px,65vw) auto;background-repeat:no-repeat;filter:none}
.hero:after{opacity:.12;background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent 85%)}
.hero-copy{width:min(680px,100%);margin:0;z-index:4}
.hero-copy .eyebrow{margin-bottom:24px;color:var(--cyan);font-size:.68rem;letter-spacing:.24em}
.hero-copy h1{max-width:680px;margin:0 0 26px;font-size:clamp(3.6rem,7vw,7.4rem);line-height:.91;letter-spacing:-.085em;text-shadow:0 18px 60px rgba(0,0,0,.5)}
.hero-copy h1 em{color:#d9e8ff;text-shadow:0 0 40px rgba(125,235,241,.22)}
.hero-copy .lede{max-width:620px;color:#dbe9f4;font-size:1.25rem;line-height:1.5}
.hero-copy .hero-detail{max-width:590px;color:#aebfd0;font-size:1rem}
.actions{gap:12px;margin-top:30px}.button{border-radius:999px;padding:13px 19px}.button.primary{background:linear-gradient(135deg,var(--cyan),#76a3ff);color:#06101c;box-shadow:0 10px 32px rgba(91,190,224,.22);font-weight:850}.button.primary:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(91,190,224,.35)}.button.quiet{border-color:rgba(222,240,255,.3);background:rgba(5,9,20,.34)}
.micro{color:#bed2df;letter-spacing:.08em;font-size:.63rem;text-transform:uppercase}.signal{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.hero-stage{position:absolute;inset:0;z-index:1;width:100%;min-height:100%;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
.hero-stage:before,.hero-stage:after{display:none}.hero-stage .hero-art{display:none}.hero-command>*:not(.hero-art){display:none}
.ecosystem-band{padding:96px 0;background:linear-gradient(135deg,#07101e,#0b1428 48%,#160d26);border-color:rgba(125,235,241,.18)}
.ecosystem-copy h2,.section-head h2,.briefing h2{letter-spacing:-.055em}.ecosystem-copy p{color:#acbdcb;max-width:680px}.ecosystem-grid{gap:10px}.ecosystem-tile{background:rgba(6,12,25,.6);border-color:rgba(198,226,255,.12);transition:transform .25s ease,border-color .25s ease,background .25s ease}.ecosystem-tile:hover{transform:translateY(-4px);border-color:rgba(125,235,241,.56);background:rgba(11,28,48,.82)}
.section,.briefing{padding-top:120px;padding-bottom:120px}.section-head{margin-bottom:42px}.section-head h2{max-width:780px;font-size:clamp(2.5rem,5vw,5rem);line-height:.98}.section-head p.lede{max-width:680px;color:var(--muted)}
.field-console,.boundary-console,.workstream-console{border-color:rgba(125,235,241,.28);background:linear-gradient(135deg,rgba(7,20,39,.84),rgba(18,10,38,.74));box-shadow:var(--shadow)}
.cards{gap:16px}.card{border-color:rgba(195,224,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(14,30,53,.9),rgba(5,10,22,.96));min-height:280px}.card.featured{border-color:rgba(125,235,241,.54)}.card h3{font-size:1.55rem}.card p,.security-card p,.use-item p{color:#b1c1d0}
.security-band{background:linear-gradient(115deg,#061122,#0b1024 55%,#180d2b)}.security-band .section-head{padding-top:0}.security-card{border-radius:12px;border-color:rgba(195,224,255,.14);background:rgba(5,14,29,.62)}.security-card h3{letter-spacing:-.03em}
.workflow-band{padding:92px 0;background:linear-gradient(115deg,#061020,#111632 55%,#190d2a)}.workflow h2{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.06em}.path{border-radius:12px}
.use-grid{border-radius:12px;background:rgba(5,12,25,.55)}.use-item{border-color:rgba(195,224,255,.14)}.use-item h3{letter-spacing:-.02em}
.briefing-card{border-radius:14px;box-shadow:var(--shadow);background:linear-gradient(145deg,rgba(11,34,52,.86),rgba(27,10,47,.84))}
.site-footer{background:#040610;border-top:1px solid rgba(195,224,255,.14)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:820px){
  .hero{min-height:820px;padding:120px 18px 72px;align-items:end}.hero:before{background-image:linear-gradient(180deg,rgba(4,6,16,.8) 0%,rgba(4,7,17,.52) 44%,rgba(4,7,17,.96) 100%),url("assets/lexx-ship-logo.png");background-position:center,50% 23%;background-size:cover,94% auto}.hero-copy h1{font-size:clamp(3.5rem,13vw,5.5rem)}.hero-copy .lede{font-size:1.08rem}.hero-copy .hero-detail{font-size:.94rem}.ecosystem-band,.section,.briefing{padding-top:82px;padding-bottom:82px}.section-head h2{font-size:clamp(2.3rem,10vw,4rem)}.workflow-band{padding:72px 0}.path{overflow-x:auto;justify-content:flex-start}.path>i{flex:0 0 auto}.path>div{flex:0 0 112px}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){.site-header{padding:13px 16px}.hero{min-height:800px;padding:106px 16px 58px}.hero-copy .eyebrow{font-size:.58rem;letter-spacing:.16em}.actions{align-items:stretch;flex-direction:column}.actions .button{text-align:center}.micro{font-size:.55rem}.ecosystem-grid{grid-template-columns:1fr 1fr}.ecosystem-tile{padding:14px 10px}.section-head{padding-left:17px}.card{min-height:250px}}