:root{
  --bg:#f4f1ea;
  --paper:#fffdf8;
  --ink:#171717;
  --muted:#706b61;
  --line:#d8d0c2;
  --gold:#b48a2d;
  --gold2:#e2c46f;
  --charcoal:#17191d;
  --orange:#b95f26;
  --screen:#111214;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
body{min-height:100vh}
button,a{font:inherit}
.orion-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
.topbar{
  height:86px;display:flex;align-items:center;justify-content:space-between;
  padding:0 34px;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)
}
.brand-zone{display:flex;align-items:center;gap:18px}
.menu-btn{width:46px;height:46px;border:1px solid #c9bda9;border-radius:12px;background:#fff;display:grid;place-content:center;gap:5px;cursor:pointer}
.menu-btn span{width:20px;height:2px;background:var(--ink);display:block}
.brand-copy .eyebrow{font-size:.72rem;letter-spacing:.16em;color:var(--gold);font-weight:800}
.brand-copy h1{font-size:1.15rem;margin:4px 0 0;font-weight:700}
.top-status{display:flex;align-items:center;gap:8px;color:#5d5a52;font-size:.86rem}
.status-dot{width:8px;height:8px;border-radius:50%;background:#5ca56f;box-shadow:0 0 0 4px rgba(92,165,111,.12)}
.decor-line{position:absolute;pointer-events:none;opacity:.65;z-index:0}
.decor-line-a{right:-80px;top:110px;width:460px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-13deg)}
.decor-line-b{left:-90px;top:170px;width:340px;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:rotate(18deg)}
.main-layout{
  flex:1;width:min(1540px,100%);margin:0 auto;padding:28px 28px 24px;
  display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;position:relative;z-index:1
}
.projection-column{min-width:0}
.screen-identity{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;padding:0 3px}
.screen-kicker{display:block;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.17em;margin-bottom:4px}
.screen-identity strong{font-size:1rem}
.screen-actions{display:flex;gap:8px}
.screen-actions button{border:1px solid var(--line);background:var(--paper);padding:7px 11px;border-radius:9px;cursor:pointer;color:#544f47}
.orion-screen-frame{
  background:linear-gradient(120deg,#191817,#2a241b 45%,#151515);
  padding:8px;border-radius:23px;box-shadow:0 20px 50px rgba(49,38,18,.18);position:relative
}
.frame-accent{position:absolute;pointer-events:none}
.frame-accent-top{height:3px;left:42px;right:42px;top:2px;background:linear-gradient(90deg,transparent,var(--gold2),var(--orange),transparent)}
.frame-accent-left{width:3px;top:48px;bottom:48px;left:2px;background:linear-gradient(180deg,transparent,var(--gold),transparent)}
.orion-screen{
  min-height:620px;background:var(--screen);border-radius:17px;overflow:hidden;position:relative;color:#fff
}
.welcome-panel{
  min-height:620px;padding:70px 70px 58px;
  background:
    radial-gradient(circle at 77% 28%,rgba(183,129,36,.22),transparent 23%),
    radial-gradient(circle at 20% 80%,rgba(168,75,28,.17),transparent 27%),
    linear-gradient(135deg,#121315,#181818 55%,#111);
  display:flex;flex-direction:column;justify-content:center
}
.welcome-mark{font-size:.72rem;letter-spacing:.34em;color:#e0bd65;font-weight:800;margin-bottom:16px}
.welcome-panel h2{font-size:clamp(2.3rem,4.2vw,5rem);line-height:.98;letter-spacing:-.04em;margin:0;max-width:760px}
.welcome-panel p{max-width:730px;color:#bbb6aa;line-height:1.7;font-size:1rem;margin:22px 0 32px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;max-width:900px}
.quick-grid button{
  min-height:95px;text-align:left;color:#fff;background:rgba(255,255,255,.035);
  border:1px solid rgba(222,190,102,.25);border-radius:14px;padding:15px;cursor:pointer
}
.quick-grid button:hover{border-color:#d5ad50;background:rgba(213,173,80,.08)}
.quick-grid span{font-weight:800;display:block}.quick-grid small{display:block;color:#999184;margin-top:6px}
#projectionFrame{width:100%;height:620px;border:0;background:#fff}
.external-panel{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}
.external-symbol{font-size:2.5rem;color:#d8ad4e}.external-panel p{max-width:540px;color:#b9b3a8;line-height:1.6}
.external-panel a{color:#141414;background:#ead088;text-decoration:none;padding:11px 18px;border-radius:10px;font-weight:800}
.frame-footer{
  height:38px;display:flex;align-items:center;justify-content:space-between;color:#d9c899;
  font-size:.68rem;letter-spacing:.1em;padding:0 16px;text-transform:uppercase
}
.lisa-panel{
  background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;
  box-shadow:0 14px 35px rgba(59,50,31,.08);align-self:start;position:sticky;top:112px
}
.lisa-orbit{
  width:126px;height:126px;border:1px solid #d9bf7d;border-radius:50%;margin:4px auto 18px;
  display:grid;place-items:center;position:relative
}
.lisa-orbit:before,.lisa-orbit:after{content:"";position:absolute;border:1px solid rgba(180,138,45,.22);border-radius:50%}
.lisa-orbit:before{inset:-9px}.lisa-orbit:after{inset:12px}
.lisa-placeholder{
  width:82px;height:82px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d8b04c,#7f5a17);color:white;font-size:2rem;font-weight:800
}
.lisa-kicker{font-size:.7rem;letter-spacing:.18em;color:var(--gold);font-weight:800}
.lisa-copy h3{margin:6px 0 8px}.lisa-copy p{color:var(--muted);font-size:.88rem;line-height:1.55}
.lisa-status{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:grid;gap:10px}
.lisa-status div{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}.lisa-status span{color:#8a8479}.lisa-status strong{font-size:.78rem}
.bottom-strip{
  min-height:58px;background:var(--charcoal);color:white;display:grid;grid-template-columns:160px 1fr 160px;align-items:center;
  padding:0 28px;border-top:4px solid #b78a2e;position:relative;z-index:5
}
.bottom-brand{font-weight:900;letter-spacing:.12em;color:#e8c66d}
.bottom-center{display:flex;align-items:center;justify-content:center;gap:13px;color:#c9c4b9;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}
.bottom-center i{width:3px;height:3px;border-radius:50%;background:#b88c32}
.bottom-state{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:.75rem;color:#c7c2b8}
.drawer{
  position:fixed;top:0;bottom:0;left:0;width:min(360px,88vw);background:#fffdf8;z-index:50;
  transform:translateX(-102%);transition:.24s ease;box-shadow:18px 0 50px rgba(0,0,0,.14);padding:22px;border-right:1px solid #d8d0c2
}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.drawer-head button{border:0;background:transparent;font-size:1.8rem;cursor:pointer}
.drawer-note{font-size:.8rem;color:#7f786d;line-height:1.45;margin:14px 0}
.service-menu{display:grid;gap:7px;max-height:calc(100vh - 150px);overflow:auto}
.service-link{
  display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;
  text-align:left;border-radius:11px;padding:11px;cursor:pointer;color:#222
}
.service-link:hover{border-color:#d8c38e;background:#fbf5e8}
.service-icon{width:32px;height:32px;border-radius:9px;background:#1a1a1a;color:#e6c56c;display:grid;place-items:center;font-weight:bold}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:40;opacity:0;pointer-events:none;transition:.2s}
.overlay.show{opacity:1;pointer-events:auto}
@media(max-width:1000px){
  .main-layout{grid-template-columns:1fr}.lisa-panel{position:static;display:grid;grid-template-columns:110px 1fr;gap:14px}.lisa-status{grid-column:1/-1}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .topbar{padding:0 16px}.main-layout{padding:16px 12px}.welcome-panel{padding:40px 24px}.orion-screen,#projectionFrame,.welcome-panel,.external-panel{min-height:520px;height:520px}
  .bottom-strip{grid-template-columns:1fr}.bottom-center,.bottom-state{display:none}.quick-grid{grid-template-columns:1fr 1fr}
}