.home-section{padding-block:96px}@media (min-width:768px){.home-section{padding-block:144px}}.home-devices{aspect-ratio:3/2;width:min(100%,max(320px,min(780px,150svh - 780px)));position:relative}@media (max-width:700px){.home-devices{aspect-ratio:6/5}}.home-panels{padding-bottom:12px}.stage{isolation:isolate;border-radius:40px;margin:24px 12px;position:relative;overflow:hidden}.stage-ink{color:#fff;--ink:#fff;--ink-2:#ffffffb8;--ink-3:#ffffff8f;--ink-4:#ffffff47;--hairline:#ffffff1f;background:#1d2a04}.stage-ink:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#7fbe3c47,#0000);height:70%;position:absolute;inset:-20% 10% auto}.stage-ink .glass{background:#ffffff0f;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.stage-ink .glass:after{display:none}@keyframes stage-rise{0%{transform:translateY(90px)scale(.95)}to{transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stage{animation:linear both stage-rise;animation-timeline:view();animation-range:entry entry 70%}}}@media (max-width:700px){.stage{border-radius:28px;margin:16px 8px}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-soft{animation:7s ease-in-out infinite float-soft}.float-late{animation-delay:-3.5s}@media (prefers-reduced-motion:reduce){.float-soft{animation:none}}.browser-window{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #1d2a041a,0 2px 4px #1d2a040f,0 28px 60px -12px #1d2a0447}.figure-graph{background-color:#fbfcf8;background-image:linear-gradient(#1d2a040f 1px,#0000 1px),linear-gradient(90deg,#1d2a040f 1px,#0000 1px);background-position:-1px -1px;background-size:20px 20px}.pin-scroll{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;display:grid}.pin-stage{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 120px);display:flex;position:sticky;top:96px}.pin-step{opacity:.28;flex-direction:column;justify-content:center;min-height:78vh;transition:opacity .5s;display:flex}.pin-step.is-active{opacity:1}.pin-screen{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(.97)}.pin-screen.is-active{opacity:1;transform:none}.pin-device{transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}.pin-device.is-hidden{opacity:0;pointer-events:none;transform:translateY(24px)scale(.94)}.pin-mobile{display:none}@media (max-width:900px){.pin-scroll{display:none}.pin-mobile{display:block}}.marquee-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-row+.marquee-row{margin-top:-34px}.marquee-track{gap:16px;width:max-content;padding:22px 0 40px;animation:80s linear infinite marquee;display:flex}.marquee-track.is-reverse{animation-direction:reverse}@media (hover:hover){.marquee-row:hover .marquee-track{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}@media (prefers-reduced-motion:reduce){.pin-screen,.pin-device,.pin-step{transition:none}.marquee-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee-track{animation:none}.marquee-dup{display:none}}@keyframes demo-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes demo-open{0%{opacity:0;border-radius:40px;transform:scale(.86)}to{opacity:1;transform:none}}.demo-in{animation:.35s cubic-bezier(.2,.7,.2,1) both demo-in}.demo-open{animation:.4s cubic-bezier(.2,.7,.2,1) both demo-open}@media (prefers-reduced-motion:reduce){.demo-in,.demo-open{animation:none}}