
:root{
  --paper:#eee9df; --ink:#11120f; --muted:#69685f; --rule:#bbb6aa;
  --acid:#d7ff46; --orange:#ff6b3d; --panel:#191b17; --panel2:#23261f;
  --white:#faf8f2; --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.5}
a{color:inherit} button{font:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--acid);padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1rem 3vw;border-bottom:1px solid rgba(17,18,15,.24);background:rgba(238,233,223,.9);backdrop-filter:blur(14px)}
.brand{text-decoration:none;display:flex;align-items:center;gap:.65rem;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;background:var(--ink);color:var(--acid);font-family:var(--mono)}.brand-name{font-size:1.05rem}
.nav-links{display:flex;justify-content:center;gap:1.6rem}.nav-links a,.nav-cta{text-decoration:none;font:700 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.nav-links a:hover{text-decoration:underline}.nav-cta{border:1px solid;padding:.65rem .8rem}
.hero{position:relative;min-height:92vh;padding:9vw 4vw 3rem;overflow:hidden;border-bottom:1px solid var(--rule)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,18,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 25%,transparent 88%)}
.hero-copy{position:relative;max-width:1050px;z-index:2}.eyebrow,.section-kicker{font:700 .72rem/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.hero h1{font:500 clamp(3.8rem,9vw,9rem)/.87 var(--serif);letter-spacing:-.055em;max-width:1150px;margin:1.5rem 0 2rem}
.hero-lede{font-size:clamp(1rem,1.5vw,1.35rem);max-width:780px;color:#383933}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;text-decoration:none;padding:.9rem 1.1rem;border:1px solid var(--ink);font:800 .75rem/1 var(--mono);text-transform:uppercase}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:var(--acid);color:var(--ink)}.button-ghost:hover{background:var(--white)}
.hero-instrument{position:relative;margin:6vw 0 2.3rem auto;width:min(760px,92%);background:var(--panel);color:var(--white);box-shadow:18px 18px 0 rgba(17,18,15,.13)}
.instrument-head,.instrument-footer{display:flex;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid #42443c;font:700 .68rem/1 var(--mono);letter-spacing:.09em}.instrument-footer{border-top:1px solid #42443c;border-bottom:0;color:#aaa99f}.status-dot{color:var(--acid)}.status-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:.4rem;box-shadow:0 0 15px var(--acid)}
.instrument-body{display:grid;grid-template-columns:1.6fr 1fr;gap:1px;background:#42443c}.signal-column{background:var(--panel);padding:1.4rem;display:flex;flex-direction:column;gap:.65rem}.signal-label{font:700 .65rem var(--mono);color:#8f9089}.signal-column strong{font:700 clamp(2rem,5vw,4.5rem)/1 var(--mono);color:var(--acid)}.mono-list{font:700 .72rem/1.8 var(--mono)}.mono-list b{color:var(--acid)}.mono-list .warn{color:#ffcf52}
.cycle-strip{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;align-items:center;border-top:1px solid var(--rule);padding:1.35rem 0 0;font:700 .69rem var(--mono);letter-spacing:.08em}.cycle-strip i{font-style:normal;color:var(--muted)}
.section-pad{padding:7rem 4vw;border-bottom:1px solid var(--rule)}.section-kicker{margin-bottom:2rem;color:#4f5049}.manifesto-grid,.section-title-row,.break-grid,.adapt-grid,.run-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw}.manifesto h2,.section-title-row h2,.break-grid h2,.reconstruct h2,.adaptation h2,.run h2,.boundary h2,.creator h2{font:500 clamp(2.6rem,5vw,5.6rem)/.98 var(--serif);letter-spacing:-.04em;margin:0}.manifesto-copy,.section-title-row p,.break-grid p,.reconstruct p,.adaptation p,.run p,.boundary p{font-size:1.05rem;color:#484942}.section-title-row{align-items:end;margin-bottom:3rem}
.engine{background:var(--ink);color:var(--white)}.engine .section-kicker,.engine .section-title-row p{color:#a9aaa1}.engine-console{border:1px solid #41433d;display:grid;grid-template-columns:260px 1fr;min-height:460px}.engine-rail{display:flex;flex-direction:column;border-right:1px solid #41433d}.stage{appearance:none;text-align:left;border:0;border-bottom:1px solid #41433d;background:transparent;color:#bbbdb4;padding:1.25rem;cursor:pointer;font-weight:800}.stage span{display:inline-block;width:2.8rem;font:600 .67rem var(--mono);color:#74766f}.stage:hover,.stage.active{background:var(--acid);color:var(--ink)}.stage.active span{color:#4c510b}.engine-display{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.engine-meta{display:flex;justify-content:space-between;color:#8b8e84;font:700 .7rem var(--mono);letter-spacing:.1em}.engine-display h3{font:500 clamp(2.7rem,6vw,6rem)/.95 var(--serif);letter-spacing:-.045em;margin:2rem 0 1.2rem}.engine-display>p{font-size:1.1rem;color:#c7c8c0;max-width:700px}.engine-readout{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #41433d}.engine-readout div{padding:1rem 0}.engine-readout div+div{border-left:1px solid #41433d;padding-left:1rem}.engine-readout small{display:block;color:#777970;font:700 .65rem var(--mono);margin-bottom:.4rem}.engine-readout span{font-family:var(--mono);font-size:.78rem}
.break-grid{align-items:center}.gate-simulator{background:#d8d4ca;border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.gate-head{display:flex;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--ink);font:700 .7rem var(--mono)}.gate-list{padding:.75rem}.gate-row{width:100%;display:grid;grid-template-columns:85px 1fr 80px;gap:1rem;align-items:center;border:0;border-bottom:1px solid #a8a399;background:transparent;padding:1rem .5rem;text-align:left}.gate-row span,.gate-row em{font:700 .7rem var(--mono);font-style:normal}.gate-row b{font-size:.88rem}.gate-row em{text-align:right;color:#3a7300}.gate-row#toggle-invariant{cursor:pointer}.gate-row.fail{background:#2a110c;color:#fff}.gate-row.fail em{color:var(--orange)}.build-gate{margin:1rem;padding:1.1rem;border:2px solid;display:flex;justify-content:space-between;gap:1rem;align-items:center}.build-gate span{font:900 1rem var(--mono)}.build-gate small{font:600 .65rem var(--mono)}.build-gate.pass{background:var(--acid)}.build-gate.fail{background:var(--orange);color:#1c0e09}
.evidence{background:#d8d4ca}.evidence-ladder{max-width:1100px;margin-left:auto}.evidence-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;min-height:62px;border-top:1px solid #aaa59b;padding:.7rem 0}.evidence-row span,.evidence-row em{font:700 .68rem var(--mono);font-style:normal;text-transform:uppercase}.evidence-row b{font:600 clamp(1rem,2vw,1.45rem) var(--sans)}.evidence-row em{color:#76756e}.evidence-row.strongest{border-top:3px solid var(--ink)}.evidence-row.weakest{opacity:.55}
.reconstruct-card{background:var(--panel);color:var(--white);padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw}.reconstruct p{color:#bbbbb3}.dependency-map{min-height:380px;position:relative;border:1px solid #40423d;background-image:radial-gradient(#42443e 1px,transparent 1px);background-size:18px 18px}.dependency-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.dependency-map path{fill:none;stroke:#8c8e84;stroke-width:1.2;vector-effect:non-scaling-stroke}.dependency-map .failed-line{stroke:var(--orange);stroke-dasharray:5 4}.node{position:absolute;z-index:2;border:1px solid #71736b;background:var(--panel);padding:.65rem .8rem;font:700 .67rem var(--mono)}.node small{color:#a7a89f}.node.failed{border-color:var(--orange);color:var(--orange)}.n1{left:6%;top:14%}.n2{left:6%;bottom:14%}.n3{left:48%;top:34%}.n4{right:5%;top:52%}.reconstruct-stamp{position:absolute;right:5%;bottom:8%;border:2px solid var(--acid);color:var(--acid);padding:.8rem 1rem;font:900 .76rem/1.3 var(--mono);transform:rotate(-4deg);text-align:center}.reconstruct-stamp small{font-size:.55rem}
.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0}.record-card{border:1px solid var(--ink);padding:1.5rem;min-height:330px;display:flex;flex-direction:column}.record-card>span{font:700 .67rem var(--mono);letter-spacing:.1em}.record-card h3{font:500 2.2rem/1 var(--serif);margin:2rem 0 1rem}.record-card p{color:#55564e}.record-card dl{display:grid;grid-template-columns:1fr 1fr;margin:auto 0 0;border-top:1px solid var(--rule)}.record-card dl div{padding-top:1rem}.record-card dt{font:700 .6rem var(--mono);color:#6e6e67}.record-card dd{margin:.3rem 0 0;font:700 .78rem var(--mono)}.text-link{font:800 .75rem var(--mono);text-transform:uppercase;text-underline-offset:4px}
.adaptation{background:var(--acid)}.adapt-grid{align-items:start}.adapt-stack{border-top:2px solid var(--ink)}.adapt-stack div{display:grid;grid-template-columns:70px 1fr;column-gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(17,18,15,.4)}.adapt-stack span{grid-row:1/3;font:900 1.5rem var(--mono)}.adapt-stack b{font-size:1rem}.adapt-stack small{margin-top:.25rem;color:#464833}
.run{background:var(--ink);color:var(--white)}.run p{color:#bdbeb6}.run code{color:var(--acid)}.terminal{border:1px solid #42443c;background:#0b0c0a;align-self:center}.terminal-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #42443c;font:700 .67rem var(--mono)}.terminal-head button{background:var(--acid);border:0;padding:.45rem .7rem;font:800 .65rem var(--mono);cursor:pointer}.terminal pre{white-space:pre-wrap;word-break:break-all;padding:1.4rem;margin:0;color:#dfdfd9;font:500 .78rem/1.7 var(--mono)}.terminal-prompt{border-top:1px solid #42443c;padding:1rem;display:flex;justify-content:space-between}.terminal-prompt span{color:#71746a;font:700 .67rem var(--mono)}.terminal-prompt strong{color:var(--acid);font:800 .9rem var(--mono)}
.boundary{display:grid;grid-template-columns:150px 1fr;gap:4vw;background:var(--orange);align-items:start}.boundary-mark{font:900 clamp(7rem,15vw,14rem)/.7 var(--serif)}.boundary p{color:#29140e;max-width:850px}.creator{text-align:center;min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.creator h2{font-size:clamp(4rem,10vw,10rem)}.creator>p:not(.eyebrow){font-size:1.2rem}.creator-links{display:flex;gap:1rem;margin-top:1.5rem}.creator-links a{font:800 .75rem var(--mono)}
.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 3vw;background:var(--ink);color:#8e9088;font:700 .6rem var(--mono);letter-spacing:.08em}
.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.site-header{grid-template-columns:1fr auto}.hero{padding-top:8rem}.manifesto-grid,.section-title-row,.break-grid,.adapt-grid,.run-grid,.reconstruct-card{grid-template-columns:1fr}.engine-console{grid-template-columns:1fr}.engine-rail{border-right:0;display:grid;grid-template-columns:repeat(7,1fr);overflow:auto}.stage{min-width:120px}.stage span{display:block;margin-bottom:.4rem}.record-grid{grid-template-columns:1fr}.dependency-map{min-height:330px}.boundary{grid-template-columns:1fr}.boundary-mark{font-size:7rem}.site-footer{flex-direction:column}.instrument-body{grid-template-columns:1fr}.section-pad{padding:5rem 6vw}}
@media(max-width:600px){.site-header{padding:.8rem 4vw}.nav-cta{font-size:.62rem}.hero{padding-left:5vw;padding-right:5vw}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-instrument{width:100%;box-shadow:8px 8px 0 rgba(17,18,15,.13)}.cycle-strip{justify-content:flex-start}.engine-display{padding:2rem 1.3rem}.engine-readout{grid-template-columns:1fr}.engine-readout div+div{border-left:0;border-top:1px solid #41433d;padding-left:0}.gate-row{grid-template-columns:65px 1fr}.gate-row em{grid-column:2;text-align:left}.build-gate{flex-direction:column;align-items:flex-start}.evidence-row{grid-template-columns:45px 1fr}.evidence-row em{display:none}.dependency-map{transform:scale(.96);transform-origin:center}.record-card{min-height:280px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}


/* v2 launch-QA hardening */
.experimental-tag{
  display:inline-block;margin-left:.55rem;padding:.18rem .38rem;
  border:1px solid currentColor;font-size:.58rem;vertical-align:middle;
}
.mobile-menu{display:none;position:relative;font:800 .68rem/1 var(--mono);text-transform:uppercase}
.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--ink);padding:.65rem .75rem}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu>div{
  position:absolute;right:0;top:calc(100% + .5rem);min-width:190px;
  border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);
  padding:.35rem;display:flex;flex-direction:column
}
.mobile-menu a{text-decoration:none;padding:.75rem}
.mobile-menu a:hover{background:var(--acid)}
.proof-strip{
  position:relative;margin-top:1.7rem;display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--ink);background:rgba(238,233,223,.88)
}
.proof-strip>div{min-height:118px;padding:1rem;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-content:center}
.proof-strip>div+div{border-left:1px solid var(--ink)}
.proof-strip small{grid-column:1/3;font:800 .58rem/1 var(--mono);letter-spacing:.09em;color:var(--muted);margin-bottom:.8rem}
.proof-strip strong{font:700 2.2rem/1 var(--mono)}
.proof-strip span{font:700 .68rem/1.35 var(--mono);align-self:center;text-transform:uppercase}
.record-card{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.record-card:hover,.record-card:focus{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink);background:var(--white);outline:none}
.stage:focus-visible,.button:focus-visible,.nav-links a:focus-visible,.nav-cta:focus-visible,.mobile-menu summary:focus-visible{
  outline:3px solid var(--orange);outline-offset:3px
}
@media(max-width:900px){
  .mobile-menu{display:block}
  .site-header{grid-template-columns:1fr auto auto}
  .proof-strip{grid-template-columns:1fr 1fr}
  .proof-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--ink)}
  .proof-strip>div:nth-child(4){border-top:1px solid var(--ink)}
}
@media(max-width:600px){
  .proof-strip{grid-template-columns:1fr}
  .proof-strip>div+div,.proof-strip>div:nth-child(3),.proof-strip>div:nth-child(4){border-left:0;border-top:1px solid var(--ink)}
  .hero-actions .button{width:100%;text-align:center}
}


/* v3 — signature PARS identity */
.hero-v3{padding-top:7.5vw}
.hero-sigil{
  position:absolute;right:-.04em;top:.08em;z-index:0;
  font:900 clamp(13rem,37vw,42rem)/.75 var(--mono);
  letter-spacing:-.16em;color:rgba(17,18,15,.035);
  user-select:none;pointer-events:none
}
.hero-v3 .hero-copy{max-width:1160px}
.hero-v3 h1 span{display:block}
.hero-v3 h1 em{font-weight:400;color:transparent;-webkit-text-stroke:1.5px var(--ink);font-style:italic}
.hero-break-button{cursor:pointer}
.pars-trace{
  position:relative;margin:5vw 0 2.5rem auto;width:min(960px,96%);
  background:var(--panel);color:var(--white);border:1px solid var(--ink);
  box-shadow:20px 20px 0 rgba(17,18,15,.15);overflow:hidden
}
.trace-topbar,.trace-footer{
  min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.8rem 1rem;font:700 .64rem/1.2 var(--mono);letter-spacing:.1em
}
.trace-topbar{border-bottom:1px solid #42443c;color:#b8bab0}
.trace-topbar i{
  display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem;
  background:var(--acid);box-shadow:0 0 14px var(--acid)
}
.trace-main{display:grid;grid-template-columns:150px 1fr 190px;min-height:370px}
.trace-spine{border-right:1px solid #42443c;padding:.8rem 0;position:relative}
.trace-spine:before{
  content:"";position:absolute;left:35px;top:31px;bottom:31px;width:1px;background:#53564d
}
.trace-node{
  position:relative;z-index:1;display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:48px;
  color:#72756c;font:700 .62rem/1 var(--mono);letter-spacing:.06em;transition:.25s ease
}
.trace-node b{
  justify-self:center;display:grid;place-items:center;width:26px;height:26px;border:1px solid #5c5f55;
  background:var(--panel);font:900 .68rem var(--mono)
}
.trace-node.active{color:#d5d6cf}
.trace-node.active b{border-color:var(--acid);color:var(--acid)}
.trace-node.fail{color:var(--orange)}
.trace-node.fail b{border-color:var(--orange);color:var(--orange);box-shadow:0 0 18px rgba(255,107,61,.25)}
.trace-node.rebuild b{background:var(--acid);color:var(--ink)}
.trace-display{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}
.trace-label{margin:0 0 1rem;color:#85877e;font:700 .64rem var(--mono);letter-spacing:.1em}
.trace-display>strong{
  font:800 clamp(2.6rem,6vw,6.2rem)/.88 var(--mono);
  letter-spacing:-.065em;color:var(--acid);max-width:760px;transition:.2s ease
}
.trace-display>p:not(.trace-label){max-width:650px;color:#b7b9b0;font-size:1rem}
.trace-invariants{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.3rem}
.trace-invariants span{border:1px solid #4a4d45;padding:.55rem .65rem;font:700 .62rem var(--mono)}
.trace-invariants b{color:var(--acid)}
.trace-invariants .fail{border-color:var(--orange);color:var(--orange)}
.trace-invariants .fail b{color:var(--orange)}
.trace-verdict{
  border-left:1px solid #42443c;display:flex;flex-direction:column;justify-content:flex-end;
  padding:1rem;background:#141612
}
.trace-verdict span{font:700 .58rem var(--mono);color:#74776d;letter-spacing:.1em}
.trace-verdict b{font:900 1.2rem/1 var(--mono);color:var(--acid);margin:.55rem 0}
.trace-verdict small{font:600 .6rem/1.4 var(--mono);color:#909289}
.trace-footer{border-top:1px solid #42443c;background:var(--acid);color:var(--ink)}
.trace-footer strong{font:900 .72rem var(--mono);letter-spacing:.08em}
.pars-trace.is-broken .trace-display>strong{color:var(--orange)}
.pars-trace.is-broken .trace-topbar i{background:var(--orange);box-shadow:0 0 14px var(--orange)}
.pars-trace.is-broken .trace-verdict b{color:var(--orange)}
.pars-trace.is-reconstructing .trace-display>strong{color:var(--acid)}
.pars-principle{
  overflow:hidden;background:var(--acid);color:var(--ink);padding:1rem 3vw;
  display:flex;gap:1.25rem;align-items:center;justify-content:center;flex-wrap:wrap;
  border-bottom:1px solid var(--ink);font:900 .68rem/1 var(--mono);letter-spacing:.11em
}
.pars-principle i{font-style:normal;opacity:.35}
@media(max-width:900px){
  .trace-main{grid-template-columns:115px 1fr}
  .trace-verdict{grid-column:1/3;border-left:0;border-top:1px solid #42443c;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem}
  .trace-verdict small{grid-column:2}
}
@media(max-width:600px){
  .hero-sigil{top:2.6rem;right:-.08em}
  .pars-trace{width:100%;box-shadow:8px 8px 0 rgba(17,18,15,.15)}
  .trace-main{grid-template-columns:1fr}
  .trace-spine{display:grid;grid-template-columns:repeat(7,1fr);border-right:0;border-bottom:1px solid #42443c;padding:.3rem}
  .trace-spine:before{display:none}
  .trace-node{display:flex;min-height:auto;justify-content:center}
  .trace-node span{display:none}
  .trace-node b{width:28px;height:28px}
  .trace-display{padding:2rem 1rem}
  .trace-display>strong{font-size:clamp(2rem,12vw,3.5rem)}
  .trace-verdict{grid-column:1;grid-template-columns:1fr;padding:1rem}
  .trace-verdict small{grid-column:1}
  .trace-footer{align-items:flex-start;flex-direction:column}
  .pars-principle{justify-content:flex-start;white-space:nowrap;overflow-x:auto}
}


/* v3.2 — hero composition + complete PARS trace */
.hero-v3{
  min-height:auto;
  padding:clamp(5.5rem,7vw,8rem) 4vw 3rem;
}
.hero-stage{
  position:relative;
  z-index:2;
  width:min(1600px,100%);
  margin:0 auto 3.2rem;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(590px,1.12fr);
  gap:clamp(2.25rem,4vw,5rem);
  align-items:center;
}
.hero-stage .hero-copy,
.hero-stage .pars-trace{
  margin:0;
  width:100%;
  max-width:none;
}
.hero-stage .hero-copy{
  align-self:center;
}
.hero-v3 .hero-copy h1{
  font-size:clamp(3.6rem,5.5vw,6.6rem);
  line-height:.88;
  max-width:720px;
}
.hero-v3 .hero-lede{
  max-width:690px;
}
.hero-stage .pars-trace{
  align-self:center;
  box-shadow:16px 16px 0 rgba(17,18,15,.15);
}
.trace-progress{
  height:3px;
  background:#2d3029;
  overflow:hidden;
}
.trace-progress i{
  display:block;
  width:0%;
  height:100%;
  background:var(--acid);
  transition:width .55s ease,background .25s ease;
}
.trace-main{
  grid-template-columns:122px minmax(0,1fr) 160px;
  min-height:430px;
}
.trace-spine{
  padding:1rem 0;
}
.trace-node{
  min-height:55px;
  opacity:.58;
}
.trace-node b{
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.trace-node.done{
  opacity:.8;
  color:#b8baaf;
}
.trace-node.done b{
  border-color:#7d8661;
  color:#a9bd62;
}
.trace-node.current{
  opacity:1;
  color:var(--white);
}
.trace-node.current b{
  background:var(--acid);
  color:var(--ink);
  border-color:var(--acid);
  box-shadow:0 0 22px rgba(215,255,70,.22);
}
.trace-node.fail{
  opacity:1;
}
.trace-node.fail b{
  background:var(--orange);
  color:var(--ink);
}
.trace-node.rebuild{
  opacity:1;
}
.trace-display{
  padding:clamp(2rem,3.4vw,3.7rem);
}
.trace-display>strong{
  font-size:clamp(2.35rem,3.8vw,4.9rem);
  max-width:650px;
}
.trace-display>p:not(.trace-label){
  min-height:4.6em;
}
.trace-invariants span{
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.trace-invariants .challenge{
  border-color:#ffcf52;
  color:#ffcf52;
}
.trace-invariants .challenge b{color:#ffcf52}
.trace-invariants .retest{
  border-color:#91b8ff;
  color:#91b8ff;
}
.trace-invariants .retest b{color:#91b8ff}
#trace-step{
  font:800 .64rem/1 var(--mono);
  color:var(--acid);
  letter-spacing:.1em;
}
.pars-trace.is-broken .trace-progress i{background:var(--orange)}
.pars-trace.is-reconstructing .trace-progress i{background:var(--acid)}
.hero-actions .hero-break-button[disabled]{
  opacity:.65;
  cursor:progress;
}
@media(max-width:1180px){
  .hero-stage{
    grid-template-columns:1fr;
    gap:3rem;
  }
  .hero-v3 .hero-copy h1{max-width:900px}
  .hero-stage .pars-trace{width:min(900px,100%);margin:0 auto}
}
@media(max-width:760px){
  .hero-v3{padding-left:5vw;padding-right:5vw}
  .hero-stage{gap:2.25rem}
  .trace-main{grid-template-columns:1fr}
  .trace-spine{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    border-right:0;
    border-bottom:1px solid #42443c;
    padding:.4rem;
  }
  .trace-spine:before{display:none}
  .trace-node{
    min-height:38px;
    display:flex;
    justify-content:center;
  }
  .trace-node span{display:none}
  .trace-verdict{grid-column:1}
}
