.lp{overflow-x:clip}.lp .container{max-width:var(--layout-container);padding-inline:var(--layout-gutter);margin-inline:auto}.lp-narrow{max-width:46rem!important}.lp-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-text)}.lp-hero{isolation:isolate;padding-block:var(--space-20) var(--space-16);position:relative;overflow:hidden}.lp-hero__glow{z-index:-1;pointer-events:none;background:radial-gradient(34rem 26rem at var(--mx,70%) var(--my,20%), color-mix(in srgb, var(--accent-solid) 22%, transparent), transparent 70%);height:120%;transition:background-position var(--duration-slow);position:absolute;inset:-20% -10% auto}.lp-hero h1{margin:var(--space-3) 0 var(--space-5);font-family:var(--font-serif);letter-spacing:var(--tracking-tight);text-wrap:balance;font-size:clamp(2.6rem,1.5rem + 5.5vw,5rem);line-height:1.04}.lp-hero__em{color:var(--accent-text);font-style:italic}.lp-lead{max-width:38rem;font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.lp-hero__cta{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.lp-chips{gap:var(--space-2);margin:var(--space-10) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.lp-chips li{animation:lp-pop var(--duration-slower) var(--ease-spring) backwards;animation-delay:calc(.4s + var(--i) * 70ms)}.lp-chip{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent-text);background:var(--accent-tint);border:1px solid var(--accent-border);border-radius:var(--radius-pill);transition:transform var(--duration-base) var(--ease-spring), background-color var(--duration-fast), box-shadow var(--duration-base);padding:.45rem .95rem;text-decoration:none;display:inline-flex}.lp-chip__dot{background:var(--accent-solid);width:.5rem;height:.5rem;transition:transform var(--duration-base) var(--ease-spring);border-radius:50%}.lp-chip:hover{background:var(--accent-tint-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.04)}.lp-chip:hover .lp-chip__dot{transform:scale(1.5)}.lp-chip:active{transition-duration:var(--duration-instant);transform:scale(.95)}.lp-chip:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}.lp-stats{gap:var(--space-8) var(--space-12);margin:var(--space-12) 0 0;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.lp-stats div{gap:var(--space-1);flex-direction:column-reverse;display:flex}.lp-stats dd{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;margin:0;line-height:1}.lp-stats dt{font-size:var(--text-sm);color:var(--color-text-muted);max-width:11rem}.lp-sec{padding-block:var(--space-20)}.lp-sec--tint{background:var(--color-bg-subtle);border-block:1px solid var(--color-border-subtle)}.lp-sec__head{max-width:40rem;margin-bottom:var(--space-10)}.lp-sec__head h2{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}.lp-sec__sub{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.lp-steps{gap:var(--space-4);margin:0 0 var(--space-10);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.lp-step{padding:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base), border-color var(--duration-fast);position:relative}.lp-step:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-border);transform:translateY(-4px)}.lp-step__icon{width:2.75rem;height:2.75rem;color:var(--accent-text);background:var(--accent-tint);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-spring);place-items:center;display:grid}.lp-step:hover .lp-step__icon{transform:rotate(-8deg)scale(1.1)}.lp-step__n{top:var(--space-4);right:var(--space-5);font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-bg-sunken);line-height:1;position:absolute}.lp-step h3{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-semibold)}.lp-step p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.lp-demo{max-width:40rem;margin:0 auto var(--space-10)}.lp-seg{background:var(--color-bg-sunken);border-radius:var(--radius-pill);grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.lp-seg button{z-index:1;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-radius:var(--radius-pill);transition:color var(--duration-fast), transform var(--duration-fast) var(--ease-spring);padding:.5rem 1.1rem;position:relative}.lp-seg button:hover{color:var(--color-text-primary)}.lp-seg button:active{transform:scale(.96)}.lp-seg button[aria-selected=true]{color:var(--color-text-primary)}.lp-seg button:focus-visible{outline:2px solid var(--accent-solid);outline-offset:1px}.lp-seg__thumb{z-index:0;background:var(--color-bg-surface);border-radius:var(--radius-pill);width:calc(50% - 4px);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.lp-seg:has(#demo-tab-web[aria-selected=true]) .lp-seg__thumb{transform:translate(100%)}.lp-demo__stage{margin-top:var(--space-4);min-height:10.5rem}.lp-demo__pane{animation:lp-pane var(--duration-slow) var(--ease-enter)}.lp-demo__pane[hidden]{display:none}@keyframes lp-pane{0%{opacity:0;transform:translateY(8px)}}.lp-code{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin:0;overflow-x:auto}.lp-demo__links{margin-top:var(--space-4);font-family:var(--font-serif)}.lp-feats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.lp-feat{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--duration-fast);display:flex}.lp-feat:hover{background:var(--color-bg-subtle)}.lp-feat__icon{width:2.25rem;height:2.25rem;color:var(--accent-text);background:var(--accent-tint);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.lp-feat h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold)}.lp-feat p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.lp-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.lp-courses{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));display:grid}.lp-cta{padding-block:var(--space-20);text-align:center;background:var(--accent-tint);border-top:1px solid var(--accent-border)}.lp-cta h2{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);text-wrap:balance}.lp-cta p{margin:var(--space-3) auto var(--space-8);max-width:30rem;color:var(--color-text-secondary)}.lp-foot{padding-block:var(--space-6);border-top:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-muted)}.lp-foot .container{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.lp-foot a{color:inherit;text-underline-offset:3px}.lp-foot a:hover{color:var(--accent-text)}@media (width<=639px){.lp-hero{padding-block:var(--space-12) var(--space-10)}.lp-sec{padding-block:var(--space-12)}.lp-hero__cta .btn{width:100%}}@media (prefers-reduced-motion:reduce){.lp-chips li,.lp-demo__pane{animation:none}}.lp-hero__eyebrow{margin-top:var(--space-6)}.lp-back{margin-top:var(--space-8)}.lp-back a{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast), gap var(--duration-base) var(--ease-spring);text-decoration:none;display:inline-flex}.lp-back a:hover{color:var(--accent-text);gap:var(--space-3)}.lp-back a:focus-visible{outline:2px solid var(--accent-solid);outline-offset:3px;border-radius:var(--radius-sm)}