:root {
  --bg: #090b0e;
  --ink: #e0e0e0;
  --muted: #a0a0a0;
  --jade: #ff6b35;
  --accent: #ff6b35;
}

.mast {
  height: 78px;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}

.hero {
  min-height: 720px;
  height: calc(100svh - 78px);
  max-height: 1100px;
  background: var(--bg);
  position: relative;
  overflow: hidden;
}

.hero-copy {
  position: absolute;
  left: 6vw;
  top: 64px;
  padding: 0;
  margin: 0;
  max-width: none;
  width: min(600px,55%);
  color: var(--ink);
}

.hero h1 {
  font-size: clamp(80px,8.9vw,145px);
  line-height: .94;
  font-weight: 480;
  letter-spacing: -0.07em;
  color: var(--ink);
}

.hero-description {
  color: var(--muted);
  margin-top: 24px;
}

.hero-actions {
  margin-top: 30px;
  display: flex;
  gap: 16px;
}

.hero-machine {
  position: absolute;
  right: 0;
  top: 0;
  width: 66.666%;
  height: 100%;
  transform: translateZ(0);
}

.hero-lanes {position:static;display:flex;flex-direction:row;width:auto;height:auto;gap:24px;padding:0;margin-top:28px}

.section-wrap {
  padding: 80px 6vw;
  background: var(--bg);
}

.section-heading {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 480;
  color: var(--ink);
  margin-bottom: 48px;
}

.footer {
  background: var(--bg);
  padding: 48px 6vw;
  border-top: 1px solid var(--line);
}

@media (max-width: 760px) {
  .mast {
    height: 66px;
  }

  .hero {
    min-height: auto;
    height: auto;
  }

  .hero-copy {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    max-width: none;
    padding: 42px 6% 0;
  }

  .hero h1 {
    font-size: clamp(64px, 10vw, 90px);
  }

  .hero-machine {
    position: relative;
    width: 100%;
    height: 425px;
    overflow: hidden;
  }

  .hero-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg);
    padding: 16px;
    border-top: 1px solid var(--line);
  }
}
:root{--bg:#090b0e;--surface:#111419;--panel:#15191f;--ink:#f2f3f5;--paper:#f2f3f5;--muted:#9b9fa8;--line:#2b2e35;--accent:#ff784b;--copper:#ff966f;--jade:#ff784b;--red:#ffa393;color:var(--ink);background:var(--bg)}
::selection{background:#ff784b;color:#090b0e}
.hero-word{position:absolute;z-index:0;right:-.035em;top:-.02em;font-size:clamp(150px,20vw,350px);font-weight:650;letter-spacing:-.075em;line-height:1;color:transparent;-webkit-text-stroke:1px #c4cbd018;pointer-events:none;user-select:none}
.hero-copy{pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}
.hero-machine{width:76%;right:-8%;height:104%;top:-2%}
.hero-machine:before{background:radial-gradient(ellipse at 58% 52%,#7785a512,transparent 61%)}
.machine-controls{position:absolute;right:20%;top:64px;z-index:4}
.machine-controls button{min-height:44px;padding:10px 14px;border:1px solid #929aaa42;background:#0d1015d9;color:#ccd0d7;font:9px var(--mono);letter-spacing:1px;display:flex;gap:22px;align-items:center}
.machine-controls button span{font-size:17px;color:var(--accent)}
.machine-controls button:hover{border-color:var(--accent);background:#171b22}
.coordinate-a{left:35%;top:35px;color:#9ba2af}.coordinate-b{color:#9ba2af}.scene-caption{color:#e1e3e8}
.hero-note{font:8px/1.8 var(--mono);letter-spacing:1.2px;color:#8b8f98}
.roadmap-axis{display:block;margin-top:45px;font:8px/2 var(--mono);letter-spacing:1.5px;color:#7c8594}
.future{background:#0c0f13;grid-template-columns:1fr 1.2fr;gap:10%}
.roadmap-heading{position:sticky;top:70px;align-self:start}.roadmap-heading h2{font-size:clamp(50px,6.4vw,94px);line-height:1;letter-spacing:-.065em}
.roadmap-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:28px}
.roadmap-list{border-top:1px solid #66707f65}
.roadmap-phase{border-bottom:1px solid #66707f45;padding:25px 0}
.roadmap-phase summary{list-style:none;cursor:pointer;position:relative;padding-right:35px;min-height:70px}
.roadmap-phase summary::-webkit-details-marker{display:none}
.roadmap-phase summary>span{display:block;font:8px/1.8 var(--mono);letter-spacing:1.3px;color:#929ba9;margin-bottom:12px}
.roadmap-phase h3{margin:0;font-size:26px;font-weight:430;letter-spacing:-1.1px;line-height:1.15;color:#e2e6ed}
.roadmap-phase summary>b{position:absolute;right:0;top:27px;font-size:22px;font-weight:350;color:#7b8594;transition:transform 200ms,color 200ms}
.roadmap-phase[open] summary>b{transform:rotate(90deg);color:var(--accent)}
.roadmap-phase[open] h3{color:var(--copper)}
.roadmap-phase>p{font-size:12px;line-height:1.9;max-width:470px;margin:19px 0;color:#a6adba}
.phase-tags{display:flex;flex-wrap:wrap;gap:6px}.phase-tags span{border:1px solid #606d7b45;padding:6px 8px;font:7px/1.4 var(--mono);letter-spacing:.6px;color:#9ca7b8}
.roadmap-frontier{padding:29px 22px;margin-top:30px;border-left:2px solid var(--accent);background:#ff784b08}.roadmap-frontier .eyebrow{display:block;font-size:8px;line-height:1.8;letter-spacing:.7px;margin-bottom:13px}.roadmap-frontier p{font-size:12px;line-height:1.9;color:#b9b8be;margin:0}
.primary,.tool-button.primary{background:var(--accent);border-color:var(--accent);color:#160c08}.primary:hover,.tool-button.primary:hover{background:#ffac87;color:#170c07}
.studio .workspace,.mechanism-code,.result-body{background:#0d1015}.editor-wrap,.code-input,.code-highlight{background-color:transparent}.editor-wrap{background:#0b0f14}.line-numbers{background:#080c10;color:#65707c}.editor-foot{background:#0b0e12;color:#8b98aa;border-color:var(--line)}
.pane-title{color:#c6ccd6;border-color:var(--line)}.pane-title>span:last-child{color:#858f9d}.code-top,.code-footer,.component-rule{border-color:var(--line)}.component-detail>p:not(.eyebrow){color:#a8adb8}.component-buttons button[aria-pressed=true]{background:#ff784b0d;color:var(--copper)}
.studio-node-picks{background:#11151b;border-color:var(--line)}.studio-node-picks button{color:#9da9ba;min-height:32px}.studio-node-picks button[aria-pressed=true]{background:#ff784b17;color:#ffb28f}.work-inspector{border-color:var(--line)}.work-inspector p{color:#a0acbf}.inspect-data span{border-color:#5b657a;color:#b7c3d5}
.job-status{background:#151b1d;color:#c2d3cb;border-color:#3a4747}.job-status>span:last-child{color:#94aaa3}.job-status.error{background:#271712;color:#ffd3c2;border-color:#9c5d47}.result-top{background:#12161d}.result-tabs button{color:#a2abba}.result-tabs button[aria-selected=true]{color:var(--copper);border-color:var(--accent)}
.metric-row{border-color:#404954}.metric{border-color:#404954!important}.metric small{color:#a4adba}.metric b{color:#e2e8f1}.result-body pre{color:#bdc9dc}.check-row{border-color:#343c48}.check-row p,.result-scope{color:#a6b1c1}.check-row small{color:#a5c8b9}.check-row>span{color:#9ad5b6}.trace-stack,.opcode-tile{background:#111822;border-color:#465268}.trace-stack p,.opcode-tile>small{color:#98abc5}.opcode-tile h3{color:var(--copper)}.opcode-tile p{color:#b5c1d1}
.saved-state>div>p{color:#b9c2cf}.saved-state small{color:#8b98ac}.compact-limit{color:#91a0b4}.syntax-comment{color:#8592a4}.syntax-keyword{color:#ffa87e}.syntax-type{color:#9dbfe8}.syntax-string{color:#b8d3ac}.syntax-number{color:#cebbeb}
.hook-feature{background:#101319}.hook-diagram{background:linear-gradient(140deg,#1e2734,#10151d);border-color:#536073}.hook-copy>p:not(.eyebrow){color:#a9b2c1}.hook-caption,.hook-flags,.hook-stage>span,.fee-branches article>span,.fee-branches article>p{color:#9daec5}
.guide p,.guide li{color:#aab3c3}.guide>.lead{color:#bfc6d2}.guide a:not(.button){color:#ffb18b}.hero-lanes small{color:#969aa4}.hero-lanes .lane-symbol{color:#ffd7bf}
@media(max-width:760px){.hero-machine{width:120%;height:425px;top:auto;right:auto;margin:16px -10% 90px}.machine-controls{top:10px;right:17%}.coordinate-a{left:22%;top:23px;font-size:6px;max-width:140px}.coordinate-b{bottom:12px;left:27%}.scene-caption{bottom:48px;left:24%}.hero-word{top:175px;font-size:26vw;opacity:.7}.hero-note{font-size:7px;letter-spacing:.8px}.future{grid-template-columns:1fr;gap:38px}.roadmap-heading{position:static}.roadmap-heading h2{font-size:61px}.roadmap-axis{margin-top:22px;font-size:7px}.roadmap-phase h3{font-size:24px}.roadmap-phase>p{font-size:12px}.roadmap-frontier{margin-top:25px;padding:22px 17px}.hero-copy{z-index:3}.studio-node-picks button{min-height:44px}.tool-actions{flex-wrap:wrap}.tool-actions button,.saved-actions .tool-button{min-height:44px}.studio .workspace{height:auto}.work-inspector{max-height:none}.guide h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){.roadmap-phase summary>b{transition:none}.hero-word{transform:none}}

@media(max-width:760px){.hero-bottom{left:6%;right:6%;padding:0;background:transparent}.hero-lanes{position:static;flex-direction:row;width:auto;height:auto;padding:0}.hero-copy{width:auto}.hero h1{font-size:clamp(64px,13vw,96px);line-height:.96}}
.scenario-panel{margin:20px 0;border:1px solid #404954;background:#10161f;padding:18px 22px}.scenario-panel summary{cursor:pointer;color:#ffb18b;font:11px var(--mono,monospace);letter-spacing:1px;min-height:28px}.scenario-panel summary span{color:#b7c3d5;margin-left:20px;letter-spacing:0}.scenario-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.scenario-heading p{flex:1 1 280px;font-size:12px;line-height:1.6;color:#aab8ca}.scenario-heading button{min-height:44px}.scenario-input{width:100%;height:260px;resize:vertical;background:#0b1018;border:1px solid #3d4a5e;color:#c8d7e8;font:12px/1.6 monospace;tab-size:2;padding:16px;box-sizing:border-box;outline-offset:3px}.scenario-panel>p{font:11px/1.6 monospace;color:#a6b1c1;overflow-wrap:anywhere}.scenario-panel>p.error{color:#ffb99e}.result-controls{flex-wrap:wrap;gap:8px}.result-controls button{min-height:40px}.result-controls button:disabled{opacity:.4}.result-top{flex-wrap:wrap}.result-body{overflow-wrap:anywhere}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr))}.metric b{overflow-wrap:anywhere}
@media(max-width:760px){.scenario-panel{padding:15px}.scenario-panel summary span{display:block;margin:8px 0 0}.scenario-input{font-size:11px}.result-controls{width:100%;padding:10px}.result-controls button{min-height:44px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

.artifact-tools{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #404954;padding:32px 0}.artifact-tools h2{font-size:24px;margin:10px 0;color:#d9e2ed}.artifact-tools p:not(.eyebrow){font-size:12px;color:#a6b5c9;line-height:1.7;max-width:470px}.artifact-tools .file-button{display:inline-flex;min-height:44px;align-items:center;margin-top:10px}.artifact-tools .file-button input{max-width:100%}#verification-result{overflow-wrap:anywhere}
@media(max-width:760px){.artifact-tools{grid-template-columns:1fr;gap:25px}}

/* Source workspace controls */
.file-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line,#26352e)}
.file-tools select,.file-tools input,.program-settings input{color:inherit;background:#0c1413;border:1px solid #33483e;border-radius:4px;padding:9px 10px;font:12px var(--mono,monospace);min-width:0}
.file-tools select{max-width:100%;flex:1 1 130px}.file-tools input{width:120px;flex:1 1 100px}.file-tools button{font-size:10px}
.program-settings{display:flex;gap:12px;align-items:center;padding:8px 16px;border-bottom:1px solid #26352e;font:10px var(--mono,monospace);letter-spacing:.04em}.program-settings[hidden]{display:none}.program-settings input{flex:1;width:0;font-size:10px}