@import url('/fx-design.css');
:root{color-scheme:dark;--bg:var(--fx-bg);--panel:var(--fx-surface);--line:var(--fx-line);--lime:var(--fx-brand);--cyan:var(--fx-cyan);--muted:var(--fx-muted)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eff7f0;font:15px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 6%;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}.brand{font-weight:900;letter-spacing:.12em;font-size:1.3rem}.brand b{color:var(--lime)}.brand span{font-size:.6rem;color:var(--muted)}nav{display:flex;gap:25px;font-size:.7rem;font-weight:800;letter-spacing:.1em}main{max-width:1320px;margin:auto;padding:52px 6% 100px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:300px}.eyebrow{color:var(--lime);font-size:.7rem;font-weight:800;letter-spacing:.15em}h1,h2{line-height:1.04;font-weight:900;letter-spacing:-.04em;margin:.25em 0}h1{font-size:clamp(3rem,7vw,6.5rem);overflow-wrap:anywhere}h2{font-size:1.45rem}.lead,.detail{color:var(--muted)}button{background:var(--lime);color:#101711;border:0;padding:15px 22px;font-weight:900;letter-spacing:.08em;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.art{background:radial-gradient(ellipse,#1d3737,#0a0e11 70%);position:relative}.art svg{width:100%;display:block;filter:drop-shadow(0 10px 22px #000)}.art span{display:block;text-align:right;color:var(--cyan);font-size:.65rem;letter-spacing:.15em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:38px 0 24px}.metrics div{padding:22px;border-right:1px solid var(--line);background:var(--panel)}.metrics div:last-child{border:0}.metrics b,.metrics span{display:block}.metrics b{font-size:2rem;color:var(--lime)}.metrics span{font-size:.65rem;color:var(--muted);letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid section{background:var(--panel);border:1px solid var(--line);padding:25px}.grid ul{padding:0;margin:22px 0 0;list-style:none}.grid li{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:13px 0}.grid small{display:block;color:var(--muted);font-size:.7rem}.grid strong{color:#d7efeb;text-align:right}@media(max-width:700px){header{align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.brand span{display:none}main{padding-top:30px}.hero{grid-template-columns:1fr}.art{order:-1;max-height:230px;overflow:hidden}.art svg{max-height:210px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid{grid-template-columns:1fr}}


/* The profile remains useful while the optional WebGL preview loads. */
.art{min-height:380px;border:1px solid var(--line);overflow:hidden}
#machine-preview{display:block;width:100%;height:380px;touch-action:none}
#machine-preview[hidden],.preview-fallback[hidden],.preview-controls[hidden]{display:none}
.preview-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;text-align:center;background:radial-gradient(ellipse at center,#243c3c,#0a0e11 75%)}
.preview-fallback strong{font-size:1.4rem;color:var(--lime)}
.art .preview-fallback span{max-width:320px;text-align:center;line-height:1.7;color:var(--muted)}
.preview-controls{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.art .preview-controls span{margin-right:auto;text-align:left;color:var(--muted);font-size:.6rem}
.preview-controls button{padding:7px 11px;background:#10201fdd;border:1px solid var(--line);color:var(--lime);font-size:1rem}
.grid li:has(.preset){display:block;padding:0}
.preset{display:block;width:100%;padding:14px 10px;background:transparent;text-align:left;color:inherit;letter-spacing:normal}
.grid .preset strong{display:block;text-align:left;color:#d7efeb;font-size:1rem}
.preset[aria-pressed=true]{box-shadow:inset 3px 0 var(--lime);background:#1b2926}
.preset:hover{background:#1b2926}
@media(max-width:700px){.art{max-height:none;min-height:290px}.art #machine-preview{height:290px}}