@keyframes end-drift{0%{transform:translate(-16%)scale(1)}to{transform:translate(16%,14%)scale(1.15)}}@keyframes end-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes end-rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes end-fade{0%{opacity:0}to{opacity:1}}.end-glow{animation:16s ease-in-out infinite alternate end-drift}.end-stage{isolation:isolate}.end-word{align-items:baseline;font-size:18vw;line-height:1;display:grid}.end-letters,.end-ground{grid-area:1/1}.end-letters{justify-self:center}.end-letters>span{display:inline-block}.end-ground{z-index:1;height:0;position:relative}.end-ground:before{content:"";background:#fff;height:1.2em;position:absolute;inset:0 0 auto}.end-line{height:1px;position:absolute;inset:0 0 auto}.end-hatch{background:repeating-linear-gradient(-45deg,currentColor 0 1px,#0000 1px 6px);height:clamp(6px,.08em,14px);position:absolute;inset:1px 0 auto}.end-base{z-index:2;position:relative}@supports (animation-timeline:view()) and (timeline-scope:--end-base){.end-stage{timeline-scope:--end-base}.end-base{view-timeline-name:--end-base}.end-line,.end-hatch,.end-letters>span,.end-caption{animation:none;animation-timeline:--end-base}.end-line{animation-name:end-draw;animation-range:entry entry 30%}.end-hatch{animation-name:end-draw;animation-range:entry 8% entry 42%}.end-letters>span{animation-name:end-rise;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-range:entry calc(14% + var(--end-i)*7%)entry calc(42% + var(--end-i)*7%)}.end-caption{animation-name:end-fade;animation-range:entry 60% entry 90%}}@media (prefers-reduced-motion:reduce){.end-glow,.end-line,.end-hatch,.end-letters>span,.end-caption{animation:none}}
.cd-card{isolation:isolate;transition:translate .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;position:relative}.cd-card:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(20rem at 0 0,#10b98129,#0000 65%);transition:opacity .3s ease-out;position:absolute;inset:0}.cd-swap{display:inline-grid}.cd-swap>*{grid-area:1/1;transition:transform .15s ease-in,opacity .15s ease-in}.cd-swap>:last-child{opacity:0;transform:scaleY(0)}.cd-wave{transition:filter .3s ease-out}@keyframes cd-pop{50%{scale:1.14}}.cd-link{pointer-events:none;clip-path:inset(0 -4px 100%);background:#404040;width:1.5px;transition:clip-path .3s ease-out;position:absolute;top:calc(-.625rem - 3px);bottom:.875rem}.cd-link:after{content:"";background:#404040;border-radius:9999px;width:5px;height:5px;position:absolute;bottom:-2.5px;left:50%;translate:-50%;box-shadow:0 0 0 1.5px #fff}.cd-plate{border-radius:2px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.cd-fan{transition:translate .3s ease-out,rotate .3s ease-out,box-shadow .3s ease-out}@media (hover:hover){.group:hover>.cd-card{border-color:#d4d4d4;translate:0 -.25rem;box-shadow:0 20px 40px -20px #0a0a0a40,0 2px 8px -2px #0a0a0a14}.group:hover>.cd-card:before{opacity:1}.group:hover .cd-swap>:first-child{opacity:0;transition-delay:var(--cd-d,0s);transform:scaleY(0)}.group:hover .cd-swap>:last-child{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transition-delay:calc(var(--cd-d,0s) + .15s);transform:none}.group:hover .cd-wave{filter:saturate(1.45)brightness(.92);transition-delay:var(--cd-d,0s);animation:cd-pop .45s ease-out var(--cd-d,0s)both}.group:hover .cd-link{clip-path:inset(-4px);transition-delay:var(--cd-d,0s)}.group:hover .cd-plate{background-color:#fff;box-shadow:0 0 0 2px #fff}.group:hover .cd-fan{translate:calc(var(--cd-x,0)*5px)calc(var(--cd-y,0)*4px);rotate:calc(var(--cd-x,0)*2deg);box-shadow:0 8px 16px -8px #0a0a0a33}}@media (prefers-reduced-motion:reduce){.cd-card,.cd-card:before,.cd-card *,.cd-card :after{transition:none!important}.group:hover>.cd-card{translate:none}.group:hover .cd-wave{animation:none}.group:hover .cd-fan{translate:none;rotate:none}}
.hero-window{--hero-start:1.1s;--hero-tab:4.5rem;--hero-tab-step:calc(var(--hero-tab) + .25rem)}@media (min-width:40rem){.hero-window{--hero-tab:5.25rem}}@keyframes hero-grid-draw{to{stroke-dashoffset:0}}@keyframes hero-grid-out{to{opacity:0}}@keyframes hero-settle{0%{opacity:0;transform:translateY(6px)}}.hero-grid{animation:.5s ease-out .8s both hero-grid-out}.hero-grid-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:hero-grid-draw .45s cubic-bezier(.4,0,.2,1)var(--hero-step,0s)both}.hero-settle{animation:hero-settle .5s cubic-bezier(.2,.7,.2,1)var(--hero-step,.6s)both}@keyframes hero-view{0%{opacity:0;transform:translateY(8px)}2.5%,31%{opacity:1;transform:none}33.3%,to{opacity:0;transform:translateY(-6px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(8px)}2.5%,34%{opacity:1;transform:none}34.1%,to{opacity:0;transform:none}}@keyframes hero-bar{0%{transform:scaleX(0)}6%,34%{transform:scaleX(1)}34.1%,to{transform:scaleX(0)}}@keyframes hero-flip-from{0%,16%{opacity:1;transform:none}17.5%,36%{opacity:0;transform:rotateX(90deg)}40%,to{opacity:1;transform:none}}@keyframes hero-flip-to{0%,17.5%{opacity:0;transform:rotateX(-90deg)}19%,36%{opacity:1;transform:none}40%,to{opacity:0;transform:rotateX(-90deg)}}@keyframes hero-tab-slide{0%,31%{transform:translateX(var(--hero-tab-step))}33.3%,64.3%{transform:translateX(calc(var(--hero-tab-step)*2))}66.6%,97.6%{transform:translateX(calc(var(--hero-tab-step)*3))}to{transform:translateX(var(--hero-tab-step))}}@keyframes hero-tab-label{0%{color:#737373}1.5%,32%{color:#0a0a0a}33.3%,to{color:#737373}}@keyframes hero-cursor{0%,4.5%{opacity:0;transform:translate(220px,140px)}7%{opacity:1}12.5%,25%{opacity:1;transform:translate(0)}28%,to{opacity:0;transform:translate(0)}}@keyframes hero-click{0%,13%{opacity:0;transform:scale(0)}14%{opacity:.45;transform:scale(1)}17.5%,to{opacity:0;transform:scale(2.4)}}@keyframes hero-card{0%,13.5%{box-shadow:0 0 #10b98100}15.5%,26%{box-shadow:0 0 0 2px #10b9818c}29%,to{box-shadow:0 0 #10b98100}}@keyframes hero-toast{0%,15%{opacity:0;transform:translateY(10px)scale(.96)}17%,27.5%{opacity:1;transform:none}30%,to{opacity:0;transform:translateY(-4px)}}.hero-view,.hero-in,.hero-bar,.hero-flip-from,.hero-flip-to,.hero-tab-label,.hero-cursor,.hero-click,.hero-card,.hero-toast{animation:18s cubic-bezier(.2,.7,.2,1)calc(var(--hero-start) + var(--hero-at,0s))infinite both}.hero-view{animation-name:hero-view}.hero-in{animation-name:hero-in}.hero-bar{animation-name:hero-bar}.hero-in,.hero-bar{animation-delay:calc(var(--hero-start) + var(--hero-at,0s) + var(--hero-step,0s))}.hero-flip-from{animation-name:hero-flip-from}.hero-flip-to{animation-name:hero-flip-to}.hero-tab-label{animation-name:hero-tab-label;animation-delay:calc(var(--hero-start) + var(--hero-at,0s) - .3s)}.hero-cursor{animation-name:hero-cursor;animation-timing-function:ease-in-out}.hero-click{animation-name:hero-click}.hero-card{animation-name:hero-card}.hero-toast{animation-name:hero-toast}.hero-tab{width:var(--hero-tab)}.hero-tab-pill{width:var(--hero-tab);transform:translateX(var(--hero-tab-step));animation:hero-tab-slide 18s cubic-bezier(.3,1.25,.5,1)var(--hero-start)infinite both}.hero-tilt{perspective:1200px}.hero-tilt-plane{transition:transform .7s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-tilt-plane{transform:rotateX(var(--hero-rx,0deg))rotateY(var(--hero-ry,0deg))}.hero-tilt:hover .hero-tilt-plane{transition:transform .15s ease-out}}@media (prefers-reduced-motion:reduce){.hero-view,.hero-in,.hero-bar,.hero-flip-from,.hero-flip-to,.hero-tab-label,.hero-tab-pill,.hero-cursor,.hero-click,.hero-card,.hero-toast,.hero-settle,.hero-tilt-plane{transition:none;animation:none}.hero-view~.hero-view,.hero-grid{display:none}}
.jr-hi,.jr-done,.jr-hide{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-height:640px){@keyframes jr-draw{0%{stroke-dashoffset:1px}}@keyframes jr-fade{0%{opacity:0}}@keyframes jr-pop{0%{opacity:0;transform:scale(.5)}}@keyframes jr-ink{0%{color:#737373}}@keyframes jr-on{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes jr-out{0%,90%{opacity:1}to{opacity:0}}@keyframes jr-in{0%{opacity:0}10%,to{opacity:1}}@keyframes jr-draft{0%,52%{opacity:1}58%,to{opacity:0}}@keyframes jr-review{0%,52%{opacity:0}58%,82%{opacity:1}88%,to{opacity:0}}@keyframes jr-approved{0%,82%{opacity:0}88%,to{opacity:1}}@keyframes jr-bar{0%{transform:scaleX(.04)}88%,to{transform:scaleX(1)}}.jr-section{view-timeline-name:--jr;view-timeline-axis:block;height:250vh;padding-block:0}.jr-stage{height:100svh;padding-block:5.25rem 1rem;position:sticky;top:0}.jr-grid{grid-template-rows:auto minmax(0,1fr) auto;row-gap:.75rem;height:100%}.jr-figure{min-height:0}.jr-svg{height:100%}.jr-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding-bottom:4rem;position:relative}.jr-row{text-align:center;flex-direction:column;gap:.25rem;padding:.5rem .25rem;font-size:.8125rem;line-height:1.2;position:relative}.jr-copy{height:3.75rem;margin:0;padding:0;position:absolute;inset:auto 0 0}.jr-hi,.jr-hide{display:block}.jr-done{display:flex}@media (min-width:1024px){.jr-section{height:300vh}.jr-stage{padding-block:5.5rem 1.5rem}.jr-grid{grid-template-rows:auto auto;align-content:center;row-gap:1.5rem}.jr-svg{height:auto;max-height:calc(100svh - 8rem)}.jr-rail{grid-template-columns:minmax(0,1fr);padding-bottom:4.25rem}.jr-row{text-align:left;flex-direction:row;gap:.75rem;padding:.5rem .75rem;font-size:1rem}.jr-copy{height:3.5rem;padding-inline:.75rem}}.jr-draw,.jr-fade,.jr-swap,.jr-name,.jr-done{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--jr;animation-range:var(--jr-from,entry 40%)var(--jr-to,contain 5%)}.jr-draw{stroke-dasharray:1;animation-name:jr-draw}.jr-fade{animation-name:jr-fade}.jr-done{animation-name:jr-pop}.jr-name{animation-name:jr-ink}.jr-swap{opacity:0;animation-name:jr-on}.jr-swap.jr-first{opacity:1;animation-name:jr-out}.jr-swap.jr-last{animation-name:jr-in}.jr-draft,.jr-review,.jr-approved,.jr-bar{animation-duration:auto;animation-timing-function:linear;animation-iteration-count:4;animation-fill-mode:both;animation-timeline:--jr;animation-range:contain contain 92%}.jr-draft{animation-name:jr-draft}.jr-review{animation-name:jr-review}.jr-approved{animation-name:jr-approved}.jr-bar{animation-name:jr-bar}}}
