:root{--dark-950:#0d1015;--dark-900:#12171d;--dark-800:#1a212b;--dark-700:#2a3441;--dark-600:#3a4857;--dark-500:#4d5d6d;--dark-400:#637382;--dark-300:#8a97a4;--dark-200:#b5bec7;--dark-100:#dde2e7;--dark-50:#f2f4f6;--slate-700:#415966;--slate-500:#678291;--slate-400:#8099a8;--slate-300:#a3b5c1;--slate-200:#c5d1d9;--slate-100:#e2eaef;--slate-50:#f4f7f9;--white:#ffffff;--accent:#6d5cff;--accent-hover:#5a47ed;--accent-soft:#ede9fe;--accent-glow:rgba(109,92,255,.35);--success:#22c55e;--success-soft:#dcfce7;--success-dark:#15803d;--warning:#f59e0b;--warning-soft:#fef3c7;--warning-dark:#b45309;--danger:#ef4444;--danger-soft:#fee2e2;--danger-dark:#b91c1c;--info-soft:#dbeafe;--info-dark:#1d4ed8;--purple-light:#a78bfa;--purple-mid:#818cf8;--tinted-white:#f8f7ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:48px;--space-2xl:80px;--space-3xl:120px;--font-sans:'Segoe UI',system-ui,-apple-system,sans-serif;--font-mono:'SF Mono','Fira Code','Cascadia Code',monospace;--max-width:1140px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--ease-out:cubic-bezier(.22,1,.36,1);--duration:.3s;--duration-slow:.8s}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--white);color:var(--dark-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .25s var(--ease-out);position:relative;font-family:inherit}.btn-accent{background:var(--accent);color:var(--white);box-shadow:0 2px 12px var(--accent-glow)}.btn-accent:hover{background:var(--accent-hover);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-2px)}.btn-accent:active{transform:translateY(0);box-shadow:0 1px 6px var(--accent-glow)}.btn-outline{background:transparent;border:1.5px solid var(--dark-100);color:var(--dark-600)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:rgba(109,92,255,.04);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--dark-800);font-weight:700;box-shadow:0 2px 12px rgba(0,0,0,.12)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.18)}.btn-lg{padding:14px 28px;font-size:15px;border-radius:10px}.btn-xl{padding:16px 36px;font-size:16px;border-radius:var(--radius-lg)}.section-divider{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section-divider hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--dark-100),transparent)}.overline{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}.tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:14px}.checklist li{font-size:14px;color:var(--dark-500);padding:6px 0 6px 28px;position:relative;transition:padding-left .2s}.checklist li:hover{padding-left:32px}.checklist li::before{content:'';position:absolute;left:0;top:50%;width:10px;height:10px;border-radius:50%;background:var(--success);transform:translateY(-50%);box-shadow:0 0 8px rgba(34,197,94,.3)}.nav-wrap{position:sticky;top:0;z-index:100;padding:14px var(--space-lg)}.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto}.nav-brand{font-size:20px;font-weight:800;color:var(--dark-800);letter-spacing:-0.02em;transition:opacity .2s}.nav-brand:hover{opacity:.7}.nav-brand i{color:var(--accent);font-style:normal}.nav-center{display:flex;gap:24px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(26,33,43,.08);border-radius:var(--radius-pill);padding:9px 28px;box-shadow:0 2px 12px rgba(26,33,43,.06)}.nav-center a{font-size:13px;color:var(--dark-400);font-weight:500;transition:color .2s}.nav-center a:hover,.nav-center a.active{color:var(--dark-800)}.nav-right{display:flex;align-items:center;gap:14px}.nav-right>a:first-child{font-size:14px;font-weight:500;color:var(--dark-400);transition:color .2s}.nav-right>a:first-child:hover{color:var(--dark-800)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--dark-600)}.nav-toggle svg{width:24px;height:24px}@media (max-width:900px){.nav-center{display:none}.nav-toggle{display:block}.nav-center.open{display:flex;flex-direction:column;position:absolute;top:60px;left:16px;right:16px;padding:20px;border-radius:var(--radius-xl);box-shadow:0 12px 40px rgba(26,33,43,.12)}}.code-frame{background:var(--dark-800);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .4s var(--ease-out)}.code-frame:hover{transform:translateY(-6px);box-shadow:0 24px 80px rgba(26,33,43,.2)}.code-bar{display:flex;gap:7px;padding:14px 18px;background:var(--dark-900)}.code-dot{width:11px;height:11px;border-radius:50%}.code-dot:nth-child(1){background:var(--danger)}.code-dot:nth-child(2){background:var(--warning)}.code-dot:nth-child(3){background:var(--success)}.code-body{padding:24px 28px;font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--slate-300);overflow-x:auto}.code-body .kw{color:var(--accent)}.code-body .str{color:var(--success)}.code-body .cm{color:var(--dark-400)}.code-body .fn{color:var(--warning)}.sp-frame{background:var(--white);border:1px solid var(--dark-100);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px rgba(26,33,43,.06);transition:all .4s var(--ease-out)}.sp-frame:hover{transform:translateY(-6px);box-shadow:0 24px 80px rgba(26,33,43,.1)}.sp-bar{background:var(--slate-50);padding:12px 16px;border-bottom:1px solid var(--dark-100);display:flex;align-items:center;gap:8px}.sp-bar-dot{width:9px;height:9px;border-radius:50%;background:var(--dark-200)}.sp-bar-url{font-size:11px;color:var(--slate-400);background:var(--white);border:1px solid var(--dark-100);border-radius:6px;padding:5px 14px;flex:1;text-align:center}.sp-body{padding:24px}.sp-title{font-size:15px;font-weight:700;color:var(--dark-800);margin-bottom:4px}.sp-subtitle{font-size:12px;color:var(--success);font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:6px}.sp-subtitle::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--success);animation:dotPulse 2s ease-in-out infinite}.sp-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--slate-100)}.sp-row:last-child{border-bottom:none}.sp-row-name{font-size:14px;font-weight:500;color:var(--dark-700)}.sp-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}.sp-badge.up{background:var(--success-soft);color:var(--success-dark)}.sp-badge.deg{background:var(--warning-soft);color:var(--warning-dark)}.sp-badge.down{background:var(--danger-soft);color:var(--danger-dark)}.sp-uptime-bars{display:flex;gap:2px;height:24px;margin-top:20px}.sp-uptime-bars span{flex:1;border-radius:3px;transition:all .3s}.sp-uptime-bars .ok{background:var(--success);opacity:.35}.sp-uptime-bars .err{background:var(--danger);opacity:.45}.sp-frame:hover .sp-uptime-bars .ok{opacity:.65}.sp-frame:hover .sp-uptime-bars .err{opacity:.85}.dark-band{background:var(--dark-800);color:var(--white);padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}.dark-band::before{content:'';position:absolute;top:-200px;right:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(109,92,255,.15) 0%,transparent 60%);animation:orbMove1 20s ease-in-out infinite;pointer-events:none}.dark-band::after{content:'';position:absolute;bottom:-200px;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 60%);animation:orbMove2 25s ease-in-out infinite;pointer-events:none}.dark-band-inner{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.dark-band-inner>header{margin-bottom:var(--space-xl)}.dark-band-inner>header h2{font-size:36px;font-weight:800;letter-spacing:-0.025em;margin-bottom:var(--space-sm)}.dark-band-inner>header p{font-size:17px;color:var(--slate-400)}.dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.dark-card{background:rgba(42,52,65,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all .35s var(--ease-out)}.dark-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 30px rgba(109,92,255,.1);background:rgba(42,52,65,.8)}.dark-card h3{font-size:19px;font-weight:700;margin-bottom:10px}.dark-card p{font-size:14px;color:var(--slate-300);line-height:1.6}.alt-section{max-width:var(--max-width);margin:0 auto;padding:100px var(--space-lg)}.alt-row{display:flex;align-items:center;gap:72px}.alt-row.reverse{flex-direction:row-reverse}.alt-text{flex:1}.alt-text h2{font-size:34px;font-weight:800;letter-spacing:-0.02em;line-height:1.12;margin-bottom:var(--space-md)}.alt-text p{font-size:16px;color:var(--slate-500);line-height:1.65;margin-bottom:24px}.alt-text .checklist{margin-bottom:28px}.alt-visual{flex:1}.phone-wrap{position:relative}.phone-glow{position:absolute;inset:-40px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);border-radius:50%;filter:blur(40px);animation:phoneGlow 4s ease-in-out infinite alternate;z-index:0}.phone-frame{width:300px;margin:0 auto;background:var(--dark-800);border-radius:36px;padding:14px;box-shadow:0 40px 100px rgba(26,33,43,.25),0 0 0 1px rgba(255,255,255,.06) inset;position:relative;z-index:1;animation:phoneFloat 6s ease-in-out infinite}.phone-screen{background:var(--white);border-radius:24px;overflow:hidden}.phone-notch{height:28px;background:var(--dark-50);display:flex;align-items:center;justify-content:center}.phone-notch span{width:60px;height:6px;border-radius:3px;background:var(--dark-200)}.phone-app{padding:16px}.phone-app-header{font-size:14px;font-weight:700;color:var(--dark-800);margin-bottom:14px;display:flex;align-items:center;gap:6px}.phone-app-header i{color:var(--accent);font-style:normal}.wa-msg{border-radius:12px 12px 12px 2px;padding:12px 14px;margin-bottom:10px;font-size:12px;line-height:1.5;opacity:0;transform:translateY(20px) scale(.9);animation:msgCascade .6s var(--ease-out) forwards}.wa-msg:nth-child(1){background:var(--danger-soft);color:var(--dark-700);animation-delay:1s}.wa-msg:nth-child(2){background:var(--success-soft);color:var(--dark-700);animation-delay:1.6s}.wa-msg:nth-child(3){background:var(--success-soft);color:var(--dark-700);animation-delay:2.2s}.wa-msg .wa-bold{font-weight:700}.wa-msg .wa-red{color:var(--danger)}.wa-msg .wa-green{color:var(--success-dark)}.wa-time{text-align:right;font-size:9px;color:var(--slate-400);margin-top:4px}.faq{max-width:700px;margin:0 auto;padding:100px var(--space-lg)}.faq h2{font-size:32px;font-weight:800;letter-spacing:-0.02em;margin-bottom:40px;text-align:center}.faq-item{background:var(--slate-50);border:1px solid var(--slate-100);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:12px;transition:all .3s var(--ease-out)}.faq-item:hover{border-color:var(--accent);box-shadow:0 4px 20px rgba(109,92,255,.06);transform:translateY(-2px)}.faq-item h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--dark-800)}.faq-item p{font-size:15px;color:var(--slate-500);line-height:1.6}.cta{position:relative;overflow:hidden;background:var(--dark-800);color:var(--white);padding:var(--space-3xl) var(--space-lg);text-align:center}.cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 50%,rgba(109,92,255,.2) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 70% 50%,rgba(34,197,94,.1) 0%,transparent 50%);animation:ctaPulse 8s ease-in-out infinite alternate}.cta>*{position:relative;z-index:1}.cta h2{font-size:48px;font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-md);line-height:1.05}.cta p{font-size:18px;color:var(--slate-300);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:14px;justify-content:center}.footer{border-top:1px solid var(--dark-100)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand{font-size:18px;font-weight:800;margin-bottom:var(--space-sm);color:var(--dark-800)}.footer-brand i{color:var(--accent);font-style:normal}.footer-tagline{font-size:13px;color:var(--slate-400);line-height:1.5}.footer-col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dark-300);margin-bottom:14px}.footer-col a{display:block;font-size:14px;color:var(--slate-500);padding:4px 0;transition:color .2s,padding-left .2s}.footer-col a:hover{color:var(--accent);padding-left:4px}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg) 24px;font-size:12px;color:var(--slate-400)}.numbers{background:var(--slate-50);border-top:1px solid var(--dark-100);border-bottom:1px solid var(--dark-100)}.numbers-inner{max-width:var(--max-width);margin:0 auto;padding:40px var(--space-lg);display:flex;justify-content:space-between}.num{text-align:center;flex:1}.num-value{font-size:44px;font-weight:900;letter-spacing:-0.03em;line-height:1}.num-value.purple{color:var(--accent)}.num-value.green{color:var(--success)}.num-value.dark{color:var(--dark-800)}.num-label{font-size:13px;color:var(--slate-400);margin-top:6px;font-weight:500}.page-header{text-align:center;padding:80px var(--space-lg) 60px;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(109,92,255,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),linear-gradient(180deg,var(--tinted-white) 0%,var(--white) 100%);z-index:0}.page-header>*{position:relative;z-index:1}.page-header h1{font-size:48px;font-weight:800;letter-spacing:-0.035em;line-height:1.1;margin-bottom:var(--space-md)}.page-header p{font-size:18px;color:var(--slate-500);max-width:560px;margin:0 auto;line-height:1.6}.auth-wrapper{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:60px var(--space-lg);position:relative;overflow:hidden}.auth-wrapper::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 30%,rgba(109,92,255,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 70% 70%,rgba(34,197,94,.06) 0%,transparent 50%),linear-gradient(180deg,var(--tinted-white) 0%,var(--white) 100%);z-index:0}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--white);border:1px solid var(--dark-100);border-radius:var(--radius-xl);padding:40px;box-shadow:0 12px 40px rgba(26,33,43,.08)}.auth-header{text-align:center;margin-bottom:32px}.auth-header .nav-brand{font-size:24px;display:inline-block;margin-bottom:16px}.auth-header h1{font-size:24px;font-weight:800;letter-spacing:-0.02em;margin-bottom:8px}.auth-header p{font-size:14px;color:var(--slate-400)}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--dark-700)}.form-input{width:100%;padding:11px 14px;font-size:14px;font-family:var(--font-sans);color:var(--dark-800);background:var(--white);border:1.5px solid var(--dark-100);border-radius:var(--radius);outline:none;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--slate-300)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(109,92,255,.1)}.form-row{display:flex;align-items:center;justify-content:space-between}.form-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate-500);cursor:pointer}.form-checkbox input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.form-link{font-size:13px;color:var(--accent);font-weight:500;transition:color .2s}.form-link:hover{color:var(--accent-hover)}.auth-form .btn{width:100%;justify-content:center;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:16px;margin:4px 0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--dark-100)}.auth-divider span{font-size:12px;color:var(--slate-400);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.btn-social{width:100%;padding:11px 16px;font-size:14px;font-weight:600;font-family:var(--font-sans);background:var(--white);border:1.5px solid var(--dark-100);border-radius:var(--radius);color:var(--dark-700);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-social:hover{border-color:var(--dark-200);background:var(--slate-50)}.btn-social svg{width:18px;height:18px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--slate-400)}.auth-footer a{color:var(--accent);font-weight:600;transition:color .2s}.auth-footer a:hover{color:var(--accent-hover)}.auth-terms{text-align:center;font-size:12px;color:var(--slate-400);line-height:1.5;margin-top:8px}.auth-terms a{color:var(--slate-500);text-decoration:underline}@media (max-width:600px){.auth-card{padding:28px 24px}.auth-wrapper{padding:40px 16px}}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:var(--space-xl);padding:60px 24px 40px}.hero-text>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.dark-grid{grid-template-columns:1fr}.alt-row,.alt-row.reverse{flex-direction:column;gap:40px}.numbers-inner{flex-wrap:wrap;gap:24px}.num{min-width:140px}.footer-inner{grid-template-columns:1fr 1fr}.star,.orb{display:none}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.features-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-sidebar{display:none}}@media (max-width:600px){.hero-text h1{font-size:38px}.hero-actions{flex-direction:column;align-items:center}.btn-xl{width:100%}.cta h2{font-size:30px}.cta{padding:var(--space-2xl) 20px}.alt-section{padding:60px 20px}.numbers-inner{flex-direction:column;gap:20px}.num-value{font-size:36px}.footer-inner{grid-template-columns:1fr}.nav{padding:0 20px}.faq{padding:60px 20px}.page-header{padding:60px 20px 40px}.page-header h1{font-size:34px}}