.landing-page{--bg-main:#fff;--bg-card:#fff;--bg-subtle:#f4f4f5;--text-primary:#111;--text-secondary:#52525b;--accent-primary:#f43f5e;--accent-primary-hover:#e11d48;--accent-glow:#f43f5e26;--border-color:#00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4,0,.2,1);--font-sans:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);width:100%;min-height:100vh;line-height:1.6;overflow-x:hidden}.landing-page a{color:inherit;transition:var(--transition);text-decoration:none}.landing-page ul{list-style:none}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{letter-spacing:-.03em;font-weight:600;line-height:1.2}.landing-page .btn-dark{color:#fff;background-color:#222;box-shadow:0 4px 14px #0000001a}.landing-page .btn-dark:hover{background-color:#000;transform:translateY(-2px)}.landing-page .hero-pill-text{background-color:var(--accent-primary);color:#fff;border-radius:12px;align-items:center;margin-top:16px;padding:8px 32px;font-weight:700;line-height:1.1;display:inline-flex;transform:rotate(-2deg);box-shadow:0 8px 24px #f43f5e4d}.landing-page .text-highlight{color:#f43f5e}.landing-page .text-center{text-align:center}.landing-page .text-left{text-align:left}.landing-page .text-muted{color:var(--text-secondary)}.landing-page .mx-auto{margin-left:auto;margin-right:auto}.landing-page .max-w-md{max-width:600px}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-page .section{content-visibility:auto;padding:120px 0}.landing-page .relative{position:relative}.landing-page .overflow-hidden{overflow:hidden}.landing-page .z-10{z-index:10}.landing-page .w-full{width:100%}.landing-page .mt-4{margin-top:1rem}.landing-page .mt-8{margin-top:2rem}.landing-page .pt-4{padding-top:1rem}.landing-page .pt-top{padding-top:48px}.landing-page .border-t{border-top:1px solid var(--border-color)}.landing-page .bg-subtle{background-color:var(--bg-subtle)}.landing-page .dark-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#fff}.landing-page .btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.landing-page .btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:1.05rem}.landing-page .btn-primary{background-color:var(--text-primary);color:var(--bg-main);box-shadow:0 4px 14px #ffffff1a}.landing-page .btn-primary:hover{background-color:#d4d4d8;transform:translateY(-2px)}.landing-page .btn-secondary{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.landing-page .btn-secondary:hover{background-color:var(--bg-card);border-color:#ffffff4d}.landing-page .navbar{z-index:100;border:1px solid var(--border-color);background-color:#fffffffa;border-radius:12px;align-items:center;width:calc(100% - 48px);max-width:1200px;height:70px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000000a}.landing-page .nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.landing-page .logo{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.landing-page .logo-icon{background:linear-gradient(135deg,#fb7185,#f43f5e);border-radius:6px;width:24px;height:24px;box-shadow:0 0 15px #fb718580}.landing-page .logo-icon.small{width:20px;height:20px;box-shadow:none}.landing-page .logo-icon-large{background:linear-gradient(135deg,#fb7185,#f43f5e);border-radius:16px;width:64px;height:64px;box-shadow:0 0 30px #fb718580}.landing-page .nav-links{gap:32px;display:flex}.landing-page .nav-links a{color:var(--text-secondary);font-size:.95rem}.landing-page .nav-links a:hover{color:var(--text-primary)}.landing-page .nav-actions{align-items:center;gap:16px;display:flex}.landing-page .hero{align-items:center;min-height:100vh;padding-top:160px;padding-bottom:80px;display:flex}.landing-page .top-badge{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#fff;border-radius:100px;align-items:center;gap:4px;margin-bottom:32px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.landing-page .hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(3rem,6vw,4.5rem);font-weight:800}.landing-page .hero-subtitle{color:var(--text-primary);max-width:650px;margin:0 auto 40px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:500}.landing-page .hero-cta{justify-content:center;gap:16px;margin-bottom:80px;display:flex}.landing-page .hero-visual{perspective:1000px;max-width:900px;margin:0 auto}.landing-page .browser-mockup{border-radius:var(--radius-md);background-color:#fff;border:1px solid #ffffff1a;transition:transform .5s;overflow:hidden;transform:rotateX(5deg)scale(.95)translateZ(0);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d}.landing-page .browser-mockup:hover{transform:rotateX(0)scale(1)}.landing-page .browser-header{background-color:#e4e4e7;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;height:32px;padding:0 16px;display:flex}.landing-page .browser-header .dot{border-radius:50%;width:10px;height:10px}.landing-page .dot.red{background-color:#ff5f56}.landing-page .dot.yellow{background-color:#ffbd2e}.landing-page .dot.green{background-color:#27c93f}.landing-page .browser-content{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;height:400px;padding:40px;display:flex}.landing-page .carousel-preview-grid{gap:20px;display:flex}.landing-page .carousel-slide{border-radius:var(--radius-sm);text-align:center;background-color:#1a1a1a;background-position:50%;background-size:cover;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:200px;height:280px;padding:20px;font-weight:500;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;box-shadow:0 10px 30px #00000080}.landing-page .carousel-slide:after{content:"";border-radius:var(--radius-sm);background:linear-gradient(#0003,#000c);position:absolute;inset:0}.landing-page .slide-content{z-index:1;text-shadow:0 2px 4px #000c;font-size:1.1rem;position:relative}.landing-page .carousel-slide.active{border-color:#fb718580;transform:translateY(-20px)scale(1.05);box-shadow:0 20px 40px #000c,0 0 20px #fb718533}.landing-page .dummy-slide-1{background:linear-gradient(45deg,#1e3a8a,#3b82f6)}.landing-page .dummy-slide-2{background:linear-gradient(45deg,#4c1d95,#8b5cf6)}.landing-page .dummy-slide-3{background:linear-gradient(45deg,#831843,#ec4899)}.landing-page .section-header{margin-bottom:64px}.landing-page .section-title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.landing-page .section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem}.landing-page .problem-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.landing-page .problem-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:32px;transition:transform .3s,border-color .3s}.landing-page .problem-card:hover{border-color:#fff3;transform:translateY(-5px)}.landing-page .icon-wrapper{background-color:#ffffff08;border:1px solid;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.landing-page .border-red{border-color:#ef44444d}.landing-page .border-orange{border-color:#f973164d}.landing-page .border-yellow{border-color:#eab3084d}.landing-page .problem-card h3{margin-bottom:12px;font-size:1.25rem}.landing-page .problem-card p{color:var(--text-secondary);font-size:.95rem}.landing-page .solution-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.landing-page .solution-glow{pointer-events:none;background:radial-gradient(circle,#f472b61a 0%,#05050500 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;top:50%;right:0;transform:translateY(-50%)}.landing-page .feature-list{margin-top:32px}.landing-page .feature-list li{align-items:center;gap:12px;margin-bottom:16px;font-size:1.05rem;display:flex}.landing-page .automation-flow{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#00000005;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.landing-page .node{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;padding:20px 40px;font-weight:500}.landing-page .path{background:linear-gradient(90deg,#0000,#fb7185,#0000);width:40px;height:2px;position:relative}.landing-page .path:after{content:"";border-top:2px solid #fb7185;border-right:2px solid #fb7185;width:8px;height:8px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.landing-page .steps-container{max-width:800px;margin:0 auto;position:relative}.landing-page .step-line{background:linear-gradient(#0000,#00000014 10% 90%,#0000);width:2px;position:absolute;top:0;bottom:0;left:24px}.landing-page .step{margin-bottom:64px;padding-left:80px;position:relative}.landing-page .step:last-child{margin-bottom:0}.landing-page .step-number{z-index:2;background:#fff;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.landing-page .step h3{margin-bottom:12px;padding-top:8px;font-size:1.5rem}.landing-page .step p{color:var(--text-secondary);font-size:1.05rem}.landing-page .features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-page .feature-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex-direction:column;padding:32px;display:flex;overflow:hidden}.landing-page .feature-box h3{margin-bottom:12px;font-size:1.25rem}.landing-page .feature-box p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.landing-page .col-span-2{grid-column:span 2}.landing-page .feature-img-placeholder{border-radius:var(--radius-sm);background:#fff radial-gradient(#0000000f 1px,#0000 1px) 0 0/10px 10px;border:1px dashed #00000014;flex-grow:1;min-height:200px;margin-top:auto}.landing-page .generator-ui{background:linear-gradient(135deg,#f4f4f5 0%,#e4e4e7 100%)}.landing-page .schedule-ui{background:linear-gradient(to top right,#111,#1a1a1a)}.landing-page .example-cards{justify-content:center;gap:24px;margin-top:64px;display:flex}.landing-page .example-card{border-radius:var(--radius-md);border:1px solid #00000014;width:300px;height:420px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.landing-page .mt-lg{margin-top:40px}.landing-page .example-img{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.landing-page .example-img:before{content:"";background:#0006;position:absolute;inset:0}.landing-page .bg-img-1{background:linear-gradient(45deg,#1e3a8a,#3b82f6)}.landing-page .bg-img-2{background:linear-gradient(45deg,#4c1d95,#8b5cf6)}.landing-page .bg-img-3{background:linear-gradient(45deg,#831843,#ec4899)}.landing-page .overlay-text{z-index:10;text-align:center;text-shadow:0 4px 10px #000c;font-size:1.5rem;font-weight:700;position:relative}.landing-page .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.landing-page .pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;position:relative}.landing-page .pricing-card.popular{background:linear-gradient(180deg,#fb71850d 0%,var(--bg-card)100%);border-color:#fb718580}.landing-page .popular-badge{background:var(--accent-primary);color:#fff;text-transform:uppercase;border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing-page .price{margin:20px 0 10px;font-size:3rem;font-weight:700}.landing-page .period{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.landing-page .price-desc{color:var(--text-secondary);min-height:48px;margin-bottom:20px}.landing-page .cta-section{padding:160px 0}.landing-page .cta-glow{pointer-events:none;background:radial-gradient(#fb71851a 0%,#0a0a0a00 70%);width:80vw;height:40vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page .text-gradient{background:linear-gradient(135deg,#111 0%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .footer{border-top:1px solid var(--border-color);color:#fafafa;background:#050505;padding:80px 0 40px}.landing-page .footer .text-muted{color:#a1a1aa}.landing-page .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px;display:grid}.landing-page .footer-brand p{max-width:300px;font-size:.95rem}.landing-page .footer-links h4{margin-bottom:20px;font-size:1rem}.landing-page .footer-links a{color:#a1a1aa;margin-bottom:12px;font-size:.95rem;display:block}.landing-page .footer-links a:hover{color:#fafafa}.landing-page .footer-bottom{text-align:center;color:#a1a1aa;border-top:1px solid #ffffff1a;padding-top:32px;font-size:.85rem}.landing-page .fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards landingFadeInUp;transform:translateY(20px)}@keyframes landingFadeInUp{to{opacity:1;transform:translateY(0)}}.landing-page .reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.landing-page .reveal.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.landing-page .solution-layout{grid-template-columns:1fr}.landing-page .solution-visual{order:-1}.landing-page .features-grid{grid-template-columns:1fr}.landing-page .col-span-2{grid-column:span 1}.landing-page .footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.landing-page .nav-links,.landing-page .login-btn,.landing-page .get-started-btn{display:none}.landing-page .hero{padding-top:140px}.landing-page .carousel-preview-grid{flex-direction:column}.landing-page .browser-content{height:auto}.landing-page .example-cards{flex-direction:column;align-items:center}.landing-page .mt-lg{margin-top:0}.landing-page .footer-grid{grid-template-columns:1fr}}