@layer properties,theme,base;@layer components{.pass-arrive{max-inline-size:64rem;animation:object-settle var(--duration-move) var(--ease-out-quint) both}.pass-tilt{--tilt-x:.5;--tilt-y:.5;transform-origin:0;filter:drop-shadow(0 1px 1px color-mix(in oklab, var(--color-ink) 12%, transparent)) drop-shadow(0 22px 30px color-mix(in oklab, var(--color-ink) 13%, transparent));animation:.3s ease-out 2.07s both pass-thump;rotate:-1.25deg}.pass{--notch:.875rem;--hole:.15rem;--pitch:.625rem;--stub:16rem;grid-template-columns:minmax(0, 1fr) var(--stub);transform:perspective(100rem) rotateX(calc((.5 - var(--tilt-y)) * 5deg)) rotateY(calc((var(--tilt-x) - .5) * 7deg));transition:transform var(--duration-object) var(--ease-out-quint);display:grid;container-type:inline-size}.pass-tilt[data-hot] .pass{transition-duration:.22s}.pass-body{column-gap:var(--spacing-block);row-gap:var(--spacing-group);padding:var(--spacing-block);border-radius:var(--radius-md) 0 0 var(--radius-md);background:linear-gradient(165deg, var(--color-surface) 35%, color-mix(in oklab, var(--color-surface), var(--color-ground-deep) 45%));-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);mask-size:100% 100%, 100% 100%, 100% var(--pitch);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;grid-template:"top top""days holder""days gains""stamp gains"1fr/13rem minmax(0,1fr);display:grid;position:relative;overflow:clip;-webkit-mask-repeat:no-repeat,no-repeat,repeat-y;mask-repeat:no-repeat,no-repeat,repeat-y;-webkit-mask-composite:source-in;mask-composite:intersect}.pass-body>:not(.pass-print,.pass-foil){position:relative}.pass-body:before{content:"";background:radial-gradient(22rem 16rem at calc(var(--tilt-x) * 100cqi) calc(var(--tilt-y) * 100%), #ffffffbf, transparent 70%);opacity:0;transition:opacity .6s var(--ease-out-quint);pointer-events:none;position:absolute;inset:0}.pass-body:after{content:"";border:1px solid var(--color-hairline);box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--color-hairline), transparent 70%);pointer-events:none;border-radius:6px;position:absolute;inset:10px}.pass-print{fill:none;inline-size:24rem;stroke:var(--color-azure-ink);stroke-width:.6px;opacity:.14;translate:calc((var(--tilt-x) - .5) * -18px) calc((var(--tilt-y) - .5) * -12px);transition:translate var(--duration-object) var(--ease-out-quint);pointer-events:none;position:absolute;inset-block-end:-11.5rem;inset-inline-end:-10.5rem}.pass-foil{background:linear-gradient(106deg, transparent 40%, color-mix(in oklab, var(--color-sky), transparent 84%) 47%, color-mix(in oklab, var(--color-spring), transparent 86%) 53%, transparent 60%);translate:calc((var(--tilt-x) - .5) * -34%) 0;opacity:0;transition:opacity .6s var(--ease-out-quint), translate var(--duration-object) var(--ease-out-quint);pointer-events:none;position:absolute;inset-block:0;inset-inline:-70%}.pass-tilt[data-hot] .pass-print{transition-duration:.22s}.pass-tilt[data-hot] .pass-foil{opacity:1;transition-duration:.6s,.22s}.pass-tilt[data-hot] .pass-body:before{opacity:1}.pass-top{justify-content:space-between;align-items:center;gap:var(--spacing-row);border-block-end:1px dashed var(--color-hairline-strong);grid-area:top;padding-block-end:var(--spacing-row);display:flex}.pass-brand{align-items:center;gap:var(--spacing-hair);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-ink-strong);display:inline-flex}.pass-brand-mark{block-size:.9rem;inline-size:auto}.pass-holder{row-gap:var(--spacing-hair);grid-area:holder;padding-block-end:var(--spacing-hair);display:grid}.pass-holder:after{content:"";background:var(--color-ink);transform-origin:0;block-size:1.5px;animation:pass-rule .8s var(--ease-out-quint) .74s both;position:absolute;inset-block-end:0;inset-inline:0}.pass-firm{font-size:var(--text-xl);line-height:1.25;font-weight:var(--font-weight-medium);color:var(--color-ink-strong);clip-path:inset(-.3em -.3em -.4em);animation:pass-write 1s var(--ease-out-quint) .94s both}.pass-days{align-content:start;row-gap:var(--spacing-line);grid-area:days;display:grid}.pass-days-n{align-items:baseline;gap:var(--spacing-hair);font-size:var(--text-6xl);line-height:.8;font-weight:var(--font-weight-light);letter-spacing:-.065em;color:var(--color-ink-strong);animation:enter var(--duration-reveal) var(--ease-out-expo) .62s both;display:flex}.pass-days-n>span{font-size:var(--text-xl);font-weight:var(--font-weight-medium);letter-spacing:0}.pass-from{animation:.7s ease-out .79s both pass-fade}.pass-gains{align-content:start;row-gap:var(--spacing-row);grid-area:gains;display:grid}.pass-gain{--at:1.14s;column-gap:var(--spacing-line);row-gap:var(--spacing-hair);animation:pass-item .7s var(--ease-out-quint) var(--at) both;grid-template-columns:1.5rem minmax(0,1fr);display:grid}.pass-gain:nth-child(2){--at:1.28s}.pass-gain:nth-child(3){--at:1.42s}.pass-tick{border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-jade), transparent 82%);block-size:1.5rem;inline-size:1.5rem;animation:pass-pop .65s var(--ease-spring) calc(var(--at) + 80ms) both;place-items:center;display:grid}.pass-tick svg{fill:none;inline-size:.95rem;stroke:var(--color-jade-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:0;animation:pass-draw .42s var(--ease-out-quint) calc(var(--at) + .26s) both}.pass-gain-title{font-size:var(--text-base);line-height:1.35;font-weight:var(--font-weight-semibold);color:var(--color-ink-strong);align-self:center}.pass-gain-body{text-wrap:pretty;grid-column:2}.pass-stamp{padding:var(--spacing-hair) var(--spacing-line);border:2px solid var(--color-red-ink);border-radius:var(--radius-xs);font-size:var(--text-2xs);line-height:1.35;font-weight:var(--font-weight-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--color-red-ink);white-space:nowrap;opacity:.8;grid-area:stamp;place-self:end start;animation:.52s cubic-bezier(.3,.7,.4,1) 1.74s both pass-stamp;rotate:-7deg}.pass-stub{justify-content:space-between;gap:var(--spacing-group);padding:var(--spacing-block);border-radius:0 var(--radius-md) var(--radius-md) 0;background:radial-gradient(120% 70% at 100% 0%, #ffffff52, transparent 60%), linear-gradient(170deg, var(--color-sky), var(--color-aqua) 58%, var(--color-spring));color:var(--key-ink);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 0 50%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);-webkit-mask-size:100% 100%, 100% 100%, 100% var(--pitch);mask-size:100% 100%, 100% 100%, 100% var(--pitch);transform-origin:0 100%;transition:rotate .7s var(--ease-spring), translate .7s var(--ease-spring);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;flex-direction:column;display:flex;position:relative;overflow:clip;-webkit-mask-repeat:no-repeat,no-repeat,repeat-y;mask-repeat:no-repeat,no-repeat,repeat-y;-webkit-mask-composite:source-in;mask-composite:intersect}.pass-stub>span{position:relative}.pass-stub:before{content:"";animation:pass-sweep 1.2s var(--ease-out-quint) 2.19s both;pointer-events:none;background:linear-gradient(100deg,#0000 42%,#ffffff80 50%,#0000 58%);position:absolute;inset:-20% -80%;translate:100%}.pass-stub:after{content:"";background:radial-gradient(12rem 12rem at calc(var(--tilt-x) * 100%) calc(var(--tilt-y) * 100%), #fff6, transparent 70%);opacity:0;inline-size:100cqi;transition:opacity .5s var(--ease-out-quint);pointer-events:none;position:absolute;inset-block:0;inset-inline-end:0}.pass-tilt[data-hot] .pass-stub:after{opacity:1}.pass-stub:is(:hover,:focus-visible){translate:.35rem;rotate:2.2deg}.pass-stub:active{transition-duration:.18s;translate:.7rem .15rem;rotate:4deg}.pass-stub:focus-visible{outline:2px solid var(--key-ink);outline-offset:-10px}.pass-free{row-gap:var(--spacing-hair);font-size:var(--text-sm);text-wrap:balance;line-height:1.45;display:grid}.pass-free-head{font-size:var(--text-xl);line-height:1.2;font-weight:var(--font-weight-semibold)}.pass-act{align-items:start;gap:var(--spacing-row);font-size:var(--text-xl);line-height:1.2;font-weight:var(--font-weight-semibold);text-wrap:balance;flex-direction:column;display:flex}.pass-arrow{border-radius:var(--radius-full);background:var(--key-ink);block-size:2.75rem;inline-size:2.75rem;color:var(--color-surface);box-shadow:0 6px 14px color-mix(in oklab, var(--color-ink) 25%, transparent);transition:translate .5s var(--ease-spring), scale .5s var(--ease-spring);place-items:center;display:inline-grid}.pass-stub:is(:hover,:focus-visible) .pass-arrow{translate:.5rem;scale:1.06}.pass-foot{column-gap:var(--spacing-beat);max-inline-size:56rem;animation:pass-fade var(--duration-reveal) ease-out 1.44s both;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pass-foot strong{font-weight:var(--font-weight-semibold);color:var(--color-ink-strong)}@keyframes pass-fade{0%{opacity:0}}@keyframes pass-rule{0%{scale:0 1}}@keyframes pass-write{0%{clip-path:inset(-.3em 100% -.4em -.3em)}}@keyframes pass-item{0%{opacity:0;translate:.75rem}}@keyframes pass-draw{0%{stroke-dashoffset:16px}}@keyframes pass-stamp{0%{opacity:0;rotate:-18deg;scale:2.2}70%{opacity:.9;scale:.96}}@keyframes pass-thump{45%{scale:.994}}@keyframes pass-sweep{0%{translate:-100%}}@media not all and (min-width:64rem){.pass{grid-template-columns:minmax(0,1fr)}.pass-body{border-radius:var(--radius-md) var(--radius-md) 0 0;-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 100%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 100%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 100%, transparent var(--hole), #000 calc(var(--hole) + .5px));mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 100%, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;mask-size:100% 100%, 100% 100%, var(--pitch) 100%;-webkit-mask-repeat:no-repeat,no-repeat,repeat-x;mask-repeat:no-repeat,no-repeat,repeat-x}.pass-stub{border-radius:0 0 var(--radius-md) var(--radius-md);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 0, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 0, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 0, transparent var(--hole), #000 calc(var(--hole) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), #000 calc(var(--notch) + .5px)), radial-gradient(circle at 50% 0, transparent var(--hole), #000 calc(var(--hole) + .5px));-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;-webkit-mask-size:100% 100%, 100% 100%, var(--pitch) 100%;mask-size:100% 100%, 100% 100%, var(--pitch) 100%;transform-origin:100% 0;-webkit-mask-repeat:no-repeat,no-repeat,repeat-x;mask-repeat:no-repeat,no-repeat,repeat-x}.pass-stub:is(:hover,:focus-visible){translate:0 .25rem;rotate:-1deg}.pass-stub:active{translate:0 .45rem;rotate:-1.8deg}.pass-act{flex-direction:row;justify-content:space-between;align-items:center}}@media not all and (min-width:40rem){.pass-tilt{rotate:-.8deg}.pass-body{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""holder""days""gains""stamp"}.pass-print{inset-block-end:-14rem;inset-inline-end:-11rem}.pass-stub:is(:hover,:focus-visible){translate:none;rotate:none}.pass-foot{row-gap:var(--spacing-row);grid-template-columns:minmax(0,1fr)}}@media print{.pass-tilt{filter:none;rotate:none}}.path{--path-bead:.5rem;column-gap:var(--spacing-row);padding-inline:calc(var(--spacing-beat) + var(--spacing-hair));grid-template-columns:repeat(2,minmax(0,1fr)) 0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-content:start;display:grid}.path:has(>:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr)) 0}.path-step{text-align:center;align-content:start;justify-items:start;row-gap:var(--spacing-hair);--port:var(--ramp-2);--port-next:var(--ramp-4);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.path-step:nth-child(2){--port:var(--ramp-4);--port-next:var(--ramp-6)}.path-step:nth-child(3){--port:var(--ramp-6)}.path:has(>:nth-child(4))>.path-step{--port:var(--ramp-1);--port-next:var(--ramp-2)}.path:has(>:nth-child(4))>.path-step:nth-child(2){--port:var(--ramp-2);--port-next:var(--ramp-4)}.path:has(>:nth-child(4))>.path-step:nth-child(3){--port:var(--ramp-4);--port-next:var(--ramp-6)}.path:has(>:nth-child(4))>.path-step:nth-child(4){--port:var(--ramp-6)}.path-step:before{content:"";translate:calc(var(--path-bead) / -2) 0;inline-size:var(--path-bead);block-size:var(--path-bead);border-radius:var(--radius-full);background:var(--port);box-shadow:0 0 0 3px color-mix(in oklab, var(--port) 16%, transparent)}.path-step:after{content:"";inset-block-start:calc(.25rem - .5px);inset-inline:calc(var(--path-bead) / 2 + var(--spacing-hair)) calc(var(--spacing-hair) + var(--path-bead) / 2 - var(--spacing-row));background-image:linear-gradient(90deg, color-mix(in oklab, var(--port) 68%, transparent), color-mix(in oklab, var(--port-next) 68%, transparent));background-repeat:no-repeat;background-size:100% 1px;block-size:1px;position:absolute}.path-step:last-child:after{content:none}.path-step-name,.path-step-note{translate:-50%}.path-step-name{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.path-step-note{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-ink-muted)}.path-step>.path-step-name,.path-step>.path-step-note{max-inline-size:calc(2 * var(--spacing-beat))}.path-step:last-child{inline-size:calc(2 * var(--spacing-beat));justify-self:center;justify-items:center}.path-step:last-child:before,.path-step:last-child>.path-step-name,.path-step:last-child>.path-step-note{translate:none}@media not all and (min-width:40rem){.path{text-align:start;grid-template-columns:none;padding-inline:0}.path-step{text-align:start;justify-items:start}.path-step>.path-step-name,.path-step>.path-step-note{max-inline-size:none}.path-step:last-child{justify-self:stretch;justify-items:start;inline-size:auto}.path-step:before,.path-step>.path-step-name,.path-step>.path-step-note{translate:none}.path-step:after{inset-inline:calc(var(--path-bead) + var(--spacing-hair)) calc(var(--spacing-hair) - var(--spacing-row))}.path:has(>:nth-child(4)){row-gap:var(--spacing-row);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.path:has(>:nth-child(4))>.path-step:nth-child(2n):after{content:none}}.path-step:before{animation:path-bead var(--duration-settle) var(--ease-out-quint) both;animation-delay:.7s}.path-step:after{animation:path-run var(--duration-settle) var(--ease-out-quint) both;animation-delay:.78s}.path-step:nth-child(2):before{animation-delay:.86s}.path-step:nth-child(2):after{animation-delay:.94s}.path-step:nth-child(3):before{animation-delay:1.02s}.path-step:nth-child(3):after{animation-delay:1.1s}.path-step:nth-child(4):before{animation-delay:1.18s}@keyframes path-bead{0%{opacity:0;scale:.4}}@keyframes path-run{0%{background-size:0% 1px}}}@layer utilities;