:root{--lp-charcoal:#151515;--lp-surface:#202020;--lp-cream:#f2ebdd;--lp-muted:#c8c0b2;--lp-cobalt:#8ba6ff;--lp-orange-functional:#d97735}.lp{--lp-ground:var(--lp-charcoal);--lp-raised:var(--lp-surface);--lp-ink:var(--lp-cream);--lp-ink-muted:var(--lp-muted);--lp-structure:var(--lp-cobalt);--lp-functional:var(--lp-orange-functional);--lp-line:var(--lp-muted);--lp-display:clamp(2.75rem, 6vw + 1rem, 7.5rem);--lp-heading:clamp(2.1rem, 3.5vw + 1rem, 4.5rem);--lp-body:clamp(1rem, .3vw + .94rem, 1.2rem);--lp-lead:clamp(1.15rem, 1vw + .95rem, 1.65rem);--lp-label:clamp(.7rem, .15vw + .67rem, .8rem);--lp-code:clamp(.8rem, .2vw + .76rem, .95rem);--lp-gap:clamp(1rem, 1vw + .8rem, 1.5rem);--lp-section-pad:clamp(4rem, 7vw + 1.5rem, 8rem);--lp-ease-out:var(--ivar-ease-out);min-width:0;color:var(--lp-ink);background:var(--lp-ground);font-family:var(--font-sans);overflow:clip}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp :where(a,button):focus-visible{outline:3px solid var(--lp-structure);outline-offset:4px}.lp :where(.nav-in,.landing-section>.wrap,.footer-in){width:100%;padding-inline:clamp(1rem,4vw,5rem)}.lp .landing-section{border-block-start:1px solid var(--lp-line);width:100%;padding-block:var(--lp-section-pad)}.lp .landing-section>.wrap>:is(h1,h2,p,ul){max-inline-size:46rem}.lp .landing-section>.wrap>.feature-grid{max-inline-size:none;margin-inline:0;padding-inline-start:0}.lp .eyebrow,.lp .footer-label{color:var(--lp-structure);font-family:var(--font-mono);font-size:var(--lp-label);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.lp .eyebrow{margin:0 0 var(--lp-gap);align-items:center;gap:.55rem;display:flex}.lp .eyebrow:before{background:var(--lp-structure);content:"";flex:none;width:.4rem;height:.4rem}.lp .eyebrow-index{color:var(--lp-ink-muted)}.lp .eyebrow-index:after{content:"/";margin-inline:.45rem}.lp .section-body{--lp-heading:clamp(1.9rem, 2.1vw + .9rem, 3rem);flex-wrap:wrap;align-items:center;gap:clamp(2rem,4vw,4.5rem);display:flex}.lp .section-copy{flex:22rem;min-width:0}.lp .section-body>:not(.section-copy){flex:1.25 26rem;min-width:0}.lp .section-body .product-scene{min-height:0;margin-block-start:0}.lp .section-copy>:is(h2,p){max-inline-size:34rem}.lp .section-copy>h2+*{margin-block-start:var(--lp-gap)}.lp .section-body .product-scene__content{padding:clamp(1.5rem,4vw,3rem)}.lp .product-scene__content:has(.scene-callout){padding-block:clamp(3.5rem,8vw,6rem)}.lp .scene-callout{z-index:2;border:1px solid var(--lp-line);background:var(--lp-raised);max-inline-size:min(17rem,82%);padding:.7rem .85rem;position:absolute;inset-block-end:calc(100% - 2.25rem);inset-inline-end:clamp(-.75rem,-2vw,-1.75rem)}.lp .scene-callout p{color:var(--lp-ink);font-family:var(--font-mono);font-size:var(--lp-label);margin:0}.lp .scene-callout p+p{color:var(--lp-ink-muted);font-family:var(--font-sans);margin-block-start:.3rem}.lp .feature-grid{margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none}@media (min-width:48rem){.lp .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,4.5rem);display:grid}}.lp .feature-grid>li{border-block-start:1px solid var(--lp-line);margin:0;padding-block:clamp(1rem,2vw,1.5rem)}.lp .feature-grid h3{color:var(--lp-ink);font-family:var(--font-mono);font-size:var(--lp-label);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .45rem;font-weight:500;display:flex}.lp .feature-grid h3:before{background:var(--lp-structure);content:"";flex:none;width:.4rem;height:.4rem}.lp .feature-grid p{max-inline-size:34rem;margin:0}.lp h1,.lp h2{max-inline-size:20ch;color:var(--lp-ink);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-weight:500;line-height:.98}.lp h1{font-size:var(--lp-display)}.lp h2{font-size:var(--lp-heading)}.lp p,.lp li{color:var(--lp-ink-muted);font-size:var(--lp-body);line-height:1.65}.lp p+p,.lp h1+.lead,.lp h2+p,.lp ul+p{margin-top:var(--lp-gap)}.lp code{overflow-wrap:anywhere;color:var(--lp-ink);font-family:var(--font-mono);font-size:.9em}.lp :is(a,.copy){transition:color .15s}.lp a{color:var(--lp-ink);-webkit-text-decoration-color:var(--lp-structure);text-decoration-color:var(--lp-structure);text-underline-offset:.2em;text-decoration-thickness:2px}.lp .nav{isolation:isolate;border-block-end:1px solid var(--lp-line);position:relative}.lp .nav-in{justify-content:space-between;align-items:center;gap:var(--lp-gap);min-block-size:clamp(4.25rem,2vw + 3.75rem,5rem);display:flex}.lp .mark{color:var(--lp-ink);font-family:var(--font-display);letter-spacing:-.04em;flex:none;align-items:center;gap:.55rem;font-size:clamp(1.25rem,.5vw + 1.15rem,1.5rem);font-weight:600;text-decoration:none;display:inline-flex}.lp .mark-icon{width:1.75rem;height:1.75rem}.lp .nav-links{font-family:var(--font-mono);font-size:var(--lp-label);flex-wrap:wrap;justify-content:flex-end;gap:.45rem clamp(.75rem,1.5vw,1.5rem);display:flex}.lp .nav-links a{color:var(--lp-ink-muted);background-image:linear-gradient(var(--lp-structure), var(--lp-structure));transition:color .15s ease, background-size .18s var(--lp-ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none}.lp .nav-install:active{transform:scale(.97)}.lp .nav-links .nav-install{color:var(--lp-ink)}.lp .hero{border-block-start:0;align-items:end;min-block-size:68vh;display:grid}.lp .hero-copy>:is(h1,p){max-inline-size:46rem}.lp .scene-terminal{border:1px solid var(--lp-line);background:color-mix(in oklch, var(--lp-ground) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;position:relative;overflow:visible}.lp .hero .scene-terminal{max-width:46rem;margin-block-start:clamp(1.5rem,3vw,2.5rem)}.lp .scene-terminal__chrome{border-block-end:1px solid var(--lp-line);color:var(--lp-ink-muted);font-family:var(--font-mono);font-size:var(--lp-label);align-items:center;gap:.4rem;margin:0;padding:.55rem .8rem;display:flex}.lp .scene-terminal__chrome i{border:1px solid var(--lp-line);border-radius:50%;width:.5rem;height:.5rem}.lp .scene-terminal__chrome span{margin-inline-start:.35rem}.lp .scene-terminal__lines{overscroll-behavior-inline:contain;margin:0;padding:clamp(.8rem,1.5vw,1.25rem);list-style:none;overflow-x:auto}.lp .scene-terminal__lines li,.lp .scene-terminal__lines li+li{color:var(--lp-ink-muted);font-size:var(--lp-code);white-space:nowrap;margin-top:0;line-height:1.75}.lp .scene-terminal__lines li[data-kind=prompt]{color:var(--lp-ink)}.lp .scene-terminal__lines li:last-child:after{vertical-align:text-bottom;background:var(--lp-structure);content:"";width:.5em;height:1em;margin-inline-start:.4em;animation:1.06s step-end .78s infinite lp-caret;display:inline-block}@keyframes lp-caret{50%{opacity:0}}.lp .scene-terminal__lines li[data-kind=prompt]:before{color:var(--lp-structure);content:"$";margin-inline-end:.5rem}.lp .scene-terminal__lines li[data-kind=agent]{color:var(--lp-structure)}.lp .scene-terminal__lines li[data-kind=agent]:before{color:var(--lp-ink-muted);content:"›";margin-inline-end:.5rem}.lp .scene-terminal__chrome:has(.provider-tabs){padding-block:0}.lp .provider-tabs{gap:.875rem;margin-inline-start:.55rem;display:flex}.lp .provider-tabs button{color:var(--lp-ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;margin-block-end:-2px;padding-block:.55rem;transition:color .15s,border-color .15s}.lp .provider-tabs button[aria-selected=true]{border-block-end-color:var(--lp-structure);color:var(--lp-structure)}@media (hover:hover) and (pointer:fine){.lp .provider-tabs button:hover{color:var(--lp-ink)}}.lp [data-reveal].section-body .section-copy>*{animation:lp-rise .42s var(--lp-ease-out) both}.lp [data-reveal].section-body .section-copy>:nth-child(2){animation-delay:70ms}.lp [data-reveal].feature-grid>li{animation:lp-rise .38s var(--lp-ease-out) both}.lp [data-reveal].feature-grid>li:nth-child(2){animation-delay:60ms}.lp [data-reveal].feature-grid>li:nth-child(3){animation-delay:.12s}.lp [data-reveal].feature-grid>li:nth-child(4){animation-delay:.18s}.lp [data-reveal=pending] *{animation-play-state:paused!important}.lp [data-reveal] .scene-terminal__lines li{animation:lp-terminal-line .22s var(--lp-ease-out) both;animation-delay:calc(var(--i) * 80ms)}@keyframes lp-terminal-line{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.lp .hero-copy>*{animation:lp-rise .42s var(--lp-ease-out) both}.lp .hero-copy>:nth-child(2){animation-delay:70ms}.lp .hero-copy>:nth-child(3){animation-delay:.14s}.lp .hero-copy>:nth-child(4){animation-delay:.21s}@keyframes lp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lp .hero .lead{max-inline-size:42rem;color:var(--lp-ink);font-size:var(--lp-lead)}.lp .landing-section ul{margin:var(--lp-gap) 0 0;padding-inline-start:1.25rem}.lp .landing-section li+li{margin-top:clamp(.45rem,.2vw + .4rem,.6rem)}.lp .diagram{width:100%;min-width:42rem;height:auto;padding-block:var(--lp-gap);font-family:var(--font-mono);display:block}.lp .diagram+.diagram{border-block-start:1px solid var(--lp-line)}@keyframes lp-diagram-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lp .latest-posts .feature-grid h3 a{color:inherit}@media (hover:hover) and (pointer:fine){.lp .latest-posts .feature-grid li:hover h3 a{color:var(--lp-structure)}}.lp .latest-posts-intro{grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);align-items:start;column-gap:clamp(2rem,8vw,9rem);display:grid}.lp .latest-posts-all{text-align:end;margin:0}.lp .latest-posts-all a{align-items:center;gap:.6rem;display:inline-flex}.lp .latest-posts-all a:after{content:"→"}@media (max-width:47.99rem){.lp .latest-posts-intro{row-gap:var(--lp-gap);grid-template-columns:1fr}.lp .latest-posts-all{text-align:start}}.lp .closing{border-block-end:1px solid var(--lp-line)}.lp .install{width:min(100%,46rem);margin-top:var(--lp-gap);border:1px solid var(--lp-ink);background:var(--lp-raised);align-items:stretch;display:flex}.lp .install>code{overscroll-behavior-inline:contain;min-width:0;color:var(--lp-ink);font-size:var(--lp-code);white-space:nowrap;flex:auto;padding:clamp(.8rem,.4vw + .7rem,1rem);overflow-x:auto}.lp .copy{border:0;border-inline-start:1px solid var(--lp-ink);block-size:auto;min-block-size:44px;inline-size:44px;min-inline-size:44px;color:var(--lp-ink);font:inherit;font-family:var(--font-mono);font-size:var(--lp-code);cursor:pointer;transition:color .15s ease, transform .16s var(--lp-ease-out);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.lp .copy:active{transform:scale(.97)}.lp .copy-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem;transition:opacity .16s var(--lp-ease-out), transform .16s var(--lp-ease-out);position:absolute}.lp .copy-icon-check{opacity:0;transform:scale(.9)}.lp .copy-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.lp .copy-tooltip{z-index:1;width:max-content;max-inline-size:min(16rem,100vw - 2rem);color:var(--lp-ground);background:var(--lp-cream);font-size:var(--lp-label);opacity:0;pointer-events:none;transform-origin:100% 100%;transition:opacity .16s var(--lp-ease-out), transform .16s var(--lp-ease-out);padding:.4rem .55rem;line-height:1.2;position:absolute;inset-block-end:calc(100% + .6rem);inset-inline-end:0;transform:translateY(.2rem)scale(.97)}.lp .copy:focus-visible .copy-tooltip{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.lp .copy:hover .copy-tooltip{opacity:1;transform:none}}.lp .copy-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lp .copy[data-copied]{color:var(--lp-functional)}.lp .copy[data-copied] .copy-icon-copy{opacity:0;transform:scale(.9)}.lp .copy[data-copied] .copy-icon-check{opacity:1;transform:none}.lp .footer{width:100%;padding-block:var(--lp-section-pad);background:var(--lp-raised)}.lp .footer-in{gap:clamp(2.5rem,6vw,7rem);display:grid}.lp .footer-intro>p{max-inline-size:32rem;margin:var(--lp-gap) 0 0}.lp .footer-intro .footer-local{color:var(--lp-ink)}.lp .footer-links{gap:var(--lp-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lp .footer-links>div{align-content:start;gap:.7rem;display:grid}.lp .footer-label{margin:0 0 .25rem}.lp .footer-links a{width:fit-content;color:var(--lp-ink-muted)}@media (min-width:48rem){.lp .landing-section>.wrap{grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);column-gap:clamp(2rem,8vw,9rem);display:grid}.lp .landing-section>.wrap>:is(h1,h2,.lead,ul){grid-column:1}.lp .landing-section>.wrap>p:not(.eyebrow):not(.lead){grid-column:2;margin:0}.lp .landing-section>.wrap>:is(.eyebrow,.section-body,.feature-grid,.latest-posts-intro){grid-column:1/-1}.lp .monorepo-objection h2{max-inline-size:10ch}.lp .monorepo-objection-copy{align-self:start;gap:var(--lp-gap);grid-column:2;display:grid}.lp .monorepo-objection-copy>p{margin:0}.lp .hero .wrap{display:block}.lp .closing .install{grid-column:1;align-self:start}.lp .footer-in{grid-template-columns:minmax(0,1.5fr) minmax(20rem,1fr)}}@media (max-width:40rem){.lp .nav-in{align-items:flex-start;padding-block:1rem}.lp .nav-links{gap:.4rem .8rem}.lp .nav-links a:first-child,.lp .nav-links a:nth-child(2){display:none}}@media (max-width:28rem){.lp .nav-in{flex-wrap:wrap}.lp .nav-links{justify-content:flex-start}}.lp .nav-in{isolation:isolate;position:relative;overflow:hidden}.lp .header-environment,.lp .product-scene__environment{z-index:-2;object-fit:cover;opacity:.28;width:100%;height:100%;position:absolute;inset:0}.lp .header-environment{opacity:.18}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp .product-scene{view-timeline-name:--lp-scene}.lp .product-scene__environment{animation-name:lp-parallax;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--lp-scene;animation-range:cover}}}@keyframes lp-parallax{0%{transform:translateY(-6%)scale(1.14)}to{transform:translateY(6%)scale(1.14)}}.lp .header-interface{color:var(--lp-ink-muted);font-family:var(--font-mono);font-size:var(--lp-label);gap:.45rem;display:flex}.lp .header-interface span[aria-hidden=true]{color:var(--lp-structure)}.lp .product-scene{isolation:isolate;background:var(--lp-ground);width:100%;min-height:clamp(19rem,34vw,31rem);margin-block-start:clamp(2.5rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.lp .product-scene:after{z-index:-1;content:"";background:color-mix(in oklch, var(--lp-ground) 54%, transparent);position:absolute;inset:0}.lp .product-scene__content{align-items:center;gap:clamp(.75rem,2vw,1.5rem);width:100%;max-width:78rem;margin-inline:auto;padding:clamp(1rem,4vw,3rem);display:grid}.lp .scene-panel,.lp .scene-topology{border:1px solid color-mix(in oklch, var(--lp-ink) 70%, transparent);background:color-mix(in oklch, var(--lp-ground) 85%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:clamp(.8rem,1.5vw,1.25rem)}.lp .scene-panel p,.lp .scene-topology p{color:var(--lp-ink);font-family:var(--font-mono);font-size:var(--lp-label);margin:0}.lp .scene-panel span,.lp .scene-topology span{color:var(--lp-ink-muted);font-size:var(--lp-label)}.lp .hero-product-scene__content{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;row-gap:0}.lp .scene-panel--contract{grid-column:1/-1;justify-self:center}.lp .scene-panel--api,.lp .scene-panel--web{grid-row:3}.lp [data-reveal] .scene-fork__stem{animation:lp-grow-y .24s var(--lp-ease-out) both;animation-delay:.18s}.lp [data-reveal] .scene-fork__bus{animation:lp-grow-x .3s var(--lp-ease-out) both;animation-delay:.38s}.lp [data-reveal] .scene-fork__drop{animation:lp-grow-y .24s var(--lp-ease-out) both;animation-delay:.62s}@keyframes lp-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lp-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.lp .scene-fork{--lp-fork-inset:calc((100% - clamp(.75rem, 2vw, 1.5rem)) / 4);grid-area:2/1/auto/-1;width:100%;height:clamp(2.5rem,5vw,4rem);position:relative}.lp .scene-fork span{background:var(--lp-structure);position:absolute}.lp .scene-fork__stem{transform-origin:top;width:2px;height:50%;inset-block-start:0;inset-inline-start:calc(50% - 1px)}.lp .scene-fork__bus{inset-block-start:calc(50% - 1px);inset-inline:var(--lp-fork-inset);height:2px}.lp .scene-fork__drop{transform-origin:top;width:2px;height:50%;inset-block-start:50%}.lp .scene-fork__drop--left{inset-inline-start:calc(var(--lp-fork-inset) - 1px)}.lp .scene-fork__drop--right{inset-inline-end:calc(var(--lp-fork-inset) - 1px)}.lp .monorepo-product-scene__content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.lp .scene-topology ul{margin:1rem 0;padding:0;list-style:none}.lp .scene-topology li{border-block-start:1px solid var(--lp-line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.lp [data-reveal] .product-scene__content>*{animation:lp-diagram-reveal .2s var(--lp-ease-out) both}.lp [data-reveal] .product-scene__content>:nth-child(2){animation-delay:60ms}.lp [data-reveal] .product-scene__content>:nth-child(3){animation-delay:.12s}@media (max-width:48rem){.lp .header-interface{display:none}.lp .hero-product-scene__content,.lp .monorepo-product-scene__content{grid-template-columns:1fr}.lp .scene-panel--contract{grid-area:auto}.lp .scene-fork{display:none}}@media (hover:hover) and (pointer:fine){.lp .nav-links a:hover{background-size:100% 1px}.lp .mark:hover,.lp .nav-links a:hover,.lp a:hover,.lp .copy:hover{color:var(--lp-structure)}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{scroll-behavior:auto;animation-duration:.01ms!important;animation-iteration-count:1!important}.lp .copy-icon,.lp .copy-tooltip{transition-property:opacity}.lp .scene-terminal__lines li:last-child:after{animation:none}.lp .copy:active,.lp .copy-tooltip,.lp .product-scene:hover .product-scene__environment{transform:none}.lp .hero-copy>*,.lp [data-reveal].section-body .section-copy>*,.lp [data-reveal].feature-grid>li,.lp [data-reveal] .product-scene__content>*,.lp [data-reveal] .scene-terminal__lines li{opacity:1;animation:none}}@media (min-width:64rem){.lp .hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;column-gap:clamp(2rem,4vw,4rem);display:grid}.lp .hero{--lp-display:clamp(2.75rem, 3.2vw + .9rem, 4.75rem)}.lp .hero .scene-terminal{max-width:none;margin-block-start:0}}
