.fx-hero{--fx-ease:cubic-bezier(.22, 1, .36, 1);--fx-ease-io:cubic-bezier(.65, 0, .35, 1);--fx-d:9s;--fx-ui-height:21rem;--fx-frame-width:720px;padding-block:clamp(1.25rem,3.5vw,3rem) 1.25rem}.fx-hero ::selection{background:var(--accent-primary);color:var(--accent-on-primary)}.fx-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.5rem,3.5vw,3.5rem);display:grid}.fx-grid[data-has-stage=false]{grid-template-columns:minmax(0,1fr)}.fx-copy{justify-items:start;gap:1.25rem;min-width:0;display:grid}.fx-copy h1{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,3.4vw + .75rem,4.5rem);font-weight:900;line-height:1}.fx-copy h1>span{display:block}.fx-accent{color:var(--accent-primary)}.fx-lead{max-width:48ch;color:var(--text-soft);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.fx-actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.fx-cta{transition:transform .18s var(--fx-ease), border-color .18s ease, background-color .18s ease, color .18s ease;gap:.6rem}.fx-cta:hover{transform:translateY(-2px)}.fx-cta.button-primary:hover{background:var(--accent-tertiary);border-color:var(--accent-tertiary)}.fx-cta.button-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.fx-cta:focus-visible,.fx-tab:focus-visible,.fx-toggle:focus-visible,.fx-open:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.fx-open:focus-visible{outline-offset:-3px}.fx-stage-wrap{gap:.6rem;min-width:0;display:grid}.fx-stage{border-radius:8px;overflow:hidden}.fx-tabbar{border-bottom:1px solid var(--line-main);align-items:stretch;display:flex}.fx-tabs{scrollbar-width:thin;scrollbar-color:var(--line-main) transparent;flex:1;min-width:0;display:flex;overflow-x:auto}.fx-tab{border:0;border-right:1px solid var(--line-soft);min-height:44px;color:var(--text-soft);font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:0 0;flex:none;padding:0 1rem;font-size:.8125rem;font-weight:600;transition:color .16s,background-color .16s;position:relative}.fx-tab:hover{color:var(--text-main);background:color-mix(in srgb, var(--accent-primary) 8%, transparent)}.fx-tab[aria-selected=true]{color:var(--text-main);background:var(--page-bg-soft)}.fx-tab:focus-visible,.fx-toggle:focus-visible{outline-offset:-3px}.fx-tab-clock{background:var(--accent-primary);transform-origin:0;height:2px;animation:fx-clock var(--fx-d) linear backwards;position:absolute;bottom:0;left:0;right:0}.fx-toggle{border:0;border-left:1px solid var(--line-main);color:var(--text-soft);cursor:pointer;background:0 0;flex:0 0 44px;place-items:center;transition:color .16s,background-color .16s;display:grid}.fx-toggle:hover{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 8%, transparent)}.fx-body{height:var(--fx-ui-height);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.fx-doc{background:var(--page-bg-soft);border-right:1px solid var(--line-main);flex-direction:column;min-width:0;display:flex}.fx-pane-bar{border-bottom:1px solid var(--line-soft);font-family:var(--font-code);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;font-size:.8125rem;display:flex}.fx-file{color:var(--text-main);font-weight:600}.fx-path{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fx-lines{font-family:var(--font-code);flex:1;margin:0;padding:.85rem .9rem 0;font-size:.8125rem;line-height:1.6;overflow:hidden}.fx-lines code{align-content:start;gap:.2rem;font-family:inherit;display:grid}.fx-line{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;animation:fx-type-line .52s var(--fx-ease) calc(1.1s + var(--i) * .13s) backwards;display:block;overflow:hidden}.fx-line-h1{color:var(--text-main);font-weight:600}.fx-line-h2{color:var(--accent-primary);margin-top:.45rem}.fx-line-label{color:var(--text-main);margin-top:.45rem}.fx-palette{border-top:1px solid var(--line-soft);font-family:var(--font-code);color:var(--text-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .5rem;margin:0;padding:.7rem .9rem .85rem;font-size:.75rem;list-style:none;display:grid}.fx-swatch{min-width:0;animation:fx-pop .38s var(--fx-ease) calc(1.5s + var(--i) * 90ms) backwards;align-items:center;gap:.4rem;display:flex}.fx-chip{border:1px solid var(--line-main);background:var(--c);border-radius:2px;flex:none;width:14px;height:14px}.fx-ui{background:var(--page-bg);min-width:0;position:relative;overflow:hidden;container-type:size}.fx-bands{display:flex;position:absolute;inset:0}.fx-band{background:var(--c);transform-origin:bottom;animation:fx-rise .62s var(--fx-ease) calc(1.5s + var(--i) * .11s) backwards;flex:1}.fx-frame{background:var(--page-bg);clip-path:inset(0);animation:fx-reveal 1.9s var(--fx-ease-io) 3s backwards;--fx-scale:.46;position:absolute;inset:0;overflow:hidden}@supports (transform:scale(tan(atan2(100px, 720px)))){.fx-frame{--fx-scale:tan(atan2(100cqw, var(--fx-frame-width)))}}.fx-frame iframe{width:var(--fx-frame-width);height:calc(100cqh / var(--fx-scale));transform:scale(var(--fx-scale));transform-origin:0 0;pointer-events:none;background:#fff;border:0;display:block}.fx-scan{background:var(--accent-primary);opacity:0;height:2px;animation:fx-scan 1.9s var(--fx-ease-io) 3s both;pointer-events:none;position:absolute;top:0;left:0;right:0}.fx-open{align-items:flex-end;padding:.75rem;display:flex;position:absolute;inset:0}.fx-open-chip{border:1px solid var(--accent-primary);background:var(--page-bg);min-height:36px;color:var(--text-main);letter-spacing:1.2px;text-transform:uppercase;border-radius:4px;align-items:center;gap:.5rem;padding:0 .7rem 0 .8rem;font-size:.8125rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.fx-open:hover .fx-open-chip,.fx-open:focus-visible .fx-open-chip{background:var(--accent-primary);color:var(--accent-on-primary)}.fx-footer{border-top:1px solid var(--line-main);gap:.7rem;padding:.85rem .9rem .95rem;display:grid}.fx-prompt{color:var(--text-main);font-family:var(--font-code);align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.fx-prompt-mark{color:var(--accent-primary);font-weight:600}.fx-prompt-text{white-space:nowrap;animation:fx-type 1.1s steps(var(--n)) backwards;display:inline-block;position:relative}.fx-prompt-text:after{content:"";vertical-align:-.12em;background:var(--accent-primary);width:.55em;height:1em;margin-left:.15em;animation:1.1s step-end 1.1s infinite fx-blink;display:inline-block}.fx-pipeline{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;display:flex}.fx-brand{color:var(--text-main);letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:700;display:inline-flex}.fx-brand img{border-radius:4px}.fx-steps{flex-wrap:wrap;align-items:center;gap:.4rem 0;margin:0;padding:0;list-style:none;display:flex}.fx-step{color:var(--text-main);animation:fx-step .42s var(--fx-ease) calc(2.4s + var(--i) * .64s) backwards;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:600;display:inline-flex}.fx-step:before{content:"";border:1px solid var(--accent-primary);background:var(--accent-primary);width:8px;height:8px;animation:fx-marker .42s var(--fx-ease) calc(2.4s + var(--i) * .64s) backwards}.fx-step:not(:first-child){border-left:1px solid var(--line-main);margin-left:.9rem;padding-left:.9rem}.fx-step:last-child{color:var(--accent-primary)}.fx-note{color:var(--text-soft);margin:0;font-size:.8125rem}@keyframes fx-clock{0%{transform:scaleX(0)}}@keyframes fx-type{0%{clip-path:inset(0 100% 0 0)}}@keyframes fx-type-line{0%{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes fx-pop{0%{opacity:0;transform:translateY(6px)}}@keyframes fx-rise{0%{transform:scaleY(0)}}@keyframes fx-reveal{0%{clip-path:inset(0 0 100%)}}@keyframes fx-scan{0%{opacity:0;top:0}2%{opacity:1}98%{opacity:1}to{opacity:0;top:calc(100% - 2px)}}@keyframes fx-step{0%{opacity:.4}}@keyframes fx-marker{0%{background:0 0}}@keyframes fx-blink{50%{opacity:0}}.fx-stage[data-playing=false] .fx-anim,.fx-stage[data-playing=false] .fx-step:before,.fx-stage[data-playing=false] .fx-prompt-text:after{animation:none}.fx-stage[data-playing=false] .fx-prompt-text:after{display:none}.fx-stage[data-offscreen=true] .fx-anim,.fx-stage[data-offscreen=true] .fx-step:before,.fx-stage[data-offscreen=true] .fx-prompt-text:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fx-anim,.fx-step:before,.fx-prompt-text:after{animation:none!important}.fx-prompt-text:after{display:none}.fx-cta,.fx-cta:hover{transition:none;transform:none}}@media (width>=1440px){.fx-hero{--fx-ui-height:23rem;--fx-frame-width:800px}}@media (width<=1080px){.fx-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.fx-lead{max-width:62ch}}@media (width<=720px){.fx-hero{--fx-ui-height:15rem;--fx-frame-width:640px}.fx-copy h1{font-size:clamp(2.25rem,11vw,3rem)}.fx-actions{width:100%}.fx-cta{flex:100%;justify-content:space-between}.fx-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--fx-ui-height);height:auto}.fx-doc{border-right:0;border-bottom:1px solid var(--line-main)}.fx-lines{padding-bottom:.85rem}.fx-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-step:not(:first-child){margin-left:.6rem;padding-left:.6rem}}