body{display:block!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b1121;--navy-deep:#070d19;--navy-card:#ffffff0b;--navy-border:#ffffff14;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--emerald:#34d399;--cyan:#22d3ee;--white:#fff;--text:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--border:#e2e8f0;--border-2:#f1f5f9;--radius:10px;--radius-card:16px;--shadow:0 1px 3px #00000012, 0 1px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-hover:0 8px 28px #4f46e52e, 0 2px 8px #0000000f;--shadow-hero:0 32px 80px #00000073, 0 0 0 1px #ffffff12;--font:"Plus Jakarta Sans", -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--t:.22s var(--ease)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.container{max-width:1160px;margin:0 auto;padding:0 24px}.dot-pattern:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff07 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.section-label{letter-spacing:.09em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.section-label--light{background:var(--primary-light);color:var(--primary)}.section-label--dark{color:#818cf8;background:#4f46e526;border:1px solid #6366f140}.section-title{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;line-height:1.2}.section-title--light{color:var(--text)}.section-title--dark{color:#fff}.section-sub{max-width:620px;font-size:1.05rem;line-height:1.75}.section-sub--light{color:var(--text-3)}.section-sub--dark{color:var(--text-4)}.anim{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(26px)}.anim.visible{opacity:1;transform:none}.anim-delay-1{transition-delay:80ms}.anim-delay-2{transition-delay:.16s}.anim-delay-3{transition-delay:.24s}.anim-delay-4{transition-delay:.32s}.anim-delay-5{transition-delay:.4s}.anim-delay-6{transition-delay:.48s}.btn{font-family:var(--font);border-radius:var(--radius);transition:var(--t);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px #4f46e559}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 24px #4f46e580}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--primary);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--primary);background:var(--primary-light)}.btn-ghost-dark{color:#fffc;background:0 0;border-color:#fff3}.btn-ghost-dark:hover{color:#fff;background:#ffffff0f;border-color:#ffffff80}.btn-outline-white{color:#fff;background:0 0;border-color:#ffffff59}.btn-outline-white:hover{background:#ffffff1a;border-color:#ffffffa6}.btn-white{color:var(--primary);background:#fff;box-shadow:0 4px 20px #0003}.btn-white:hover{background:#f5f3ff;transform:translateY(-1px);box-shadow:0 8px 28px #00000047}.btn-sm{padding:9px 18px;font-size:14px}.btn-lg{border-radius:var(--radius-card);padding:16px 34px;font-size:16px}.btn-pulse{animation:2.8s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #4f46e559}50%{box-shadow:0 4px 24px #4f46e5b3,0 0 0 8px #4f46e51f}}.btn-demo{font-family:var(--font);color:var(--emerald);border-radius:var(--radius);cursor:pointer;transition:var(--t);background:0 0;border:1.5px dashed #34d39966;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-demo:hover{background:#34d39912;border-style:solid;border-color:#34d399a6}.btn-demo:disabled{opacity:.6;cursor:wait}.navbar{z-index:1000;background:var(--navy);border-bottom:1px solid #ffffff0f;transition:box-shadow .28s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 1px 20px #0006}.navbar-inner{align-items:center;max-width:1160px;height:68px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-name{color:#fff;letter-spacing:-.02em;font-size:17px;font-weight:800}.logo-sub{letter-spacing:.14em;text-transform:uppercase;color:#fff6;font-size:9px;font-weight:700}.nav-links{align-items:center;gap:2px;margin-left:auto;display:flex}.nav-links a{color:#ffffffa6;transition:var(--t);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;display:block}.nav-links a:hover{color:#fff;background:#ffffff12}.nav-cta{margin-left:16px}.hamburger{cursor:pointer;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.hamburger span{width:22px;height:2px;transition:var(--t);background:#fffc;border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{z-index:999;background:#0d1526;border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding:16px 24px 28px;display:none;position:fixed;top:68px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{color:#ffffffb3;border-radius:var(--radius);transition:var(--t);padding:13px 16px;font-size:15px;font-weight:600}.mobile-menu a:hover{color:#fff;background:#ffffff12}.mobile-menu .btn-primary{justify-content:center;width:100%;margin-top:8px}.hero{background:var(--navy);padding:138px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(#4f46e51a 0%,#0000 65%);width:700px;height:700px;position:absolute;top:-80px;right:-80px}.hero-inner{z-index:1;grid-template-columns:1fr 1.08fr;align-items:center;gap:56px;display:grid;position:relative}.hero-eyebrow{color:#818cf8;letter-spacing:.08em;text-transform:uppercase;background:#4f46e526;border:1px solid #6366f14d;border-radius:100px;align-items:center;gap:7px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-headline{letter-spacing:-.025em;color:#fff;margin-bottom:22px;font-size:clamp(2rem,4.2vw,3rem);font-weight:800;line-height:1.13}.hero-headline .grad{background:linear-gradient(90deg, var(--emerald), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-4);max-width:510px;margin-bottom:36px;font-size:1.08rem;line-height:1.75}.hero-ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.hero-demo-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;display:flex}.hero-demo-hint{color:#ffffff59;font-size:12px;line-height:1.4}.hero-microcopy{color:#ffffff73;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:500;display:flex}.hero-microcopy span{align-items:center;gap:5px;display:flex}.check-green{color:var(--emerald);font-weight:800}.mockup-wrap{position:relative}.mockup-glow{pointer-events:none;background:radial-gradient(at 50% 40%,#4f46e51f 0%,#0000 65%);position:absolute;inset:-60px}.browser-mockup{border-radius:var(--radius-card);box-shadow:var(--shadow-hero);transition:transform .55s var(--ease);position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)}.browser-mockup:hover{transform:perspective(1200px)rotateY(-1deg)rotateX(0)}.browser-bar{background:#0d1526;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.r{background:#ff5f57}.dot.a{background:#febc2e}.dot.g{background:#28c840}.browser-url{color:#fff6;text-align:center;background:#ffffff12;border-radius:5px;flex:1;margin:0 4px;padding:4px 10px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.browser-mockup img,.mini-mockup img{background:#0d1526;width:100%;min-height:160px;display:block}.mini-mockup{border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0f}.mini-mockup .browser-bar{padding:8px 12px}.mini-mockup .dot{width:8px;height:8px}.pain{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:52px 0}.pain-grid{grid-template-columns:repeat(4,1fr);display:grid}.pain-item{border-right:1px solid var(--border);text-align:center;padding:28px}.pain-item:last-child{border-right:none}.pain-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.pain-icon svg{width:22px;height:22px}.pain-icon--amber{color:#f59e0b;background:#fbbf241a;border:1px solid #fbbf2438}.pain-icon--indigo{color:#818cf8;background:#6366f11a;border:1px solid #6366f138}.pain-icon--rose{color:#fb7185;background:#fb71851a;border:1px solid #fb718538}.pain-icon--orange{color:#fb923c;background:#fb923c1a;border:1px solid #fb923c38}.pain-title{color:var(--text);margin-bottom:6px;font-size:14.5px;font-weight:700}.pain-text{color:var(--text-3);font-size:13px;font-weight:500;line-height:1.55}.features{background:var(--navy);padding:100px 0;position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.features-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.features-header .section-sub{margin:0 auto}.features-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.feature-card{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:var(--radius-card);transition:var(--t);padding:28px}.feature-card:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-3px)}.feat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.feat-icon svg{width:22px;height:22px}.feat-icon--emerald{color:#34d399;background:#34d3991a;border:1px solid #34d39938}.feat-icon--indigo{color:#818cf8;background:#6366f11a;border:1px solid #6366f138}.feat-icon--amber{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2438}.feat-icon--sky{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf838}.feat-icon--rose{color:#fb7185;background:#fb71851a;border:1px solid #fb718538}.feat-icon--violet{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa38}.feature-title{color:#fff;margin-bottom:8px;font-size:15.5px;font-weight:700}.feature-desc{color:var(--text-4);font-size:14px;line-height:1.68}.how{background:#fff;padding:100px 0}.how-header{text-align:center;margin-bottom:64px}.how-header .section-sub{margin:0 auto}.how-steps{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.step-num{color:var(--primary);opacity:.13;font-variant-numeric:tabular-nums;margin-bottom:-10px;font-size:60px;font-weight:800;line-height:1}.step-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.step-desc{color:var(--text-3);font-size:14px;line-height:1.68}.testimonials{background:var(--navy);padding:100px 0;position:relative;overflow:hidden}.testimonials:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.testimonials-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.testi-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:22px;display:grid;position:relative}.testi-card{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:var(--radius-card);padding:28px}.testi-stars{color:#fbbf24;letter-spacing:1px;margin-bottom:14px;font-size:15px}.testi-quote{color:var(--text-4);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.72}.testi-author{align-items:center;gap:12px;display:flex}.author-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:flex}.author-name{color:#fff;font-size:14px;font-weight:700}.author-role{color:var(--text-3);margin-top:1px;font-size:12px}.trust-seals{z-index:1;flex-wrap:wrap;justify-content:center;gap:52px;margin-top:64px;display:flex;position:relative}.trust-seal{align-items:center;gap:12px;display:flex}.seal-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.seal-icon svg{width:20px;height:20px}.seal-icon--emerald{color:#34d399;background:#34d3991a;border:1px solid #34d39938}.seal-icon--indigo{color:#818cf8;background:#6366f11a;border:1px solid #6366f138}.seal-icon--sky{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf838}.usecase-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.usecase-icon svg{width:22px;height:22px}.seal-label{color:#fff;font-size:14px;font-weight:700}.seal-sub{color:var(--text-3);margin-top:1px;font-size:12px}.pricing{background:#fff;padding:100px 0}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header .section-sub{margin:0 auto}.pricing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:48px;display:flex}.pricing-toggle span{color:var(--text-3);font-size:14px;font-weight:600;transition:color .2s}.pricing-toggle span.active{color:var(--text)}.toggle-track{background:var(--border);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .25s;position:relative}.toggle-track.on{background:var(--primary)}.toggle-track:after{content:"";width:20px;height:20px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.toggle-track.on:after{transform:translate(20px)}.toggle-save{color:var(--emerald);letter-spacing:.03em;background:#34d3991a;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.pricing-table-wrap{border-radius:var(--radius-card);border:1px solid var(--border);overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13.5px}.pricing-table th,.pricing-table td{text-align:center;border-bottom:1px solid #f1f5f9;padding:11px 16px}.pricing-table th:first-child,.pricing-table td:first-child{text-align:left;width:240px}.pricing-table thead th{z-index:2;border-bottom:2px solid var(--border);background:#fff;padding:16px 16px 12px;position:sticky;top:0}.plan-col-name{color:var(--text);font-size:14px;font-weight:800}.plan-col-price{color:var(--text);margin-top:4px;font-size:20px;font-weight:800}.plan-col-price .cur{font-size:12px;font-weight:600}.plan-col-period{color:var(--text-3);margin-top:2px;font-size:11px}.plan-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.plan-badge--popular{background:var(--primary);color:#fff}.plan-badge--soon{color:#b45309;background:#fbbf2426}.pricing-table .col-pro{background:#4f46e509}.pricing-table thead .col-pro{background:#4f46e50f}.pricing-table .section-row td{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);background:#f8fafc;padding:10px 16px;font-size:11px;font-weight:700}.pricing-table .section-row td:first-child{text-align:left}.feat-label{color:var(--text-2);font-weight:600}.feat-sublabel{color:var(--text-3);margin-top:1px;font-size:11.5px;font-weight:400;display:block}.ck-icon{color:#16a34a;font-size:15px;font-weight:700}.xc-icon{color:#cbd5e1;font-size:15px}.val-text{color:var(--text-2);font-size:13px;font-weight:500}.pricing-table .cta-row td{background:#fafbfc;border-bottom:none;padding:16px}.pricing-note{text-align:center;color:var(--text-3);margin-top:28px;font-size:13px}.faq{background:var(--navy);padding:100px 0;position:relative;overflow:hidden}.faq:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.faq-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.faq-list{z-index:1;max-width:760px;margin:0 auto;position:relative}.faq-item{border-bottom:1px solid var(--navy-border)}.faq-item:first-child{border-top:1px solid var(--navy-border)}.faq-q{cursor:pointer;color:#ffffffd9;-webkit-user-select:none;user-select:none;transition:color var(--t);justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:15.5px;font-weight:600;display:flex}.faq-q:hover{color:#fff}.faq-chevron{color:#ffffff4d;width:20px;height:20px;transition:transform var(--t);flex-shrink:0}.faq-item.open .faq-chevron{color:#818cf8;transform:rotate(180deg)}.faq-item.open .faq-q{color:#fff}.faq-a{max-height:0;transition:max-height .36s;overflow:hidden}.faq-item.open .faq-a{max-height:400px}.faq-a-inner{color:var(--text-4);padding:0 4px 20px;font-size:15px;line-height:1.78}.cta-final{text-align:center;background:linear-gradient(135deg, var(--navy) 0%, #1e1b4b 55%, #4f46e5 100%);padding:104px 0;position:relative;overflow:hidden}.cta-final:before{content:"";pointer-events:none;background:radial-gradient(at 65% 35%,#6366f140 0%,#0000 60%);position:absolute;inset:0}.cta-final:after{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.cta-inner{z-index:1;position:relative}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.9rem,4vw,2.75rem);font-weight:800;line-height:1.2}.cta-sub{color:#ffffffa6;margin-bottom:44px;font-size:1.05rem}.cta-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.cta-demo-label{color:#ffffff61;margin-top:4px;font-size:12px}footer{background:var(--navy-deep);border-top:1px solid #ffffff0f;padding:52px 0 36px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.footer-tagline{color:#ffffff59;max-width:210px;margin-top:10px;font-size:13px;line-height:1.55}.footer-cols{gap:52px;display:flex}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:16px;font-size:11px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:#ffffff80;transition:color var(--t);font-size:14px}.footer-col a:hover{color:#fff}.footer-bottom{color:#ffffff47;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr}.mockup-wrap{max-width:640px;margin:0 auto}.browser-mockup{transform:none!important}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.featured{transform:none}}@media (max-width:768px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}.hero{padding:108px 0 60px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{justify-content:center}.hero-demo-row .btn-demo{justify-content:center;width:100%}.pain-grid{grid-template-columns:repeat(2,1fr)}.pain-item:nth-child(2){border-right:none}.features-grid,.how-steps,.testi-grid,.pricing-grid{grid-template-columns:1fr}.trust-seals{gap:28px}.footer-inner{flex-direction:column}.footer-cols{flex-wrap:wrap;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.features,.how,.testimonials,.pricing,.faq,.cta-final{padding:72px 0}}@media (max-width:480px){.pain-grid{grid-template-columns:1fr}.pain-item{border-right:none;border-bottom:1px solid var(--border)}.pain-item:last-child{border-bottom:none}.hero-microcopy{flex-direction:column;gap:10px}.trust-seals{flex-direction:column;align-items:flex-start}}