@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page{--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--indigo-500:#6366f1;--violet-500:#8b5cf6;--emerald-500:#10b981;--amber-500:#f59e0b;--rose-500:#f43f5e;--radius:12px;--radius-lg:16px;--radius-xl:24px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900);background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,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:-.02em;font-weight:700;line-height:1.15}.landing-page .mono{font-family:JetBrains Mono,monospace}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-page .container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.landing-page section{padding:120px 0}.landing-page nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--gray-200);background:#fffc;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-page nav.scrolled{background:#fffffff2;box-shadow:0 1px 3px #0000000d}.landing-page .nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.landing-page .nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-page .nav-logo svg{height:28px}.landing-page .nav-logo span{color:var(--gray-900);letter-spacing:-.03em;font-size:18px;font-weight:800}.landing-page .nav-links{align-items:center;gap:32px;display:flex}.landing-page .nav-links a{color:var(--gray-600);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.landing-page .nav-links a:hover{color:var(--gray-900)}.landing-page .nav-cta{background:var(--gray-900);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.landing-page .nav-cta:hover{background:var(--gray-700);transform:translateY(-1px)}.landing-page .hero{background:linear-gradient(180deg, var(--gray-50) 0%, var(--white) 100%);padding:160px 0 120px;position:relative;overflow:hidden}.landing-page .hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-page .hero-badge{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px 6px 8px;font-size:13px;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.landing-page .hero-badge .dot{background:var(--emerald-500);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.landing-page .hero-content{text-align:center;max-width:820px;margin:0 auto}.landing-page .hero h1{letter-spacing:-.035em;color:var(--gray-950);margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:900;animation:.6s .1s both fadeUp}.landing-page .hero h1 em{background:linear-gradient(135deg, var(--blue-600), var(--violet-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.landing-page .hero p{color:var(--gray-500);max-width:600px;margin:0 auto 40px;font-size:clamp(17px,2vw,20px);line-height:1.7;animation:.6s .2s both fadeUp}.landing-page .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;animation:.6s .3s both fadeUp;display:flex}.landing-page .btn-primary{background:var(--gray-900);color:var(--white);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 1px 2px #0000000d,0 4px 12px #0000001a}.landing-page .btn-primary:hover{background:var(--gray-700);transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.landing-page .btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-page .btn-secondary:hover{border-color:var(--gray-300);background:var(--gray-50);transform:translateY(-2px)}.landing-page .hero-metrics{justify-content:center;gap:48px;margin-top:80px;animation:.6s .4s both fadeUp;display:flex}.landing-page .hero-metric{text-align:center}.landing-page .hero-metric .value{color:var(--gray-900);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.landing-page .hero-metric .label{color:var(--gray-400);margin-top:4px;font-size:13px}.landing-page .preview-section{padding:0 0 120px;position:relative}.landing-page .preview-wrapper{max-width:1100px;margin:0 auto;padding:0 24px;animation:.8s .5s both fadeUp}.landing-page .preview-frame{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:var(--gray-900);position:relative;overflow:hidden;box-shadow:0 25px 80px -12px #0000001f,0 0 0 1px #00000008}.landing-page .preview-topbar{background:var(--gray-800);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:14px 20px;display:flex}.landing-page .preview-dot{border-radius:50%;width:12px;height:12px}.landing-page .preview-dot.red{background:#ff5f57}.landing-page .preview-dot.yellow{background:#febc2e}.landing-page .preview-dot.green{background:#28c840}.landing-page .preview-url{color:var(--gray-400);background:#ffffff0f;border-radius:6px;flex:1;margin-left:12px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.landing-page .preview-body{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);grid-template-columns:200px 1fr;gap:24px;min-height:500px;padding:48px 40px;display:grid}.landing-page .preview-sidebar{flex-direction:column;gap:4px;display:flex}.landing-page .preview-sidebar-item{color:#fff6;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.landing-page .preview-sidebar-item.active{color:#ffffffe6;background:#ffffff14}.landing-page .preview-sidebar-item svg{opacity:.6;width:16px;height:16px}.landing-page .preview-main{flex-direction:column;gap:20px;display:flex}.landing-page .preview-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.landing-page .preview-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.landing-page .preview-stat .stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.landing-page .preview-stat .stat-value{color:#fff;letter-spacing:-.02em;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800}.landing-page .preview-stat .stat-change{color:#34d399;margin-top:4px;font-size:12px;font-weight:500}.landing-page .preview-stat .stat-change.negative{color:#f87171}.landing-page .preview-chart{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex:1;padding:24px;position:relative;overflow:hidden}.landing-page .preview-chart-title{color:#fff9;margin-bottom:20px;font-size:14px;font-weight:500}.landing-page .chart-svg{width:100%;height:200px}.landing-page .proof-bar{border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);text-align:center;padding:48px 0}.landing-page .proof-bar p{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:32px;font-size:14px;font-weight:500}.landing-page .proof-logos{opacity:.4;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.landing-page .proof-logo{color:var(--gray-900);letter-spacing:-.02em;font-size:20px;font-weight:800}.landing-page .problem{background:var(--gray-950);color:var(--white);position:relative;overflow:hidden}.landing-page .problem:before{content:"";background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.landing-page .problem-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.landing-page .problem-label{text-transform:uppercase;letter-spacing:.1em;color:var(--indigo-500);margin-bottom:16px;font-size:13px;font-weight:600}.landing-page .problem h2{color:var(--white);margin-bottom:24px;font-size:clamp(32px,4vw,48px)}.landing-page .problem p{color:#fff9;margin-bottom:16px;font-size:17px;line-height:1.8}.landing-page .pain-list{flex-direction:column;gap:16px;margin-top:32px;list-style:none;display:flex}.landing-page .pain-list li{color:#ffffffb3;align-items:flex-start;gap:14px;font-size:15px;display:flex}.landing-page .pain-list .icon{width:24px;height:24px;color:var(--rose-500);background:#f43f5e26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:14px;display:flex}.landing-page .features{background:var(--white)}.landing-page .section-header{text-align:center;max-width:640px;margin:0 auto 72px}.landing-page .section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--blue-600);margin-bottom:16px;font-size:13px;font-weight:600;display:inline-block}.landing-page .section-header h2{color:var(--gray-950);margin-bottom:16px;font-size:clamp(32px,4vw,48px)}.landing-page .section-header p{color:var(--gray-500);font-size:18px;line-height:1.7}.landing-page .feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing-page .feature-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:36px;transition:all .3s;position:relative;overflow:hidden}.landing-page .feature-card:hover{border-color:var(--gray-200);transform:translateY(-4px);box-shadow:0 20px 40px -15px #00000014}.landing-page .feature-card.span-2{grid-column:span 2}.landing-page .feature-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:flex}.landing-page .feature-icon.blue{color:var(--blue-600);background:#3b82f61a}.landing-page .feature-icon.violet{color:var(--violet-500);background:#8b5cf61a}.landing-page .feature-icon.emerald{color:var(--emerald-500);background:#10b9811a}.landing-page .feature-icon.amber{color:var(--amber-500);background:#f59e0b1a}.landing-page .feature-icon.rose{color:var(--rose-500);background:#f43f5e1a}.landing-page .feature-icon.indigo{color:var(--indigo-500);background:#6366f11a}.landing-page .feature-card h3{color:var(--gray-900);margin-bottom:10px;font-size:20px;font-weight:700}.landing-page .feature-card p{color:var(--gray-500);font-size:15px;line-height:1.7}.landing-page .feature-card .feature-detail{margin-top:20px}.landing-page .feature-card .mono-stat{color:var(--gray-900);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:800}.landing-page .feature-card .mono-label{color:var(--gray-400);font-size:13px}.landing-page .how-it-works{background:var(--gray-50);border-top:1px solid var(--gray-100)}.landing-page .steps{flex-direction:column;gap:0;max-width:720px;margin:0 auto;display:flex;position:relative}.landing-page .steps:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:40px;bottom:40px;left:28px}.landing-page .step{gap:28px;padding:32px 0;display:flex;position:relative}.landing-page .step-number{background:var(--white);border:2px solid var(--gray-200);width:56px;height:56px;color:var(--gray-900);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;display:flex}.landing-page .step.active .step-number{background:var(--gray-900);color:var(--white);border-color:var(--gray-900)}.landing-page .step-content h3{color:var(--gray-900);margin-top:4px;margin-bottom:8px;font-size:20px}.landing-page .step-content p{color:var(--gray-500);font-size:15px;line-height:1.7}.landing-page .step-content .step-tag{color:var(--emerald-500);background:#10b98114;border-radius:6px;margin-top:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.landing-page .automation-showcase{background:var(--white)}.landing-page .showcase-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.landing-page .showcase-visual{background:var(--gray-950);border-radius:var(--radius-xl);border:1px solid #ffffff0f;padding:40px}.landing-page .rule-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:12px;padding:20px}.landing-page .rule-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.landing-page .rule-name{color:#ffffffe6;font-size:14px;font-weight:600}.landing-page .rule-status{text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.landing-page .rule-status.active{color:#34d399;background:#10b98126}.landing-page .rule-status.paused{color:#fbbf24;background:#f59e0b26}.landing-page .rule-condition{color:#fff6;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8}.landing-page .rule-condition .keyword{color:#818cf8}.landing-page .rule-condition .value{color:#34d399}.landing-page .rule-condition .action{color:#f472b6}.landing-page .showcase-content h2{margin-bottom:16px;font-size:clamp(28px,3.5vw,40px)}.landing-page .showcase-content p{color:var(--gray-500);margin-bottom:20px;font-size:17px;line-height:1.8}.landing-page .showcase-list{flex-direction:column;gap:14px;list-style:none;display:flex}.landing-page .showcase-list li{color:var(--gray-600);align-items:flex-start;gap:12px;font-size:15px;display:flex}.landing-page .showcase-list .check{width:22px;height:22px;color:var(--emerald-500);background:#10b9811a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;display:flex}.landing-page .ab-section{background:linear-gradient(180deg, var(--gray-50) 0%, var(--white) 100%);border-top:1px solid var(--gray-100)}.landing-page .ab-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.landing-page .ab-visual{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px;box-shadow:0 8px 30px #0000000a}.landing-page .ab-bar-group{flex-direction:column;gap:16px;display:flex}.landing-page .ab-bar-item{flex-direction:column;gap:6px;display:flex}.landing-page .ab-bar-label{justify-content:space-between;font-size:13px;display:flex}.landing-page .ab-bar-label .name{color:var(--gray-600);font-weight:500}.landing-page .ab-bar-label .pct{color:var(--gray-900);font-family:JetBrains Mono,monospace;font-weight:600}.landing-page .ab-bar-track{background:var(--gray-100);border-radius:100px;height:8px;overflow:hidden}.landing-page .ab-bar-fill{border-radius:100px;height:100%;transition:width 1s}.landing-page .ab-bar-fill.winner{background:linear-gradient(90deg, var(--emerald-500), #34d399)}.landing-page .ab-bar-fill.challenger{background:linear-gradient(90deg, var(--blue-600), var(--blue-500))}.landing-page .ab-bar-fill.losing{background:var(--gray-300)}.landing-page .ab-badge{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.landing-page .ab-badge.promoted{color:var(--emerald-500);background:#10b9811a}.landing-page .ab-badge.testing{color:var(--blue-600);background:#3b82f61a}.landing-page .ab-badge.paused{color:var(--gray-500);background:#9ca3af26}.landing-page .ab-confidence{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.landing-page .ab-confidence .label{color:var(--gray-400);font-size:13px}.landing-page .ab-confidence .value{color:var(--emerald-500);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.landing-page .pricing{background:var(--white)}.landing-page .pricing-cards{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.landing-page .pricing-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);padding:40px;transition:all .3s;position:relative}.landing-page .pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #00000014}.landing-page .pricing-card.featured{border-color:var(--gray-900);box-shadow:0 20px 60px -15px #00000026}.landing-page .pricing-card.featured:before{content:"Most Popular";background:var(--gray-900);color:var(--white);border-radius:100px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing-page .pricing-tier{color:var(--gray-900);margin-bottom:4px;font-size:16px;font-weight:700}.landing-page .pricing-desc{color:var(--gray-400);margin-bottom:24px;font-size:14px}.landing-page .pricing-price{margin-bottom:32px}.landing-page .pricing-price .amount{color:var(--gray-900);letter-spacing:-.03em;font-size:48px;font-weight:900}.landing-page .pricing-price .period{color:var(--gray-400);font-size:16px;font-weight:500}.landing-page .pricing-features{flex-direction:column;gap:12px;margin-bottom:32px;list-style:none;display:flex}.landing-page .pricing-features li{color:var(--gray-600);align-items:flex-start;gap:10px;font-size:14px;display:flex}.landing-page .pricing-features .check-icon{color:var(--emerald-500);flex-shrink:0;margin-top:1px;font-size:16px}.landing-page .pricing-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:block}.landing-page .pricing-btn.primary{background:var(--gray-900);color:var(--white)}.landing-page .pricing-btn.primary:hover{background:var(--gray-700)}.landing-page .pricing-btn.secondary{background:var(--gray-50);color:var(--gray-700);border:1px solid var(--gray-200)}.landing-page .pricing-btn.secondary:hover{background:var(--gray-100)}.landing-page .faq{background:var(--gray-50);border-top:1px solid var(--gray-100)}.landing-page .faq-list{max-width:720px;margin:0 auto}.landing-page .faq-item{border-bottom:1px solid var(--gray-200)}.landing-page .faq-question{width:100%;color:var(--gray-900);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px 0;font-family:inherit;font-size:17px;font-weight:600;display:flex}.landing-page .faq-question:hover{color:var(--gray-600)}.landing-page .faq-arrow{color:var(--gray-400);font-size:20px;transition:transform .3s}.landing-page .faq-item.open .faq-arrow{transform:rotate(45deg)}.landing-page .faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.landing-page .faq-item.open .faq-answer{max-height:300px;padding-bottom:24px}.landing-page .faq-answer p{color:var(--gray-500);font-size:15px;line-height:1.8}.landing-page .final-cta{background:var(--gray-950);color:var(--white);text-align:center;padding:120px 0;position:relative;overflow:hidden}.landing-page .final-cta:before{content:"";background:radial-gradient(#6366f11f 0%,#0000 70%);width:800px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page .final-cta h2{z-index:1;margin-bottom:16px;font-size:clamp(32px,4vw,52px);position:relative}.landing-page .final-cta p{color:#ffffff80;z-index:1;max-width:500px;margin:0 auto 40px;font-size:18px;position:relative}.landing-page .final-cta .btn-primary{background:var(--white);color:var(--gray-900);z-index:1;padding:16px 32px;font-size:17px;position:relative}.landing-page .final-cta .btn-primary:hover{background:var(--gray-100)}.landing-page footer{background:var(--gray-950);border-top:1px solid #ffffff0f;padding:48px 0}.landing-page .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-page .footer-logo{align-items:center;gap:10px;display:flex}.landing-page .footer-logo span{color:var(--white);letter-spacing:-.02em;font-size:16px;font-weight:800}.landing-page .footer-links{gap:32px;display:flex}.landing-page .footer-links a{color:#fff6;font-size:14px;text-decoration:none;transition:color .2s}.landing-page .footer-links a:hover{color:#fffc}.landing-page .footer-copy{color:#ffffff4d;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.landing-page .reveal{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.landing-page .reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.landing-page .preview-body{grid-template-columns:1fr}.landing-page .preview-sidebar{display:none}.landing-page .preview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-page section{padding:80px 0}.landing-page .nav-links{display:none}.landing-page .hero{padding:120px 0 80px}.landing-page .hero-metrics{flex-wrap:wrap;gap:24px}.landing-page .feature-grid{grid-template-columns:1fr}.landing-page .feature-card.span-2{grid-column:span 1}.landing-page .problem-grid{grid-template-columns:1fr;gap:40px}.landing-page .showcase-grid,.landing-page .ab-grid{grid-template-columns:1fr}.landing-page .pricing-cards{grid-template-columns:1fr;max-width:400px}.landing-page .preview-stats{grid-template-columns:1fr}.landing-page .footer-inner{text-align:center;flex-direction:column}}