.landing{position:relative}.landing-progress{left:0;right:0;top:var(--topbar);height:2px;z-index:var(--z-sticky);pointer-events:none;position:fixed}.landing-progress div{background:var(--color-accent);transform-origin:0;height:100%;transform:scaleX(0)}.landing-hero{min-height:clamp(560px, calc(100svh - var(--topbar)), 860px);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-sunken);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.landing-hero-inner{max-width:760px;padding:var(--space-16) var(--gutter);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.landing-logo{width:112px;height:112px;margin-bottom:var(--space-6)}.landing-title{font-size:64px;line-height:72px;font-weight:var(--weight-bold);letter-spacing:var(--text-display-tracking);margin:0 0 var(--space-4)}.landing-lede{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);color:var(--color-text-secondary);max-width:600px;margin:0 0 var(--space-8)}.landing-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-actions .button{min-width:180px}.landing-more{margin-top:var(--space-12);width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);color:var(--color-text-tertiary);border:1px solid var(--color-border);justify-content:center;align-items:center;display:inline-flex}.landing-more:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-bg-hover)}.landing-more svg{width:var(--icon-md);height:var(--icon-md)}.landing-body{max-width:calc(var(--content-max) + 2 * var(--gutter));padding:0 var(--gutter) var(--space-20);margin:0 auto}.landing-section{padding-top:var(--space-20)}.landing-popular{padding-top:var(--space-12)}.landing-popular .section{margin-top:0}.landing-head{text-align:center;max-width:640px;margin:0 auto var(--space-10)}.landing-head h2,.landing-cta h2{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);margin:0 0 var(--space-2)}.landing-head p{color:var(--color-text-secondary);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);margin:0}.stat-grid{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.stat-cell{padding:var(--space-8) var(--space-6);text-align:center;border-left:1px solid var(--color-border-subtle);gap:var(--space-1);flex-direction:column;display:flex}.stat-cell:first-child{border-left:0}.stat-cell strong{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.stat-cell span{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.feature-list{gap:var(--space-16);flex-direction:column;display:flex}.feature{gap:var(--space-12);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.feature.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feature.reverse .feature-text{order:2}.feature-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.feature-title h3{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking);margin:0}.feature-icon{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);background:var(--color-bg-raised);border:1px solid var(--color-border);color:var(--color-text-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.feature-icon svg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:var(--icon-stroke)}.feature-text p{color:var(--color-text-secondary);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);margin:0 0 var(--space-4)}.feature-link{align-items:center;gap:var(--space-1);font-weight:var(--weight-semibold);display:inline-flex}.feature-link svg{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--duration-fast) var(--ease-standard)}.feature-link:hover svg{transform:translate(2px)}.feature-media{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface);overflow:hidden}.feature-media img{width:100%;height:auto;display:block}.landing-cta{text-align:center;max-width:880px;margin:0 auto}.landing-cta>p{color:var(--color-text-secondary);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);margin:0 auto var(--space-8);max-width:680px}.cta-grid{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cta-grid .button{width:100%}.landing-cta .cta-foot{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-caption-size);margin:0;display:inline-flex}.cta-foot svg{width:var(--icon-sm);height:var(--icon-sm)}@media (max-width:899px){.feature,.feature.reverse{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.feature.reverse .feature-text{order:0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-cell:nth-child(3){border-left:0}.stat-cell:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}.cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.landing-hero{min-height:0}.landing-hero-inner{padding:var(--space-12) var(--gutter)}.landing-logo{width:80px;height:80px;margin-bottom:var(--space-4)}.landing-title{font-size:40px;line-height:48px}.landing-lede{font-size:var(--text-body-size);line-height:var(--text-body-line);margin-bottom:var(--space-6)}.landing-actions{flex-direction:column;align-self:stretch}.landing-actions .button{width:100%}.landing-more{display:none}.landing-section{padding-top:var(--space-12)}.landing-head{margin-bottom:var(--space-6)}.stat-cell{padding:var(--space-5) var(--space-3)}.feature-title h3{font-size:var(--text-heading-size);line-height:var(--text-heading-line)}.feature-text p{font-size:var(--text-body-size);line-height:var(--text-body-line)}.cta-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.landing-progress{display:none}}