:root {
  --bg:#04070a;
  --panel:#081018;
  --panel-2:#0b141c;
  --panel-3:#0e1921;
  --line:#1b2a34;
  --line-bright:#2d4552;
  --text:#d7e2e7;
  --muted:#71828c;
  --green:#8ef0bf;
  --green-2:#37c98a;
  --amber:#f1c16b;
  --red:#ff6a6a;
  --blue:#78b8ff;
  --violet:#ba9cff;
  --shadow:0 34px 110px rgba(0,0,0,.52);
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 68% 22%,rgba(55,201,138,.075),transparent 30rem),
  radial-gradient(circle at 12% 10%,rgba(120,184,255,.05),transparent 26rem),
  linear-gradient(180deg,#04070a 0%,#05090c 46%,#030608 100%);
  color:var(--text);font-family:var(--mono);overflow-x:hidden}
button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.noise{position:fixed;inset:0;pointer-events:none;opacity:.032;z-index:70;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.grid-glow{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(142,240,191,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(142,240,191,.022) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.scanline{position:fixed;left:0;right:0;top:-16vh;height:16vh;pointer-events:none;z-index:69;background:linear-gradient(to bottom,transparent,rgba(142,240,191,.018),transparent);animation:scan 13s linear infinite}
.edge-signal{position:fixed;right:17px;top:40%;display:grid;gap:7px;z-index:3;opacity:.36}.edge-signal span{width:2px;height:22px;background:#40535d;transform-origin:center}.edge-signal span:nth-child(2),.edge-signal span:nth-child(4){height:9px;background:var(--green-2)}.edge-signal span:nth-child(3){height:38px}
.pulse-layer{position:fixed;inset:0;z-index:68;pointer-events:none;opacity:0;border:1px solid transparent}.pulse-layer.pulse-active{animation:surface-pulse .95s ease-out}.pulse-layer[data-tone="red"]{border-color:rgba(255,106,106,.34);box-shadow:inset 0 0 120px rgba(255,106,106,.12)}.pulse-layer[data-tone="blue"]{border-color:rgba(120,184,255,.35);box-shadow:inset 0 0 130px rgba(120,184,255,.1)}.pulse-layer[data-tone="green"]{border-color:rgba(142,240,191,.35);box-shadow:inset 0 0 130px rgba(142,240,191,.1)}

.topbar{height:78px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);position:relative;z-index:4;background:rgba(4,7,10,.76);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand-mark{border:1px solid var(--line-bright);background:#091118;color:var(--green);padding:8px 10px;font-weight:600;box-shadow:inset 0 0 18px rgba(142,240,191,.04),0 0 0 rgba(142,240,191,0);transition:.25s}.brand:hover .brand-mark{box-shadow:inset 0 0 18px rgba(142,240,191,.07),0 0 28px rgba(142,240,191,.08)}.brand-copy{display:grid;gap:1px}.brand-copy strong{font:760 14px/1 var(--display);letter-spacing:.16em}.brand-copy small{font-size:8px;color:var(--muted);letter-spacing:.24em}
.topbar-meta{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.08em}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green-2);box-shadow:0 0 12px var(--green-2)}.discovery-readout{border-left:1px solid var(--line);padding-left:20px}.discovery-readout b{font-weight:500;color:#afbdc4}.icon-button{border:1px solid var(--line);color:var(--muted);background:transparent;padding:6px 9px;cursor:pointer}.icon-button:hover{color:var(--green);border-color:var(--line-bright)}

.shell{width:min(1360px,calc(100% - 44px));margin:0 auto;padding:clamp(56px,8vw,108px) 0 56px;position:relative;z-index:1}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);grid-template-areas:"eyebrow eyebrow" "title copy" "title actions";column-gap:76px;align-items:end;margin-bottom:58px}.eyebrow{grid-area:eyebrow;color:var(--green-2);font-size:10px;letter-spacing:.18em;margin:0 0 18px}.intro h1{grid-area:title;margin:0;font:650 clamp(44px,7vw,92px)/.9 var(--display);letter-spacing:-.058em;color:#f3f7f8}.intro h1 em{font-style:normal;color:#657d89}.intro-copy{grid-area:copy}.lede{margin:0;color:#91a3ac;line-height:1.75;font-size:13px;max-width:440px}.microcopy{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);color:#53656f;font-size:9px;line-height:1.6;letter-spacing:.025em}.microcopy span{display:block;color:#78909b;letter-spacing:.14em;margin-bottom:4px}.intro-actions{grid-area:actions;display:flex;align-items:center;gap:20px;margin-top:22px}.primary-action{background:var(--green);color:#06120d;border:0;padding:13px 16px;font-weight:700;font-size:11px;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 0 rgba(142,240,191,0);transition:.2s}.primary-action span{margin-left:20px}.primary-action:hover{background:#b0ffd4;box-shadow:0 0 30px rgba(142,240,191,.12)}.text-action{border:0;background:none;color:var(--muted);font-size:10px;letter-spacing:.11em;cursor:pointer;padding:12px 0}.text-action:hover{color:var(--text)}

.console-wrap{border:1px solid var(--line);background:linear-gradient(180deg,#0a1218,#060b10);box-shadow:var(--shadow);position:relative;overflow:hidden}.console-wrap:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(110deg,transparent 0 64%,rgba(142,240,191,.025) 70%,transparent 76%);transform:translateX(-45%);animation:sheen 10s ease-in-out infinite}.console-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.025)}.console-chrome{height:46px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;color:var(--muted);font-size:9px;letter-spacing:.08em}.window-controls{display:flex;gap:7px}.window-controls span{display:block;width:7px;height:7px;border-radius:50%;background:#26343d}.window-controls span:first-child{background:#5a3434}.window-controls span:nth-child(2){background:#5a5030}.window-controls span:last-child{background:#2c563f}.console-title{text-align:center}.console-badge{text-align:right}.console-badge span{color:var(--green)}
.console-body{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:520px}.rail{border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.012)}.rail-item{border:0;background:transparent;color:#647781;text-align:left;padding:11px 9px;cursor:pointer;font-size:9px;letter-spacing:.1em;border-left:1px solid transparent}.rail-item span{display:inline-block;width:30px;color:#364852}.rail-item:hover,.rail-item.active{color:var(--text);background:rgba(142,240,191,.035);border-left-color:var(--green-2)}.rail-item.active span{color:var(--green-2)}
.terminal-pane{min-width:0;padding:27px 30px 20px;display:flex;flex-direction:column}.terminal-output{flex:1;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.67;color:#aebcc3;overflow:auto;max-height:455px;scrollbar-width:thin;scrollbar-color:#263640 transparent}.term-line{display:block}.term-command{color:#eaf0f2}.term-green{color:var(--green)}.term-blue{color:var(--blue)}.term-amber{color:var(--amber)}.term-red{color:var(--red)}.term-violet{color:var(--violet)}.term-muted{color:#5f727c}.term-heading{color:#f4f8f8;font-weight:600}.terminal-input-row{display:flex;align-items:center;min-height:42px;border-top:1px solid rgba(255,255,255,.05);margin-top:14px;padding-top:14px;color:var(--text)}.prompt-user{font-size:11px;color:var(--green)}.prompt-path{font-size:11px;color:var(--blue);margin-right:8px}#command-input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#edf3f4;caret-color:var(--green);font-size:12px;padding:6px 0}.caret{width:6px;height:14px;background:var(--green);opacity:.65;animation:blink 1.1s steps(1) infinite;margin-left:-1px;display:none}.terminal-hint{margin:2px 0 0;color:#485b65;font-size:9px;letter-spacing:.02em}.terminal-hint button{border:0;background:none;color:#6f858f;padding:0;text-decoration:underline;text-decoration-color:#334650;text-underline-offset:3px;cursor:pointer}.terminal-hint button:hover{color:var(--green)}

.telemetry{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-top:0;background:#060b0f}.telemetry article{min-height:92px;padding:18px 20px;border-right:1px solid var(--line);display:grid;align-content:center;gap:3px;position:relative;overflow:hidden}.telemetry article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--green-2),transparent);opacity:0;transform:scaleX(.3);transition:.3s}.telemetry article:hover:after{opacity:.34;transform:scaleX(1)}.telemetry article:last-child{border-right:0}.telemetry-label{color:#42545e;font-size:8px;letter-spacing:.16em}.telemetry strong{font-size:14px;font-weight:500;color:#cbd8dd}.telemetry small{color:#51636d;font-size:9px}

.field-surface{margin-top:42px;border-top:1px solid rgba(255,255,255,.06);position:relative}.field-surface:before{content:"17";position:absolute;right:0;top:20px;font:750 clamp(80px,14vw,190px)/.8 var(--display);color:rgba(255,255,255,.014);letter-spacing:-.08em;pointer-events:none}.field-header{min-height:152px;display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:50px;padding:32px 0 30px}.field-kicker{font-size:8px;color:#47606c;letter-spacing:.2em}.field-header h2{margin:8px 0 0;font:620 clamp(24px,4vw,48px)/1 var(--display);letter-spacing:-.035em;color:#7e919b}.field-message{margin:0 0 4px;padding:14px 16px;border-left:1px solid #253944;background:rgba(255,255,255,.012);color:#607580;font-size:10px;line-height:1.6;transition:.25s}.field-message[data-tone="green"]{border-left-color:var(--green-2);color:#8ebaa4}.field-message[data-tone="amber"]{border-left-color:var(--amber);color:#b69d70}.field-message[data-tone="red"]{border-left-color:var(--red);color:#bf7d7d}.field-message[data-tone="ghost"]{border-left-color:var(--violet);color:#887aa3}.field-message-live{animation:field-flicker .7s ease}

.topology-panel{display:grid;grid-template-rows:0fr;opacity:.4;border:1px solid var(--line);background:#050a0e;transition:grid-template-rows .8s cubic-bezier(.2,.8,.2,1),opacity .55s ease,border-color .45s}.topology-panel.topology-visible{grid-template-rows:auto 1fr;opacity:1;border-color:#29404b}.topology-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;padding:0 16px;color:#425761;font-size:8px;letter-spacing:.16em}.topology-panel.topology-visible .topology-head{border-bottom-color:var(--line)}.topology-head strong{color:#57717d;font-weight:500}.topology-visible .topology-head strong{color:var(--green-2)}.topology-stage{min-height:0;overflow:hidden;position:relative;transition:min-height .75s cubic-bezier(.2,.8,.2,1)}.topology-visible .topology-stage{min-height:390px}.topology-stage svg{display:block;width:100%;height:390px}.link{fill:none;stroke:#1b303a;stroke-width:1.2;stroke-dasharray:4 7;animation:dash 20s linear infinite}.link-c,.link-f,.link-i{stroke:#24483b}.topology-node circle{fill:#09131a;stroke:#34515e;stroke-width:1.2;transition:.3s}.topology-node .node-core{fill:#607984;stroke:none}.topology-node text{fill:#617680;font:9px var(--mono);text-anchor:middle;letter-spacing:.08em}.topology-node-primary circle{stroke:var(--green-2)}.topology-node-primary .node-core{fill:var(--green)}.topology-node-pinned circle{stroke:#65573c}.topology-node-pinned .node-core{fill:var(--amber)}.topology-node-unknown circle{stroke:#4c4065}.topology-node-unknown .node-core{fill:var(--violet);opacity:.65}.topology-node.node-hot circle:first-child{stroke:var(--green);filter:drop-shadow(0 0 9px rgba(142,240,191,.35));animation:node-ring .8s ease}.topology-node.node-hot .node-core{fill:#e7fff3}.topology-watermark{position:absolute;left:16px;bottom:12px;color:#273942;font-size:7px;letter-spacing:.16em}

.artifact-rack{margin-top:18px;border:1px solid var(--line);display:grid;grid-template-columns:1.45fr repeat(5,1fr);background:linear-gradient(180deg,#070d12,#05090d);transition:.35s}.artifact-rack-focus{border-color:#3b5663;box-shadow:0 0 40px rgba(120,184,255,.04)}.artifact-intro{padding:18px 20px;display:grid;align-content:center;border-right:1px solid var(--line)}.artifact-intro span{font-size:8px;letter-spacing:.17em;color:#607581}.artifact-intro p{margin:7px 0 0;max-width:250px;font-size:8px;line-height:1.5;color:#40535d}.artifact-slot{min-height:88px;padding:15px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;gap:3px 9px;position:relative;overflow:hidden}.artifact-slot:last-child{border-right:0}.artifact-slot:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(142,240,191,.09),transparent 70%);opacity:0;transition:.4s}.artifact-slot b{grid-row:1/3;align-self:center;color:#293b44;font:600 18px var(--display)}.artifact-slot span{font-size:8px;letter-spacing:.08em;color:#53666f}.artifact-slot small{font-size:7px;color:#31434c;letter-spacing:.12em;text-transform:uppercase}.artifact-slot.artifact-unlocked{background:rgba(142,240,191,.018)}.artifact-slot.artifact-unlocked:after{opacity:1}.artifact-slot.artifact-unlocked b{color:var(--green-2)}.artifact-slot.artifact-unlocked span{color:#a9c8b8}.artifact-slot.artifact-unlocked small{color:#628d77}.phase-ready .artifact-rack{border-color:#4b3f63}.phase-ready .artifact-slot.artifact-unlocked b{color:var(--violet)}

.phase-overlay{position:fixed;inset:0;z-index:120;background:#020305;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;overflow:hidden}.phase-overlay-visible{opacity:1;visibility:visible}.phase-overlay:before,.phase-overlay:after{content:"";position:absolute;inset:0;pointer-events:none}.phase-overlay:before{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(186,156,255,.024) 3px 4px)}.phase-overlay:after{background:radial-gradient(circle at center,rgba(120,184,255,.09),transparent 38%),radial-gradient(circle at 70% 30%,rgba(186,156,255,.06),transparent 30%)}.phase-noise{position:absolute;inset:-30%;background-image:radial-gradient(circle,#8e77b8 0 1px,transparent 1px);background-size:49px 49px;opacity:.055;transform:rotate(17deg);animation:phase-drift 14s linear infinite}.phase-mark{position:absolute;left:5vw;top:50%;transform:translateY(-50%);font:800 clamp(110px,25vw,360px)/1 var(--display);letter-spacing:-.12em;color:rgba(186,156,255,.025);user-select:none}.phase-content{position:relative;z-index:2;width:min(880px,calc(100% - 44px));padding:50px 0}.phase-code{display:block;color:var(--violet);font-size:10px;letter-spacing:.24em;margin-bottom:28px}.phase-content h2{margin:0;color:#f5f2ff;font:760 clamp(48px,9vw,116px)/.86 var(--display);letter-spacing:-.065em}.phase-content p{max-width:650px;margin:30px 0 0;color:#958ba9;font-size:13px;line-height:1.8}.phase-command{margin-top:32px;border-top:1px solid #2c2735;padding-top:20px;color:#665d73;font-size:9px;letter-spacing:.12em}.phase-command strong{color:#d1bfff;font-weight:500}.phase-dismiss{margin-top:38px;border:1px solid #3a3049;background:transparent;color:#8a799e;padding:11px 14px;font-size:9px;letter-spacing:.13em;cursor:pointer}.phase-dismiss:hover{border-color:#6b548a;color:#cdb8e8}.phase-two-remembered .brand-mark{border-color:#403551}.phase-two-remembered .brand-mark:after{content:" II";color:var(--violet);font-size:7px}.phase-two .grid-glow{background-image:linear-gradient(rgba(186,156,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(186,156,255,.018) 1px,transparent 1px)}

footer{border-top:1px solid rgba(255,255,255,.05);min-height:80px;padding:0 clamp(22px,4vw,64px);display:flex;justify-content:space-between;align-items:center;color:#3f5059;font-size:9px;letter-spacing:.04em;position:relative;z-index:1}.toast{position:fixed;right:22px;bottom:22px;background:#0d171d;border:1px solid var(--line-bright);padding:11px 13px;color:#91a5ae;font-size:10px;z-index:80;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:none}.shutdown{position:fixed;inset:0;background:#020303;z-index:110;display:none;place-items:center}.shutdown.active{display:grid;animation:poweroff .7s ease both}.shutdown div{height:2px;width:40vw;background:#e8ffff;box-shadow:0 0 25px white;animation:collapse .65s ease forwards}

@keyframes blink{50%{opacity:0}}
@keyframes scan{to{transform:translateY(125vh)}}
@keyframes sheen{0%,35%{transform:translateX(-55%)}65%,100%{transform:translateX(75%)}}
@keyframes dash{to{stroke-dashoffset:-220}}
@keyframes node-ring{0%{stroke-width:1}45%{stroke-width:5}100%{stroke-width:1}}
@keyframes field-flicker{0%{opacity:.3}18%{opacity:1}27%{opacity:.5}40%,100%{opacity:1}}
@keyframes surface-pulse{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
@keyframes collapse{0%{transform:scaleX(1)}70%{transform:scaleX(.8) scaleY(1)}100%{transform:scaleX(0) scaleY(0)}}
@keyframes poweroff{0%{background:rgba(0,0,0,0)}100%{background:#000}}
@keyframes phase-drift{to{transform:rotate(17deg) translate3d(49px,49px,0)}}

@media (max-width:1000px){.telemetry{grid-template-columns:repeat(3,1fr)}.telemetry article:nth-child(3){border-right:0}.telemetry article:nth-child(-n+3){border-bottom:1px solid var(--line)}.artifact-rack{grid-template-columns:repeat(5,1fr)}.artifact-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.artifact-slot:nth-child(4){border-right:1px solid var(--line)}}
@media (max-width:850px){.topbar-meta>span:first-child,.discovery-readout{display:none}.intro{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "copy" "actions";gap:0}.intro h1{margin-bottom:28px}.intro-copy{max-width:560px}.console-body{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto;padding:8px}.rail-item{white-space:nowrap;border-left:0;border-bottom:1px solid transparent}.rail-item.active{border-left:0;border-bottom-color:var(--green-2)}.field-header{grid-template-columns:1fr;gap:20px;align-items:start}.topology-visible .topology-stage{min-height:330px}.topology-stage svg{height:330px}.artifact-rack{grid-template-columns:repeat(3,1fr)}.artifact-intro{grid-column:1/-1}.artifact-slot{border-bottom:1px solid var(--line)}.artifact-slot:nth-child(4){border-right:0}.artifact-slot:nth-last-child(-n+2){border-bottom:0}.artifact-slot:last-child{border-right:0}.edge-signal{display:none}}
@media (max-width:560px){.topbar{height:64px}.brand-copy small,.topbar-meta #utc-clock{display:none}.topbar-meta{gap:8px}.shell{width:min(100% - 24px,1360px);padding-top:48px}.intro h1{font-size:44px}.lede{font-size:12px}.intro-actions{align-items:flex-start;flex-direction:column;gap:3px}.console-chrome{grid-template-columns:1fr auto}.console-title{display:none}.console-body{min-height:500px}.terminal-pane{padding:22px 16px 16px}.terminal-output{font-size:11px}.prompt-user{display:none}.telemetry{grid-template-columns:repeat(2,1fr)}.telemetry article{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry article:nth-child(even){border-right:0}.telemetry article:last-child{grid-column:1/-1;border-bottom:0}.telemetry strong{font-size:12px}.field-header{min-height:120px;padding-top:24px}.field-header h2{font-size:28px}.topology-visible .topology-stage{min-height:270px}.topology-stage svg{width:760px;height:270px;transform:translateX(-35px)}.artifact-rack{grid-template-columns:1fr 1fr}.artifact-intro{grid-column:1/-1}.artifact-slot:nth-child(odd){border-right:0}.artifact-slot:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.phase-content h2{font-size:48px}footer{padding:24px;gap:12px;flex-direction:column;align-items:flex-start}footer span:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scanline{display:none}}