.systems-instrument{--line:#ffffff24;--panel:#141518;--green:#29ce91;--blue:#3e91dd;--violet:#9b5be1;--amber:#e2ad21;color:#f3f3ef}.systems-instrument,.systems-instrument *,.systems-instrument :before,.systems-instrument :after{box-sizing:border-box}.systems-instrument img{max-width:100%;display:block}.systems-instrument button{font:inherit}.systems-instrument button:focus-visible{outline-offset:2px;outline:2px solid #9d77ff}.readout-index,.readout-meta,.system-tabs button>span{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.4}.systems-instrument{background:var(--panel);grid-template-columns:1fr 3fr;grid-template-areas:"readout view""tabs tabs";display:grid}.system-view{grid-area:view}.system-readout{grid-area:readout}.system-tabs{grid-area:tabs}.system-view{background:#242529;height:clamp(295px,30.8vw,443px);position:relative;overflow:hidden}.system-preview{opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;inset:0;transform:translateY(4px)}.system-preview.is-active{z-index:1;opacity:1;transform:translateY(0)}.system-preview[aria-hidden=false]{pointer-events:auto}.system-preview:not(.physical-preview){justify-content:center;align-items:flex-end;padding:clamp(16px,2vw,32px) clamp(20px,3vw,48px) 0;display:flex}.design-ledger-preview{background:#2b1d3b}.sealed-preview{background:#cbc9c2}.polaris-preview{background:#222325}.timefoundation-preview{background:#17121f}.sys-ascii{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.desktop-frame{z-index:1;width:80%;box-shadow:none;background:#0b0c0e;border:0;border-radius:7px 7px 0 0;flex:none;position:relative;overflow:hidden}.desktop-frame>img{aspect-ratio:16/7;object-fit:cover;object-position:top;width:100%;height:auto}.frame-bar{background:#111216;border-bottom:1px solid #ffffff1f;align-items:center;gap:6px;height:28px;padding:0 10px;display:flex}.frame-bar i{background:#4a4b50;border-radius:50%;width:6px;height:6px}.frame-bar b{color:#777980;text-transform:uppercase;margin-left:auto;font:500 .58rem ui-monospace,SFMono-Regular,Menlo,monospace}.physical-preview{background:#1e2024}.physical-preview>img{object-fit:cover;object-position:center 46%;width:100%;height:100%}.physical-preview:after{content:"";background:linear-gradient(90deg,#00000057,#0000 46%);position:absolute;inset:0}.physical-preview>span{z-index:2;color:#fff;text-transform:uppercase;background:#0a0b0dd1;padding:8px 12px;font:500 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:24px;left:28px}.system-readout{flex-direction:column;justify-content:space-between;gap:24px;min-height:0;padding:28px 24px;display:flex}.system-readout>div:first-child{flex-direction:column;gap:10px;display:flex}.readout-index{color:#85858b}.system-readout strong{font-size:clamp(1.35rem,1.9vw,2rem);font-weight:500;line-height:1.05}.system-readout p{color:#b8b8bc;max-width:none;margin:0;font-size:.95rem;line-height:1.6}.readout-meta{color:#8f8f95;flex-direction:column;gap:14px;display:flex}.system-tabs{flex-direction:row;display:flex}.system-tabs button{text-align:left;color:#8c8d92;cursor:pointer;background:#101114;border:0;flex-direction:column;flex:1;justify-content:space-between;min-height:112px;padding:18px 20px;display:flex;position:relative}.system-tabs button:before{content:"";background:0 0;height:3px;position:absolute;top:0;left:0;right:0}.system-tabs button[aria-pressed=true]{color:#17181b;background:#f1f1ed}.system-tabs button.bloom[aria-pressed=true]:before{background:var(--blue)}.system-tabs button.root[aria-pressed=true]:before{background:var(--violet)}.system-tabs button.seed[aria-pressed=true]:before{background:var(--green)}.system-tabs button.lux[aria-pressed=true]:before{background:var(--amber)}.system-tabs button>span{color:currentColor;opacity:.7}.system-tabs button strong{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:14px;font-size:.95rem;font-weight:600;display:flex}.system-tabs button img{object-fit:contain;filter:grayscale()brightness(1.8);opacity:.78;width:46.5px;height:46.5px}.system-tabs button[aria-pressed=true] img{filter:grayscale()brightness(.3);opacity:1}.systems-question{background:#15171a;margin-bottom:112px;padding:64px}html[data-theme=bright] .systems-instrument{background:#d7d7d3}html[data-theme=bright] .system-readout{background:#efefeb}html[data-theme=bright] .system-readout p,html[data-theme=bright] .readout-meta{color:#5f6064}html[data-theme=bright] .systems-instrument{color:#191a1c}html[data-theme=bright] .system-tabs button{color:#55565a;background:#dededa}html[data-theme=bright] .system-tabs button img{filter:grayscale()brightness(.45);opacity:.55}html[data-theme=bright] .system-tabs button[aria-pressed=true]{color:#17181b;background:#f7f7f3}html[data-theme=bright] .system-tabs button[aria-pressed=true] img{filter:grayscale()brightness(.2);opacity:1}@media (prefers-reduced-motion:reduce){.system-preview{transition:none}}@media (max-width:980px){.system-view{height:384px}.desktop-frame{width:90%}.system-readout{grid-template-columns:.7fr 1.3fr;gap:40px;padding:28px 32px;display:grid}.readout-meta{flex-direction:row;grid-column:1/-1}.systems-instrument{grid-template-columns:1fr;grid-template-areas:"view""readout""tabs"}.system-tabs{grid-template-columns:repeat(2,1fr);display:grid}.system-tabs button:before{width:auto;height:3px;inset:-1px 0 auto}}@media (max-width:720px){.system-view{height:212px}.system-preview:not(.physical-preview){padding:18px 14px 0}.desktop-frame{width:100%}.system-readout{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.system-readout>div:first-child{gap:24px}.readout-meta{flex-direction:column;grid-column:1}.system-tabs button{min-height:104px;padding:16px}.system-tabs button strong{letter-spacing:.06em;gap:10px;font-size:.8rem}.system-tabs button img{width:33.75px;height:33.75px}}