/* Motion for the actual components, not retired prototype selectors. */
.rz-home .hero{min-height:730px;grid-template-columns:1.24fr 1fr}.rz-home .hero-copy{padding-top:32px}.rz-home .hero h1{font-size:clamp(36px,3.9vw,64px);letter-spacing:-.05em}.hero-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero-line>span{display:block}.rz-home .hero .eyebrow{margin-bottom:25px}.rz-home .intro{margin-top:23px;font-size:17px}.rz-home .hero-bottom{margin-top:22px}.rz-home .hero-method{pointer-events:auto;position:relative;margin-top:30px;max-width:510px;padding:17px 0 0;border-top:1px solid oklch(37% .012 55)}.method-heading{display:flex;justify-content:space-between;gap:14px;font:10px/1.5 monospace;letter-spacing:.05em;color:oklch(76% .012 55)}.method-heading>span:last-child{color:oklch(78% .13 38)}.hero-method ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:18px 0 0;gap:16px}.hero-method li{position:relative;min-width:0;padding-top:16px}.hero-method li:before{content:'';position:absolute;left:0;right:-16px;top:0;height:1px;background:oklch(40% .014 55)}.hero-method li:last-child:before{right:0}.method-point{position:absolute;top:-4px;left:0;width:9px;height:9px;border:1px solid oklch(73% .16 38);border-radius:50%;background:oklch(18% .008 55)}.hero-method strong{font-size:14px;font-weight:600;display:block}.hero-method small{font-size:11px;display:block;margin-top:2px;color:oklch(73% .012 55)}.method-traveller{display:none;position:absolute;left:0;right:0;height:3px;top:50px;transform-origin:left;background:oklch(73% .16 38);pointer-events:none}.rz-motion-ready .method-traveller{display:block;animation:method-travel 7s cubic-bezier(.4,0,.2,1) infinite}.rz-motion-ready .method-point{animation:method-point 7s ease-out infinite}.rz-motion-ready .hero-method li:nth-child(2) .method-point{animation-delay:2.2s}.rz-motion-ready .hero-method li:nth-child(3) .method-point{animation-delay:4.5s}.rz-home .portrait-orbit{z-index:3;pointer-events:none;border-color:oklch(64% .045 45 / .45)}.rz-home .portrait-orbit i{display:none;position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:oklch(79% .16 38);box-shadow:0 0 0 5px oklch(73% .16 38 / .14)}.rz-motion-ready .rz-home .portrait-orbit i{display:block}.rz-motion-ready .rz-home .orbit-one{animation:portrait-route 15s linear infinite}.rz-motion-ready .rz-home .orbit-two{animation:portrait-route 23s linear infinite reverse}.rz-home .portrait-caption{z-index:5}.rz-home .orbit-mark{display:none}.rz-home .portrait-stage img{filter:saturate(.85)}
.rz-motion-ready .rz-home .network .node{transition:background 250ms,color 250ms,transform 250ms}
main :is(.button,.resume-button,.cs-button,.rl-button){transition:transform 220ms cubic-bezier(.22,1,.36,1),background 220ms}main :is(.button,.resume-button,.cs-button,.rl-button):active{transform:translateY(1px) scale(.98)}main :is(.finder-options button,.demo-choices button){transition:background 220ms,color 220ms,transform 220ms}main :is(.finder-options button,.demo-choices button):active{transform:scale(.975)}main details summary{transition:color 200ms}main .case-plus{transition:transform 250ms}main details[open] .case-plus{transform:rotate(45deg)}
@keyframes method-travel{0%,8%{transform:scaleX(0);opacity:.8}72%,84%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes method-point{0%,12%,80%,100%{background:oklch(18% .008 55);box-shadow:0 0 0 0 transparent}20%,45%{background:oklch(73% .16 38);box-shadow:0 0 0 5px oklch(73% .16 38 / .12)}}
@keyframes portrait-route{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:page-leave 140ms ease-out both}::view-transition-new(root){animation:page-arrive 180ms ease-out both}}
@keyframes page-leave{to{opacity:0}}@keyframes page-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.rz-home .hero{min-height:650px}.rz-home .hero h1{font-size:clamp(32px,3.8vw,53px)}.rz-home .hero-copy{padding-top:22px}.hero-method small{font-size:10px}}
@media(max-width:700px){.rz-home .hero{grid-template-columns:1fr;min-height:0}.rz-home .hero h1{font-size:clamp(28px,6.8vw,47px)}.rz-home .hero-copy{padding-top:22px;padding-bottom:30px}.rz-home .intro{font-size:16px}.rz-home .hero-method{max-width:none;margin-top:28px}.hero-method strong{font-size:13px}.hero-method small{font-size:10px}.rz-home .hero-bottom{margin-top:20px}.rz-home .portrait-stage{height:390px}.rz-home .portrait-orbit{width:320px;height:320px;top:40px}.rz-home .orbit-two{width:400px;height:400px;top:0}}
@media(prefers-reduced-motion:reduce){.rz-home .portrait-orbit,.hero-method *{animation:none!important}.method-traveller{display:none!important}.rz-home .systems-interlude img{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.support-motion-paused .method-traveller,.support-motion-paused .method-point,.support-motion-paused .portrait-orbit{animation-play-state:paused!important}.support-motion-paused ::view-transition-old(root),.support-motion-paused ::view-transition-new(root){animation:none!important}

.rz-home .network .packet{r:6px}