.rx-demo{margin-block-start:calc(var(--rx-header-height)*-1);overflow:clip;position:relative}.rx-demo__scene{--rx-demo-u:var(--rx-u);bottom:calc(var(--rx-demo-u)*-400);height:0;pointer-events:none;position:absolute;right:calc(var(--rx-demo-u)*138.06);top:auto;width:0;z-index:0;--rx-demo-scene-duration:1500ms;--rx-reveal-duration:var(--rx-demo-scene-duration)}.rx-demo__disc,.rx-demo__orbit,.rx-demo__ring{aspect-ratio:1;border-radius:50%;left:0;position:absolute;top:0;translate:-50% -50%}.rx-demo{--rx-demo-scene-fill:var(--rx-green-t1);--rx-demo-scene-stroke:var(--rx-green-base)}.rx-demo--scene-gold{--rx-demo-scene-fill:var(--rx-gold-t1);--rx-demo-scene-stroke:var(--rx-gold-base)}.rx-demo--scene-blue{--rx-demo-scene-fill:var(--rx-blue-t1);--rx-demo-scene-stroke:var(--rx-blue-base)}.rx-demo--scene-brown{--rx-demo-scene-fill:var(--rx-brown-t4);--rx-demo-scene-stroke:var(--rx-brown-t1)}.rx-demo__disc{background-color:var(--rx-demo-scene-fill);width:calc(var(--rx-demo-u)*1600.57)}.rx-demo__ring{border:1px solid color-mix(in srgb,var(--rx-demo-scene-stroke) var(--rx-demo-ring-alpha),transparent);width:calc(var(--rx-demo-u)*var(--rx-demo-ring))}.rx-demo__ring--mid{--rx-demo-ring:2407.18;--rx-demo-ring-alpha:40%}.rx-demo__ring--outer{--rx-demo-ring:3475.57;--rx-demo-ring-alpha:60%}.rx-demo__orbit{rotate:var(--rx-demo-orbit-to);width:calc(var(--rx-demo-u)*2407.18);--rx-demo-orbit-to:-6.13deg;--rx-demo-orbit-from:-34deg;--rx-demo-orbit-duration:1800ms;--rx-demo-orbit-ease:var(--rx-ease-out)}.rx-demo__bead{aspect-ratio:1;background-color:var(--rx-page-bg);border:1px solid var(--rx-green-t1);border-radius:50%;left:50%;position:absolute;top:0;translate:-50% -50%;width:calc(var(--rx-demo-u)*17)}.rx-demo__disc{--rx-reveal-from:0.72;--rx-reveal-delay:0ms}.rx-demo__ring--mid{--rx-reveal-from:0.82;--rx-reveal-delay:140ms}.rx-demo__ring--outer{--rx-reveal-from:0.88;--rx-reveal-delay:260ms}[data-rx-reveal-ready] .rx-demo__orbit{rotate:var(--rx-demo-orbit-from)}[data-rx-reveal-ready] .rx-demo__orbit[data-rx-revealed]{rotate:var(--rx-demo-orbit-to);transition:rotate var(--rx-demo-orbit-duration) var(--rx-demo-orbit-ease)}@media (prefers-reduced-motion:reduce){[data-rx-reveal-ready] .rx-demo__orbit{rotate:var(--rx-demo-orbit-to);transition:none}}.rx-demo__grid{align-items:start;display:grid;gap:var(--rx-space-9);grid-template-columns:minmax(0,.41fr) minmax(0,.59fr);padding-top:calc(var(--rx-header-top) + var(--rx-header-height));position:relative;z-index:1}.rx-demo__intro{padding-top:var(--rx-space-8)}.rx-demo__intro--align-start,.rx-demo__panel--align-start{align-self:start}.rx-demo__intro--align-center,.rx-demo__panel--align-center{align-self:center}.rx-demo__intro--align-end,.rx-demo__panel--align-end{align-self:end}.rx-demo__eyebrow{--rx-reveal-delay:0ms;margin-bottom:var(--rx-space-6)}.rx-demo__heading{--rx-reveal-delay:80ms}.rx-demo__copy{--rx-reveal-delay:160ms}.rx-demo__quote{--rx-reveal-delay:240ms}.rx-demo__panel{--rx-reveal-delay:200ms}.rx-demo__intro{--rx-demo-heading-size:3.125rem;--rx-demo-lead-size:1.375rem;--rx-demo-quote-size:0.9375rem}.rx-demo__heading{color:var(--rx-heading);font-size:var(--rx-h-size,var(--rx-demo-heading-size));font-weight:400;line-height:var(--rx-h-lh,.99);margin:0 0 var(--rx-space-6)}.rx-demo__copy{font-size:var(--rx-demo-lead-size);line-height:1.42;margin:0}.rx-demo__copy>:first-child{margin-top:0}.rx-demo__copy>:last-child{margin-bottom:0}.rx-demo__quote{margin:var(--rx-space-10) 0 0;max-width:85%;--rx-demo-quote-dwell:7s;--rx-demo-quote-fade:420ms;--rx-demo-reel-duration:620ms;--rx-demo-reel-ease:var(--rx-ease-out);--rx-demo-logo-dim:0.25}.rx-demo__quote-mark{block-size:14.5px;display:flex;gap:2.5px;inline-size:18px}.rx-demo{--rx-demo-quote-accent:var(--rx-green-base)}.rx-demo--quote-gold{--rx-demo-quote-accent:var(--rx-gold-base)}.rx-demo--quote-blue{--rx-demo-quote-accent:var(--rx-blue-base)}.rx-demo--quote-brown{--rx-demo-quote-accent:var(--rx-brown-t1)}.rx-demo__quote-slab{background-color:var(--rx-demo-quote-accent);block-size:100%;clip-path:polygon(41% 0,90% 0,77% 52%,100% 52%,100% 100%,0 100%,0 48%);inline-size:7.75px}.rx-demo__quote-deck{display:grid;margin-top:20.2px}.rx-demo__quote-text{color:var(--rx-text);font-size:var(--rx-demo-quote-size);grid-area:1/1;line-height:1.48;margin:0;transition:opacity var(--rx-demo-quote-fade) var(--rx-ease-standard)}.rx-demo__quote-text:first-child{opacity:1}[data-rx-quotes-ready] .rx-demo__quote-text{opacity:0}[data-rx-quotes-ready] .rx-demo__quote-text[data-rx-current]{opacity:1}.rx-demo__meter{align-self:stretch;background-color:var(--rx-demo-quote-accent);flex:none;max-block-size:47px;position:relative;width:2px}.rx-demo__meter-fill{background-color:var(--rx-brown-base);inset:0;position:absolute;transform:scaleY(0);transform-origin:bottom center}@keyframes rx-demo-quote-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}[data-rx-quotes-ready] .rx-demo__meter-fill{animation:rx-demo-quote-fill var(--rx-demo-quote-dwell) linear forwards}.rx-demo__quote:focus-within .rx-demo__meter-fill,.rx-demo__quote:hover .rx-demo__meter-fill{animation-play-state:paused}.rx-demo__logos{align-items:center;display:flex;gap:0;margin-top:var(--rx-space-6);min-block-size:47px}.rx-demo__track{flex:1 1 auto;min-width:0;overflow:hidden;padding-left:23.12px;position:relative}.rx-demo__reel{align-items:center;display:flex;gap:37.21px;translate:calc(var(--rx-demo-reel-x, 0px)*-1) 0;width:max-content}[data-rx-quotes-ready] .rx-demo__reel{transition:translate var(--rx-demo-reel-duration) var(--rx-demo-reel-ease)}.rx-demo__reel[data-rx-reel-jump],.rx-demo__reel[data-rx-reel-jump] .rx-demo__logo-btn{transition:none}.rx-demo__logo-btn{background:none;border:0;cursor:pointer;display:block;flex:none;padding:0}.rx-demo__logo-btn:focus-visible{border-radius:2px;outline:2px solid var(--rx-accent);outline-offset:4px}[data-rx-quotes-ready] .rx-demo__logo-btn{opacity:var(--rx-demo-logo-dim);transition:opacity var(--rx-demo-reel-duration) var(--rx-demo-reel-ease)}[data-rx-quotes-ready] .rx-demo__logo-btn:hover{opacity:.6}[data-rx-quotes-ready] .rx-demo__logo-btn[data-rx-current]{opacity:1}.rx-demo__logo-btn[data-rx-entering]{opacity:0;transition:none}.rx-demo__logo{display:block;filter:grayscale(1);height:auto;max-block-size:47px;max-inline-size:145px;width:auto}@media (prefers-reduced-motion:reduce){[data-rx-quotes-ready] .rx-demo__meter-fill{animation:none;transform:scaleY(1)}.rx-demo__quote-text{transition:none}}.rx-demo__panel{background-color:var(--rx-surface);border-radius:var(--rx-radius-md);box-shadow:var(--rx-shadow-panel);container-type:inline-size;inline-size:100%;margin-inline-start:auto;max-inline-size:860px;padding:var(--rx-space-7)}@media (max-width:1024px){.rx-demo__grid{gap:var(--rx-space-8);grid-template-columns:minmax(0,1fr)}.rx-demo__intro{padding-top:0}.rx-demo__quote{margin-top:var(--rx-space-7)}.rx-demo__panel{padding:var(--rx-space-6)}}@media (max-width:767px){.rx-demo__scene{bottom:calc(var(--rx-demo-u)*-400);top:auto}.rx-demo__checks,.rx-demo__row--2{grid-template-columns:minmax(0,1fr)}.rx-demo__checks{grid-auto-flow:row;grid-template-rows:none}.rx-demo__submit{gap:var(--rx-space-4);grid-template-columns:minmax(0,1fr)}}.rx-demo__form-intro{margin-bottom:var(--rx-space-6)}.rx-demo__form-heading{color:var(--rx-heading);font-size:var(--rx-h-size,var(--rx-text-xl));font-weight:400;line-height:var(--rx-h-lh,1.2);margin:0}.rx-demo__form-copy{color:var(--rx-text-muted);font-size:var(--rx-text-base);line-height:1.5;margin:0}.rx-demo__form-copy>:first-child{margin-top:0}.rx-demo__form-copy>:last-child{margin-bottom:0}.rx-demo__form-intro>*{margin:0}.rx-demo__form-intro>*+*{margin-top:var(--rx-space-4)}.rx-demo__logo-row{margin-top:var(--rx-demo-logo-row-space,var(--rx-space-9))}.rx-demo__logo-row--space-tight{--rx-demo-logo-row-space:var(--rx-space-7)}.rx-demo__logo-row--space-default{--rx-demo-logo-row-space:var(--rx-space-8)}.rx-demo__logo-row--space-loose{--rx-demo-logo-row-space:var(--rx-space-9)}.rx-demo__logo-row--space-x-loose{--rx-demo-logo-row-space:var(--rx-space-10)}