.landing-page{--lp-muted: color-mix(in oklab, var(--color-base-content) 62%, transparent);--lp-meta: color-mix(in oklab, var(--color-base-content) 55%, transparent);--lp-hairline: color-mix(in oklab, var(--color-base-content) 9%, transparent);--lp-gutter: 1.25rem;--lp-space: 5rem;color:var(--color-base-content)}@media(min-width:640px){.landing-page{--lp-gutter: 2rem;--lp-space: 6rem}}.landing-page :where(.landing-hero,.demo-section,.audience,.faq,.bottom-cta,.trademark){width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--lp-gutter)}.landing-page :where(.demo-section-title,.audience h2,.faq-head h2){max-width:13em;font-size:clamp(2.25rem,4.6vw,3.5rem);font-weight:500;line-height:1.02;letter-spacing:-.035em}@media(min-width:400px){.landing-page :where(h1,h2) .accent-word{white-space:nowrap}}.landing-page .cta{--size: 3rem;--btn-p: 1.5rem;--fontsize: .95rem;gap:.625rem}.landing-page :where(.landing-hero,.audience,.faq,.bottom-cta) :where(p,li) a:not(.btn){color:var(--color-base-content);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--color-base-content) 30%,transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.landing-page :where(.landing-hero,.audience,.faq,.bottom-cta) :where(p,li) a:not(.btn):hover{text-decoration-color:currentColor}.landing-page .landing-hero{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}.landing-page .landing-hero .eyebrow{margin-bottom:1.5rem}.landing-page .landing-hero h1{max-width:14em;font-size:clamp(2.6rem,6.2vw,4.75rem);font-weight:500;line-height:1;letter-spacing:-.04em}.landing-page .landing-hero>p:not(.eyebrow){max-width:36rem;margin-top:1.75rem;font-size:1.125rem;line-height:1.65;color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}.landing-page .landing-hero .cta{margin-top:2.25rem}.landing-page .demo-section{padding-block:var(--lp-space)}.landing-page .demo-section-head{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-page .demo-section-head .eyebrow{margin-bottom:1rem}.landing-page .demo-section-sub{margin-top:1rem;font-size:1.05rem;color:var(--lp-muted)}.landing-page .demo-frame{margin-top:clamp(2.5rem,5vw,3.5rem)}.landing-page .audience{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:var(--lp-space)}@media(min-width:768px){.landing-page .audience{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:4rem;align-items:start}}.landing-page .audience-head p{max-width:28rem;margin-top:1.25rem;font-size:1.05rem;line-height:1.65;color:var(--lp-muted)}.landing-page .audience ul{list-style:none;border-top:1px solid var(--lp-hairline)}.landing-page .audience li{position:relative;padding:1.125rem 0 1.125rem 1.375rem;border-bottom:1px solid var(--lp-hairline);line-height:1.55}.landing-page .audience li:before{content:"";position:absolute;left:0;top:calc(1.125rem + .55em);width:.375rem;height:.375rem;border-radius:999px;background-color:var(--color-accent)}.landing-page .audience li.term-row{display:grid;gap:.25rem 1.5rem}@media(min-width:1024px){.landing-page .audience li.term-row{grid-template-columns:11rem minmax(0,1fr)}}.landing-page .audience li.term-row code{justify-self:start;align-self:start}.landing-page .audience li.term-row>span{color:var(--lp-muted)}.landing-page .audience-body>p{max-width:38rem;font-size:1.0625rem;line-height:1.7;color:var(--lp-muted)}.landing-page .audience-body>p+p,.landing-page .audience-body>pre+p{margin-top:1.25rem}.landing-page :where(.audience,.faq) pre{margin:.625rem 0 0;padding:1rem 1.125rem;overflow-x:auto;background-color:var(--color-base-200);border:1px solid color-mix(in oklab,var(--color-base-content) 8%,transparent);border-radius:.875rem;box-shadow:var(--shadow-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-base-content);text-align:left}.landing-page :where(.audience,.faq) pre.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.landing-page :where(.audience,.faq) code{padding:.1em .4em;border-radius:.375rem;background-color:color-mix(in oklab,var(--color-base-content) 6%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;color:var(--color-base-content);overflow-wrap:anywhere}.landing-page .pricing-callout{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem 3rem;width:calc(100% - 2 * var(--lp-gutter));max-width:calc(1200px - 2 * var(--lp-gutter));margin:0 auto;padding:2rem 1.5rem;background-color:var(--color-base-200);border:1px solid color-mix(in oklab,var(--color-base-content) 8%,transparent);border-radius:var(--radius-box);box-shadow:var(--shadow-soft)}.landing-page .pricing-callout h3{font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:500;line-height:1.15;letter-spacing:-.025em}.landing-page .pricing-callout p{max-width:40rem;color:var(--lp-muted)}.landing-page .pricing-callout .btn{justify-self:start;margin-top:1rem}@media(min-width:768px){.landing-page .pricing-callout{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:2.25rem 2.5rem}.landing-page .pricing-callout :where(h3,p){grid-column:1}.landing-page .pricing-callout .btn{grid-column:2;grid-row:1 / span 2;margin-top:0}}.landing-page .faq{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:var(--lp-space)}@media(min-width:768px){.landing-page .faq{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:4rem;align-items:start}}.landing-page .faq-head .eyebrow{margin-bottom:1rem}.landing-page .faq-list{border-top:1px solid var(--lp-hairline)}.landing-page .faq details{border-bottom:1px solid var(--lp-hairline)}.landing-page .faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;font-weight:500;line-height:1.45;cursor:pointer;list-style:none}.landing-page .faq summary::-webkit-details-marker{display:none}.landing-page .faq summary:after{content:"";flex-shrink:0;width:.75rem;height:.75rem;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat;color:color-mix(in oklab,var(--color-base-content) 55%,transparent);transition:transform .2s}.landing-page .faq details[open] summary:after{transform:rotate(45deg)}.landing-page .faq summary:hover:after{color:var(--color-base-content)}.landing-page .faq details>p,.landing-page .faq details>div{padding:0 2.5rem 1.5rem 0;font-size:.95rem;line-height:1.7;color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}.landing-page .faq strong{font-weight:600;color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}.landing-page .bottom-cta{padding-block:var(--lp-space);text-align:center}.landing-page .bottom-cta h2{max-width:13em;margin-inline:auto;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.04em}.landing-page .bottom-cta p{max-width:36rem;margin:1.5rem auto 0;font-size:1.0625rem;color:var(--lp-muted)}.landing-page .bottom-cta .cta{margin-top:2.25rem}.landing-page .trademark{padding-bottom:3rem;text-align:center;font-size:.75rem;color:color-mix(in oklab,var(--color-base-content) 45%,transparent)}@media(prefers-reduced-motion:reduce){.landing-page .faq summary:after{transition:none}}