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