.landing{--font-display:"Syne",sans-serif;--font-body:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace;--lp-void:#f8f8fc;--lp-surface:#eeeef4;--lp-surface-2:#e4e4ec;--lp-nav-bg:rgba(248,248,252,0.85);--lp-nav-border:rgba(0,0,0,0.06);--lp-text:#1a1a2e;--lp-heading:#1a1a2e;--lp-text-secondary:rgba(26,26,46,0.65);--lp-text-muted:rgba(26,26,46,0.5);--lp-text-faint:rgba(26,26,46,0.35);--lp-text-ghost:rgba(26,26,46,0.18);--lp-border:rgba(26,26,46,0.08);--lp-border-subtle:rgba(26,26,46,0.04);--lp-border-medium:rgba(26,26,46,0.1);--lp-border-hover:rgba(26,26,46,0.18);--lp-ghost-bg:rgba(26,26,46,0.04);--lp-ghost-bg-hover:rgba(26,26,46,0.08);--lp-input-bg:#ffffff;--lp-input-border:rgba(26,26,46,0.15);--lp-purple:#a855f7;--lp-pink:#ec4899;--lp-cyan:#06b6d4;--lp-green:#22c55e;--lp-badge-border:rgba(168,85,247,0.25);--lp-badge-bg:rgba(168,85,247,0.08);--lp-badge-text:#7c3aed;--lp-section-label:rgba(6,182,212,0.6);--lp-section-label-alt:rgba(168,85,247,0.6);--lp-section-label-green:rgba(34,197,94,0.6);--lp-code-comment:rgba(26,26,46,0.3);--lp-code-selector:rgba(126,34,206,0.7);--lp-code-prop:rgba(6,132,164,0.8);--lp-code-value:rgba(190,50,120,0.7);--lp-code-punct:rgba(26,26,46,0.4);--lp-logo-center:#f8f8fc;font-family:var(--font-body);background:var(--lp-void);color:var(--lp-text);min-height:100vh;overflow-x:hidden}.dark .landing{--lp-void:#08080c;--lp-surface:#0d0d14;--lp-surface-2:#0a0a10;--lp-nav-bg:rgba(8,8,12,0.8);--lp-nav-border:rgba(255,255,255,0.04);--lp-text:#e2e2e8;--lp-heading:rgba(255,255,255,0.9);--lp-text-secondary:rgba(255,255,255,0.6);--lp-text-muted:rgba(255,255,255,0.4);--lp-text-faint:rgba(255,255,255,0.3);--lp-text-ghost:rgba(255,255,255,0.15);--lp-border:rgba(255,255,255,0.06);--lp-border-subtle:rgba(255,255,255,0.03);--lp-border-medium:rgba(255,255,255,0.08);--lp-border-hover:rgba(255,255,255,0.14);--lp-ghost-bg:rgba(255,255,255,0.06);--lp-ghost-bg-hover:rgba(255,255,255,0.1);--lp-input-bg:rgba(255,255,255,0.07);--lp-input-border:rgba(255,255,255,0.12);--lp-badge-border:rgba(168,85,247,0.2);--lp-badge-bg:rgba(168,85,247,0.06);--lp-badge-text:rgba(192,160,255,0.8);--lp-section-label:rgba(6,182,212,0.5);--lp-section-label-alt:rgba(168,85,247,0.5);--lp-section-label-green:rgba(34,197,94,0.5);--lp-code-comment:rgba(255,255,255,0.2);--lp-code-selector:rgba(192,160,255,0.6);--lp-code-prop:rgba(103,210,223,0.5);--lp-code-value:rgba(236,130,180,0.6);--lp-code-punct:rgba(255,255,255,0.3);--lp-logo-center:#08080c}.landing .font-display{font-family:var(--font-display)}.landing .font-mono{font-family:var(--font-mono)}.landing .text-gradient{background:linear-gradient(135deg,#a855f7,#ec4899,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing .text-gradient-shimmer{background:linear-gradient(90deg,#a855f7,#ec4899,#06b6d4,#22c55e,#a855f7);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lp-shimmer 4s linear infinite}.landing .noise:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4;z-index:1}@keyframes lp-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lp-pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.landing .logo-orbit{animation:lp-orbit 20s linear infinite;transform-origin:100px 100px}.landing .logo-core-pulse{animation:lp-pulse-glow 4s ease-in-out infinite}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lp-shimmer{0%{background-position:-200%}to{background-position:200%}}.landing .anim-fade-up{animation:lp-fade-up .8s ease-out forwards;opacity:0}.landing .anim-delay-1{animation-delay:.1s}.landing .anim-delay-2{animation-delay:.2s}.landing .anim-delay-3{animation-delay:.3s}.landing .anim-delay-4{animation-delay:.4s}.landing .anim-delay-5{animation-delay:.5s}.landing .anim-delay-6{animation-delay:.6s}.landing .anim-float{animation:lp-float 6s ease-in-out infinite}.landing ::-webkit-scrollbar{width:6px}.landing ::-webkit-scrollbar-track{background:transparent}.landing ::-webkit-scrollbar-thumb{background:rgba(168,85,247,.2);border-radius:3px}.landing .anim-slide-up{animation:lp-slide-up .3s ease-out forwards}.landing .step-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:16px;flex-shrink:0}