@layer components{.lp{--lp-page:#fbfbf9;--lp-ink:#0f1011;--lp-muted:#5b5f66;--lp-line:#e6e6e1;--lp-chip:#f1f1ee;--lp-ease-out:cubic-bezier(.16, 1, .3, 1);--lp-ease-spring:cubic-bezier(.34, 1.28, .64, 1);background:var(--lp-page);color:var(--lp-ink);font-family:var(--font-figtree), system-ui, sans-serif}.lp ::selection{background:var(--lp-stage);color:var(--lp-on-stage)}.lp :focus-visible{outline:3px solid var(--lp-ink);outline-offset:3px}.lp-display{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.75rem,6vw,5.25rem);font-weight:800;line-height:.98}.lp-heading{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:800;line-height:1}.lp-link{text-underline-offset:.25em;align-items:center;min-height:2.75rem;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.lp-nav-link{border-radius:9999px;align-items:center;min-height:2.75rem;padding:0 .875rem;font-size:.9375rem;font-weight:600;transition:background-color .16s ease-out;display:inline-flex}.lp-nav-link:hover{background:var(--lp-chip)}.lp-button{white-space:nowrap;min-height:3.25rem;transition:transform .2s var(--lp-ease-out), box-shadow .2s var(--lp-ease-out), background-color .16s ease-out;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:1rem;font-weight:700;display:inline-flex}.lp-button:hover{transform:translateY(-1px)}.lp-button:active{transform:translateY(1px)}.lp-button-dark{background:var(--lp-ink);color:#fff}.lp-button-dark:hover{box-shadow:0 10px 22px -12px #0f1011b3}.lp-button-light{color:var(--lp-ink);background:#fff;box-shadow:inset 0 0 0 1.5px #0f101124}.lp-button-small{min-height:2.75rem;padding:0 1.125rem;font-size:.9375rem}.lp-arrow{transition:transform .2s var(--lp-ease-out)}.lp-button:hover .lp-arrow{transform:translate(3px)}.lp-stage{background:var(--lp-stage);color:var(--lp-on-stage);transition:background-color .6s var(--lp-ease-out), color .6s var(--lp-ease-out);border-radius:2rem;padding:2.5rem 1.25rem;overflow:hidden}@media (min-width:64rem){.lp-stage{padding:3rem 3.5rem}}.lp-stage :focus-visible{outline-color:var(--lp-on-stage)}.lp-dark-stage{background:var(--lp-ink);color:#fff;border-radius:2rem;padding:0 1.25rem}@media (min-width:64rem){.lp-dark-stage{padding:0 3.5rem}}.lp-dark-stage :focus-visible{outline-color:#fff}.lp-hero{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}@media (min-width:64rem){.lp-hero{grid-template:"intro fan""actions fan"1fr/minmax(0,1fr) minmax(0,38rem);gap:2.5rem 3rem}}@media (min-width:64rem){.lp-hero-intro{grid-area:intro;padding-top:2.5rem}}@media (min-width:64rem){.lp-hero-actions{grid-area:actions}}.lp-swap{animation:lp-rise .42s var(--lp-ease-out) both;display:inline-block}.lp-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.lp-tab{background:color-mix(in oklch, var(--lp-on-stage) 9%, transparent);min-height:2.75rem;transition:background-color .2s ease-out, color .2s ease-out, transform .2s var(--lp-ease-out);border-radius:9999px;padding:0 1.125rem;font-size:.9375rem;font-weight:700}.lp-tab:hover{background:color-mix(in oklch, var(--lp-on-stage) 16%, transparent)}.lp-tab[aria-pressed=true]{background:var(--lp-on-stage);color:var(--lp-stage)}.lp-field{background:#fff;border-radius:9999px;align-items:center;gap:.375rem;max-width:30rem;padding:.375rem;display:flex;box-shadow:0 14px 30px -20px #0f101173}.lp-field-input{min-width:0;min-height:3.25rem;color:var(--lp-ink);caret-color:var(--lp-ink);background:0 0;flex:1;padding:0 .25rem 0 1rem;font-size:1.0625rem;font-weight:600}.lp-field .lp-button{padding:0 1.125rem}@media (min-width:24rem){.lp-field .lp-button{padding:0 1.5rem}}.lp-field-input::placeholder{color:var(--lp-muted)}.lp-field-input:focus-visible{outline:none}.lp-field:has(.lp-field-input:focus-visible){outline:3px solid var(--lp-on-stage);outline-offset:3px}.lp-hint{max-width:30rem;animation:lp-rise .26s var(--lp-ease-out) both;margin-top:.75rem;font-size:.9375rem;font-weight:600}.lp-notice{max-width:30rem;color:var(--lp-ink);background:#fff;border-radius:1.25rem;padding:1rem 1.125rem}.lp-fan{touch-action:pan-y;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}@media (min-width:64rem){.lp-fan{grid-area:fan;height:44rem;display:block}}.lp-fan-tilt{-webkit-user-select:none;user-select:none;width:100%;height:32rem;transform:perspective(1400px) rotateX(var(--lp-tilt-y,0deg)) rotateY(var(--lp-tilt-x,0deg));transition:transform .5s var(--lp-ease-out);position:relative}@media (min-width:64rem){.lp-fan-tilt{height:auto;position:absolute;inset:0 0 8rem}}.lp-phone{--lp-phone-w:15.5rem;width:var(--lp-phone-w);aspect-ratio:9/18.6;background:var(--lp-ink);transition:transform .7s var(--lp-ease-out), opacity .5s var(--lp-ease-out);border-radius:2.6rem;padding:.5rem;position:absolute;top:0;left:50%;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 80px -36px #0f101199,0 12px 24px -16px #0f101173}@media (min-width:64rem){.lp-phone{--lp-phone-w:16.5rem}}.lp-phone[data-slot=center]{z-index:3;transform:translate(-50%)}.lp-phone[data-slot=left],.lp-phone[data-slot=right]{z-index:2;animation:6s ease-in-out infinite alternate lp-float}.lp-phone[data-slot=left]{transform:translate(calc(-50% - 10rem),1.75rem)rotate(-8deg)scale(.8)}.lp-phone[data-slot=right]{animation-delay:-3s;transform:translate(calc(10rem - 50%),1.75rem)rotate(8deg)scale(.8)}.lp-phone[data-slot=still]{top:2.5rem;transform:translate(-50%)rotate(4deg)}.lp-phone[data-slot=back]{z-index:1;opacity:0;pointer-events:none;transform:translate(-50%,2.5rem)scale(.65)}@media (min-width:64rem){.lp-phone[data-slot=left]{transform:translate(calc(-50% - 11.5rem),2rem)rotate(-8deg)scale(.82)}.lp-phone[data-slot=right]{transform:translate(calc(11.5rem - 50%),2rem)rotate(8deg)scale(.82)}}.lp-phone-screen{background:#fff;border-radius:2.15rem;height:100%;overflow:hidden}.lp-phone-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.lp-phone-hit{border-radius:inherit;cursor:pointer;position:absolute;inset:0}.lp-phone-hit:focus-visible{outline-offset:4px}.lp-phone [data-just-set]{animation:lp-drop .7s var(--lp-ease-spring)}.lp-fan-arrow{z-index:6;width:2.75rem;height:2.75rem;color:var(--lp-ink);transition:transform .2s var(--lp-ease-out), box-shadow .2s var(--lp-ease-out);background:#fff;border-radius:9999px;place-items:center;display:grid;position:absolute;top:12rem;box-shadow:0 0 0 1px #0f10110f,0 10px 22px -12px #0f10118c}@media (min-width:64rem){.lp-fan-arrow{width:3rem;height:3rem;top:15rem}}.lp-fan-arrow:hover{transform:scale(1.06)}.lp-fan-arrow:active{transform:scale(.95)}.lp-fan-arrow[data-side=left]{left:.25rem}@media (min-width:64rem){.lp-fan-arrow[data-side=left]{left:0}}.lp-fan-arrow[data-side=right]{right:.25rem}@media (min-width:64rem){.lp-fan-arrow[data-side=right]{right:0}}.lp-fan-tools{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (min-width:64rem){.lp-fan-tools{z-index:5;position:absolute;bottom:0;left:50%;translate:-50%}}.lp-stickers{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (min-width:40rem){.lp-stickers{flex-wrap:nowrap}}.lp-sticker{min-height:2.75rem;color:var(--lp-ink);transition:rotate .22s var(--lp-ease-out), transform .22s var(--lp-ease-out), box-shadow .22s var(--lp-ease-out);background:#fff;border-radius:9999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.9375rem;font-weight:700;display:inline-flex;rotate:-2deg;box-shadow:0 0 0 1px #0f10110f,0 10px 20px -12px #0f101180}.lp-sticker:nth-child(2n){rotate:2deg}.lp-sticker:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 0 1px #0f101114,0 16px 26px -14px #0f10118c}.lp-sticker:active:not(:disabled){transform:translateY(0)scale(.96)}.lp-sticker:disabled{opacity:.5;cursor:not-allowed}.lp-sticker[data-popped]{animation:lp-pop .52s var(--lp-ease-spring)}.lp-swatches{align-items:center;gap:.25rem;max-width:100%;display:inline-flex}@media (min-width:40rem){.lp-swatches{gap:.375rem}}.lp-swatches{color:var(--lp-ink);background:#fff;border-radius:9999px;padding:.375rem .5rem;box-shadow:0 12px 26px -18px #0f101180}.lp-swatch{width:1.5rem;height:1.5rem}@media (min-width:24rem){.lp-swatch{width:1.625rem;height:1.625rem}}@media (min-width:40rem){.lp-swatch{width:2rem;height:2rem}}.lp-swatch{background:linear-gradient(135deg, var(--lp-swatch-a) 0 50%, var(--lp-swatch-b) 50% 100%);transition:scale .2s var(--lp-ease-out);border-radius:9999px;box-shadow:inset 0 0 0 1px #0f101126}.lp-swatch:hover{scale:1.12}.lp-swatch[data-premium]{position:relative}.lp-swatch[data-premium]:after{content:"";background:#ffcf3f;border-radius:9999px;width:.625rem;height:.625rem;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #fff}.lp-swatch-more{background:var(--lp-chip);border-radius:9999px;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem;font-weight:700;transition:background-color .16s ease-out}.lp-swatch-more:hover{background:var(--lp-line)}.lp-premium-tag{color:#5c4500;background:#fff4c7;border-radius:9999px;align-items:center;gap:.2rem;margin-left:.375rem;padding:.125rem .4rem;font-size:.75rem;font-weight:700;display:inline-flex}.lp-swatch[aria-pressed=true]{outline:2px solid var(--lp-ink);outline-offset:2px}.lp-swatch-label{white-space:nowrap;padding:0 .625rem 0 .375rem;font-size:.875rem;font-weight:700}.lp-section{padding:0 1.25rem}@media (min-width:64rem){.lp-section{padding:0 3.5rem}}.lp-uses{gap:1rem;display:grid}@media (min-width:40rem){.lp-uses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lp-uses{grid-template-columns:repeat(4,minmax(0,1fr))}}.lp-use{background:var(--lp-stage);color:var(--lp-on-stage);text-align:left;transition:transform .3s var(--lp-ease-out);border-radius:2rem;flex-direction:column;justify-content:space-between;gap:1.75rem;padding:1.75rem 1.5rem 0;display:flex;overflow:hidden}.lp-use:hover{transform:translateY(-4px)}.lp-use[aria-pressed=true]{outline:3px solid var(--lp-ink);outline-offset:3px}.lp-use-phone{justify-content:center;height:16rem;display:flex;overflow:hidden}.lp-use-phone .lp-mini-phone{transition:translate .4s var(--lp-ease-out);translate:0 1rem}.lp-use:hover .lp-use-phone .lp-mini-phone{translate:0 .25rem}.lp-close{padding-bottom:0}.lp-close-phone{height:24rem;position:relative;overflow:hidden}@media (min-width:64rem){.lp-close-phone{align-self:end;height:34rem}}.lp-theme-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.25rem;margin:0 -1.25rem;padding:.5rem 1.25rem 1rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}@media (min-width:64rem){.lp-theme-row{margin:0;padding:.5rem 0 1rem;scroll-padding-inline:0}}.lp-row-arrow{color:#fff;background:#ffffff1a;border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;transition:background-color .16s ease-out;display:grid}.lp-row-arrow:hover:not(:disabled){background:#fff3}.lp-row-arrow:disabled{opacity:.35;cursor:default}.lp-premium-badge{color:#1a1405;background:#ffcf3f;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;top:.75rem;left:50%;translate:-50%;box-shadow:0 6px 14px -8px #0009}.lp-theme-card{scroll-snap-align:start;text-align:left;transition:transform .3s var(--lp-ease-out);flex-shrink:0}.lp-theme-card:hover{transform:translateY(-6px)}.lp-mini-phone{outline-offset:4px;background:#26282c;border-radius:1.9rem;outline:3px solid #0000;width:11.5rem;height:23.5rem;padding:.375rem;transition:outline-color .2s ease-out;display:block;box-shadow:0 24px 40px -24px #000c}.lp-theme-card[aria-pressed=true] .lp-mini-phone{outline-color:var(--lp-stage)}.lp-mini-screen{pointer-events:none;border-radius:1.55rem;height:100%;display:block;position:relative;overflow:hidden}.lp-mini-inner{transform-origin:0 0;width:166.667%;height:166.667%;display:block;transform:scale(.6)}.lp-dock{z-index:40;padding:.75rem 1rem calc(env(safe-area-inset-bottom,0px) + .75rem);background:var(--lp-page);transition:transform .32s var(--lp-ease-out);gap:.5rem;display:flex;position:fixed;inset:auto 0 0;transform:translateY(110%);box-shadow:0 -10px 30px -20px #0f101166}@media (min-width:64rem){.lp-dock{display:none}}.lp-dock[data-visible]{transform:translateY(0)}@keyframes lp-rise{0%{opacity:0;transform:translateY(.35em)}}@keyframes lp-float{to{translate:0 -8px}}@keyframes lp-drop{0%{opacity:0;transform:translateY(-18px)scale(.96)}}@keyframes lp-pop{40%{rotate:none;scale:1.18}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition:none!important;animation:none!important}.lp-fan-tilt{transform:none}}}