:root{--bg-color:#000;--bg-card:#0a0a0a;--bg-card-hover:#111;--accent:#c2d10f;--accent-glow:#c2d10f33;--text-primary:#ededed;--text-secondary:#888;--border-color:#ffffff1a;--border-hover:#c2d10f66;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--geist-foreground:#fff;--geist-background:#000}.landing-page *{box-sizing:border-box;margin:0;padding:0}html.landing-page{scroll-behavior:smooth;background-color:var(--bg-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow-x:hidden}body.landing-page{color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6{letter-spacing:-.04em;color:#fff;font-weight:700;line-height:1.1}.landing-page a{color:inherit;text-decoration:none;transition:color .2s}.landing-page ul{list-style:none}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.container-small{z-index:1;max-width:800px;margin:0 auto;padding:0 24px;position:relative}.text-center{text-align:center}.section-padding{padding:120px 0}@media (max-width:768px){.section-padding{padding:80px 0}}.text-accent{color:var(--accent)}.text-gradient{background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(90deg,#fff 0%,#c2d10f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-background{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:40px 40px;height:100%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.ambient-glow{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#c2d10f4d 0%,#0000 70%);width:800px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.btn{border-radius:var(--radius-md);cursor:pointer;text-align:center;letter-spacing:-.01em;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#000;border:1px solid #0000;font-weight:600;box-shadow:0 0 0 1px #0000}.btn-primary:hover{box-shadow:0 0 20px var(--accent-glow);background-color:#c2d10f}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#000}.btn-outline:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}.btn-accent{background-color:var(--accent);color:#000;border:1px solid #0000}.btn-accent:hover{box-shadow:0 0 20px var(--accent-glow);background-color:#c2d10f}.navbar{z-index:1000;border-bottom:1px solid #0000;height:64px;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border-color);background:#000c}.navbar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:-.04em;color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.nav-links{color:var(--text-secondary);gap:24px;font-size:14px;font-weight:400;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-links a:hover{color:var(--text-primary)}.hero{align-items:center;min-height:100vh;padding-top:100px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:10;max-width:900px;margin:0 auto;position:relative}.pre-head{color:var(--accent);letter-spacing:.01em;background:#c2d10f0d;border:1px solid #c2d10f33;border-radius:999px;align-items:center;margin-bottom:32px;padding:4px 12px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s;display:inline-flex}.pre-head:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.hero h1{letter-spacing:-.06em;margin-bottom:24px;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:1.05}.hero p{color:var(--text-secondary);max-width:650px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.hero-note{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:14px;font-weight:400;display:flex}.hero-note span{align-items:center;gap:6px;display:flex}.widget-visual-wrapper{z-index:10;perspective:1000px;justify-content:center;margin-top:80px;display:flex;position:relative}.widget-visual{border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:left;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0d 0%,#ffffff03 100%);width:100%;max-width:440px;padding:24px;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)rotateX(10deg);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a}.widget-visual.active{opacity:1;transform:translateY(0)rotateX(0)}.section-header{text-align:center;z-index:10;max-width:700px;margin-bottom:64px;margin-left:auto;margin-right:auto;position:relative}.section-header h2{letter-spacing:-.05em;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800}.section-header p{color:var(--text-secondary);font-size:18px;font-weight:400}.v-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all .3s;position:relative;overflow:hidden}.v-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.v-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.v-card:hover:before{opacity:1}.problem-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:radial-gradient(circle,#ffffff05 0%,#0000 100%);position:relative}.problem-grid{grid-template-columns:1fr;align-items:center;gap:64px;display:grid}@media (min-width:900px){.problem-grid{grid-template-columns:1fr 1fr}}.problem-text h3{color:#fff;margin-bottom:24px;font-size:32px;font-weight:700}.problem-text p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.lost-customer{border-radius:var(--radius-md);border:1px solid var(--border-color);opacity:0;background:#ffffff08;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex;transform:translate(-20px)}.lost-customer.active{opacity:1;transition:all .6s cubic-bezier(.2,.8,.2,1);transform:translate(0)}.steps-grid{grid-template-columns:1fr;gap:24px;display:grid;position:relative}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:left}.step-number{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.step-card h3{color:#fff;margin-bottom:12px;font-size:20px}.step-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.stats-grid{grid-template-columns:1fr;gap:24px;margin-bottom:40px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-box{flex-direction:column;justify-content:flex-start;display:flex}.stat-number{color:#fff;letter-spacing:-.05em;margin-bottom:8px;font-size:56px;font-weight:800;line-height:1}.stat-number span{color:var(--text-secondary);font-size:40px}.stat-label{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5}.progress-container{border-top:1px solid var(--border-color);margin-top:40px;padding-top:40px}.progress-item{margin-bottom:24px}.progress-item:last-child{margin-bottom:0}.progress-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:2px;width:0;height:100%;transition:width 1.5s cubic-bezier(.2,.8,.2,1)}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.benefit-icon{width:40px;height:40px;color:var(--accent);background:#c2d10f0d;border:1px solid #c2d10f33;border-radius:8px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.v-card:hover .benefit-icon{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.comparison-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:900px){.comparison-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.comp-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:0 0;padding:32px}.comp-card.highlight{background:var(--bg-card);border-color:#ffffff4d;position:relative;box-shadow:0 0 40px #ffffff0d}.comp-card h3{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-secondary);margin-bottom:24px;padding-bottom:24px;font-size:18px;font-weight:500}.comp-card.highlight h3{color:#fff;border-bottom-color:#fff3;font-weight:600}.comp-row{color:var(--text-secondary);align-items:flex-start;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.comp-card.highlight .comp-row{color:var(--text-primary)}.comp-row:last-child{margin-bottom:0}.comp-row strong{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.comp-icon{flex-shrink:0;margin-top:2px}.pricing-section{border-top:1px solid var(--border-color);background:radial-gradient(at top,#ffffff08 0%,#0000 70%)}.pricing-grid{grid-template-columns:1fr;gap:24px;max-width:900px;margin:0 auto;display:grid}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.pricing-grid{grid-template-columns:repeat(3,1fr);max-width:1100px}}.pricing-card{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:#ffffff05;flex-direction:column;padding:40px;transition:all .3s;display:flex}.pricing-card:hover{border-color:var(--border-hover);background:#ffffff0a}.pricing-card.highlight{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow);background:#c2d10f08}.badge{background:var(--accent);color:#000;border-radius:999px;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.pricing-card h3{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600}.price{color:#fff;letter-spacing:-.05em;align-items:baseline;gap:8px;margin:16px 0 32px;font-size:48px;font-weight:800;line-height:1;display:flex}.price span{color:var(--text-secondary);font-size:16px;font-weight:400}.pricing-features{flex-grow:1;margin-bottom:40px}.pricing-features li{color:var(--text-secondary);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.pricing-card.highlight .pricing-features li{color:var(--text-primary)}.pricing-note{text-align:center;color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;font-size:13px;display:flex}.faq-container{border-top:1px solid var(--border-color);max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-color)}.faq-question{text-align:left;color:#fff;cursor:pointer;letter-spacing:-.02em;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 0;font-family:Inter,sans-serif;font-size:18px;font-weight:500;display:flex}.faq-icon{color:var(--text-secondary);transition:transform .3s}.faq-answer{max-height:0;color:var(--text-secondary);opacity:0;font-size:15px;line-height:1.6;transition:all .3s;overflow:hidden}.faq-item.active .faq-question{color:var(--accent)}.faq-item.active .faq-icon{color:var(--accent);transform:rotate(180deg)}.faq-item.active .faq-answer{opacity:1;max-height:300px;padding-bottom:24px}.final-cta{text-align:center;border-top:1px solid var(--border-color);padding:120px 0;position:relative;overflow:hidden}.final-cta-glow{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#c2d10f33 0%,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta .container{z-index:10;position:relative}.final-cta h2{max-width:800px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:clamp(36px,6vw,64px)}.guarantee{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:14px;font-weight:400;display:flex}.footer{border-top:1px solid var(--border-color);color:var(--text-secondary);padding:64px 0 32px;font-size:14px}.footer-grid{grid-template-columns:1fr;gap:40px;margin-bottom:48px;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.footer-desc{max-width:300px;margin-bottom:24px;line-height:1.6}.footer-title{color:#fff;margin-bottom:16px;font-size:14px;font-weight:500}.footer-links li{margin-bottom:12px}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border-color);flex-direction:column;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row}}.reveal{opacity:0;filter:blur(10px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;transform:translateY(30px)}.reveal.active{opacity:1;filter:blur();transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
