.rot.svelte-oyea53{width:100%;max-width:580px;margin:0 auto}.stage.svelte-oyea53{perspective:1400px;padding-top:.5rem;position:relative}.halo.svelte-oyea53{filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#7c3aed3d,#0000 70%);transition:background .7s;position:absolute;inset:-12% -8%}.halo.lit.svelte-oyea53{background:radial-gradient(closest-side,#ff1fa073,#0000 72%)}.screen.svelte-oyea53{aspect-ratio:16/9;background:#111;border:7px solid #0a0a0a;border-radius:14px;outline:1px solid #ffffff24;transition:box-shadow .6s;animation:7s ease-in-out infinite svelte-oyea53-float;position:relative;overflow:hidden;transform:rotateY(-9deg)rotateX(3deg);box-shadow:30px 40px 80px -30px #000000e6}.screen.lit.svelte-oyea53{box-shadow:30px 40px 80px -30px #000000e6,0 0 0 1px #ff1fa0b3,0 0 90px -8px #ff1fa099}.glass.svelte-oyea53{pointer-events:none;background:linear-gradient(115deg,#ffffff1a 0%,#0000 32%);position:absolute;inset:0}.reflection.svelte-oyea53{filter:blur(10px);background:radial-gradient(closest-side,#7c3aed38,#0000);border-radius:50%;height:36px;margin:6px 6% 0;transition:background .6s}.reflection.lit.svelte-oyea53{background:radial-gradient(closest-side,#ff1fa080,#0000)}.layer.svelte-oyea53{opacity:0;transition:opacity .38s;position:absolute;inset:0}.layer.on.svelte-oyea53{opacity:1}.other.svelte-oyea53,.yours.svelte-oyea53,.fill-ad.svelte-oyea53{flex-direction:column;padding:9% 8% 7%;display:flex;position:absolute;inset:0}.other.svelte-oyea53{gap:.5rem}.other.svelte-oyea53 span:where(.svelte-oyea53){background:#ffffff2e;border-radius:6px;display:block}.mock-a.svelte-oyea53{width:58%;height:1.5rem}.mock-b.svelte-oyea53{width:40%;height:.75rem}.other.svelte-oyea53 .mock-c:where(.svelte-oyea53){background:#ffffff4d;width:26%;height:1.5rem;margin-top:auto}.yours.svelte-oyea53{background:linear-gradient(135deg,#ff4fb6,#ff1fa0 55%,#6d0c78);justify-content:center}.fill-ad.svelte-oyea53{background:#050505;justify-content:center}.brackets.svelte-oyea53{background:linear-gradient(#fff,#fff) 0 0/16% 4px no-repeat,linear-gradient(#fff,#fff) 0 0/4px 22% no-repeat,linear-gradient(#fff,#fff) 100% 100%/16% 4px no-repeat,linear-gradient(#fff,#fff) 100% 100%/4px 22% no-repeat;position:absolute;inset:7%}.fill-ad.svelte-oyea53 .brackets:where(.svelte-oyea53){background:linear-gradient(#ff1fa0,#ff1fa0) 0 0/16% 4px no-repeat,linear-gradient(#ff1fa0,#ff1fa0) 0 0/4px 22% no-repeat,linear-gradient(#ff1fa0,#ff1fa0) 100% 100%/16% 4px no-repeat,linear-gradient(#ff1fa0,#ff1fa0) 100% 100%/4px 22% no-repeat}.yours.svelte-oyea53 strong:where(.svelte-oyea53),.fill-ad.svelte-oyea53 strong:where(.svelte-oyea53){font-family:var(--font-headline);text-transform:uppercase;color:#fff;font-weight:400;line-height:1;position:relative}.yours.svelte-oyea53 strong:where(.svelte-oyea53){font-size:clamp(1.6rem,7vw,2.6rem)}.fill-ad.svelte-oyea53 strong:where(.svelte-oyea53){text-align:center;font-size:clamp(1.3rem,5.5vw,2.1rem)}.fill-ad.svelte-oyea53 em:where(.svelte-oyea53){color:#ff1fa0;font-style:normal}.bar.svelte-oyea53{background:#ffffffbf;border-radius:999px;height:.55rem;margin-top:.6rem;display:block;position:relative}.bar-a.svelte-oyea53{width:50%}.bar-b.svelte-oyea53{background:#ffffff73;width:33%}.chip.svelte-oyea53{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border-radius:999px;padding:.22rem .65rem;font-size:.7rem;font-weight:700;animation:.35s both svelte-oyea53-chip-in;position:absolute;bottom:.6rem;left:.6rem}.chip-ours.svelte-oyea53{color:#0a0a0a;background:#fff}.track.svelte-oyea53{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-top:.5rem;display:grid}.seg.svelte-oyea53{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.seg-yours.svelte-oyea53{background:#ff1fa047;box-shadow:0 0 12px #ff1fa059}.progress.svelte-oyea53{background:#ffffffbf;height:100%}.seg-yours.svelte-oyea53 .progress:where(.svelte-oyea53){background:var(--primary)}.progress.run.svelte-oyea53{animation:linear both svelte-oyea53-grow}.legend.svelte-oyea53{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.7rem;font-size:.8rem;display:flex}.dot.svelte-oyea53{background:#fff9;border-radius:999px;width:8px;height:8px;margin-right:.4rem;display:inline-block}.dot-yours.svelte-oyea53{background:var(--primary);box-shadow:0 0 8px var(--primary)}.dot-fill.svelte-oyea53{outline:1.5px solid var(--primary);background:#050505}.pause.svelte-oyea53{color:#fffc;border:1px solid #fff3;border-radius:999px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.pause.svelte-oyea53:hover{border-color:var(--primary);color:#fff}.day.svelte-oyea53{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem}.day-head.svelte-oyea53,.day-foot.svelte-oyea53{color:var(--muted-foreground);justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.day-head.svelte-oyea53 span:where(.svelte-oyea53):first-child{color:var(--foreground);font-weight:700}.day-bar.svelte-oyea53{background:#ffffff14;border-radius:999px;height:14px;margin:.6rem 0;position:relative}.day-fill.svelte-oyea53{border-radius:inherit;background:linear-gradient(90deg,#ff1fa059,#ff1fa01f);position:absolute;inset:0}.tick.svelte-oyea53{background:var(--primary);width:2px;box-shadow:0 0 6px var(--primary);border-radius:1px;margin-left:-1px;position:absolute;top:3px;bottom:3px}.rot.svelte-oyea53:not(.still):not(.day-run) .day-fill:where(.svelte-oyea53){transform:scaleX(0)}.rot.svelte-oyea53:not(.still):not(.day-run) .tick:where(.svelte-oyea53){opacity:0}.day-run.svelte-oyea53 .day-fill:where(.svelte-oyea53){transform-origin:0;animation:7s cubic-bezier(.4,0,.6,1) both svelte-oyea53-day}.day-run.svelte-oyea53 .tick:where(.svelte-oyea53){animation:.4s both svelte-oyea53-tick-in;animation-delay:calc(var(--at) * 7s)}.still.svelte-oyea53 .screen:where(.svelte-oyea53),.still.svelte-oyea53 .chip:where(.svelte-oyea53){animation:none}.still.svelte-oyea53 .layer:where(.svelte-oyea53){transition:none}@keyframes svelte-oyea53-float{0%,to{transform:rotateY(-9deg)rotateX(3deg)translateY(0)}50%{transform:rotateY(-7deg)rotateX(2deg)translateY(-6px)}}@keyframes svelte-oyea53-grow{0%{width:0}to{width:100%}}@keyframes svelte-oyea53-chip-in{0%{opacity:0;transform:translateY(4px)}}@keyframes svelte-oyea53-day{0%{transform:scaleX(0)}}@keyframes svelte-oyea53-tick-in{0%{opacity:0;transform:scaleY(.2)}}@media (width<=640px){.screen.svelte-oyea53{animation:none;transform:none}}.rot.paused.svelte-oyea53 *{animation-play-state:paused}.showcase.svelte-1thf6pg{margin:0}.showcase.svelte-1thf6pg img:where(.svelte-1thf6pg){aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%;height:auto;display:block}.showcase.svelte-1thf6pg figcaption:where(.svelte-1thf6pg){color:var(--muted-foreground);margin-top:12px;font-size:14px}.questions.svelte-1thf6pg{grid-template-columns:1fr;column-gap:32px;display:grid}@media (width>=701px){.questions.svelte-1thf6pg{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.questions.svelte-1thf6pg{grid-template-columns:repeat(3,1fr)}}.steps.svelte-1thf6pg .how-it-works-list-step:where(.svelte-1thf6pg){transition:opacity .3s;position:relative}.steps.svelte-1thf6pg .how-it-works-list-step:where(.svelte-1thf6pg):before{content:"";background:var(--primary);width:0;height:2px;transition:width .4s;position:absolute;top:-1px;left:0}.steps.svelte-1thf6pg .how-it-works-list-step.active:where(.svelte-1thf6pg):before{width:100%}.steps.svelte-1thf6pg .how-it-works-list-step.active:where(.svelte-1thf6pg) h3:where(.svelte-1thf6pg){color:var(--primary-text)}.steps-layout.svelte-1thf6pg{row-gap:36px}.demo.svelte-1thf6pg{align-self:start;position:sticky;top:96px}@media (width<=700px){.demo.svelte-1thf6pg{order:1;position:static}.steps.svelte-1thf6pg{order:2}}.steps-layout.svelte-1thf6pg h2:where(.svelte-1thf6pg){grid-column:1/-1;max-width:none}.sharing.svelte-1thf6pg p:where(.svelte-1thf6pg){max-width:46ch;color:var(--muted-foreground);margin:20px 0 0;font-size:16px;line-height:1.7}.sharing.svelte-1thf6pg h2:where(.svelte-1thf6pg){margin-bottom:8px}@media (prefers-reduced-motion:reduce){.steps.svelte-1thf6pg .how-it-works-list-step:where(.svelte-1thf6pg),.steps.svelte-1thf6pg .how-it-works-list-step:where(.svelte-1thf6pg):before{transition:none}}.question-link.svelte-1thf6pg{color:var(--primary-text);text-underline-offset:4px;margin-top:8px;font-size:14px;font-weight:500;text-decoration:underline;display:inline-block}