@media (prefers-reduced-motion:no-preference){html:has([data-motion]){scroll-behavior:smooth}[data-motion] .site-bar{z-index:40;background:0 0;border-color:#0000;position:sticky;top:0}[data-motion] .site-bar-back{z-index:-1;transform-origin:top;opacity:0;background:var(--surface);box-shadow:0 1px 0 var(--line), 0 10px 28px -12px #0b224038;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}[data-motion] .site-bar-row{transform-origin:0;transition:transform .3s cubic-bezier(.2,.7,.2,1)}[data-motion] .site-bar[data-scrolled] .site-bar-back{opacity:1;transform:scaleY(.84)}[data-motion] .site-bar[data-scrolled] .site-bar-row{transform:translateY(-6px)}[data-motion] .site-bar[data-scrolled] .site-bar-logo{transform:scale(.92)}[data-motion] .site-bar-logo{transform-origin:0;transition:transform .3s cubic-bezier(.2,.7,.2,1)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-motion] .lift{transition:translate .28s cubic-bezier(.2,.7,.2,1);position:relative}[data-motion] .lift:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .28s;position:absolute;inset:0;box-shadow:0 18px 36px -14px #0b224047}[data-motion] .lift:hover{translate:0 -4px}[data-motion] .lift:hover:after{opacity:1}[data-motion] .mock{transition:scale .4s cubic-bezier(.2,.7,.2,1)}[data-motion] .mock:hover{scale:1.02}}@media (prefers-reduced-motion:no-preference){[data-motion] [data-reveal=armed],[data-motion] [data-reveal-group=armed]>*{opacity:0;transition:none;transform:translateY(28px)}[data-motion] [data-reveal=in],[data-motion] [data-reveal-group=in]>*{transition:opacity .7s cubic-bezier(.2, .7, .2, 1) var(--rd,0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--rd,0s), translate .28s cubic-bezier(.2, .7, .2, 1), scale .4s cubic-bezier(.2, .7, .2, 1)}[data-motion] [data-reveal-group]>:nth-child(2){--rd:90ms}[data-motion] [data-reveal-group]>:nth-child(3){--rd:.18s}[data-motion] [data-reveal-group]>:nth-child(4){--rd:.27s}[data-motion] [data-reveal-group]>:nth-child(5){--rd:.36s}[data-motion] [data-reveal-group]>:nth-child(n+6){--rd:.45s}}.hw{vertical-align:top;display:inline-block}.hw-mask{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.hw-in{display:inline-block}.hw-line{pointer-events:none;width:108%;height:.36em;position:absolute;bottom:-.2em;left:-4%;overflow:visible}@media (prefers-reduced-motion:no-preference){[data-motion=on] .hw-in{animation:hw-up .6s cubic-bezier(.2, .75, .25, 1) calc(.12s + var(--i) * 40ms) both}[data-motion=on] .hw-line path{animation:.52s cubic-bezier(.55,0,.3,1) 1s both draw}[data-motion=on] .hero-fade{animation:rise .7s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}}@keyframes hw-up{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-paper{background-image:linear-gradient(to right, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(to right, color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;-webkit-mask-image:radial-gradient(75% 80% at 55% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(75% 80% at 55% 40%,#000 30%,#0000 85%)}.hp-build{opacity:0;visibility:hidden}.hp-building{opacity:0}@media (prefers-reduced-motion:no-preference){[data-motion=on] .hp-desk{animation:.7s cubic-bezier(.2,.7,.2,1) .15s both rise}[data-motion=on] .hp-build{animation:2.8s linear both hp-cover}[data-motion=on] .hp-step{animation:hp-step-in .3s ease-out calc(.45s + var(--k) * .24s) both}[data-motion=on] .hp-step-tick{animation:pop .3s cubic-bezier(.34, 1.56, .64, 1) calc(.6s + var(--k) * .24s) both}[data-motion=on] .hp-building{animation:1.8s linear both hp-hold-out}[data-motion=on] .hp-ready{animation:.26s ease-out 1.8s both hp-appear}[data-motion=on] .hp-row{animation:rise .52s cubic-bezier(.2, .7, .2, 1) var(--d) both}[data-motion=on] .hp-marks{animation:pop .38s cubic-bezier(.3, 1.6, .5, 1) var(--d) both}[data-motion=on] .hp-chip{animation:hp-chip .42s cubic-bezier(.3, 1.6, .5, 1) var(--d) both}[data-motion=on] .hp-pulse{animation:1s ease-out 3.7s infinite hp-pulse}[data-motion=on] .hp-cue-arcs{animation:1.7s linear both hp-cue}[data-motion=on] .hp-cue-timer{animation:3.7s linear both hp-cue}}[data-motion-shell]:not([data-motion=on]) .hp-build *{animation:none!important}@media (prefers-reduced-motion:reduce){.hp-build *{animation:none!important}}@keyframes hp-cover{0%,90%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(.97)}}@keyframes hp-step-in{0%{opacity:0;transform:translateY(6px)}}@keyframes hp-hold-out{0%,92%{opacity:1}to{opacity:0}}@keyframes hp-appear{0%{opacity:0;transform:translateY(4px)}}@keyframes hp-chip{0%{opacity:0;transform:scale(.8)}}@keyframes hp-pulse{0%{opacity:1;transform:scale(1)}60%{opacity:.35;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes hp-cue{0%,to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){[data-motion] [data-magnetic]{transform:translate(var(--mx,0px), var(--my,0px));transition:transform .45s cubic-bezier(.2,.7,.2,1);display:inline-flex}[data-motion] [data-magnetic][data-magnetic-live=near]{transition:transform .14s linear}[data-motion] .shine{isolation:isolate;position:relative;overflow:hidden}[data-motion] .shine:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#fff6 50%,#0000 70%);animation:6s ease-in-out 3.2s infinite shine;position:absolute;inset:0;transform:translate(-120%)}[data-motion] .shine:hover:before,[data-motion] .shine:focus-visible:before{animation-play-state:paused}[data-motion] .press{transition:transform .12s,filter .1s,background-color .1s}[data-motion] .press:active{transform:scale(.96)translateY(1px)}}@keyframes shine{0%{transform:translate(-120%)}14%,to{transform:translate(120%)}}.marquee-copy{display:none}@media (prefers-reduced-motion:no-preference){[data-motion=on] .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}[data-motion=on] .marquee-track{width:max-content;animation:marquee var(--marquee-s,60s) linear infinite;flex-wrap:nowrap;display:flex}[data-motion=on] .marquee-track[data-reverse]{animation-direction:reverse}[data-motion=on] .marquee-track>ul{flex-wrap:nowrap}[data-motion=on] .marquee-copy{display:flex}[data-motion=on] .marquee:hover .marquee-track,[data-motion=on] .marquee:focus-within .marquee-track{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px) and (min-height:760px){[data-motion=on] [data-story]{height:420vh}[data-motion=on] [data-story-stage]{align-items:center;height:100vh;display:flex;position:sticky;top:0}[data-motion=on] [data-story-grid]{padding-block:2rem}[data-motion=on] [data-story-rail]{display:flex}}[data-story-rail]{display:none}.step-icon path,.step-icon circle,.step-icon line{transition:stroke-dashoffset .6s cubic-bezier(.55,0,.3,1)}.step-icon{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}@media (prefers-reduced-motion:no-preference){[data-motion] [data-steps-live] .step-icon:not([data-hit]) [pathLength]{stroke-dashoffset:1px}[data-motion] [data-steps-live] .step-icon:not([data-hit]){transform:scale(.8)}[data-motion] [data-steps-live] .step-icon[data-hit]{transform:scale(1)}}.paper-sheet-1{transform:translate(-16px,14px)rotate(-4deg)}.paper-sheet-2{transform:translate(18px,9px)rotate(3.5deg)}@media (max-width:639px){.paper-sheet-1{transform:translate(-6px,10px)rotate(-2.5deg)}.paper-sheet-2{transform:translate(7px,6px)rotate(2deg)}}@media (prefers-reduced-motion:no-preference){[data-motion] .paper-sheet{transition:transform 1s cubic-bezier(.2,.7,.2,1)}[data-motion] [data-reveal=armed] .paper-sheet{transition:none;transform:none}[data-motion] [data-reveal=in] .paper-sheet-2{transition-delay:.12s}[data-motion] [data-reveal=armed] .timer-sweep{stroke-dashoffset:1px}[data-motion] [data-reveal=in] .timer-sweep{transition:stroke-dashoffset 1.6s cubic-bezier(.45,0,.3,1) .3s}}.glow-ring{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.glow-ring>span{aspect-ratio:1;background:conic-gradient(from 0deg, var(--accent), var(--pop), var(--accent), var(--pop), var(--accent));width:160%;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){[data-motion] .glow-ring>span{animation:14s linear infinite turn}}@keyframes turn{to{transform:rotate(360deg)}}.roll{vertical-align:bottom;display:inline-grid;overflow:hidden}.roll>span{grid-area:1/1}@media (prefers-reduced-motion:no-preference){[data-motion] .roll>span{transition:transform .52s cubic-bezier(.6,0,.25,1),opacity .38s}}.roll>span[aria-hidden=true]{opacity:0}.hl{--hd:calc(var(--rd,0s) + .55s);isolation:isolate;display:inline-block;position:relative}.hl:before{content:"";z-index:-1;background:var(--pop);opacity:var(--hl-opacity,.32);transform-origin:0;transition:transform .7s cubic-bezier(.55, 0, .3, 1) var(--hd,.25s);border-radius:3px 6px 4px 7px;position:absolute;inset:.1em -.15em .02em}@media (prefers-reduced-motion:no-preference){[data-motion] [data-reveal=armed] .hl:before,[data-motion] [data-reveal-group=armed] .hl:before{transition:none;transform:scaleX(0)}[data-motion] [data-reveal=in] .pulse-once{animation:.9s cubic-bezier(.3,0,.3,1) .65s both pulse-once}[data-motion] [data-reveal=in] .pulse-once:after{animation:.9s ease-out .65s both pulse-ring}}.pulse-once{position:relative}.pulse-once:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;pointer-events:none;position:absolute;inset:0}@keyframes pulse-once{0%,to{transform:scale(1)}45%{transform:scale(1.05)}}@keyframes pulse-ring{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}to{opacity:0;box-shadow:0 0 0 14px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:no-preference){[data-motion] [data-reveal=armed] .logo-anim,[data-motion] [data-reveal=armed] .logo-anim *{animation-play-state:paused!important}}
