:root{
  --bg:#071527;--bg2:#0b1d35;--panel:#14243e;--panel2:#182a47;--line:#31486d;
  --text:#eef5ff;--muted:#9db0cc;--blue:#2e79ef;--cyan:#2ec8ff;--orange:#ffad45;
  --violet:#7459f3;--green:#39d49b;--black:#03101d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#071527 0%,#08182b 45%,#071321 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.topbar{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19304f;background:rgba(5,15,29,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.04em}
.mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#03101d;font-size:13px;font-weight:900}
.menuBtn{border:1px solid #355176;background:#10213a;color:var(--text);padding:11px 17px;border-radius:999px;cursor:pointer}
.staticBtn{text-decoration:none}
.drawer{position:fixed;right:3vw;top:98px;z-index:30;display:flex;flex-direction:column;gap:2px;background:#0a1728;border:1px solid #294363;border-radius:18px;padding:10px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.2s}
.drawer.open{opacity:1;transform:none;pointer-events:auto}
.drawer a{padding:11px 16px;text-decoration:none;color:var(--muted);border-radius:10px}
.drawer a:hover{background:#132641;color:white}
.workbench{min-height:calc(100vh - 86px);padding:8vh 7vw 5vh;position:relative;overflow:hidden;background:
radial-gradient(circle at 86% 14%,rgba(46,200,255,.11),transparent 26%),
radial-gradient(circle at 10% 70%,rgba(46,121,239,.09),transparent 28%),#071527}
.gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(73,105,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,105,151,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 85%,transparent)}
.benchHead{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:4vw;align-items:end}
.eyebrow,.sectionKicker,.manualMeta,.recordHead,.catMeta{font-family:"Courier New",monospace;letter-spacing:.14em;text-transform:uppercase}
.eyebrow,.sectionKicker{color:var(--cyan);font-size:12px;font-weight:700}
h1{font-size:clamp(58px,8vw,132px);line-height:.84;letter-spacing:-.07em;margin:.18em 0}
.lead{max-width:760px;color:var(--muted);font-size:clamp(18px,2vw,29px);line-height:1.5}
.benchIndex{display:grid;gap:8px;align-self:center}
.benchIndex button{background:transparent;border:0;border-bottom:1px solid #315077;color:#93a8c7;padding:14px 2px;text-align:left;font-family:"Courier New",monospace;cursor:pointer}
.benchIndex b{float:right;color:var(--orange)}
.heroSystem{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw;margin-top:7vh;align-items:center}
.manualCard{border:1px solid #315077;background:linear-gradient(180deg,#10213a,#0b192d);padding:28px;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.2)}
.manualMeta{font-size:11px;color:var(--muted);margin-bottom:20px}
.manualRow{display:grid;grid-template-columns:14px 1fr;gap:16px;padding:20px 0;border-top:1px solid #294365}
.manualRow:first-of-type{border-top:0}
.manualRow b{display:block;font-size:20px}
.manualRow small{display:block;color:var(--muted);margin-top:6px;line-height:1.5}
.signal{width:10px;height:10px;border-radius:2px;margin-top:4px}.blue{background:var(--blue)}.cyan{background:var(--cyan)}.orange{background:var(--orange)}
.screenRack{min-height:560px;position:relative}
.shot{position:absolute;margin:0;border-radius:30px;overflow:hidden;border:1px solid #334b70;box-shadow:0 30px 80px rgba(0,0,0,.4);background:#0d1c30}
.shot img{width:100%;display:block}
.shotA{width:42%;left:9%;top:4%;transform:rotate(-7deg)}
.shotB{width:42%;right:8%;top:12%;transform:rotate(6deg)}
.badgeShot{position:absolute;left:43%;top:32%;width:18%;margin:0;border-radius:24%;overflow:hidden;box-shadow:0 0 60px rgba(46,200,255,.25)}
.badgeShot img{width:100%;display:block}
.playTag{display:inline-flex;margin-top:3vh;background:var(--orange);color:#06111f;padding:16px 22px;border-radius:10px;text-decoration:none;font-weight:800}
.section{padding:12vh 7vw}
.benchSection{background:#09182b}
.splitTitle{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.splitTitle h2,.taskFinder h2,.mapping h2,.studio h2{font-size:clamp(40px,5vw,82px);line-height:.98;letter-spacing:-.05em;margin:.2em 0}
.splitTitle p,.studio p{color:var(--muted);font-size:20px;line-height:1.6}
.categoryBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:6vh}
.categoryCard{min-height:330px;border:1px solid #31496e;border-radius:22px;padding:24px;background:linear-gradient(180deg,#13243e,#0e1d33);transition:.25s;position:relative;overflow:hidden}
.categoryCard:hover,.categoryCard.active{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 25px 70px rgba(0,0,0,.25)}
.catIcon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#174b91;border:1px solid #3388ed;font-size:27px}.catIcon.orange{background:#493829;border-color:#db8b2e}.catIcon.violet{background:#332a78;border-color:#6b5be9}
.catMeta{color:var(--muted);font-size:10px;position:absolute;top:26px;right:22px}
.categoryCard h3{font-size:29px;margin:74px 0 8px}.categoryCard p{color:var(--cyan);font-weight:800}.categoryCard small{color:var(--muted);font-size:15px;line-height:1.6}
.taskFinder{background:#061322}
.taskGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:5vh 0}
.taskGrid button{background:#12253f;border:1px solid #2d5179;color:white;border-radius:999px;padding:20px;font-size:18px;cursor:pointer;transition:.2s}
.taskGrid button:hover,.taskGrid button.active{background:linear-gradient(90deg,#1554a5,#1a6fbd);border-color:var(--cyan)}
.routePanel{border:1px solid #365171;border-radius:20px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:"Courier New",monospace;color:var(--muted)}
.routePanel i{height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue));flex:1;position:relative}.routePanel i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.routeC{color:var(--orange);font-weight:800}
.appWall{background:#0a192d}
.contactSheet{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:6vh}
.contactSheet figure{margin:0;background:#0b1729;border:1px solid #2d4567;border-radius:18px;overflow:hidden;transition:.2s}
.contactSheet figure:hover{transform:translateY(-8px)}
.contactSheet img{width:100%;display:block;aspect-ratio:.53;object-fit:cover;object-position:top}
.contactSheet figcaption{font-family:"Courier New",monospace;color:var(--muted);padding:14px}
.profile{background:#071527}
.profileSheet{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid #3a5273;background:#eef3f7;color:#081320;border-radius:4px;margin-top:4vh;box-shadow:14px 14px 0 #122641}
.specMain{padding:5vw}.specMain .eyebrow{color:#2473b9}.specMain h2{font-size:clamp(48px,6vw,90px);letter-spacing:-.06em;margin:.3em 0}.specLead{font-size:24px;line-height:1.5;color:#46566a}
dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:5vh}dl div{border-top:2px solid #101c2a;padding-top:12px}dt{font-family:"Courier New",monospace;font-size:11px;color:#647387;text-transform:uppercase}dd{margin:8px 0;font-weight:800}
.related{background:#ffad45;padding:5vw;display:flex;flex-direction:column;justify-content:center;gap:18px}.related span{font-family:"Courier New",monospace;font-size:11px}.related b{border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:12px}
.mapping{background:#061322}
.mapRows{margin-top:4vh}.mapRows div{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;padding:22px 0;border-top:1px solid #274162}.mapRows i{height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.mapRows strong{color:var(--orange)}
.studio{background:#0a192d}.studioGrid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.capabilities{border-top:1px solid #345071}.capabilities div{padding:20px 0;border-bottom:1px solid #345071;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.capabilities span{color:var(--muted);line-height:1.5}
.record{background:#eef2f5;color:#0a1624}.recordHead{display:flex;justify-content:space-between;border-top:2px solid #0a1624;border-bottom:1px solid #0a1624;padding:12px 0;font-size:11px}.recordGrid{display:grid;grid-template-columns:1.2fr .8fr 1.4fr .9fr;gap:2vw;padding-top:5vh}.recordGrid small{font-family:"Courier New",monospace;color:#617083}.recordGrid p{font-size:20px;line-height:1.6}.recordGrid a{color:#0a1624}
footer{padding:30px 7vw;display:flex;justify-content:space-between;border-top:1px solid #223957;color:var(--muted)}
.privacyPage{background:#08172a}
.privacyMain{padding:8vh 7vw 12vh}
.privacyHero{max-width:950px}.privacyHero h1{font-size:clamp(54px,8vw,112px)}.privacyHero>p:last-child{color:var(--muted);font-size:22px;line-height:1.6}
.policyGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6vh}
.policyGrid article{background:#12243d;border:1px solid #31496d;border-radius:20px;padding:28px}
.policyGrid h2{font-size:25px;margin-top:0}.policyGrid p{color:var(--muted);line-height:1.7}.policyGrid a{color:var(--cyan)}
.contactPolicy{grid-column:1/-1}
@media(max-width:1000px){
  .benchHead,.heroSystem,.splitTitle,.profileSheet,.studioGrid{grid-template-columns:1fr}
  .benchIndex{grid-template-columns:repeat(2,1fr)}
  .screenRack{min-height:520px}
  .categoryBoard{grid-template-columns:repeat(2,1fr)}
  .contactSheet{grid-template-columns:repeat(2,1fr)}
  .recordGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .topbar{height:72px}.workbench{padding:7vh 5vw}.section{padding:9vh 5vw}
  h1{font-size:58px}.lead{font-size:18px}
  .benchIndex{grid-template-columns:1fr 1fr}
  .heroSystem{margin-top:4vh}.screenRack{min-height:390px}
  .shotA{width:48%;left:2%}.shotB{width:48%;right:2%}.badgeShot{width:22%;left:39%;top:36%}
  .categoryBoard,.taskGrid,.contactSheet,.policyGrid{grid-template-columns:1fr}
  .categoryCard{min-height:250px}
  .routePanel{flex-wrap:wrap}.routePanel i{min-width:60px}
  .recordGrid{grid-template-columns:1fr}
  .mapRows div{grid-template-columns:1fr;gap:8px}.mapRows i{width:100%}
  dl{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}