:root{color-scheme:dark;--bg:#080e17;--panel:#0e1724;--line:#223246;--muted:#a3b4c9;--white:#edf6ff;--signal:#65f0df;--mono:"DM Mono",monospace;--shift:0px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:15px Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,pre:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:5px}[hidden]{display:none!important}
.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}header{position:sticky;top:0;z-index:5;background:#080e17e8;backdrop-filter:blur(18px);border-bottom:1px solid #203043} .nav,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand img{width:36px;margin-right:3px}.brand span{color:var(--signal)}nav{display:flex;gap:32px;color:var(--muted);font-size:13px}nav a:hover,footer a:hover{color:var(--signal)}
.button{border:1px solid transparent;border-radius:9px;min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s;font-size:14px}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.primary{background:var(--signal);color:#042622;box-shadow:0 0 26px #5cf9df21}.primary:hover{background:#a4fff3;box-shadow:0 0 30px #5cf9df40}.secondary{border-color:#34445a;background:#101b2b;color:var(--white)}.secondary:hover{background:#192b41}.small{min-height:36px;padding:0 13px;font-size:12px}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.grid-glow{position:absolute;inset:-100px 0;z-index:-1;transform:translateY(var(--shift));background:radial-gradient(ellipse at 74% 43%,#113c49 0%,#0c1c31 36%,transparent 70%);opacity:.75}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#68c1ef12 1px,transparent 1px),linear-gradient(90deg,#68c1ef12 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(95deg,transparent,#000 75%);pointer-events:none}
.hero-grid{min-height:565px;display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:46px;padding-block:60px}.intro,.hero-visual{animation:enter .7s cubic-bezier(.18,.72,.3,1) both}.hero-visual{animation-delay:.14s}.eyebrow,.section-index,.hero-meta,.diagram-label,figcaption,.node-labels,.tag,.micro,.terminal-head,.cards article>span{font:500 11px var(--mono);letter-spacing:.09em}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#12303a80;border:1px solid #28515b;border-radius:30px;padding:8px 12px;color:#a8f9ed}.eyebrow i,.node-labels i,.workspace-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px var(--signal);animation:pulse 3s ease-in-out infinite}
h1{font-size:clamp(45px,5.6vw,79px);line-height:1;letter-spacing:-.073em;margin:23px 0;font-weight:800}h1 em{font-style:normal;color:#83f9e7;background:linear-gradient(90deg,#91ffe8,#4ec1ff);background-clip:text;-webkit-text-fill-color:transparent}.intro p,.section p{color:var(--muted);line-height:1.65}.intro p{font-size:17px;max-width:475px;margin:0 0 25px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-meta{display:flex;gap:20px;color:#9eb3ca;margin-top:28px}
.hero-visual{margin:0;border:1px solid #33536a;border-radius:17px;overflow:hidden;background:#0a1422b0;box-shadow:0 24px 80px #0005}.diagram-label,figcaption{display:flex;justify-content:space-between;gap:8px;padding:17px;color:#9fb6cd;background:#0e1a2b}.diagram-label{border-bottom:1px solid var(--line)}figcaption{border-top:1px solid var(--line);font-size:10px}
.diagram{position:relative;min-height:290px;display:grid;place-content:center;justify-items:center;padding:22px;background:radial-gradient(ellipse,#16414e,#0b1724 70%);overflow:hidden}.diagram:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23px,#5bb7d51a 24px);mask-image:radial-gradient(ellipse,#000,transparent 75%)}.diagram img{position:relative;max-width:80%;height:auto;filter:drop-shadow(0 0 13px #24d7ef50);animation:float 5s ease-in-out infinite}.node-labels{width:min(310px,100%);display:flex;justify-content:space-between;gap:10px;position:relative;margin-top:18px;color:#b8cbe0;font-size:10px}.node-labels i{margin-right:5px;width:5px;height:5px}.node-labels span:first-child i{background:#f3a98a;box-shadow:0 0 8px #f3a98a}
.section{padding-block:72px 0;scroll-margin-top:55px}.section-index{color:#78e9da;margin-bottom:14px}.section-index span{color:#647f98;margin:0 5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section h2{font-size:clamp(30px,4vw,51px);line-height:1.05;letter-spacing:-.06em;margin:0 0 12px}.section p{margin:0}.tag{color:#c4d7e9;border:1px solid #354761;border-radius:6px;padding:8px 10px;white-space:nowrap}
.workspace,.lab,.cards article{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.workspace-top,.workspace-foot,.terminal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px}.workspace-top{border-bottom:1px solid var(--line);font:13px var(--mono)}.workspace-top i{margin-right:7px;width:6px;height:6px}.muted{color:var(--muted)}.workspace-body{display:grid;grid-template-columns:255px minmax(0,1fr)}.steps{padding:21px 18px;border-right:1px solid var(--line)}.steps ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.steps li{display:flex;align-items:center;gap:12px;border-radius:7px;padding:9px;font-size:13px}.steps b{font:11px var(--mono);color:#b4c8dd}.steps small{display:block;color:var(--muted);margin-top:3px}.steps .active{background:#1b3941;color:var(--signal)}.steps .done b{color:var(--signal)}.terminal{background:#080f1a;min-width:0}.terminal-head{border-bottom:1px solid var(--line);color:#a0bbd0}pre{font:12px/1.65 var(--mono);color:#bfd4e7;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.terminal pre{height:215px}.workspace-foot{min-height:53px;border-top:1px solid var(--line);color:#b9cadb;font-size:13px}.workspace details{border-top:1px solid var(--line);padding:15px}.workspace summary{cursor:pointer;color:var(--signal)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.cards article{padding:22px;transition:border-color .25s,transform .25s}.cards article:hover{border-color:#4c8b94;transform:translateY(-4px)}.cards article>span{color:var(--signal)}.cards h3{margin:18px 0 8px;font-size:21px;letter-spacing:-.035em}.lab{padding:28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:linear-gradient(130deg,#10212e,var(--panel))}.lab .button{margin-top:18px}.lab pre{background:#080f1a;border:1px solid var(--line);border-radius:10px;min-height:150px;max-height:320px}footer{margin-top:60px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .brand{color:var(--white)}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.55}}
@media(max-width:900px){.hero-grid{gap:26px}.diagram{min-height:240px}.hero-meta{gap:10px}.shell{width:calc(100% - 44px)}}
@media(max-width:720px){.shell{width:calc(100% - 32px)}nav{display:none}.nav{min-height:60px;gap:8px}.hero-grid{grid-template-columns:1fr;padding-block:42px}.section{padding-top:48px}.section-head{align-items:start;flex-direction:column}.cards,.lab,.workspace-body{grid-template-columns:1fr}.steps{border-right:0;border-bottom:1px solid var(--line)}.steps ol{grid-template-columns:repeat(3,1fr)}.steps li{align-items:start;gap:5px;padding:6px;flex-direction:column}.steps small{display:none}.diagram{min-height:210px}.diagram img{width:220px}.lab{padding:18px}footer{flex-wrap:wrap;padding-block:16px;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.grid-glow{transform:none}}
h1{font-size:clamp(42px,5vw,70px)}
@media(min-width:1050px){h1{font-size:clamp(53px,4.8vw,68px)}}
@media(prefers-reduced-motion:no-preference){
  .section.arriving{animation:enter .6s cubic-bezier(.18,.72,.3,1) both}
  .steps .active b{animation:pulse 1.25s ease-in-out infinite}
  .grid-glow{will-change:transform}
}
.source-form,.runtime{padding:15px 17px;border-bottom:1px solid var(--line)}
.source-form label{display:block;font-weight:600;margin-bottom:8px}
.source-form small{color:var(--muted);font-weight:400;margin-left:8px}
.source-form>div{display:grid;grid-template-columns:2fr 1fr;gap:9px}
input,select{min-width:0;background:#080f1a;border:1px solid #34445a;border-radius:7px;color:var(--white);font:inherit;padding:9px}
.source-form p,.runtime{font-size:12px}
.source-form p{margin-top:7px}
.runtime{border-top:1px solid var(--line);border-bottom:0}
.runtime .micro{color:var(--signal);margin-bottom:7px}
.runtime-entry{display:flex;gap:8px 17px;flex-wrap:wrap;padding:7px 0;color:var(--muted)}
.runtime-entry strong{color:var(--white)}
.workspace-foot{flex-wrap:wrap}
.workspace-foot #status{margin-right:auto}
.history-list{padding:14px;color:var(--muted)}
.history-row{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:12px;text-align:left;background:#101b2b;border:1px solid var(--line);color:var(--white);padding:12px;border-radius:7px;margin:6px 0;cursor:pointer;overflow-wrap:anywhere}
.history-row:hover{border-color:var(--signal)}
.history-row span:last-child{color:var(--signal)}
.faq{margin-top:25px}
.faq details{border-bottom:1px solid var(--line);padding:13px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{padding-top:8px}
@media(max-width:530px){.source-form>div,.history-row{grid-template-columns:1fr}.source-form small{display:block;margin:4px 0}}

#profile{width:100%;margin-bottom:14px}

#load-example{margin-top:9px}

.resource-dock{position:fixed;right:18px;bottom:18px;z-index:30;width:285px;max-width:calc(100vw - 24px);font-size:12px;filter:drop-shadow(0 12px 32px #0008)}
.resource-dock details{background:#101c29f5;border:1px solid #264252;border-radius:14px;overflow:hidden;backdrop-filter:blur(18px)}
.resource-dock summary{display:flex;align-items:center;gap:8px;padding:13px;cursor:pointer;font-weight:600;list-style:none}
.resource-dock summary::marker{content:""}.resource-dock summary>span:last-child{margin-left:auto;font-size:10px;color:#63e5d7}
.sensor-dot{height:6px;width:6px;border-radius:50%;background:#38dbc5;box-shadow:0 0 10px #38dbc577}
.sensor-error .sensor-dot{background:#e7b46d;box-shadow:none}.resource-body{padding:0 13px 12px}.resource-body>.micro{font-size:10px;margin:4px 0 12px}
.sensor-grid{margin:0;display:grid;gap:10px}.sensor-grid>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.sensor-grid dt{color:#a7bac9}.sensor-grid dt span{display:inline-block;width:16px;color:#59ddd2}.sensor-grid dd{margin:0;font-family:monospace;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.resource-caption{font-size:10px;line-height:1.6;color:#91a7b8;margin:10px 0 0}
.analysis-body{padding:20px}.candidate-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.candidate-history article{border:1px solid #263a4a;border-radius:10px;padding:14px}.candidate-history p,.impact-edge{font-size:12px;line-height:1.6;color:#a8bdcc}.impact-edge{padding:10px;border-left:2px solid #3ad6c9;background:#122232;overflow-wrap:anywhere}.analysis-body pre{max-height:300px;overflow:auto}
@media(max-width:700px){.resource-dock{right:12px;bottom:12px;width:270px}.resource-dock summary{padding:11px}.resource-body{max-height:46vh;overflow:auto}}

.resource-dock summary{display:grid;grid-template-columns:6px 1fr auto;column-gap:8px;row-gap:7px}.resource-dock #resource-live{color:#63e5d7;font-size:10px}.resource-dock #resource-compact{grid-column:2 / -1;font:10px monospace;color:#b6cbd4;margin:0;white-space:nowrap}