:root{--logo-ink: hsl(var(--sl-hsl-foreground, 0 0% 10%));--logo-paper: hsl(var(--sl-hsl-background, 0 0% 100%));--logo-accent: hsl(var(--sl-hsl-primary, 0 0% 55%));--logo-muted: hsl(var(--sl-hsl-muted, 0 0% 70%));--logo-soft: hsl(var(--sl-hsl-secondary, 0 0% 88%));--logo-half: hsl(var(--sl-hsl-muted-foreground, 0 0% 45%))}html{background:hsl(var(--sl-hsl-background));color:hsl(var(--sl-hsl-foreground));font-family:var(--sl-font-family-base);font-size:var(--sl-font-size-sm);scroll-behavior:smooth;scroll-padding-top:4.5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:hsl(var(--sl-hsl-background));color:hsl(var(--sl-hsl-foreground));line-height:1.6;transition:background-color .35s ease,color .35s ease;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--sl-font-family-heading)}.container{max-width:1120px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1280px;margin:0 auto;padding:0 2rem}.text-muted{color:hsl(var(--sl-hsl-muted-foreground))}section{padding:5.5rem 0;scroll-margin-top:4.5rem}.landing-nav{position:relative;z-index:100;max-width:100vw;overflow:hidden}.logo-dot{width:.625rem;height:.625rem;border-radius:2px;background:hsl(var(--sl-hsl-primary));box-shadow:0 0 0 3px hsl(var(--sl-hsl-primary) / .25);display:inline-block;transform:rotate(45deg)}.brand-mark{width:1.75rem;height:1.75rem;flex:none;transition:transform .2s var(--sl-transition-timing-out)}.brand-link:hover .brand-mark{transform:translate(-1px,-1px)}.brand-link{display:flex;align-items:center;gap:.625rem;font-size:var(--sl-font-size-base);font-weight:var(--sl-font-weight-semibold);color:hsl(var(--sl-hsl-foreground));text-decoration:none;letter-spacing:-.01em}.topbar-links{display:flex;align-items:center;gap:.25rem}.topbar-links a{padding:.375rem .75rem;font-size:var(--sl-font-size-sm);color:hsl(var(--sl-hsl-muted-foreground));text-decoration:none;border-radius:var(--sl-radius-md);transition:color .15s,background-color .15s}.topbar-links a:hover{color:hsl(var(--sl-hsl-foreground));background:hsl(var(--sl-hsl-muted))}.topbar-links a.active{color:hsl(var(--sl-hsl-primary));background:hsl(var(--sl-hsl-primary) / .1)}.topbar-actions{display:flex;align-items:center;gap:.5rem}@media (max-width: 760px){.topbar-links{display:none}}@media (max-width: 480px){.topbar-actions{gap:.25rem;min-width:0;flex-shrink:1}.topbar-actions .lang-selector{display:none!important}.brand-link{gap:.4rem;min-width:0}}@media (max-width: 360px){.topbar-actions>sl-button:last-of-type{display:none}}.hero{padding-top:8rem;padding-bottom:6rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsl(var(--sl-hsl-border) / .5) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--sl-hsl-border) / .5) 1px,transparent 1px),linear-gradient(hsl(var(--sl-hsl-border) / .25) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--sl-hsl-border) / .25) 1px,transparent 1px);background-size:168px 168px,168px 168px,28px 28px,28px 28px;mask-image:radial-gradient(ellipse 90% 80% at 70% 10%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 70% 10%,black 20%,transparent 75%);pointer-events:none}.hero:after{content:"";position:absolute;top:-25%;right:-10%;width:720px;height:720px;background:radial-gradient(circle at 60% 40%,hsl(var(--sl-hsl-primary) / .16) 0%,transparent 55%),radial-gradient(circle at 30% 70%,hsl(var(--sl-hsl-secondary, var(--sl-hsl-primary)) / .35) 0%,transparent 55%);pointer-events:none}.hero .container-wide{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .875rem;border-radius:var(--sl-radius-full);border:1px solid hsl(var(--sl-hsl-primary) / .4);background:hsl(var(--sl-hsl-primary) / .08);color:hsl(var(--sl-hsl-primary));font-size:var(--sl-font-size-xs);font-weight:var(--sl-font-weight-medium);margin-bottom:1.75rem}.hero-badge-dot{width:.375rem;height:.375rem;border-radius:50%;background:hsl(var(--sl-hsl-primary));animation:pulse-dot 2.5s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 hsl(var(--sl-hsl-primary) / .5)}50%{box-shadow:0 0 0 5px hsl(var(--sl-hsl-primary) / 0)}}.hero-title{font-size:clamp(2.5rem,5.5vw,3.875rem);font-weight:var(--sl-font-weight-bold);line-height:1.06;letter-spacing:-.025em;margin:0 0 1.25rem}.hero-title em{font-style:normal;color:hsl(var(--sl-hsl-primary));position:relative;white-space:nowrap}.hero-title em:after{content:"";position:absolute;left:.06em;right:-.06em;bottom:-.02em;height:.14em;background:hsl(var(--sl-hsl-primary) / .35);border-radius:0}.hero-logo{display:block;width:min(400px,100%);height:auto;margin-bottom:2rem}.hero-subtitle{font-size:clamp(1rem,1.6vw,1.125rem);color:hsl(var(--sl-hsl-muted-foreground));max-width:52ch;margin:0 0 2.25rem;line-height:1.7}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.hero-install{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem .625rem .5rem 1.25rem;border:2px solid hsl(var(--sl-hsl-foreground) / .75);border-radius:var(--sl-radius-lg);background:hsl(var(--sl-hsl-muted) / .5);font-family:var(--sl-font-family-mono);font-size:var(--sl-font-size-sm);margin-bottom:2.75rem;box-shadow:4px 4px hsl(var(--sl-hsl-foreground) / .2)}.hero-install code:before{content:"$ ";color:hsl(var(--sl-hsl-primary))}.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:1.75rem;border-top:1px solid hsl(var(--sl-hsl-border) / .7)}.hero-stat-value{font-size:1.875rem;font-weight:var(--sl-font-weight-semibold);line-height:1;margin-bottom:.3rem;font-variant-numeric:tabular-nums}.hero-stat-label{font-size:var(--sl-font-size-xs);color:hsl(var(--sl-hsl-muted-foreground))}.hero-visual{position:relative;min-height:460px}.hero-app{position:relative;border:2px solid hsl(var(--sl-hsl-foreground) / .8);border-radius:var(--sl-radius-xl);background:hsl(var(--sl-hsl-card));box-shadow:12px 12px hsl(var(--sl-hsl-foreground) / .16),0 0 80px hsl(var(--sl-hsl-primary) / .08);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);transition:transform .5s var(--sl-transition-timing-out)}.hero-visual:hover .hero-app{transform:perspective(1400px) rotateY(-2deg) rotateX(.5deg)}.hero-app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero-app-title{font-weight:var(--sl-font-weight-semibold);font-size:var(--sl-font-size-base)}.hero-app-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid hsl(var(--sl-hsl-border) / .7);border-radius:var(--sl-radius-lg);background:hsl(var(--sl-hsl-background) / .5)}.hero-app-row-label{font-size:var(--sl-font-size-sm);display:flex;flex-direction:column}.hero-app-row-label small{color:hsl(var(--sl-hsl-muted-foreground));font-size:var(--sl-font-size-xs)}.avatar-stack{display:flex}.avatar-stack sl-avatar:not(:first-child){margin-left:-.55rem}.hero-float{position:absolute;border:2px solid hsl(var(--sl-hsl-foreground) / .7);border-radius:var(--sl-radius-lg);background:hsl(var(--sl-hsl-card));box-shadow:4px 4px hsl(var(--sl-hsl-foreground) / .2);padding:.75rem 1rem;display:flex;align-items:center;gap:.625rem;font-size:var(--sl-font-size-xs);z-index:2}.hero-float-a{top:-1.5rem;right:.5rem;animation:float-a 7s ease-in-out infinite}.hero-float-b{bottom:-1.25rem;left:-1.5rem;animation:float-b 8s ease-in-out infinite}@keyframes float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-b{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@media (max-width: 980px){.hero .container-wide{grid-template-columns:1fr;gap:4.5rem}.hero-visual{min-height:0}.hero-app{transform:none}.hero-float-a{top:-1rem;right:0}.hero-float-b{bottom:-1rem;left:0}}.features{background:hsl(var(--sl-hsl-card) / .45);border-top:1px solid hsl(var(--sl-hsl-border));border-bottom:1px solid hsl(var(--sl-hsl-border))}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.bento-cell{border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-xl);background:hsl(var(--sl-hsl-background));padding:1.5rem;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.bento-cell:hover{border-color:hsl(var(--sl-hsl-primary) / .45);box-shadow:0 8px 32px hsl(var(--sl-hsl-primary) / .07);transform:translateY(-2px)}.bento-2{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-eyebrow{font-size:var(--sl-font-size-xs);font-weight:var(--sl-font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--sl-hsl-primary));margin-bottom:.5rem}.bento-title{font-size:var(--sl-font-size-lg);font-weight:var(--sl-font-weight-semibold);margin:0 0 .5rem;letter-spacing:-.01em}.bento-desc{font-size:var(--sl-font-size-sm);color:hsl(var(--sl-hsl-muted-foreground));margin:0 0 1.25rem;line-height:1.65}.bento-desc:last-child{margin-bottom:0}@media (max-width: 980px){.bento{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.bento{grid-template-columns:1fr}.bento-2{grid-column:span 1}}.code-block{background:hsl(var(--sl-hsl-muted) / .5);border:1px solid hsl(var(--sl-hsl-border) / .8);border-radius:var(--sl-radius-lg);padding:1rem 1.25rem;overflow-x:auto;margin:0}.code-block code{font-family:var(--sl-font-family-mono);font-size:.8125rem;line-height:1.7;white-space:pre;display:block}.c-tag{color:hsl(var(--sl-hsl-primary))}.c-attr{color:hsl(var(--sl-hsl-secondary-foreground, var(--sl-hsl-info)))}.c-str{color:hsl(var(--sl-hsl-success))}.c-kw{color:hsl(var(--sl-hsl-info))}.c-com{color:hsl(var(--sl-hsl-muted-foreground));font-style:italic}.weight-bars{display:flex;flex-direction:column;gap:.875rem}.weight-row{display:flex;flex-direction:column;gap:.3rem}.weight-row-head{display:flex;justify-content:space-between;font-size:var(--sl-font-size-xs)}.weight-row-head strong{font-weight:var(--sl-font-weight-medium)}.weight-row-head span{color:hsl(var(--sl-hsl-muted-foreground));font-variant-numeric:tabular-nums}.weight-track{height:.5rem;border-radius:var(--sl-radius-full);background:hsl(var(--sl-hsl-muted));overflow:hidden}.weight-fill{height:100%;width:0;border-radius:var(--sl-radius-full);background:hsl(var(--sl-hsl-primary));transition:width 1.1s var(--sl-transition-timing-out) .2s}.weight-fill--muted{background:hsl(var(--sl-hsl-muted-foreground) / .45)}.is-visible .weight-fill{width:var(--w)}.bento-themes-list{display:flex;flex-direction:column;gap:.5rem}.bento-theme-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.5rem .75rem;border:1px solid hsl(var(--sl-hsl-border) / .8);border-radius:var(--sl-radius-md);background:transparent;color:hsl(var(--sl-hsl-foreground));font-family:inherit;font-size:var(--sl-font-size-sm);cursor:pointer;transition:border-color .15s,background-color .15s}.bento-theme-btn:hover{background:hsl(var(--sl-hsl-muted) / .6)}.bento-theme-btn[aria-pressed=true]{border-color:hsl(var(--sl-hsl-primary));background:hsl(var(--sl-hsl-primary) / .08)}.swatch-row{display:flex;gap:.25rem}.swatch{width:.875rem;height:.875rem;border-radius:50%;border:1px solid hsl(var(--sl-hsl-border));display:inline-block}.token-chips{display:flex;flex-wrap:wrap;gap:.375rem}.token-chip{font-family:var(--sl-font-family-mono);font-size:.6875rem;padding:.25rem .5rem;border-radius:var(--sl-radius-sm);background:hsl(var(--sl-hsl-muted) / .7);color:hsl(var(--sl-hsl-muted-foreground));border:1px solid hsl(var(--sl-hsl-border) / .6)}.token-chip b{color:hsl(var(--sl-hsl-primary));font-weight:var(--sl-font-weight-medium)}.app-window{border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-xl);overflow:hidden;box-shadow:var(--sl-shadow-2xl);background:hsl(var(--sl-hsl-background));margin-top:3rem}.app-window-bar{display:flex;align-items:center;gap:.875rem;height:2.75rem;padding:0 1rem;background:hsl(var(--sl-hsl-card));border-bottom:1px solid hsl(var(--sl-hsl-border))}.window-dot{width:.625rem;height:.625rem;border-radius:50%}.window-url{flex:1;max-width:320px;margin:0 auto;text-align:center;font-size:var(--sl-font-size-xs);font-family:var(--sl-font-family-mono);color:hsl(var(--sl-hsl-muted-foreground));background:hsl(var(--sl-hsl-background));border:1px solid hsl(var(--sl-hsl-border) / .7);border-radius:var(--sl-radius-md);padding:.2rem .75rem}.app-body{display:flex;align-items:stretch;min-height:560px}.app-body sl-sidebar{flex-shrink:0}.app-nav-section{font-size:var(--sl-font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--sl-hsl-muted-foreground));padding:1rem 1rem .5rem}.app-main{flex:1;min-width:0;padding:1.5rem 2rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.app-page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.app-page-title{display:flex;align-items:center;gap:.75rem;font-size:var(--sl-font-size-xl);font-weight:var(--sl-font-weight-semibold);margin:0;letter-spacing:-.01em}.app-actions{display:flex;gap:.5rem;align-items:center}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.app-stat-label{font-size:var(--sl-font-size-xs);color:hsl(var(--sl-hsl-muted-foreground));margin-bottom:.25rem}.app-stat-value{font-size:var(--sl-font-size-2xl);font-weight:var(--sl-font-weight-semibold);line-height:1.2;font-variant-numeric:tabular-nums}.app-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.app-list-main{display:flex;align-items:center;gap:.75rem;min-width:0}.app-list-text{display:flex;flex-direction:column;min-width:0}.app-list-text small{color:hsl(var(--sl-hsl-muted-foreground));font-size:var(--sl-font-size-xs)}.app-form{display:flex;flex-direction:column;gap:1rem;max-width:520px}.app-form-row{display:flex;flex-direction:column;gap:.375rem}.app-danger{margin-top:.5rem;padding:1rem 1.25rem;border:1px solid hsl(var(--sl-hsl-destructive) / .4);border-radius:var(--sl-radius-lg);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.demo-pagination-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 900px){.app-body sl-sidebar{display:none}.app-main{padding:1.25rem 1.25rem 2rem}.app-stats{grid-template-columns:1fr}}.marquee-section{padding:3.5rem 0;border-top:1px solid hsl(var(--sl-hsl-border));border-bottom:1px solid hsl(var(--sl-hsl-border));background:hsl(var(--sl-hsl-card) / .45);overflow:hidden}.marquee-label{text-align:center;font-size:var(--sl-font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--sl-hsl-muted-foreground));margin-bottom:1.75rem}.marquee{display:flex;gap:.625rem;width:max-content;margin-bottom:.75rem}.marquee-track{overflow:hidden;position:relative}.marquee-track:before,.marquee-track:after{content:"";position:absolute;top:0;bottom:0;width:8rem;z-index:1;pointer-events:none}.marquee-track:before{left:0;background:linear-gradient(90deg,hsl(var(--sl-hsl-background)) 0%,transparent 100%)}.marquee-track:after{right:0;background:linear-gradient(-90deg,hsl(var(--sl-hsl-background)) 0%,transparent 100%)}.marquee-chip{font-family:var(--sl-font-family-mono);font-size:var(--sl-font-size-xs);padding:.4rem .875rem;border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-full);background:hsl(var(--sl-hsl-background));color:hsl(var(--sl-hsl-muted-foreground));white-space:nowrap;transition:color .15s,border-color .15s}.marquee-chip:hover{color:hsl(var(--sl-hsl-primary));border-color:hsl(var(--sl-hsl-primary) / .5)}@media (prefers-reduced-motion: no-preference){.marquee--left{animation:marquee-l 48s linear infinite}.marquee--right{animation:marquee-r 56s linear infinite}.marquee-track:hover .marquee{animation-play-state:paused}}@keyframes marquee-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-r{0%{transform:translate(-50%)}to{transform:translate(0)}}.theme-switcher{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:2.5rem 0}.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.theme-card{border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-lg);background:hsl(var(--sl-hsl-background));padding:1.125rem 1.25rem;text-align:left;font-family:inherit;color:hsl(var(--sl-hsl-foreground));cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--sl-shadow-md)}.theme-card[aria-pressed=true]{border-color:hsl(var(--sl-hsl-primary));box-shadow:0 0 0 1px hsl(var(--sl-hsl-primary)),0 6px 24px hsl(var(--sl-hsl-primary) / .12)}.theme-card-name{font-weight:var(--sl-font-weight-semibold);font-size:var(--sl-font-size-sm);margin-bottom:.2rem;display:flex;align-items:center;gap:.5rem}.theme-card-desc{font-size:var(--sl-font-size-xs);color:hsl(var(--sl-hsl-muted-foreground));margin-bottom:.875rem;line-height:1.5}.theme-live{margin-top:2.5rem;border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-xl);background:hsl(var(--sl-hsl-card) / .5);padding:1.75rem;display:flex;flex-direction:column;gap:1.125rem}.theme-live-row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.step-card{border:1px solid hsl(var(--sl-hsl-border));border-radius:var(--sl-radius-xl);background:hsl(var(--sl-hsl-card) / .5);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.step-num{width:2rem;height:2rem;border-radius:var(--sl-radius-md);background:hsl(var(--sl-hsl-primary) / .12);color:hsl(var(--sl-hsl-primary));border:1px solid hsl(var(--sl-hsl-primary) / .35);display:flex;align-items:center;justify-content:center;font-weight:var(--sl-font-weight-semibold);font-size:var(--sl-font-size-sm)}.step-title{font-size:var(--sl-font-size-base);font-weight:var(--sl-font-weight-semibold);margin:0}.step-card .code-block{flex:1}@media (max-width: 900px){.steps-grid{grid-template-columns:1fr}}.cta{text-align:center}.cta-box{border-radius:var(--sl-radius-2xl);border:1px solid hsl(var(--sl-hsl-border));background:hsl(var(--sl-hsl-card) / .6);padding:4.5rem 2rem;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 50% 0%,hsl(var(--sl-hsl-primary) / .13) 0%,transparent 55%),linear-gradient(hsl(var(--sl-hsl-border) / .4) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--sl-hsl-border) / .4) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mask-image:radial-gradient(ellipse 80% 90% at 50% 0%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 0%,black 20%,transparent 80%);pointer-events:none}.cta-box>*{position:relative}.cta-title{font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:var(--sl-font-weight-bold);letter-spacing:-.02em;margin:0 0 .875rem}.cta-desc{color:hsl(var(--sl-hsl-muted-foreground));margin:0 auto 2.25rem;max-width:44ch;line-height:1.7}.cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:var(--sl-font-weight-medium)}.footer-copy{font-size:var(--sl-font-size-xs);color:hsl(var(--sl-hsl-muted-foreground))}.footer-nav{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-nav a{font-size:var(--sl-font-size-xs);color:hsl(var(--sl-hsl-muted-foreground));text-decoration:none;transition:color .15s}.footer-nav a:hover{color:hsl(var(--sl-hsl-foreground))}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay, 0s)}.reveal.is-visible{opacity:1;transform:none}}