:root{--primary-blue:#0a84ff;--glow-cyan:#00f0ff;--bg-dark:#070b14;--surface-dark:#121a2f;--glass-border:#ffffff14;--glass-bg:#121a2f80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:var(--bg-dark);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--bg-dark);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;pointer-events:none;border-radius:50%;width:600px;height:600px;position:fixed}body:before{background:#0a84ff26;animation:12s ease-in-out infinite orbFloat1;top:-100px;left:-100px}body:after{background:#00f0ff14;animation:15s ease-in-out infinite orbFloat2;bottom:-200px;right:10%}@keyframes orbFloat1{0%,to{opacity:.8;transform:translate(0)scale(1)}33%{opacity:1;transform:translate(80px,60px)scale(1.15)}66%{opacity:.7;transform:translate(-40px,100px)scale(.95)}}@keyframes orbFloat2{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-100px,-80px)scale(1.2)}}#root{width:100%;height:100vh;display:flex}.glass-panel{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#1e293b99 0%,#0f172acc 100%);border:1px solid #ffffff05;border-color:#ffffff26 #ffffff05 #ffffff05 #ffffff1a;border-radius:20px;box-shadow:0 15px 35px #0000004d,inset 0 0 0 1px #ffffff0d}.nav-link{color:#fff9;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#ffffff08}.nav-link.active{color:var(--glow-cyan);border-left:3px solid var(--glow-cyan);background:#0a84ff1a;border-radius:4px 12px 12px 4px}*{box-sizing:border-box}@media (width<=768px){section[style*="display: grid"],div[style*="display: grid"]{grid-template-columns:1fr!important}section[style*="display: flex"],div[style*="display: flex"]{flex-wrap:wrap!important}.glass-panel{width:100%!important;margin-bottom:20px!important;padding:20px!important}.nav-link{justify-content:center;padding:10px}.nav-link span{display:none}h2{font-size:22px!important}h3{font-size:18px!important}p,td,th{font-size:12px!important}table{white-space:nowrap;display:block;overflow-x:auto}}html{scroll-behavior:smooth}.landing-container{background-color:var(--bg-dark);flex-direction:column;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.nav-glass{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#070b14bf;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:16px 48px;transition:background .3s;display:flex;position:fixed;top:0}.logo-text{letter-spacing:.5px;color:#fff;cursor:pointer;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:900;display:flex}.logo-badge{color:#fff;background:linear-gradient(135deg,#0a84ff,#00d4ff);border-radius:8px;padding:3px 10px;font-size:20px;font-weight:900;box-shadow:0 0 18px #0a84ff66}.nav-buttons{align-items:center;gap:8px;display:flex}.btn-ghost{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s}.btn-ghost:hover{color:#fff;background:#ffffff0f}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a84ff,#06c);border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;box-shadow:0 4px 20px #0a84ff59}.btn-primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 30px #0a84ff8c}.btn-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.hero-section{justify-content:space-between;align-items:center;gap:48px;min-height:100vh;padding:120px 8% 80px;display:flex;position:relative}.hero-bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#0a84ff1f 0%,#0000 70%);width:700px;height:700px;animation:8s infinite alternate pulseGlow;position:absolute;top:30%;left:25%;transform:translate(-50%,-50%)}.hero-content{z-index:2;flex-shrink:0;max-width:620px}.hero-title{letter-spacing:-2px;color:#fff;margin:0 0 24px;font-size:clamp(40px,5.5vw,72px);font-weight:900;line-height:1.08}.text-gradient{background:linear-gradient(135deg,#0a84ff,#00d4ff,#88c2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-subtitle{color:#94a3b8;margin:0 0 40px;font-size:18px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.hero-badges{gap:32px;margin-top:48px;display:flex}.hero-badge{flex-direction:column;display:flex}.hero-badge-number{color:var(--glow-cyan);font-size:28px;font-weight:900}.hero-badge-label{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:12px}.hero-mockups{z-index:2;flex-shrink:0;width:620px;height:480px;position:relative}.laptop-frame{background:#1a1f2c;border:3px solid #334155;border-radius:12px 12px 0 0;width:580px;height:370px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080}.laptop-frame img{object-fit:cover;object-position:top left;width:100%;height:100%}.laptop-base{background:linear-gradient(#334155,#1e293b);border-radius:0 0 8px 8px;width:640px;height:20px;margin-left:-30px;position:relative}.laptop-base:before{content:"";background:#475569;border-radius:0 0 4px 4px;width:80px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-frame{background:#0f172a;border:3px solid #334155;border-radius:20px;width:160px;height:320px;animation:5s ease-in-out infinite floatPhone;position:absolute;bottom:20px;right:-20px;overflow:hidden;box-shadow:0 20px 50px #00000080}.phone-frame:before{content:"";z-index:10;background:#334155;border-radius:4px;width:50px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-frame img{object-fit:cover;object-position:top;width:100%;height:100%}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section-label{color:var(--primary-blue);letter-spacing:2px;text-transform:uppercase;background:#0a84ff1a;border:1px solid #0a84ff33;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.features-container{z-index:1;flex-direction:column;align-items:center;padding:100px 8%;display:flex;position:relative}.section-title{color:#fff;text-align:center;margin:0 0 16px;font-size:clamp(32px,4vw,48px);font-weight:900}.section-desc{color:#94a3b8;text-align:center;max-width:600px;margin:0 0 64px;font-size:18px;line-height:1.6}.grid-bento{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1200px;display:grid}.bento-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b59;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;padding:36px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";filter:blur(40px);opacity:0;background:#0a84ff0f;border-radius:50%;width:160px;height:160px;transition:opacity .4s;position:absolute;top:-80px;right:-80px}.bento-card:hover{background:#1e293bb3;border-color:#ffffff1f;transform:translateY(-6px)}.bento-card:hover:before{opacity:1}.bento-icon{background:#0a84ff1a;border:1px solid #0a84ff26;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.bento-card h3{color:#fff;margin:0 0 12px;font-size:20px;font-weight:700}.bento-card p{color:#94a3b8;margin:0;font-size:15px;line-height:1.65}.app-section{align-items:center;gap:80px;padding:100px 8%;display:flex;position:relative}.app-section-content{flex:1}.app-features-list{flex-direction:column;gap:16px;margin:32px 0 0;padding:0;list-style:none;display:flex}.app-features-list li{color:#cbd5e1;align-items:center;gap:14px;font-size:16px;display:flex}.check-icon{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc7133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.app-phone-showcase{background:#0f172a;border:4px solid #334155;border-radius:36px;flex-shrink:0;width:280px;height:560px;animation:6s ease-in-out infinite floatPhone;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006,0 0 0 1px #ffffff0d}.app-phone-showcase:before{content:"";z-index:10;background:#334155;border-radius:4px;width:60px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.app-phone-showcase img{object-fit:cover;width:100%;height:100%}.pricing-section{flex-direction:column;align-items:center;padding:100px 8%;display:flex;position:relative}.pricing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#1e293b99,#0f172ad9);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:640px;padding:48px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.pricing-card:before{content:"";filter:blur(60px);background:#0a84ff14;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-100px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header h3{color:#fff;margin:0 0 8px;font-size:28px}.pricing-header p{color:#94a3b8;margin:0}.pricing-breakdown{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.pricing-row{background:#0003;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pricing-row-label{color:#cbd5e1;font-size:15px}.pricing-row-value{color:#fff;font-size:18px;font-weight:700}.slider-container{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:16px 20px}.slider-label{justify-content:space-between;margin-bottom:12px;display:flex}.slider-label span:first-child{color:#cbd5e1;font-size:15px}.slider-label span:last-child{color:var(--glow-cyan);font-weight:700}.price-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:6px}.price-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#0a84ff,#00d4ff);border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #0a84ff99}.price-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#0a84ff,#00d4ff);border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #0a84ff99}.pricing-divider{background:#ffffff14;height:1px;margin:24px 0}.pricing-total{justify-content:space-between;align-items:baseline;margin-bottom:32px;display:flex}.pricing-total-label{color:#fff;font-size:16px;font-weight:700}.pricing-total-value{color:var(--glow-cyan);font-size:42px;font-weight:900}.pricing-total-currency{color:var(--primary-blue);margin-left:4px;font-size:18px}.pricing-total-period{color:#64748b;margin-left:4px;font-size:14px}.contact-section{flex-direction:column;align-items:center;padding:100px 8%;display:flex}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;width:100%;max-width:1000px;display:grid}.contact-info{flex-direction:column;justify-content:center;gap:24px;display:flex}.contact-item{align-items:flex-start;gap:16px;display:flex}.contact-icon{background:#0a84ff1a;border:1px solid #0a84ff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.contact-item h4{color:#fff;margin:0 0 4px;font-size:16px}.contact-item p{color:#94a3b8;margin:0;font-size:14px}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:16px;padding:36px;display:flex}.form-input,.form-textarea{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0a84ff1a}.form-input::placeholder,.form-textarea::placeholder{color:#475569}.form-textarea{resize:vertical;min-height:120px}.landing-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:48px 8%;font-size:14px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:#64748b;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}@keyframes pulseGlow{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.nav-glass{padding:14px 24px}.hero-section{text-align:center;flex-direction:column;gap:40px;padding:120px 6% 60px}.hero-content{max-width:100%}.hero-cta,.hero-badges{justify-content:center}.hero-mockups{width:400px;height:340px}.laptop-frame{width:380px;height:245px}.laptop-base{width:430px;margin-left:-25px}.phone-frame{width:110px;height:220px;bottom:10px;right:-10px}.grid-bento{grid-template-columns:repeat(2,1fr)}.app-section{text-align:center;flex-direction:column;gap:48px}.contact-grid{grid-template-columns:1fr}}@media (width<=640px){.nav-glass{padding:12px 16px}.nav-buttons .btn-ghost{display:none}.hero-section{padding:100px 5% 40px}.hero-title{letter-spacing:-1px;font-size:36px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn-primary,.hero-cta .btn-secondary{justify-content:center;width:100%}.hero-mockups{width:300px;height:260px}.laptop-frame{width:280px;height:180px}.laptop-base{width:320px;margin-left:-20px}.phone-frame{width:90px;height:180px;bottom:5px;right:-10px}.hero-badges{flex-direction:column;align-items:center;gap:16px}.grid-bento{grid-template-columns:1fr}.features-container,.pricing-section,.contact-section{padding:60px 5%}.section-title{font-size:28px}.pricing-card{padding:28px}.pricing-total-value{font-size:32px}.bento-card{padding:28px}.app-phone-showcase{width:220px;height:440px}.landing-footer{text-align:center;flex-direction:column;gap:16px}}