@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.svelte-1uha8ag,.svelte-1uha8ag:before,.svelte-1uha8ag:after,.svelte-1uha8ag::backdrop,*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.how-it-works-glow{background:radial-gradient(ellipse 75% 60% at 50% 0%,rgb(from var(--color-forest) r g b / .07),transparent 70%)}.how-it-works-pill{border-radius:var(--radius-pill,9999px);border-style:var(--tw-border-style);background-color:rgb(from var(--color-forest) r g b / .06);border-width:1px;border-color:rgb(from var(--color-forest) r g b / .16);color:var(--color-forest);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.mockup-bg-glow{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);background:radial-gradient(ellipse 75% 65% at 50% 55%,rgb(from var(--color-forest) r g b / .11),transparent 72%);z-index:0;position:absolute}.mockup-bg-dots{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);background-image:radial-gradient(rgb(from var(--color-forest) r g b / .32) 1px,transparent 1px);opacity:.85;z-index:0;background-position:0 0;background-size:13px 13px;position:absolute;-webkit-mask-image:radial-gradient(80% 85% at 50% 55%,#000,#0000 78%);mask-image:radial-gradient(80% 85% at 50% 55%,#000,#0000 78%)}.mockup-stage{z-index:1;position:relative}:is(.mockup-stage.stage-1,.mockup-stage.stage-3){width:260px;height:140px}.mockup-stage.stage-2{width:240px;height:180px}.mockup-stage.stage-1 .mock-filter{position:absolute;bottom:6px;right:0}.mockup-stage.stage-1 .arrow-1{width:64px;height:80px;position:absolute;top:18px;left:22px}.mock-pick-chip{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-pill,9999px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);color:var(--color-text);padding:5px 11px 5px 5px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000014}.mock-pick-icon{background-color:var(--color-forest);width:20px;height:20px;color:var(--color-highlight);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.mock-pick-label{white-space:nowrap}.mock-filter{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-pill,9999px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);color:var(--color-text);padding:5px 5px 5px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #0000000f}.mock-cell{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);white-space:nowrap;display:inline-flex}.mock-cell-divider{height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-border);width:1px}.mock-find-cta{margin-left:calc(var(--spacing,.25rem) * 1);background-color:var(--color-forest);color:#fff;border-radius:9999px;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.mockup-stage.stage-2 .mock-watch-card:not(.mock-watch-card--peek){z-index:2;transform-origin:50%;animation:5.4s ease-in-out infinite svelte-1uha8ag-how-it-works-shake;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mock-stat-pip{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-pill,9999px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);color:var(--color-text);z-index:3;padding:5px 11px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000014}.mock-stat-pulse{background-color:var(--color-green);width:6px;height:6px;box-shadow:0 0 rgb(from var(--color-green) r g b / .7);border-radius:3.40282e38px;animation:1.6s ease-out infinite svelte-1uha8ag-how-it-works-ping;display:inline-block}.mock-watch-card--peek{z-index:1;opacity:.62;transform-origin:50%;animation:5.4s ease-in-out 1.4s infinite svelte-1uha8ag-how-it-works-shake-peek;position:absolute;top:4px;right:0;transform:rotate(6deg);box-shadow:0 4px 12px #0000000f;max-width:150px!important}.mock-watch-card--peek .mock-watch-image{height:56px!important}.mock-watch-card--peek .mock-watch-body{padding:8px 10px 10px!important}.mock-watch-card--peek .mock-watch-title{font-size:11px!important}.mock-watch-card--peek .mock-watch-meta{font-size:10px!important}.mock-watch-card{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);flex-direction:column;width:100%;max-width:200px;display:flex;overflow:hidden;box-shadow:0 6px 20px #0000000f}.mock-watch-image{height:calc(var(--spacing,.25rem) * 20);width:100%;overflow:hidden}.mock-watch-image img{object-fit:cover;width:100%;height:100%}.mock-watch-body{gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;padding:10px 12px 12px;display:flex}.mock-watch-title{--tw-leading:var(--leading-tight,1.25);font-size:13px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-text,#1e1e1e)}.mock-watch-meta{color:var(--color-text-secondary,#757575);font-size:11px}.mock-watch-strip{margin-top:calc(var(--spacing,.25rem) * 1);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-lg,.5rem);background-color:rgb(from var(--color-forest) r g b / .05);border:1px solid rgb(from var(--color-forest) r g b / .1);padding:6px 8px;display:flex}.mock-watch-icon-wrap{background-color:rgb(from var(--color-forest) r g b / .1);border-radius:3.40282e38px;justify-content:center;align-items:center;width:18px;height:18px;animation:3.6s ease-in-out infinite svelte-1uha8ag-how-it-works-pulse;display:inline-flex}.mock-watch-label{--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);color:var(--color-text,#1e1e1e)}.mockup-stage.stage-3 .mock-ping-card{position:absolute;bottom:6px;left:0}.mockup-stage.stage-3 .arrow-3{width:64px;height:80px;position:absolute;top:18px;right:24px}.mock-slot-tile{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);color:var(--color-text);padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:0;right:0;box-shadow:0 6px 18px #00000014}.mock-slot-time{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);font-variant-numeric:tabular-nums}.mock-slot-divider{height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-border);width:1px}.mock-slot-price{color:var(--color-forest);font-weight:700}.mock-ping-card{align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#d9d9d9);background-color:var(--color-surface,#fff);width:100%;max-width:240px;padding:12px 14px;display:flex;box-shadow:0 6px 20px #0000000f}.mock-ping-bell{background-color:rgb(from var(--color-forest) r g b / .1);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.mock-ping-bell svg{transform-origin:50% 18%;animation:4.4s ease-in-out infinite svelte-1uha8ag-how-it-works-bell-ring}.mock-ping-dot{background-color:var(--color-green);border:1.5px solid var(--color-surface);width:9px;height:9px;box-shadow:0 0 rgb(from var(--color-green) r g b / .7);border-radius:9999px;animation:1.6s ease-out infinite svelte-1uha8ag-how-it-works-ping;position:absolute;top:1px;right:1px}.mock-ping-body{min-width:calc(var(--spacing,.25rem) * 0);gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;flex:1;display:flex}.mock-ping-title{--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600);color:var(--color-text,#1e1e1e)}.mock-ping-detail{color:var(--color-text-secondary,#757575);font-size:11px}.mock-ping-arrow{flex-shrink:0}@keyframes svelte-1uha8ag-how-it-works-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes svelte-1uha8ag-how-it-works-ping{0%{box-shadow:0 0 rgb(from var(--color-green) r g b / .65)}70%{box-shadow:0 0 0 8px rgb(from var(--color-green) r g b / 0)}to{box-shadow:0 0 rgb(from var(--color-green) r g b / 0)}}@keyframes svelte-1uha8ag-how-it-works-shake{0%,78%,to{transform:translate(-50%)rotate(0)}80%{transform:translate(calc(-50% - 1.5px))rotate(-.4deg)}83%{transform:translate(calc(2px - 50%))rotate(.6deg)}86%{transform:translate(calc(-50% - 2px))rotate(-.5deg)}89%{transform:translate(calc(1px - 50%))rotate(.3deg)}92%{transform:translate(calc(-50% - .5px))rotate(-.15deg)}}@keyframes svelte-1uha8ag-how-it-works-shake-peek{0%,78%,to{transform:rotate(6deg)translate(0)}80%{transform:rotate(5.6deg)translate(-1.5px)}83%{transform:rotate(6.6deg)translate(2px)}86%{transform:rotate(5.5deg)translate(-2px)}89%{transform:rotate(6.3deg)translate(1px)}92%{transform:rotate(5.85deg)translate(-.5px)}}@keyframes svelte-1uha8ag-how-it-works-bell-ring{0%,72%,to{transform:rotate(0)}76%{transform:rotate(-14deg)}80%{transform:rotate(12deg)}84%{transform:rotate(-8deg)}88%{transform:rotate(5deg)}92%{transform:rotate(-2deg)}96%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){:is(.mock-watch-icon-wrap,.mock-ping-dot,.mock-stat-pulse,.mock-ping-bell svg,.mockup-stage.stage-2 .mock-watch-card:not(.mock-watch-card--peek),.mock-watch-card--peek){animation:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}