.root-hero{grid-template-columns:minmax(19rem,1fr) minmax(17rem,.8fr) minmax(19rem,.9fr);align-items:center;gap:clamp(1.5rem,3vw,4rem);min-height:calc(100svh - 4.5rem);padding-block:clamp(1.5rem,4vh,3rem);display:grid}.root-hero__copy{grid-area:1/2}.root-hero__copy h1{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.97}.root-hero__copy>p:last-child{color:#a5a198;max-width:34rem;line-height:1.6}.root-hero__eyebrow,.root-hero__root>p,.root-hero__panel-head,.root-hero small{color:#d5a942;letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.68rem}.root-hero__root{grid-area:1/1;justify-items:center;min-width:0;display:grid}.root-hero__root>p{color:#77736b;justify-self:start}.root-symbol{width:min(100%,31rem);height:auto;overflow:visible}.root-trunk,.root-branch-visible,.root-ambient{fill:none;stroke:url(#root-gradient);stroke-linecap:round;stroke-linejoin:round}.root-trunk{stroke-width:2.1px}.root-branch-visible{transition:opacity .18s,filter .18s}.root-ambient{opacity:.55}.root-branch{cursor:pointer;outline:none}.root-branch-hit{fill:none;stroke:#0000;stroke-width:30px;stroke-linecap:round}.root-symbol:has(.root-branch[data-active=true]) .root-branch:not([data-active=true]) .root-branch-visible{opacity:.25}.root-branch[data-active=true] .root-branch-visible,.root-branch:focus-visible .root-branch-visible{stroke:#e2c35b;opacity:1;filter:drop-shadow(0 0 5px #d5a942)}.root-origin{fill:#f0f0f0;filter:drop-shadow(0 0 10px #f0f0f059);transform-origin:50%;animation:3s ease-in-out infinite origin-breathe}.root-branch-glow{fill:none;stroke:#e2c35b;stroke-dasharray:18 500;stroke-linecap:round;filter:drop-shadow(0 0 5px #d5a942);animation:.9s ease-out root-travel}.root-branch-icon{fill:#080808;stroke:#e2c35b;stroke-width:1.5px;pointer-events:none}.root-hero__panel{background:linear-gradient(145deg,#151412,#0b0b0b);border:1px solid #2f2d28;grid-area:1/3;min-width:0;min-height:18rem;padding:1.5rem}.root-hero__panel-head{color:#a5a198;justify-content:space-between;display:flex}.root-hero__panel-body{animation:.26s both panel-reveal}.root-hero__stage{gap:1rem;margin-top:2rem;display:flex}.root-hero__stage svg{stroke:#d5a942;fill:none;stroke-width:1.5px;flex:none;width:1.5rem;height:1.5rem}.root-hero__stage h2{letter-spacing:-.04em;margin:0;font-size:1.65rem}.root-hero__stage p{color:#a5a198;line-height:1.55}.root-hero__connectors,.root-hero__tags{border-top:1px solid #2f2d28;gap:2rem;margin:1.25rem 0 0;padding-top:1rem;display:flex}.root-hero__connectors p{color:#d9d5ca;font-size:.85rem;line-height:1.65}.root-hero__connectors div:last-child p{color:#77736b}.root-hero__tags{flex-wrap:wrap;list-style:none}.root-hero__tags li{color:#a5a198;border:1px solid #3a3833;padding:.35rem .5rem;font:.68rem IBM Plex Mono,monospace}.root-hero__controls{flex-wrap:wrap;gap:.25rem;margin-top:1.25rem;display:flex}.root-hero__controls button{color:#a5a198;cursor:pointer;background:0 0;border:1px solid #3a3833;width:2.75rem;min-width:2.75rem;height:2.75rem;font:.65rem IBM Plex Mono,monospace}.root-hero__controls button[aria-pressed=true]{color:#d5a942;border-color:#d5a942}.root-hero__fallback{grid-column:1/-1}.root-hero__fallback li{margin-block:.5rem}.root-hero__fallback span{color:#a5a198;display:block}@keyframes root-travel{to{stroke-dashoffset:-500px}}@keyframes panel-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes origin-breathe{0%,to{filter:drop-shadow(0 0 10px #f0f0f059)}50%{filter:drop-shadow(0 0 16px #f0f0f08c)}}@media (scripting:enabled){.root-hero__fallback{display:none}}@media (width>=56.01rem) and (width<=68rem){.root-hero{grid-template-columns:minmax(17rem,1fr) minmax(15rem,.8fr) minmax(17rem,.9fr);gap:1rem;padding-block:1rem}.root-hero__panel{padding:1rem}.root-hero__stage{gap:.5rem;margin-top:1rem}.root-hero__stage p{line-height:1.4}.root-hero__connectors{gap:.75rem;margin-top:.75rem;padding-top:.75rem}.root-hero__connectors p{line-height:1.3}.root-hero__controls{margin-top:.75rem}}@media (width<=56rem){.root-hero{grid-template-columns:1fr;min-height:auto}.root-hero__copy{order:1;grid-area:auto}.root-hero__root{order:2;grid-area:auto}.root-hero__panel{order:3;grid-area:auto}.root-hero__fallback{order:4}}@media (prefers-reduced-motion:reduce){.root-branch-visible{transition:none}.root-branch-glow,.root-hero__panel-body,.root-origin{animation:none;transform:none}}
