:root{
  --bg:#05070d;--panel:#0a0e17;--panel2:#0d1320;--line:#1a2738;--text:#eef6ff;
  --muted:#7d8da3;--cyan:#56e7ff;--cyan2:#18b8e9;--violet:#916dff;--green:#68f7a5;
  --amber:#ffcb6b;--danger:#ff6b7a;--glow:0 0 24px rgba(86,231,255,.16)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 50% -20%,rgba(74,104,255,.13),transparent 40%),
  linear-gradient(180deg,#05070d 0%,#070b12 55%,#05070d 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh;overflow-x:hidden
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 85%)
}
.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
a{color:inherit}
button,textarea{font:inherit}
button{color:inherit}
.topbar{
  height:68px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;
  justify-content:space-between;padding:0 clamp(18px,4vw,64px);position:sticky;top:0;
  background:rgba(5,7,13,.78);backdrop-filter:blur(18px);z-index:15
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.08em}
.brand .mark{color:var(--cyan);text-shadow:0 0 18px rgba(86,231,255,.6)}
.brand b{font-weight:600;color:var(--muted)}
.top-status{display:flex;align-items:center;gap:9px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#a9b7c9}
.system-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.8s infinite}
.badge{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 9px;letter-spacing:.08em}
.badge.demo{color:var(--amber);border-color:rgba(255,203,107,.35)}
.badge.live{color:var(--green);border-color:rgba(104,247,165,.35);box-shadow:0 0 18px rgba(104,247,165,.1)}
.shell{width:min(1480px,calc(100% - 36px));margin:0 auto}
.hero{padding:clamp(72px,9vw,132px) 0 54px}
.eyebrow{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:var(--cyan);margin-bottom:24px}
.eyebrow span{color:#40566f;margin-left:8px}
h1{font-size:clamp(54px,8.5vw,126px);line-height:.88;letter-spacing:-.06em;margin:0;max-width:1040px;font-weight:850}
h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,246,255,.48)}
.lede{font-size:clamp(16px,1.4vw,21px);color:#8fa2ba;margin:28px 0 36px}
.mission-box{
  border:1px solid rgba(86,231,255,.24);background:linear-gradient(180deg,rgba(13,19,32,.94),rgba(7,11,18,.95));
  border-radius:18px;box-shadow:var(--glow),0 22px 80px rgba(0,0,0,.34);overflow:hidden
}
.mode-row{display:flex;gap:4px;padding:10px;border-bottom:1px solid rgba(255,255,255,.07);overflow:auto}
.mode{
  border:0;background:transparent;color:#6f7f93;padding:10px 13px;border-radius:8px;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer
}
.mode:hover{color:#c8d6e5;background:rgba(255,255,255,.04)}
.mode.active{background:rgba(86,231,255,.1);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(86,231,255,.16)}
.mission-input-row{display:grid;grid-template-columns:1fr 126px;min-height:150px}
textarea{
  resize:none;border:0;outline:0;background:transparent;color:#f3f8ff;padding:26px 28px;
  font-size:clamp(19px,2vw,28px);font-weight:560;line-height:1.35
}
textarea::placeholder{color:#46556a}
.launch{
  border:0;border-left:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(86,231,255,.12),rgba(86,231,255,.04));
  color:var(--cyan);display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer
}
.launch:hover{background:rgba(86,231,255,.17)}
.launch:disabled{opacity:.35;cursor:not-allowed}
.launch-icon{font-size:31px;font-family:system-ui;transition:transform .25s}
.launch:hover .launch-icon{transform:translate(4px,-4px)}
.mission-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 10px 24px;border-top:1px solid rgba(255,255,255,.07);color:#66768c;font-size:11px}
kbd{background:#111925;border:1px solid #223044;border-radius:5px;padding:2px 5px;margin-right:3px}
.runtime-toggle{border:1px solid rgba(255,255,255,.1);background:#0a111d;border-radius:7px;padding:8px 10px;color:#8da0b8;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}
.runtime-toggle.ready{color:var(--green);border-color:rgba(104,247,165,.28)}
.runtime-toggle.active{background:rgba(104,247,165,.12);color:var(--green)}
.quick-missions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.quick-missions button{border:1px solid rgba(255,255,255,.08);background:rgba(11,16,26,.72);border-radius:999px;padding:9px 12px;color:#7f91a8;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}
.quick-missions button:hover{border-color:rgba(86,231,255,.24);color:#c8eff7}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-bottom:14px}
.panel{border:1px solid rgba(255,255,255,.08);background:rgba(8,12,20,.82);border-radius:14px;overflow:hidden;box-shadow:0 14px 46px rgba(0,0,0,.2)}
.panel-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#8191a6;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}
.topology{height:520px;position:relative;background:radial-gradient(circle at center,rgba(86,231,255,.07),transparent 31%),linear-gradient(rgba(86,231,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(86,231,255,.018) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}
.links{position:absolute;inset:0;width:100%;height:100%}
.links path{stroke:#1e3346;stroke-width:1.2;fill:none;transition:.35s}
.links path.active{stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 5px rgba(86,231,255,.7));stroke-dasharray:7 10;animation:dash 1s linear infinite}
.node{position:absolute}
.core{left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#101b28 0%,#08111b 72%);border:1px solid rgba(86,231,255,.34);box-shadow:0 0 50px rgba(86,231,255,.12);z-index:3}
.core small,.core span{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#67839b}
.core strong{font-size:28px;letter-spacing:.08em;margin:7px 0;color:var(--cyan);text-shadow:0 0 18px rgba(86,231,255,.45)}
.core.active{box-shadow:0 0 75px rgba(86,231,255,.28)}
.core-rings,.core-rings i{position:absolute;border:1px solid rgba(86,231,255,.1);border-radius:50%}
.core-rings{inset:-17px}
.core-rings i:nth-child(1){inset:-17px}.core-rings i:nth-child(2){inset:-34px}.core-rings i:nth-child(3){inset:-51px}
.core.active .core-rings i{animation:ring 2.4s ease-out infinite}
.agent{width:240px;padding:14px;background:linear-gradient(180deg,rgba(15,23,36,.96),rgba(8,13,22,.96));border:1px solid #1a2b3e;border-radius:12px;transition:.3s;z-index:4}
.agent-scout{left:4%;top:7%}.agent-forge{right:4%;top:7%}.agent-synapse{left:4%;bottom:7%}.agent-pixel{right:4%;bottom:7%}
.agent-head{display:flex;align-items:center;gap:10px}
.agent-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.agent-icon{width:34px;height:34px;border:1px solid #23364b;border-radius:9px;display:grid;place-items:center;color:#7894ad}
.agent small{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#63758b}
.agent strong{font-size:15px;letter-spacing:.08em}
.state-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#344457}
.agent-status{height:28px;margin:12px 0 8px;color:#6e829a;font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
.meter{height:3px;background:#152130;border-radius:5px;overflow:hidden}.meter span{display:block;width:0;height:100%;background:var(--cyan);transition:width .4s}
.agent.active{border-color:rgba(86,231,255,.48);box-shadow:0 0 32px rgba(86,231,255,.12);transform:translateY(-2px)}
.agent.active .state-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.agent.done{border-color:rgba(104,247,165,.25)}.agent.done .state-dot{background:var(--green)}.agent.done .meter span{background:var(--green)}
.activity{border-top:1px solid rgba(255,255,255,.07);padding:0 14px 13px}
.activity-head{height:37px;display:flex;align-items:center;justify-content:space-between;color:#607086;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.activity-log{height:118px;overflow:auto;background:#050910;border:1px solid #131e2b;border-radius:8px;padding:8px}
.activity-log p{display:grid;grid-template-columns:58px 1fr;gap:8px;margin:0 0 6px;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6e839a}
.activity-log time{color:#385064}.activity-log p.hot span{color:#b8dce5}.activity-log p.done span{color:#8adfb0}
.status-panel dl{margin:0;padding:8px 14px}
.status-panel dl div{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.status-panel dt{color:#607086;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.status-panel dd{margin:0;color:#c7d5e6;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}
.budget{padding:14px}.budget>div:first-child{display:flex;justify-content:space-between;color:#75879d;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.budget-meter{height:4px;background:#151f2d;border-radius:9px;margin:11px 0}.budget-meter span{display:block;width:0;height:100%;background:var(--cyan);transition:width .3s}
.budget small{color:#53657a;font-size:10px;line-height:1.45}
.live-note{margin:6px 14px 14px;border:1px solid rgba(255,203,107,.16);background:rgba(255,203,107,.04);border-radius:9px;padding:12px}
.live-note b{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--amber);letter-spacing:.09em}
.live-note p{color:#78899d;font-size:11px;line-height:1.5;margin:7px 0 0}
.result-panel{margin-bottom:60px}
.report-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid rgba(255,255,255,.07)}
.report-hero small,.report-grid h3,.section-number,.verification small{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.report-hero small,.verification small{color:#63758b}.report-hero h2{font-size:clamp(22px,3vw,42px);margin:10px 0 0;max-width:950px;line-height:1.08}
.confidence{text-align:right}.confidence strong{display:block;color:var(--cyan);margin-top:10px;font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.report-grid{display:grid;grid-template-columns:1fr 1fr}
.report-grid article{min-height:230px;padding:24px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.report-grid article:nth-child(2n){border-right:0}
.section-number{color:#34506a}.report-grid h3{color:var(--cyan);margin:8px 0 18px}
.report-grid article>div{color:#9eb0c4;font-size:14px;line-height:1.65;white-space:pre-wrap}
.report-grid ul{padding-left:18px;margin:0}.report-grid li{margin:0 0 8px}
.verification{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.verification strong{display:block;margin-top:6px;font-size:12px}
.verification button{border:1px solid #22344a;background:#0a111c;color:#8399b1;border-radius:7px;padding:9px 11px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;cursor:pointer}
footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding:26px clamp(18px,4vw,64px);color:#526278;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}
footer a{text-decoration:none;color:#7b91a8}
@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes dash{to{stroke-dashoffset:-17}}@keyframes ring{0%{opacity:.6;transform:scale(.94)}100%{opacity:0;transform:scale(1.12)}}
@media(max-width:1000px){.workspace{grid-template-columns:1fr}.status-panel{display:grid;grid-template-columns:1.2fr .9fr .9fr}.status-panel .panel-head{grid-column:1/-1}.live-note{align-self:center}.topology{height:500px}.agent{width:210px}}
@media(max-width:720px){
  .shell{width:min(100% - 22px,1480px)}.topbar{height:60px;padding:0 14px}.brand b{display:none}.top-status>span:last-child{display:none}
  .hero{padding:58px 0 34px}h1{font-size:clamp(49px,16vw,76px)}.mission-input-row{grid-template-columns:1fr}.launch{height:58px;border-left:0;border-top:1px solid rgba(255,255,255,.07);flex-direction:row}.launch-icon{font-size:20px}
  .workspace{gap:10px}.topology{height:auto;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.links,.core{display:none}.agent{position:relative!important;inset:auto!important;width:auto}.agent.active{transform:none}
  .status-panel{display:block}.report-grid{grid-template-columns:1fr}.report-grid article{border-right:0}.report-hero{flex-direction:column;gap:18px}.confidence{text-align:left}.verification{align-items:flex-start;gap:16px}.verification button{flex:0 0 auto}
  footer{flex-direction:column;align-items:flex-start}.mission-meta span{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}