@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--dark-blue:#000031;--kd-blue:navy;--kl-blue:#00f;--indigo:#6610f2;--purple:#8801c1;--pink:#e83e8c;--red:#e74a3b;--orange:#ffe109;--yellow:#f6c23e;--green:#3aa335;--teal:#20c9a6;--cyan:#36b9cc;--white:#fff;--gray:#858796;--gray-dark:#5a5c69;--primary:navy;--secondary:#858796;--success:#1cc88a;--info:#36b9cc;--warning:#f6c23e;--danger:#e74a3b;--light:#f8f9fc;--dark:#5a5c69}.bg-navbar{background-color:#d8d8ff!important}.nav-link,.nav-link-active{transition:color .3s,font-weight .2s;position:relative}.nav-link.active,.nav-link-active{color:var(--kd-blue)!important;font-weight:600!important}.nav-link:after,.nav-link-active:after{content:"";transform-origin:50%;background-color:var(--kd-blue);border-radius:2px;width:80%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-link.active:after,.nav-link-active:after,.nav-link:hover:after{transform:translate(-50%)scaleX(1)}.nav-link:hover{color:var(--kd-blue)}.footer{background-color:var(--dark-blue);color:#999}.widget-title{text-transform:uppercase;color:var(--white);border-left:3px solid var(--purple);padding-left:15px;font-size:18px;font-weight:700;position:relative}.text-orange{color:var(--orange)}.khubes-text-secondary{color:var(--purple)}.text-justify{text-align:justify}.text-primary{--bs-text-opacity:1;color:var(--primary)!important}.text-khubes-secondary{--bs-text-opacity:1;color:var(--purple)!important}.copyright{background:var(--kd-blue);color:var(--white);z-index:1;padding:5px 0;font-size:12px;font-weight:600;position:relative}.home-hero-section{color:#fff;background:url(/images/pexels-pixabay-280232.jpg) 50%/cover no-repeat;padding:50px 0;position:relative}.home-hero-section:before{content:"";z-index:1;background:linear-gradient(135deg,#000031e6 0%,#000050b3 40%,#00003180 100%);position:absolute;inset:0}.home-hero-section>*{z-index:2;position:relative}.bg-primary{background-color:var(--primary)!important}.pricing-card{transition:all .3s}.pricing-card:hover{transform:translateY(-5px)}.pricing-card:hover.shadow-sm{box-shadow:0 10px 25px #0000001a!important}.pricing-card:hover.shadow-lg{box-shadow:0 10px 25px #007bff4d!important}.pricing-card .btn{transition:all .2s}.pricing-card .btn:hover{transform:scale(1.02)}.dropdown-divider{border-top:1px solid #ffe109;height:0;margin:.5rem 0;overflow:hidden}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{color:#fff;background-color:navy}.badge-pending{color:#fff;background:orange}.badge-in-progress{color:#fff;background:#00f}.badge-completed{color:#fff;background:green}a.badge-primary:hover,a.badge-primary:focus{color:#fff;background-color:#2653d4}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem #4e73df80}.badge-secondary{color:#fff;background-color:#858796}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:#6b6d7d}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem #85879680}.badge-success{color:#fff;background-color:#1cc88a}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:#169b6b}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem #1cc88a80}.badge-info{color:#fff;background-color:#36b9cc}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:#2a96a5}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem #36b9cc80}.badge-warning{color:#fff;background-color:#f6c23e}a.badge-warning:hover,a.badge-warning:focus{color:#fff;background-color:#f4b30d}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem #f6c23e80}.badge-danger{color:#fff;background-color:#e74a3b}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:#d52a1a}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem #e74a3b80}.badge-light{color:#3a3b45;background-color:#f8f9fc}a.badge-light:hover,a.badge-light:focus{color:#3a3b45;background-color:#d4daed}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem #f8f9fc80}.badge-dark{color:#fff;background-color:#5a5c69}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:#42444e}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem #5a5c6980}.feat-strip{background-color:var(--kd-blue);padding:20px 0}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--kh-blue:#2563eb;--kh-blue-dark:#1d4ed8;--kh-blue-light:#eff6ff;--kh-blue-mid:#3b82f6;--kh-indigo:#4f46e5;--kh-teal:#0d9488;--kh-teal-light:#f0fdfa;--kh-amber:#f59e0b;--kh-amber-light:#fffbeb;--kh-navy:#0f172a;--kh-navy-mid:#1e293b;--kh-slate:#475569;--kh-muted:#94a3b8;--kh-gray:#f8fafc;--kh-border:#e2e8f0;--kh-white:#fff;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px #2563eb1a;--shadow-lg:0 20px 60px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--kh-navy);-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif}.kh-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--kh-border);z-index:1000;background:#fffffff5;transition:box-shadow .3s;position:sticky;top:0}.kh-navbar.scrolled{box-shadow:0 4px 24px #0000000f}.kh-logo{color:var(--kh-blue);letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none}.kh-logo em{color:var(--kh-navy);font-style:normal}.kh-nav-link{border-radius:8px;font-size:.93rem;font-weight:500;transition:color .2s,background .2s;color:var(--kh-slate)!important;padding:.45rem .85rem!important}.kh-nav-link:hover{background:var(--kh-blue-light);color:var(--kh-blue)!important}.btn-kh-primary{background:var(--kh-blue);border:none;border-radius:10px;padding:.55rem 1.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-block;color:#fff!important}.btn-kh-primary:hover{background:var(--kh-blue-dark);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d;color:#fff!important}.btn-kh-outline{border:2px solid var(--kh-blue);background:0 0;border-radius:10px;padding:.5rem 1.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;color:var(--kh-blue)!important}.btn-kh-outline:hover{background:var(--kh-blue);color:#fff!important}.btn-kh-ghost{background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;padding:.55rem 1.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;color:#fff!important}.btn-kh-ghost:hover{background:#ffffff38;color:#fff!important}.hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#0f2044 100%);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";background:radial-gradient(circle,#2563eb2e 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;right:-200px}.hero-section:after{content:"";background:radial-gradient(circle,#4f46e51f 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;left:5%}.hero-eyebrow{color:#93c5fd;letter-spacing:.5px;background:#2563eb26;border:1px solid #2563eb59;border-radius:50px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.4rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.hero-eyebrow .dot{background:#60a5fa;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{color:#fff;letter-spacing:-2px;margin-bottom:1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-title .accent{background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#ffffffa6;max-width:520px;margin-bottom:2.2rem;font-size:1.08rem;line-height:1.75}.hero-stats{border-top:1px solid #ffffff1a;gap:2rem;margin-top:2.5rem;padding-top:2rem;display:flex}.hero-stat-val{color:#60a5fa;font-family:Plus Jakarta Sans,sans-serif;font-size:1.9rem;font-weight:800;line-height:1}.hero-stat-label{color:#ffffff73;margin-top:3px;font-size:.78rem;font-weight:500}.hero-dash-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:1.8rem;position:relative}.hero-dash-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.dash-live-dot{color:#86efac;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.dash-live-dot:before{content:"";background:#86efac;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.dash-stat-row{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem;display:grid}.dash-stat-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:.8rem}.dash-stat-box-val{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800}.dash-stat-box-label{color:#ffffff61;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.65rem}.prop-list-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:.7rem;padding:.65rem 0;display:flex}.prop-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:flex}.prop-name{color:#fffc;font-size:.82rem;font-weight:600}.prop-units{color:#ffffff61;font-size:.7rem}.prop-status{border-radius:20px;margin-left:auto;padding:2px 9px;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:700}.float-card{color:var(--kh-navy);background:#fff;border-radius:14px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.82rem;font-weight:600;animation:4s ease-in-out infinite floatY;display:flex;position:absolute;box-shadow:0 8px 30px #0003}.float-card-2{animation-delay:2s}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-tag{background:var(--kh-blue-light);color:var(--kh-blue-dark);letter-spacing:1px;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;margin-bottom:1rem;padding:.35rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;display:inline-flex}.section-tag.teal{background:var(--kh-teal-light);color:var(--kh-teal)}.section-tag.amber{background:var(--kh-amber-light);color:var(--kh-amber)}.section-tag.dark{color:#93c5fd;background:#2563eb26}.section-title{color:var(--kh-navy);letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.15}.section-title .blue{color:var(--kh-blue)}.section-sub{color:var(--kh-slate);max-width:540px;font-size:1.02rem;line-height:1.72}.py-section{padding:6rem 0}.features-section{background:var(--kh-gray)}.feature-card{border-radius:var(--radius);border:1px solid var(--kh-border);background:#fff;height:100%;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.feature-card:after{content:"";border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--kh-blue);opacity:0;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-card:hover:after{opacity:1}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.1rem;font-size:1.5rem;display:flex}.feature-card h4{color:var(--kh-navy);margin-bottom:.55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--kh-slate);margin-bottom:1.1rem;font-size:.88rem;line-height:1.65}.feature-badge{border-radius:20px;padding:2px 9px;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:700;display:inline-block}.how-section{background:var(--kh-navy)}.step-wrap{text-align:center}.step-num-label{color:#60a5fa;letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700}.step-circle{background:#2563eb26;border:2px solid #2563eb59;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1rem;font-size:1.8rem;transition:all .3s;display:flex}.step-wrap:hover .step-circle{border-color:var(--kh-blue);background:#2563eb47;box-shadow:0 0 0 8px #2563eb14}.step-wrap h5{color:#fff;margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.step-wrap p{color:#ffffff80;font-size:.86rem;line-height:1.65}.audience-section{background:#fff}.audience-tab-btns{background:var(--kh-gray);border-radius:12px;gap:.5rem;padding:4px;display:flex}.aud-tab{cursor:pointer;color:var(--kh-slate);background:0 0;border:none;border-radius:9px;padding:.55rem 1.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s}.aud-tab.active{color:var(--kh-blue);background:#fff;box-shadow:0 2px 8px #00000014}.aud-pane{display:none}.aud-pane.active{display:flex}.aud-feature-item{align-items:flex-start;gap:.9rem;margin-bottom:1.2rem;display:flex}.aud-feat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.aud-feat-title{color:var(--kh-navy);margin-bottom:3px;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700}.aud-feat-desc{color:var(--kh-slate);font-size:.84rem;line-height:1.6}.pricing-section{background:var(--kh-gray)}.pricing-card{border-radius:var(--radius);border:2px solid var(--kh-border);background:#fff;height:100%;padding:2rem;transition:all .3s;position:relative}.pricing-card.popular{border-color:var(--kh-blue);box-shadow:0 0 0 4px #2563eb14}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.popular-badge{background:var(--kh-blue);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:20px;padding:3px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-amount{color:var(--kh-navy);font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;line-height:1}.price-period{color:var(--kh-muted);font-size:.85rem}.price-feature{color:var(--kh-slate);align-items:flex-start;gap:8px;margin-bottom:.6rem;font-size:.86rem;display:flex}.price-feature:before{content:"✓";color:var(--kh-blue);flex-shrink:0;font-weight:700}.price-feature.gray{color:var(--kh-muted)}.price-feature.gray:before{content:"—";color:var(--kh-muted)}.testimonial-card{border-radius:var(--radius);border:1px solid var(--kh-border);background:#fff;height:100%;padding:1.8rem;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.t-stars{color:var(--kh-amber);margin-bottom:.8rem;font-size:.88rem}.t-text{color:var(--kh-slate);margin-bottom:1.2rem;font-size:.9rem;font-style:italic;line-height:1.72}.t-author{align-items:center;gap:.75rem;display:flex}.t-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;display:flex}.t-name{color:var(--kh-navy);font-family:Plus Jakarta Sans,sans-serif;font-size:.86rem;font-weight:700}.t-role{color:var(--kh-muted);font-size:.76rem}.app-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative;overflow:hidden}.app-section:before{content:"";background:radial-gradient(circle,#2563eb26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-100px}.store-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 1.4rem;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.store-btn:hover{color:#fff;background:#ffffff29;transform:translateY(-2px)}.store-label{opacity:.65;font-size:.68rem}.store-name{font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700}.cta-section{background:linear-gradient(135deg, var(--kh-blue-dark) 0%, var(--kh-indigo) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff12 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.btn-cta-white{background:#fff;border:none;border-radius:12px;padding:.85rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;color:var(--kh-blue-dark)!important}.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;color:var(--kh-blue-dark)!important}.kh-footer{background:var(--kh-navy);color:#ffffff8c;font-size:.87rem}.footer-logo{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800}.footer-logo span{color:#60a5fa}.footer-link{color:#ffffff80;margin-bottom:.5rem;font-size:.86rem;text-decoration:none;transition:color .2s;display:block}.footer-link:hover{color:#60a5fa}.footer-col-title{letter-spacing:.5px;color:#ffffff59;text-transform:uppercase;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700}.social-icon{color:#ffffff80;background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:6px;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.social-icon:hover{background:var(--kh-blue);color:#fff;border-color:var(--kh-blue)}.footer-divider{border-color:#ffffff14!important}.whatsapp-fab{color:#fff;z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 24px #25d36666}.whatsapp-fab:hover{color:#fff;transform:scale(1.08)}