.landing{--color-teal-deep: #007979;--color-teal: #24b1b1;--color-cream: #ffe2af;--color-accent: #e37434;--color-paper: oklch(97% .02 85);--color-paper-2: oklch(94% .035 85);--color-card: oklch(99% .008 85);--color-ink: oklch(24% .03 195);--color-ink-2: oklch(38% .028 195);--color-muted: oklch(48% .02 195);--color-rule: oklch(85% .025 90);--color-focus: oklch(60% .19 45);--color-accent-ink: oklch(98% .015 85);--color-accent-bright: #f4924f;--color-on-teal: oklch(97% .03 85);--color-on-teal-2: oklch(91% .045 85);--color-on-teal-quiet: oklch(80% .05 85);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-wordmark: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-display: clamp(2.5rem, 4.5vw + 1rem, 4.75rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--measure: 68rem;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);overflow-x:hidden;overflow-x:clip}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-width:var(--measure);margin-inline:auto;padding:var(--space-md) var(--space-lg)}.landing-wordmark{display:flex;align-items:center;gap:.5rem;font-family:var(--font-wordmark);font-weight:700;font-size:1.3125rem;color:var(--color-ink);white-space:nowrap}.landing-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.landing-nav-link{color:var(--color-ink-2);font-size:.9375rem;text-decoration:none;white-space:nowrap}.landing-nav-link:hover{color:var(--color-teal-deep);text-decoration:underline;text-underline-offset:3px}.landing-btn{display:inline-block;background:var(--color-teal-deep);color:var(--color-accent-ink);font-family:var(--font-body);font-weight:600;font-size:.9375rem;border:none;border-radius:999px;padding:.5rem 1.25rem;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.landing-btn:hover{transform:translateY(-1px)}.landing-btn:active{transform:translateY(0)}.landing-btn-accent{background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700;font-size:1.0625rem;padding:.875rem 2rem}.landing :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.landing footer :focus-visible:not(.pan-card *){outline-color:#fff}.landing-hero-band{background:var(--color-teal-deep);color:var(--color-on-teal-2);overflow:hidden;overflow:clip}.landing-hero{max-width:54rem;margin-inline:auto;padding:var(--space-xl) var(--space-lg) var(--space-xl);display:grid;grid-template-columns:minmax(0,100%);gap:var(--space-lg);justify-items:center;text-align:center}.landing-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.75rem,5vw + 1rem,5.5rem);line-height:1;letter-spacing:-.035em;margin:0 auto var(--space-md);max-width:20ch;color:var(--color-on-teal);overflow-wrap:anywhere;text-wrap:balance}.landing-h1-quiet{font-weight:600;color:var(--color-on-teal-quiet)}.landing-h1-accent{text-decoration:underline;text-decoration-color:var(--color-accent-bright);text-decoration-thickness:.07em;text-underline-offset:.1em;text-decoration-skip-ink:none}.landing-hero p.lede{margin:0 auto var(--space-xl);font-size:var(--text-lg);line-height:1.4;letter-spacing:-.01em;color:var(--color-on-teal-2);max-width:34ch;text-wrap:balance}.landing-hero .free-line{display:block;margin-top:var(--space-sm);font-size:.875rem;color:var(--color-on-teal-quiet)}.landing-hero .try-line{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--color-on-teal-2)}.landing-hero .try-line a{color:var(--color-on-teal);text-underline-offset:.2em}.landing-hero-stage-wrap{justify-self:center;width:min(100vw - 3rem,62rem)}.hero-stage{position:relative;height:30rem;margin-top:var(--space-xl);margin-bottom:calc(-1 * var(--space-xl));perspective:70rem}.hero-phone{position:absolute;left:50%;top:1.5rem;width:21rem;aspect-ratio:844 / 1787;transform:translate(-50%);z-index:2;filter:drop-shadow(0 24px 32px oklch(15% .04 200 / .45))}.hero-phone-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.hero-phone-screen-bg,.hero-phone-screen{position:absolute;left:3.79%;width:91.35%;z-index:1;border-radius:8%/3.8%}.hero-phone-screen-bg{top:1.73%;height:95.91%;background:var(--color-paper)}.hero-phone-screen{top:4.4%;height:93.2%;object-fit:cover;object-position:top;border-radius:0 0 8% 8%/0 0 3.8% 3.8%}.hero-mascot{position:absolute;right:-7rem;top:-2.75rem;width:11.5rem;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 20px oklch(15% .04 200 / .45))}.hero-reject{position:absolute;width:12.5rem;display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.625rem;align-items:center;padding:.5rem;border-radius:12px;background:var(--color-card);color:var(--color-ink);box-shadow:0 14px 30px #000f1059;box-shadow:0 14px 30px oklch(15% .04 200 / .35);text-align:left;text-decoration:none;--o: .92;transform:translate3d(calc(var(--dx, 0px) * var(--fly, 0)),calc(var(--dy, 0px) * var(--fly, 0)),calc(160px * var(--fly, 0))) rotateY(var(--ry, 0deg)) rotateX(var(--rx, 0deg)) rotate(var(--rot)) scale(var(--s, 1));opacity:calc(var(--o) * (1 - .95 * var(--fly, 0)));animation:hero-float 7s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.3s)}.hero-reject:hover{--o: 1}.hero-reject[hidden]{display:none}.hero-reject-thumb{width:3.25rem;height:3.25rem;object-fit:cover;border-radius:8px;background:var(--color-paper-2)}.hero-reject-credit{margin:.125rem 0 0;font-size:.6875rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-reject-body{min-width:0}.hero-reject-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:.8125rem;line-height:1.15;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hero-reject-stamp{position:absolute;top:-.5rem;right:-.5rem;padding:.1875rem .5rem;border-radius:999px;background:#ac430e;color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700;font-size:.6875rem;letter-spacing:.01em;white-space:nowrap;transform:rotate(4deg)}.hero-reject-stamp:before{content:"✕ "}.hero-reject-1{--rot: -8deg;--ry: 22deg;--rx: 6deg;--s: 1.12;--dx: -140px;--dy: -90px;left:9%;top:2%;z-index:3}.hero-reject-3{--rot: 5deg;--ry: -22deg;--rx: 6deg;--s: 1.12;--dx: 150px;--dy: -70px;right:2%;top:30%;z-index:3}.hero-reject-2{--rot: 4deg;--ry: 26deg;--rx: -4deg;--s: .94;--o: .82;--dx: -170px;--dy: 10px;left:0;top:44%}.hero-reject-4{--rot: -6deg;--ry: -26deg;--rx: -4deg;--s: .94;--o: .82;--dx: 160px;--dy: 20px;right:9%;top:52%}.hero-reject-5{--rot: -3deg;--ry: 16deg;--rx: -14deg;--s: .78;--o: .55;--dx: -120px;--dy: 90px;left:13%;top:82%}.hero-reject-6{--rot: 7deg;--ry: -16deg;--rx: -14deg;--s: .78;--o: .55;--dx: 130px;--dy: 100px;right:19%;top:74%}@keyframes hero-float{0%{translate:0 -4px}to{translate:0 6px}}.landing-steps-inner{max-width:var(--measure);margin-inline:auto;padding:var(--space-3xl) var(--space-lg)}.landing-steps h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:1.08;letter-spacing:-.02em;margin:0 auto var(--space-xl);max-width:34ch;color:var(--color-teal-deep);text-align:center;text-wrap:balance}.landing-steps{border-top:3px solid var(--color-teal-deep)}.landing-step-num{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;font-size:var(--text-md);color:var(--color-accent);display:block}.demo-grid{--stage-h: min( calc(100vh - 6rem) , 44rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.demo-stage-wrap{order:2;position:sticky;top:calc(50vh - var(--stage-h) / 2)}.demo-stage{height:var(--stage-h);padding-inline:2.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent 99%);mask-image:linear-gradient(#000 78%,transparent 99%)}.demo-phone{position:relative;width:calc(var(--stage-h) / .82 * .4723);aspect-ratio:844 / 1787;margin-inline:auto;filter:drop-shadow(0 22px 30px oklch(20% .04 200 / .22))}.demo-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.demo-screen{position:absolute;left:3.79%;top:1.73%;width:91.35%;height:95.91%;z-index:1;overflow:hidden;border-radius:8%/3.8%;background:#fcebcb;container-type:inline-size}.demo-shot{position:absolute;left:0;right:0;top:2.8%}.demo-shot img{display:block;width:100%;height:auto}.demo-chip-mask{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #edd8b0;background:#fcebcb;color:#505e41;font-family:Roboto,var(--font-body);font-size:3.4cqw;white-space:nowrap;opacity:calc(1 - var(--v));transform:scale(calc(1 + .06 * var(--v)))}.demo-field-mask{position:absolute;background:#fff1d5;transform-origin:right center;transform:scaleX(calc(1 - var(--typed, 1)))}.demo-loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.75rem;padding:0 12%;background:#fcebcbeb;opacity:var(--load, 0);text-align:center}.demo-loading-pan{width:46%;height:auto}.demo-loading-line{display:grid;width:100%;margin:0;color:#334428;font-family:var(--font-display);font-weight:700;font-size:max(.625rem,3.5cqw);line-height:1.25}.demo-loading-line span{grid-area:1 / 1;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.demo-phone[data-label="0"] .demo-loading-line [data-line="0"],.demo-phone[data-label="1"] .demo-loading-line [data-line="1"]{opacity:1}.demo-bar{width:100%;height:.375rem;border-radius:999px;background:#edd8b0;overflow:hidden}.demo-bar i{display:block;height:100%;border-radius:inherit;background:#248068;transform-origin:left center;transform:scaleX(var(--bar, 0))}.demo-tonight{transform:translateY(calc((1 - var(--tonight, 0)) * 120%))}.demo-tap{position:absolute;border-radius:999px;box-shadow:0 0 0 3px #e37434,0 0 0 12px #e3743447;background:#14282824;opacity:calc(var(--tap, 0) * (1 - var(--tap, 0)) * 4);transform:scale(calc(.9 + .3 * var(--tap, 0)))}.demo-converting{inset:2.8% 0 0;background:#fcebcb;opacity:var(--conv, 0)}.demo-recipe{bottom:0;background:#fcebcb;transform:translateY(calc((1 - var(--recipe, 0)) * 120%))}.demo-recipe img{transform:translateY(var(--scroll, 0px))}.demo-chip-mask,.demo-field-mask,.demo-loading,.demo-converting,.demo-tap{transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.demo-bar i,.demo-recipe img{transition:transform .12s linear}.demo-tonight,.demo-recipe{transition:transform .2s var(--ease-out)}.demo-answers{z-index:1}.demo-loading{z-index:2}.demo-tonight{z-index:3}.demo-converting{z-index:4}.demo-recipe{z-index:5}.demo-beats{order:1;list-style:none;margin:0;padding:0}.demo-beats:after{content:"";display:block;height:25vh}.demo-beat{min-height:70vh;transition:opacity var(--dur-long) var(--ease-out)}.demo-beat-copy{position:sticky;top:calc(50vh - 11rem);padding-block:var(--space-md) var(--space-xl)}.demo-beat-pan{display:block;width:6.5rem;height:auto;margin-bottom:var(--space-xs);transform-origin:50% 90%;filter:drop-shadow(0 6px 10px oklch(20% .04 200 / .18));transition:transform var(--dur-long) var(--ease-out)}.demo-beat-pan.is-flipped{scale:-1 1}.landing-steps[data-live=true] .demo-beat .demo-beat-pan{transform:scale(.8) translateY(6px)}.landing-steps[data-live=true][data-beat="0"] .demo-beat[data-beat="0"] .demo-beat-pan,.landing-steps[data-live=true][data-beat="1"] .demo-beat[data-beat="1"] .demo-beat-pan,.landing-steps[data-live=true][data-beat="2"] .demo-beat[data-beat="2"] .demo-beat-pan{transform:none;animation:demo-pan-bob 2.4s ease-in-out infinite}@keyframes demo-pan-bob{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:-4deg}}.demo-beat h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:1.08;letter-spacing:-.02em;margin:var(--space-xs) 0 var(--space-sm);color:var(--color-ink);text-wrap:balance}.demo-beat p{margin:0;font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);max-width:36ch;text-wrap:pretty}.landing-steps[data-live=true] .demo-beat{opacity:.8}.landing-steps[data-live=true][data-beat="0"] .demo-beat[data-beat="0"],.landing-steps[data-live=true][data-beat="1"] .demo-beat[data-beat="1"],.landing-steps[data-live=true][data-beat="2"] .demo-beat[data-beat="2"]{opacity:1}.landing-why{background:var(--color-teal-deep);color:var(--color-on-teal-2)}.landing-why-inner{max-width:52rem;margin-inline:auto;padding:var(--space-3xl) var(--space-lg);text-align:center}.landing-why h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:1.08;letter-spacing:-.02em;margin:0 auto var(--space-md);max-width:30ch;color:var(--color-on-teal);text-wrap:balance}.landing-why p{margin:0 auto;font-size:var(--text-md);line-height:1.55;color:var(--color-on-teal-2);max-width:56ch;text-wrap:pretty}.landing-community{background:var(--color-cream)}.landing-community-inner{max-width:52rem;margin-inline:auto;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.landing-community h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;margin:0;color:var(--color-ink);text-wrap:balance}.landing-community p{margin:var(--space-xs) auto 0;color:var(--color-ink-2);max-width:52ch;text-wrap:pretty}.landing-community a.landing-community-btn{display:inline-block;color:var(--color-teal-deep);font-weight:600;font-size:1rem;text-decoration:none;white-space:nowrap;border:2px solid var(--color-teal-deep);border-radius:999px;padding:.75rem 1.75rem;background:transparent;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.landing-community a.landing-community-btn:hover{background:var(--color-teal-deep);color:var(--color-cream);transform:translateY(-1px)}.landing-community a.landing-community-btn:active{transform:translateY(0)}.landing-faq{max-width:44rem;margin-inline:auto;padding:var(--space-3xl) var(--space-lg)}.landing-faq h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;margin:0 0 var(--space-lg);text-align:center}.landing-faq details{border-top:1px solid var(--color-rule)}.landing-faq details:last-of-type{border-bottom:1px solid var(--color-rule)}.landing-faq summary{cursor:pointer;list-style:none;font-weight:600;padding:var(--space-md) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.landing-faq summary::marker,.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";font-family:var(--font-display);font-size:var(--text-md);color:var(--color-accent);transition:transform var(--dur-short) var(--ease-in-out)}.landing-faq details[open] summary:after{transform:rotate(45deg)}.landing-faq .faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-long) var(--ease-in-out)}.landing-faq details[open] .faq-body{grid-template-rows:1fr}.landing-faq .faq-body>p{overflow:hidden;margin:0;padding-bottom:0;color:var(--color-ink-2);line-height:1.6;transition:padding-bottom var(--dur-long) var(--ease-in-out)}.landing-faq details[open] .faq-body>p{padding-bottom:var(--space-md)}.landing-cta{max-width:var(--measure);margin-inline:auto;padding:var(--space-2xl) var(--space-lg) var(--space-3xl);border-top:3px solid var(--color-teal-deep);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.landing-cta h2{font-family:var(--font-display);font-weight:750;font-size:var(--text-2xl);letter-spacing:-.02em;line-height:1.05;margin:0;max-width:24ch;text-wrap:balance}.landing-reveal{opacity:0;transform:translateY(8px);animation:landing-reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes landing-reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.landing-reveal{transform:none}.landing-steps .demo-beat-pan{animation:none!important}.landing-steps .demo-beat,.landing-steps .demo-beat-pan,.landing-steps .demo-chip-mask,.landing-steps .demo-field-mask,.landing-steps .demo-loading,.landing-steps .demo-loading-line span,.landing-steps .demo-bar i,.landing-steps .demo-tonight,.landing-steps .demo-tap,.landing-steps .demo-converting,.landing-steps .demo-recipe,.landing-steps .demo-recipe img{transition:none!important}}@media(max-width:60rem){.hero-stage{height:27rem}.hero-phone{width:18rem}.demo-grid{--stage-h: 38vh;grid-template-columns:minmax(0,1fr);gap:0}.demo-stage-wrap{order:1;top:0;z-index:1;padding-block:var(--space-xs);background:var(--color-paper)}.demo-stage{padding-inline:1rem}.demo-beats{order:2}.demo-beats:after{height:15vh}.demo-beat{min-height:55vh}.demo-beat-copy{top:calc(var(--stage-h) + 2 * var(--space-xs));padding-block:var(--space-md)}.demo-beat-pan{width:4.25rem}.demo-beat h3{font-size:var(--text-xl)}.demo-beat p{font-size:var(--text-base)}}@media(max-width:40rem){.landing-nav-links .landing-nav-link{display:none}.landing-hero{padding-block:var(--space-xl) var(--space-2xl)}.landing-hero h1{font-size:clamp(2.25rem,10vw,3rem);max-width:none}.landing-hero p.lede{font-size:var(--text-md);max-width:30ch}.landing-steps-inner,.landing-why-inner,.landing-faq{padding-block:var(--space-2xl)}.landing-hero-stage-wrap{width:100%}.hero-stage{height:22.5rem;margin-bottom:calc(-1 * var(--space-2xl))}.hero-phone{width:11.5rem;top:1.25rem}.hero-mascot{right:-3rem;top:-2.5rem;width:7.5rem}.hero-reject{width:9.5rem;grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem;padding:.4375rem;z-index:1}.hero-reject-thumb{width:2.5rem;height:2.5rem}.hero-reject-title{font-size:.75rem}.hero-reject-stamp{right:auto;left:.5rem;font-size:.625rem}.hero-reject{--ry: 0deg;--rx: 0deg;--s: 1}.hero-reject-1{--rot: -3deg;left:-.5rem;top:14%}.hero-reject-2{--rot: 2deg;left:-.25rem;top:50%}.hero-reject-3{right:-.75rem;top:26%}.hero-reject-4{right:-.5rem;top:56%}.hero-reject-3 .hero-reject-stamp,.hero-reject-4 .hero-reject-stamp{left:3.25rem}.hero-reject-5,.hero-reject-6{display:none}.landing-btn,.landing-btn-accent{min-height:44px}}