.landing{--l-bg:var(--background);--l-surface:var(--card);--l-surface-solid:var(--card);--l-surface-hover:var(--accent);--l-border:var(--border);--l-border-bright:var(--ring);--l-text:var(--foreground);--l-text-secondary:var(--muted-foreground);--l-text-muted:var(--muted-foreground);--l-violet:var(--primary);--l-cyan:var(--accent);--l-emerald:var(--chart-3);--l-amber:var(--primary);--l-rose:var(--destructive);--l-gradient:linear-gradient(135deg, var(--l-violet), var(--l-cyan), var(--l-emerald));--l-gradient-vivid:linear-gradient(135deg, var(--l-violet), var(--l-cyan), var(--l-emerald));--l-gradient-text:linear-gradient(135deg, var(--l-violet), var(--l-cyan));--l-gradient-violet:linear-gradient(135deg, var(--l-violet), var(--l-cyan));--l-gradient-warm:linear-gradient(135deg, var(--l-rose), var(--l-amber));--l-gradient-conic:conic-gradient(from 0deg, var(--l-violet), var(--l-cyan), var(--l-emerald), var(--l-amber), var(--l-violet));--l-radius:16px;--l-radius-sm:10px;--l-radius-xs:6px;--l-radius-xl:24px;--l-glass-bg:#fff9;--l-glass-border:#ffffff4d;--l-nav-bg:#f7f4edd9;--l-section-bg:#00000004;--l-footer-bg:#f0ebe199;--l-card-shadow:0 4px 24px #0000000a;--l-card-shadow-hover:0 8px 40px #00000014;--l-mockup-shadow:0 40px 80px #0000001f, 0 0 60px #8b5cf60d;--l-btn-ghost-hover-bg:#0000000a;--l-orb-violet:#8b5cf61f;--l-orb-cyan:#06b6d414;--l-orb-emerald:#10b9810f;--l-badge-bg:#8b5cf614;--l-badge-border:#8b5cf633;--l-grain-opacity:.03;--l-shine-color:#ffffff80;background-color:var(--l-bg);color:var(--l-text);overflow-x:hidden}.landing[data-theme=dark]{--l-bg:var(--background);--l-surface:var(--card);--l-surface-solid:var(--card);--l-surface-hover:var(--accent);--l-border:var(--border);--l-border-bright:var(--ring);--l-text:var(--foreground);--l-text-secondary:var(--muted-foreground);--l-text-muted:var(--muted-foreground);--l-violet:var(--primary);--l-cyan:var(--accent);--l-emerald:var(--chart-3);--l-amber:var(--primary);--l-rose:var(--destructive);--l-gradient:linear-gradient(135deg, var(--l-violet), var(--l-cyan), var(--l-emerald));--l-gradient-vivid:linear-gradient(135deg, var(--l-violet), var(--l-cyan), var(--l-emerald));--l-gradient-text:linear-gradient(135deg, var(--l-violet), var(--l-cyan));--l-gradient-violet:linear-gradient(135deg, var(--l-violet), var(--l-cyan));--l-gradient-warm:linear-gradient(135deg, var(--l-rose), var(--l-amber));--l-gradient-conic:conic-gradient(from 0deg, var(--l-violet), var(--l-cyan), var(--l-emerald), var(--l-amber), var(--l-violet));--l-glass-bg:#0f0f1e80;--l-glass-border:#ffffff14;--l-nav-bg:#050510d9;--l-section-bg:#0f0f1e4d;--l-footer-bg:#050510cc;--l-card-shadow:0 4px 24px #0000004d;--l-card-shadow-hover:0 12px 48px #0006;--l-mockup-shadow:0 40px 80px #00000080, 0 0 120px #8b5cf61a;--l-btn-ghost-hover-bg:#ffffff0d;--l-orb-violet:#8b5cf626;--l-orb-cyan:#06b6d41a;--l-orb-emerald:#10b98114;--l-badge-bg:#8b5cf61f;--l-badge-border:#8b5cf64d;--l-grain-opacity:.04;--l-shine-color:#ffffff14}@keyframes l-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes l-fade-in{0%{opacity:0}to{opacity:1}}@keyframes l-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes l-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-10px,20px)scale(.95)}75%{transform:translate(-30px,-10px)scale(1.02)}}@keyframes l-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes l-pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes l-slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes l-slide-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes l-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes l-typewriter-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes l-rotate-gradient{0%{--l-conic-angle:0deg}to{--l-conic-angle:360deg}}@keyframes l-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes l-grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}@keyframes l-shine{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes l-count-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes l-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes l-pill-float-1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px,-15px)rotate(2deg)}50%{transform:translate(-5px,-25px)rotate(-1deg)}75%{transform:translate(-15px,-10px)rotate(1deg)}}@keyframes l-pill-float-2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-12px,-10px)rotate(-2deg)}50%{transform:translate(8px,-20px)rotate(1deg)}75%{transform:translate(15px,-5px)rotate(-1deg)}}@keyframes l-pill-float-3{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(8px,-18px)rotate(1deg)}50%{transform:translate(-10px,-8px)rotate(-2deg)}75%{transform:translate(-5px,-22px)rotate(1deg)}}.l-animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards l-fade-in-up}.l-animate-fade-in{opacity:0;animation:.6s ease-out forwards l-fade-in}.l-animate-float{animation:6s ease-in-out infinite l-float}.l-animate-drift{animation:20s ease-in-out infinite l-drift}.l-animate-scale-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards l-scale-in}.l-animate-slide-down{animation:.3s cubic-bezier(.16,1,.3,1) forwards l-slide-down}.l-delay-1{animation-delay:.1s}.l-delay-2{animation-delay:.2s}.l-delay-3{animation-delay:.3s}.l-delay-4{animation-delay:.4s}.l-delay-5{animation-delay:.5s}.l-delay-6{animation-delay:.6s}.l-delay-7{animation-delay:.7s}.l-delay-8{animation-delay:.8s}.l-reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.l-reveal.in-view{opacity:1;transform:translateY(0)}.l-reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-60px)}.l-reveal-left.in-view{opacity:1;transform:translate(0)}.l-reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(60px)}.l-reveal-right.in-view{opacity:1;transform:translate(0)}.l-reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.l-reveal-scale.in-view{opacity:1;transform:scale(1)}.l-gradient-text{background:var(--l-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.l-gradient-border{background-clip:padding-box;border:1px solid #0000;position:relative}.l-gradient-border:before{content:"";border-radius:inherit;background:var(--l-gradient);opacity:.3;z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.l-gradient-border:hover:before{opacity:.6}.l-animated-border{border-radius:var(--l-radius);padding:1px;position:relative;overflow:hidden}.l-animated-border:before{content:"";background:var(--l-gradient-conic);z-index:0;animation:4s linear infinite l-border-rotate;position:absolute;inset:-50%}.l-animated-border>*{z-index:1;border-radius:calc(var(--l-radius) - 1px);position:relative}.l-glass{background:var(--l-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--l-glass-border);border-radius:var(--l-radius);transition:border-color .3s,transform .3s,box-shadow .3s}.l-glass:hover{border-color:var(--l-border-bright)}.l-surface{background:var(--l-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-border);border-radius:var(--l-radius);transition:border-color .3s,transform .3s,box-shadow .3s}.l-surface:hover{border-color:var(--l-border-bright);box-shadow:var(--l-card-shadow);transform:translateY(-2px)}.l-grain:after{content:"";width:400%;height:400%;opacity:var(--l-grain-opacity);pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite l-grain;position:absolute;inset:-200%}@media (max-width:767px){.l-grain:after{display:none}}.l-card-shine{position:relative;overflow:hidden}.l-card-shine:after{content:"";background:linear-gradient(90deg, transparent, var(--l-shine-color), transparent);pointer-events:none;z-index:2;opacity:0;width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.l-card-shine:hover:after{opacity:1;animation:.8s ease-out forwards l-shine}.l-btn-primary{background:var(--l-gradient);color:#fff;border-radius:var(--l-radius-sm);cursor:pointer;background-size:200%;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .3s,background-position .4s;display:inline-flex;position:relative;overflow:hidden}.l-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.l-btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf64d,0 0 20px #06b6d426}.l-btn-primary:hover:after{animation:.6s ease-out forwards l-shine}.l-btn-primary:active{transform:translateY(0)}.l-btn-ghost{color:var(--l-text-secondary);border:1px solid var(--l-border);border-radius:var(--l-radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .3s;display:inline-flex}.l-btn-ghost:hover{color:var(--l-text);border-color:var(--l-border-bright);background:var(--l-btn-ghost-hover-bg);box-shadow:0 0 20px #8b5cf60d}.l-btn-sm{padding:10px 20px;font-size:14px}.l-nav{z-index:100;border-bottom:1px solid #0000;padding:16px 0;transition:background .3s,border-color .3s,padding .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.l-nav.scrolled{background:var(--l-nav-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom-color:var(--l-border);padding:12px 0}.l-theme-toggle{border:1px solid var(--l-border);width:36px;height:36px;color:var(--l-text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.l-theme-toggle:hover{color:var(--l-text);border-color:var(--l-border-bright);background:var(--l-btn-ghost-hover-bg);transform:rotate(15deg)}.l-nav-link{color:var(--l-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.l-nav-link:after{content:"";background:var(--l-gradient);transform-origin:50%;border-radius:1px;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.l-nav-link:hover{color:var(--l-text)}.l-nav-link:hover:after{transform:scaleX(1)}.l-bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:16px;display:grid}.l-bento-grid .bento-large{grid-area:span 2/span 2}.l-bento-grid .bento-tall{grid-row:span 2}.l-bento-grid .bento-wide{grid-column:span 2}@media (max-width:1024px){.l-bento-grid{grid-template-columns:repeat(2,1fr)}.l-bento-grid .bento-large{grid-area:span 1/span 2}.l-bento-grid .bento-tall{grid-row:span 1}}@media (max-width:640px){.l-bento-grid{grid-template-columns:1fr}.l-bento-grid .bento-large,.l-bento-grid .bento-wide{grid-column:span 1}}.l-feature-card{background:var(--l-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.l-feature-card:before{content:"";background:var(--l-gradient);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.l-feature-card:after{content:"";background:linear-gradient(90deg, transparent, var(--l-shine-color), transparent);pointer-events:none;z-index:2;opacity:0;width:60%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.l-feature-card:hover{border-color:var(--l-border-bright);box-shadow:var(--l-card-shadow-hover);transform:translateY(-4px)}.l-feature-card:hover:before{opacity:1}.l-feature-card:hover:after{opacity:1;animation:.8s ease-out forwards l-shine}.l-orb{filter:blur(100px);pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite l-drift;position:absolute}@media (max-width:767px){.l-orb{display:none}}.l-orb-violet{background:var(--l-orb-violet)}.l-orb-cyan{background:var(--l-orb-cyan)}.l-orb-emerald{background:var(--l-orb-emerald)}.l-pricing-popular{position:relative}.l-pricing-popular:before{content:"";border-radius:calc(var(--l-radius) + 2px);background:var(--l-gradient-conic);z-index:-1;opacity:.6;background-size:100% 100%;animation:4s linear infinite l-border-rotate;position:absolute;inset:-2px}.l-pricing-popular:after{content:"";border-radius:var(--l-radius);background:var(--l-surface-solid);z-index:-1;position:absolute;inset:0}.l-testimonial-card{background:var(--l-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.l-testimonial-card:before{content:"";background:var(--l-gradient);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.l-testimonial-card:hover{border-color:var(--l-border-bright);box-shadow:var(--l-card-shadow);transform:translateY(-2px)}.l-testimonial-card:hover:before{opacity:1}.l-steps-connector{background:linear-gradient(to bottom, var(--l-violet), var(--l-cyan), var(--l-emerald));opacity:.3;width:2px;position:absolute;top:28px;bottom:0;left:28px}.l-typewriter-cursor{background:var(--l-violet);vertical-align:text-bottom;border-radius:1px;width:3px;height:1em;margin-left:4px;animation:.8s ease-in-out infinite l-typewriter-cursor;display:inline-block}.l-floating-pill{background:var(--l-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-glass-border);color:var(--l-text-secondary);pointer-events:none;z-index:5;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute}.l-preview-card{background:var(--l-surface-solid);border:1px solid var(--l-border);border-radius:12px;padding:16px}.l-preview-task{color:var(--l-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.l-preview-task:hover{background:var(--l-section-bg)}@media (prefers-reduced-motion:reduce){.l-animate-fade-in-up,.l-animate-fade-in,.l-animate-float,.l-animate-drift,.l-animate-scale-in,.l-animate-slide-down{opacity:1;animation:none;transform:none}.l-reveal,.l-reveal-left,.l-reveal-right,.l-reveal-scale{opacity:1;transition:none;transform:none}.l-orb,.l-grain:after,.l-feature-card:after,.l-btn-primary:after,.l-pricing-popular:before{animation:none}.l-typewriter-cursor{opacity:1;animation:none}.l-floating-pill{animation:none}}.landing footer a{transition:color .2s}.landing footer a:hover{color:var(--l-text)!important}.landing::-webkit-scrollbar{width:6px}.landing::-webkit-scrollbar-track{background:var(--l-bg)}.landing::-webkit-scrollbar-thumb{background:var(--l-border-bright);border-radius:3px}.l-hide-mobile{display:none!important}@media (min-width:768px){.l-hide-mobile{display:flex!important}}.l-hide-desktop{display:flex!important}@media (min-width:768px){.l-hide-desktop{display:none!important}}.l-section-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:13px;font-weight:600}.l-section-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15}.l-section-desc{color:var(--l-text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.6}