@layer reset,tokens,base,layout,components,utilities;@layer home{.ofd{--ofd-size:clamp(26rem, calc(100svh - 15rem), 30rem);--ofd-r2:calc(var(--ofd-size) / 2 - 1rem);--ofd-r1:calc(var(--ofd-r2) * .48);--ofd-side:3.5rem;isolation:isolate;gap:var(--space-4);margin-top:var(--space-5);font-family:var(--font-sx);color:var(--sx-ink);display:grid;position:relative}.ofd-wires{z-index:0;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.ofd-stream{fill:none;stroke:var(--sx-orange);stroke-width:1.25px;stroke-dasharray:2 6;stroke-linecap:round;opacity:.55}.ofd-wire{fill:none;stroke:var(--sx-line);stroke-width:1.25px;stroke-dasharray:3 5}.ofd-wire--lit{stroke:var(--sx-orange);stroke-width:2px;stroke-dasharray:none;filter:var(--sx-glow-dot)}.ofd-particle,.ofd-light{fill:var(--sx-orange);filter:var(--sx-glow-dot);opacity:0}.ofd-light{fill:var(--sx-amber)}.ofd-context{place-items:center;display:grid;position:relative}.ofd-sphere{display:none}.ofd-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.ofd-chip{background:var(--sx-glass);border:1px solid var(--sx-glass-edge);border-radius:var(--radius-full);box-shadow:var(--sx-glow-soft);backdrop-filter:var(--sx-glass-blur);padding:.4rem .9rem .4rem .75rem;font-size:.75rem;font-weight:600;line-height:1.25;position:relative}.ofd-chip-port{display:none}.ofd-orbit{gap:var(--space-4);min-width:0;display:grid;position:relative}.ofd-guides{display:none}.ofd-hub{aspect-ratio:1;place-items:center;width:7rem;margin-inline:auto;display:grid;position:relative}.ofd-hex{width:100%;height:100%;filter:var(--sx-glow-drop);position:absolute;inset:0;overflow:visible}.ofd-stop-amber{stop-color:var(--sx-amber)}.ofd-stop-orange{stop-color:var(--sx-orange)}.ofd-stop-deep{stop-color:var(--sx-orange-deep)}.ofd-hex-glass{fill:var(--sx-glass);stroke:var(--sx-glass-edge);stroke-width:2px}.ofd-hex-core{fill:url(#ofd-hex-grad)}.ofd-hex-track{fill:none;stroke:none}.ofd-hex-dot{fill:var(--sx-panel);filter:var(--sx-glow-dot);opacity:0}.ofd-hub-icon{aspect-ratio:1;width:34%;color:var(--sx-ink);background:var(--sx-glass);border-radius:var(--radius-full);place-items:center;margin-top:-16%;display:grid;position:relative}.ofd-hub-icon .home-icon{stroke-width:1.75px;width:66%;height:66%}.ofd-hub-label{font-family:var(--font-sx-mono);white-space:nowrap;background:var(--sx-glass);border-radius:var(--radius-full);padding:.1rem .4rem;font-size:.6875rem;font-weight:500;position:absolute;bottom:22%}.ofd-services{gap:var(--space-4);border:0;width:100%;min-width:0;margin:0;padding:0;display:grid}.ofd-ring{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.ofd-ring-name{font-family:var(--font-sx-mono);color:var(--sx-quiet);text-align:center;flex-basis:100%;margin:0;font-size:.75rem}.ofd-choice{position:relative}.ofd-radio{pointer-events:none;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.ofd-pill{white-space:nowrap;cursor:pointer;background:var(--sx-glass);border:1px solid var(--sx-glass-edge);border-radius:var(--radius-full);min-height:2.75rem;box-shadow:var(--sx-glow-soft);backdrop-filter:var(--sx-glass-blur);transition:background-color var(--dur-menu) var(--ease-out), box-shadow var(--dur-menu) var(--ease-out), border-color var(--dur-menu) var(--ease-out);align-items:center;gap:.375rem;padding:.25rem .8rem .25rem .25rem;font-size:.8125rem;font-weight:600;line-height:1.1;display:inline-flex}.ofd-pill-icon{background:var(--sx-panel);border:1px solid var(--sx-hair);border-radius:var(--radius-full);flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.ofd-pill-icon .home-icon{width:1rem;height:1rem}.ofd-pill:hover{border-color:var(--sx-orange)}.ofd-radio:checked+.ofd-pill{background:var(--sx-orange);border-color:var(--sx-orange);box-shadow:var(--sx-glow)}.ofd-radio:checked+.ofd-pill .ofd-pill-icon{border-color:var(--sx-panel)}.ofd-radio:focus-visible+.ofd-pill{outline:2px solid var(--sx-ink);outline-offset:3px}.ofd-outputs{z-index:2;min-width:0;position:relative}.ofd-out{display:none}.ofd:has(#ofd-r-0:checked) [data-ofd-out="0"],.ofd:has(#ofd-r-1:checked) [data-ofd-out="1"],.ofd:has(#ofd-r-2:checked) [data-ofd-out="2"],.ofd:has(#ofd-r-3:checked) [data-ofd-out="3"],.ofd:has(#ofd-r-4:checked) [data-ofd-out="4"],.ofd:has(#ofd-r-5:checked) [data-ofd-out="5"],.ofd:has(#ofd-r-6:checked) [data-ofd-out="6"],.ofd:has(#ofd-r-7:checked) [data-ofd-out="7"],.ofd:has(#ofd-r-8:checked) [data-ofd-out="8"],.ofd:has(#ofd-r-9:checked) [data-ofd-out="9"],.ofd:has(#ofd-r-10:checked) [data-ofd-out="10"],.ofd:has(#ofd-r-11:checked) [data-ofd-out="11"],.ofd:has(#ofd-r-12:checked) [data-ofd-out="12"],.ofd:has(#ofd-r-13:checked) [data-ofd-out="13"]{display:grid}.ofd-stage{isolation:isolate;height:21rem;position:relative}.ofd-stage:before{content:"";z-index:-1;background:var(--sx-light);border-radius:var(--radius-full);position:absolute;inset:12% 8%}.ofd-piece{width:80%;height:84%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ofd-piece--post{aspect-ratio:4/5;width:62%;height:auto}.ofd-piece--visual{aspect-ratio:16/9;width:94%;height:auto}.ofd-piece--visual.ofd-piece--d1{translate:-58% -96%}.ofd-piece--visual.ofd-piece--d2{translate:-42% -4%}.ofd-stage--1 .ofd-piece{width:86%}.ofd-stage--1 .ofd-piece--post{width:74%}.ofd-piece--d0{z-index:3}.ofd-piece--d1{z-index:2;translate:-82% -54%;rotate:-8deg;scale:.86}.ofd-piece--d2{z-index:1;translate:-18% -54%;rotate:8deg;scale:.86}.ofd-stage--2 .ofd-piece--d0{translate:-42% -48%}.ofd-stage--2 .ofd-piece--d1{translate:-66% -54%}.ofd-frame{background:var(--sx-panel);border:1px solid var(--sx-hair);border-radius:var(--radius-card);width:100%;height:100%;box-shadow:var(--shadow-window);flex-direction:column;margin:0;display:flex;overflow:hidden}.ofd-shot{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0}.ofd-frame--post .ofd-shot,.ofd-frame--visual .ofd-shot{object-position:center}.ofd-frame--board .ofd-shot{padding:var(--space-2);object-fit:contain;object-position:center;background:var(--sx-paper)}.ofd-chrome{border-bottom:1px solid var(--sx-hair);flex:none;align-items:center;gap:.3rem;height:1.25rem;padding:0 .6rem;display:flex}.ofd-chrome span{background:var(--sx-hair);border-radius:var(--radius-full);width:.4rem;height:.4rem}.ofd-todo{gap:var(--space-2);height:100%;padding:var(--space-4);font-family:var(--font-sx-mono);color:var(--sx-orange-ink);text-align:center;background:var(--sx-panel);border:1.5px dashed var(--sx-orange);border-radius:var(--radius-card);place-content:center;justify-items:center;margin:0;font-size:.8125rem;font-weight:500;display:grid}.ofd-todo-icon{background:var(--sx-tint);border-radius:var(--radius-full);place-items:center;width:2.5rem;height:2.5rem;display:grid}.ofd-todo-icon .home-icon{width:1.1rem;height:1.1rem}@media (width>=48rem){.ofd-wires{display:block}.ofd-orbit{width:calc(var(--ofd-size) + var(--ofd-side) * 2);height:var(--ofd-size);margin-inline:auto;display:block}.ofd-guides{top:0;left:var(--ofd-side);width:var(--ofd-size);height:var(--ofd-size);display:block;position:absolute;overflow:visible}.ofd-guide{fill:none;stroke:var(--sx-hair);stroke-width:1.25px;stroke-dasharray:2 5}.ofd-guide--outer{stroke-dasharray:none}.ofd-arc-line{fill:none;stroke:var(--sx-hair);stroke-width:6px;stroke-linecap:round;transition:stroke var(--dur-panel) var(--ease-out)}.ofd-arc-text{font-family:var(--font-sx-mono);letter-spacing:.02em;fill:var(--sx-quiet);transition:fill var(--dur-panel) var(--ease-out);font-size:12.5px;font-weight:500}.ofd-arc.is-lit .ofd-arc-line{stroke:var(--sx-orange);filter:var(--sx-glow-dot)}.ofd-arc.is-lit .ofd-arc-text{fill:var(--sx-orange-ink)}.ofd-hub{z-index:1;width:7rem;margin:-3.5rem 0 0 -3.5rem;position:absolute;top:50%;left:50%}.ofd-hub-label{font-size:.75rem}.ofd-services{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.ofd-ring{width:0;height:0;display:block;position:absolute;top:50%;left:50%}.ofd-ring-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ofd-ring--inner{--r:var(--ofd-r1)}.ofd-ring--outer{--r:var(--ofd-r2)}.ofd-slot{transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1));position:absolute;top:0;left:0}.ofd-slot:has(.ofd-radio:checked){z-index:2}.ofd-turn,.ofd-pull{position:absolute;top:0;left:0}.ofd-choice{pointer-events:auto;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.ofd-pill{min-height:1.875rem;padding:.1875rem .75rem .1875rem .1875rem;font-size:.75rem}.ofd-pill-icon{width:1.5rem;height:1.5rem}.ofd-pill-icon .home-icon{width:.875rem;height:.875rem}.ofd-pill--inner{border-radius:var(--radius-card);flex-direction:column;gap:.2rem;padding:.375rem .4rem .3rem;font-size:.6875rem}.ofd-pill--inner .ofd-pill-icon{background:var(--sx-tint);border-color:var(--sx-orange);width:1.75rem;height:1.75rem}.ofd-outputs{width:min(100%,24rem);margin-inline:auto}}@media (width>=62rem){.ofd{grid-template-columns:auto minmax(0,1fr);align-items:center}.ofd-context{grid-column:1/-1}.ofd-outputs{justify-self:stretch;width:100%;max-width:22rem}}@media (width>=75rem){.ofd{grid-template-columns:minmax(0,1fr) auto 17.75rem;gap:0}.ofd-context{grid-column:auto;align-self:stretch}.ofd-sphere{z-index:-1;background:var(--sx-light);border-radius:var(--radius-full);width:15rem;height:15rem;margin:-7.5rem 0 0 -7.5rem;display:block;position:absolute;top:50%;left:36%}.ofd-chips{flex-flow:column;justify-content:center;align-items:flex-start;gap:.6rem}.ofd-chip{backdrop-filter:none;max-width:10.5rem;translate:calc(sin((var(--i) + .5) * 30deg) * 1.75rem) 0}.ofd-chip-port{background:var(--sx-orange);border:2px solid var(--sx-panel);border-radius:var(--radius-full);width:.6rem;height:.6rem;box-shadow:var(--sx-glow-soft);margin-top:-.3rem;display:block;position:absolute;top:50%;right:-.3rem}.ofd-outputs{max-width:none;padding-left:.75rem}}@media (prefers-reduced-motion:reduce){.ofd-pill,.ofd-arc-line,.ofd-arc-text{transition:none}}}