@layer components{.lp{--lp-max:1008px;--lp-text:#0a0a0a;--lp-muted:#737373;--lp-subtle:#0006;--lp-border:#e5e5e5;--lp-stroke:#0a0a0a0e;--lp-card:#fff;--lp-preview:#fafafa;--lp-muted-bg:#0000000a;--lp-hover-bg:#0000000d;--lp-ease:cubic-bezier(.22, 1, .36, 1);--lp-duration:.18s;color:var(--lp-text);background:#fff;min-height:100dvh;font-size:13px;line-height:18.5px;overflow-x:clip}.lp-btn{white-space:nowrap;height:36px;transition-property:background-color,color,scale;transition-duration:var(--lp-duration);transition-timing-function:var(--lp-ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:13px;font-weight:500;display:inline-flex}.lp-btn:active{scale:.96}.lp-btn--lg{height:42px;padding:0 20px;font-size:14px}.lp-btn--sm{height:30px;padding:0 12px}.lp-btn--primary{color:#fafafa;background:linear-gradient(#323137,#201e25) padding-box padding-box,linear-gradient(#4b4951,#31303a,#18171b) border-box;border:1px solid #0000;box-shadow:0 0 0 1px #0d0d0d,0 2px 4px #0000001a}.lp-btn--primary:hover{background:linear-gradient(#3c3b42,#29272f) padding-box padding-box,linear-gradient(#4b4951,#31303a,#18171b) border-box}.lp-btn--secondary{background:var(--lp-muted-bg);color:var(--lp-text)}.lp-btn--secondary:hover{background:var(--lp-hover-bg)}.lp-nav__link{height:32px;color:var(--lp-muted);transition-property:color,background-color;transition-duration:var(--lp-duration);border-radius:999px;align-items:center;padding:0 11px;font-size:13px;font-weight:500;transition-timing-function:ease;display:inline-flex}.lp-nav__link[aria-current=page]{color:var(--lp-text)}.lp-nav__link:hover{background:var(--lp-hover-bg);color:var(--lp-text)}.lp-pop{transform-origin:100% 0;animation:lp-pop .18s var(--lp-ease) both}@keyframes lp-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.lp-hero__copy>*{animation:lp-rise .7s var(--lp-ease) both}.lp-hero__copy>:nth-child(2){animation-delay:60ms}.lp-hero__copy>:nth-child(3){animation-delay:.12s}@keyframes lp-rise{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}.lp-iso{inset:0 calc((100vw - var(--lp-max)) / -2);pointer-events:none;-webkit-user-select:none;user-select:none;animation:lp-fade-in 1.4s var(--lp-ease) both;position:absolute;overflow:hidden;-webkit-mask-image:radial-gradient(40% 54% at 50% 56%,#0000 42%,#00000040 72%,#000 100%),linear-gradient(#0000 0,#000 56px calc(100% - 150px),#0000 100%);mask-image:radial-gradient(40% 54% at 50% 56%,#0000 42%,#00000040 72%,#000 100%),linear-gradient(#0000 0,#000 56px calc(100% - 150px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lp-iso__plane{transform-origin:0 0;position:absolute;top:-24%;left:-6%;transform:perspective(4000px)rotateX(34deg)rotate(-16deg)scale(.78)}.lp-iso__track{animation:80s linear infinite lp-iso-scroll}.lp-iso__grid{grid-template-columns:repeat(6,400px);grid-auto-rows:250px;display:grid}.lp-iso__tile{padding:10px}.lp-iso__tile:nth-child(2n){translate:0 60px}.lp-iso__blur{position:absolute;inset:0}.lp-iso__blur--soft{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:radial-gradient(50% 64% at 50% 56%,#000 60%,#0000 100%);mask-image:radial-gradient(50% 64% at 50% 56%,#000 60%,#0000 100%)}.lp-iso__blur--strong{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:radial-gradient(42% 54% at 50% 56%,#000 58%,#0000 100%);mask-image:radial-gradient(42% 54% at 50% 56%,#000 58%,#0000 100%)}.lp-iso__blur--bottom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(0deg,#000 0,#0000 200px);mask-image:linear-gradient(0deg,#000 0,#0000 200px)}@keyframes lp-iso-scroll{to{transform:translateY(-50%)}}@keyframes lp-fade-in{0%{opacity:0}}.lp-lead{letter-spacing:-.7px;text-align:center;text-wrap:balance;font-size:28px;font-weight:500;line-height:34px}.lp-sub{max-width:640px;color:var(--lp-muted);text-align:center;text-wrap:balance;margin:0 auto;padding-top:10px;font-size:15px;line-height:22px}.lp-tabs{scrollbar-width:none;width:max-content;max-width:100%;box-shadow:inset 0 -1px 0 var(--lp-border);gap:24px;margin:24px auto;display:flex;overflow-x:auto}.lp-tab{height:40px;color:var(--lp-muted);white-space:nowrap;transition:color var(--lp-duration) ease;flex:none;font-size:13px;font-weight:500;position:relative}.lp-tab:after{content:"";height:1.5px;transition:background-color var(--lp-duration) ease;background:0 0;border-radius:1px;position:absolute;inset:auto 0 0}.lp-tab:hover,.lp-tab[aria-selected=true]{color:var(--lp-text)}.lp-tab[aria-selected=true]:after{background:var(--lp-text)}.lp-tab:focus-visible{outline:2px solid var(--lp-text);outline-offset:2px;border-radius:4px}.lp-screen-in{animation:lp-screen-in .36s var(--lp-ease) both}@keyframes lp-screen-in{0%{opacity:0;transform:translateY(6px)}}.lp-browser{border:1px solid color-mix(in srgb, var(--lp-border) 60%, transparent);background:var(--lp-card);border-radius:16px;overflow:hidden;box-shadow:0 4px 42px #0000000f,0 2px 6px #0000000d}.lp-browser__bar{border-bottom:1px solid color-mix(in srgb, var(--lp-border) 50%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 12px;display:grid}.lp-tile{border:1px solid var(--lp-stroke);background:var(--lp-card);border-radius:14px;flex-direction:column;padding:6px 6px 18px;display:flex}.lp-tile__stage{background:var(--lp-preview);height:220px;box-shadow:inset 0 0 0 1px var(--lp-stroke);border-radius:8px;place-items:center;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.lp-tile__title{letter-spacing:-.2px;padding:0 12px 4px;font-size:15px;font-weight:500;line-height:22px}.lp-tile__text{color:var(--lp-muted);padding:0 12px;font-size:13px;line-height:20px}.lp-faq__item+.lp-faq__item{border-top:1px solid var(--lp-border)}.lp-faq__q{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 0;font-size:15px;line-height:22px;display:flex}.lp-faq__q:focus-visible{outline:2px solid var(--lp-text);outline-offset:2px;border-radius:4px}.lp-faq__q svg{color:var(--lp-subtle);transition:rotate .24s var(--lp-ease);flex:none}.lp-faq__item[data-open] .lp-faq__q svg{rotate:180deg}.lp-faq__panel{transition:grid-template-rows .32s var(--lp-ease);grid-template-rows:0fr;display:grid}.lp-faq__panel>div{min-height:0;overflow:hidden}.lp-faq__item[data-open] .lp-faq__panel{grid-template-rows:1fr}.lp-faq__a{color:var(--lp-muted);opacity:0;filter:blur(3px);transition:opacity .22s ease, translate .32s var(--lp-ease), filter .26s ease;padding:0 32px 18px 0;font-size:14px;line-height:22px;translate:0 -4px}.lp-faq__item[data-open] .lp-faq__a{opacity:1;filter:none;transition-delay:60ms;translate:0}.lp-prose{color:#3f3f3f;font-size:16px;line-height:28px}.lp-prose>*+*{margin-top:18px}.lp-prose h2{color:var(--lp-text);letter-spacing:-.4px;margin-top:40px;font-size:21px;font-weight:500;line-height:28px}.lp-prose strong{color:var(--lp-text);font-weight:500}.lp-prose a{color:var(--lp-text);text-underline-offset:3px;transition:text-decoration-color var(--lp-duration) ease;-webkit-text-decoration:underline #0a0a0a40;text-decoration:underline #0a0a0a40}.lp-prose a:hover{-webkit-text-decoration-color:var(--lp-text);text-decoration-color:var(--lp-text)}.lp-prose ul,.lp-prose ol{flex-direction:column;gap:8px;padding-left:22px;display:flex}.lp-prose ul{list-style:outside}.lp-prose ol{list-style:decimal}.lp-prose li::marker{color:#a3a3a3}.lp-prose__callout{background:var(--lp-preview);box-shadow:inset 0 0 0 1px var(--lp-stroke);color:var(--lp-text);border-radius:12px;padding:14px 18px;font-size:15px;font-weight:500}@media (max-width:760px){.lp-iso{align-self:stretch;height:300px;margin:0 -24px 8px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 72px 45%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 72px 45%,#0000 100%)}.lp-iso__plane{top:-20%;left:-45%}.lp-iso__blur--soft,.lp-iso__blur--strong{display:none}.lp-lead{font-size:23px;line-height:29px}}@media (prefers-reduced-motion:reduce){.lp-iso,.lp-iso__track,.lp-hero__copy>*,.lp-screen-in,.lp-pop{animation:none}}}
