@layer components{.landing{--f6:var(--font-site-600), var(--font-site), system-ui, sans-serif}.landing .wrap{max-width:calc(1120px + 2 * var(--gutter))}.landing :is(h1,h2,h3){text-wrap:balance}.landing :is(p,li,figcaption){text-wrap:pretty}.nw{white-space:nowrap}.landing img{max-width:100%;height:auto;display:block}.landing .ln{min-height:44px;color:inherit;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);align-items:center;display:inline-flex}.landing .ln:hover{text-decoration-color:currentColor}.lp-header{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.mark{background:var(--color-ink);color:#fff;width:32px;height:32px;font:600 13px/1 var(--f6);letter-spacing:.02em;border-radius:3px;place-items:center;display:grid}.brand-name{font:600 17px/24px var(--f6);color:var(--color-ink)}.lp-login{color:var(--color-ink);font-size:15px}.hero{gap:40px;padding-top:28px;display:grid}.eyebrow{font:600 14px/22px var(--f6);color:var(--color-accent);white-space:nowrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.eyebrow:before{content:"";background:currentColor;flex:none;width:16px;height:1px}.lp-h1{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:min(9vw - 2.88px,40px);line-height:1.22}.lp-sub{max-width:34em;color:var(--color-text);margin:16px 0 0;font-size:17px;line-height:28px}.cta-row{justify-items:stretch;gap:4px;margin-top:28px;display:grid}.cta-row .btn,.end .btn{width:100%}.cta-demo{color:var(--color-accent);font:600 16px/24px var(--f6);justify-content:center}.landing .sheet-live{display:none}.stage{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.stage:before{content:"";top:76px;bottom:0;inset-inline:calc(-1 * var(--gutter));background:var(--color-plate);border-block:1px solid var(--color-rule);position:absolute}.stage>*{position:relative}.stage-cap{margin:0;padding-bottom:14px}.urlbar{border:1px solid var(--color-field);background:var(--color-surface);border-radius:4px;max-width:100%;margin:0;padding:9px 16px;font-size:16px;line-height:24px;display:inline-flex}.urlbar-left{display:none}.urlbar-slug{font-family:var(--f6);color:var(--color-accent);font-weight:600}.urlbar-apex{color:var(--color-muted)}.phone{border:10px solid var(--color-ink);background:var(--color-ground);border-radius:30px;width:min(300px,70vw);overflow:hidden}.phone img{border-radius:20px;width:100%;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.phone-nofade img{-webkit-mask-image:none;mask-image:none}.landing .phone-crop{aspect-ratio:var(--ar-m);object-fit:cover;object-position:top}.phone-bare{border:1px solid var(--color-ink);background:var(--color-surface);border-radius:4px}.phone-bare img{border-radius:0;-webkit-mask-image:none;mask-image:none}.caption{color:var(--color-text);margin:0;font-size:14px;line-height:22px}.sheets{padding-top:0}.sheet{border-top:1px solid var(--color-ink);grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px;padding-top:24px;display:grid}.titleblock{border-bottom:1px solid var(--color-rule);grid-template-columns:52px 1fr;align-items:stretch;display:grid}.titleblock-n{border-right:1px solid var(--color-rule);font:600 17px/1 var(--f6);color:var(--color-accent);align-items:center;display:flex}.sheet-h{letter-spacing:-.01em;text-wrap:balance;margin:0;padding:14px 0 14px 16px;font-size:22px;line-height:30px}.landing .sheet-p{text-wrap:pretty;max-width:32em;margin:16px 0 0;font-size:17px;line-height:28px}.sheet-fig{min-width:0;margin:0}.plate{margin-inline:calc(-1 * var(--gutter));padding:28px var(--gutter);background:var(--color-plate);border-block:1px solid var(--color-rule);justify-content:center;display:flex}.sheet-fig .caption{padding-top:10px}.browser{border:1px solid var(--color-ink);background:var(--color-surface);border-radius:4px;width:100%;min-width:0;max-width:600px;overflow:hidden}.landing .browser-img{aspect-ratio:640/546;object-fit:cover;object-position:top}.browser-bar{border-bottom:1px solid var(--color-rule);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;padding:8px 14px;font-size:13px;line-height:20px;overflow:hidden}.bubbles{width:100%;max-width:360px}.bubble{border:1px solid var(--color-field);background:var(--color-surface);width:100%;padding:6px}.bubble img{border-radius:8px;width:100%}.bubble-a{background:var(--color-ground);border-radius:14px 14px 14px 3px;padding-bottom:18px}.bubble-b{border-radius:14px 14px 3px;margin-top:12px;position:relative}.steps{padding-top:80px}.steps-h{letter-spacing:-.01em;margin:0;font-size:22px;line-height:30px}.steps-list{border-bottom:1px solid var(--color-rule);margin:20px 0 0;padding:0;list-style:none;display:grid}.step{border-top:1px solid var(--color-rule);color:var(--color-ink);grid-template-columns:52px 1fr;align-items:baseline;padding-block:18px;font-size:17px;line-height:26px;display:grid}.step-n{font:600 36px/1 var(--f6);color:var(--color-accent)}.demo{background:var(--color-ink);color:#fff;margin-top:80px}.demo-in{gap:28px;padding-block:56px;display:grid}.demo-h{letter-spacing:-.01em;color:#fff;text-wrap:balance;margin:0;font-size:26px;line-height:34px}.demo-note{color:#cdcac6;color:lab(81.4435% .684857 2.15979);margin:12px 0 0;font-size:16px;line-height:26px}.demo-links{margin:0;padding:0;list-style:none}.demo-links li{border-top:1px solid #ffffff3d;border-top:1px solid lab(100% 0 0/.24)}.demo-links li:last-child{border-bottom:1px solid #ffffff3d;border-bottom:1px solid lab(100% 0 0/.24)}.demo-link{color:#fff;grid-template-columns:1fr auto;grid-template-areas:"label arrow""url arrow";align-items:center;column-gap:16px;min-height:72px;padding-block:16px;display:grid}.demo-link>svg{grid-area:arrow}.demo-label{color:#cdcac6;color:lab(81.4435% .684857 2.15979);grid-area:label;font-size:14px;line-height:22px}.demo-url{font:600 18px/26px var(--f6);text-underline-offset:5px;grid-area:url;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;-webkit-text-decoration:underline lab(100% 0 0/.35);text-decoration:underline lab(100% 0 0/.35);text-decoration-thickness:1px}.demo :focus-visible{outline-color:#fff}.demo-link:hover .demo-url{text-decoration-color:#fff}.end{justify-items:start;gap:24px;padding-block:72px 80px;display:grid}.end-h{letter-spacing:-.015em;text-wrap:balance;max-width:16em;margin:0;font-size:28px;line-height:36px}.lp-footer{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:0 16px;padding-block:12px 28px;font-size:14px;line-height:22px;display:flex;position:relative}.lp-footer:before{content:"";top:0;inset-inline:var(--gutter);border-top:1px solid var(--color-rule);position:absolute}.lp-footer .ln{min-height:44px}@media (max-width:359px){.sheet-h{font-size:20px;line-height:28px}}@media (min-width:640px){.cta-row{grid-auto-flow:column;justify-content:start;align-items:center;gap:24px}.cta-row .btn,.end .btn{width:auto;min-width:240px}.cta-demo{justify-content:flex-start}.lp-h1{font-size:40px}}@media (min-width:1024px){.lp-header{height:80px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:72px;padding-top:32px}.lp-h1{font-size:clamp(44px,4.1vw,52px);line-height:1.15}.lp-sub{margin-top:24px;font-size:19px;line-height:30px}.cta-row{margin-top:36px}.hero-text{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;display:flex}.stage{background:var(--color-plate);border:1px solid var(--color-rule);border-radius:4px;gap:12px;margin-top:36px;padding-block:20px}.stage:before{content:none}.urlbar-stage{display:none}.urlbar-left{margin-top:32px;display:inline-flex}.stage .phone{width:360px}.stage .phone img{object-fit:cover;object-position:top;height:552px;-webkit-mask-image:none;mask-image:none}.stage-cap{padding-bottom:0}.sheets{padding-top:40px}.sheet{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;margin-top:56px;padding-top:32px}.browser{max-width:560px}.sheet .phone{width:360px}.sheet .phone-bare{width:440px}.bubbles{max-width:440px}.sheet-text{padding-top:25px;position:sticky;top:104px}.landing .sheet-live{font:600 16px/24px var(--f6);color:var(--color-accent);margin-top:12px;display:inline-flex}.sheet-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.sheet-fig .caption{font-size:15px;line-height:24px}.landing .sheet .phone-crop{aspect-ratio:var(--ar-d)}.sheet-flip .sheet-text{order:2}.sheet-h{font-size:34px;line-height:42px}.sheet-p{margin-top:24px;font-size:20px;line-height:32px}.plate{border:1px solid var(--color-rule);border-radius:4px;margin-inline:0;padding:24px 16px}.steps{padding-top:120px}.steps-h{font-size:28px;line-height:36px}.steps-list{border-bottom:0;grid-template-columns:repeat(3,1fr);gap:0 48px;margin-top:32px}.step{border-top:1px solid var(--color-ink);grid-template-columns:1fr;align-content:start;align-items:start;row-gap:16px;padding-block:24px 0;font-size:19px;line-height:28px}.step-n{font-size:48px}.demo{margin-top:120px}.demo-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:80px;padding-block:88px}.demo-h{font-size:36px;line-height:44px}.demo-url{font-size:22px;line-height:30px}.end{text-align:center;justify-items:center;padding-block:96px 112px}.end-h{font-size:40px;line-height:48px}}@media (prefers-reduced-motion:no-preference){@keyframes lp-enter{0%{opacity:0;translate:0 16px}}.enter{animation:lp-enter .5s var(--ease-out-quart) 80ms both}.landing .ln{transition:text-decoration-color var(--duration-fast) var(--ease-out-quart)}@supports (animation-timeline:view()){@keyframes lp-rise{0%{opacity:0;translate:0 8px}}.reveal{animation:linear forwards lp-rise;animation-timeline:view();animation-range:entry entry 60%}}}}