*{box-sizing:border-box;margin:0;padding:0}:root{--dhruva-navy:#082d55;--dhruva-green:#5ca60c;--white:#fff;--text:#526477}html{scroll-behavior:smooth}body{color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}button,a{font-family:inherit}.navbar{z-index:1000;background:0 0;width:100%;padding:26px 0;transition:background .35s,padding .35s,box-shadow .35s;position:fixed;top:0;left:0}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;padding:16px 0;box-shadow:0 4px 25px #00000012}.navbar-container{justify-content:space-between;align-items:center;width:min(92%,1400px);margin:auto;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo img{width:150px;height:auto;display:block}.nav-links{align-items:center;gap:44px;display:flex}.nav-links a{color:#082d55;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:#63c928;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:#63c928}.nav-links a:hover:after{width:100%}.menu-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:0;display:none}.menu-button span{background:#082d55;width:25px;height:2px;transition:transform .3s,opacity .3s;display:block}.menu-button.menu-open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button.menu-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-nav{display:none}@media (width<=768px){.navbar{padding:20px 0}.navbar-scrolled{padding:14px 0}.navbar-container{width:88%}.logo img{width:125px}.nav-links{display:none}.menu-button{display:flex}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#fffffffa;flex-direction:column;width:100%;padding:10px 6% 25px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 15px 30px #00000014}.mobile-nav-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{color:#082d55;border-bottom:1px solid #e8edf0;padding:17px 0;font-size:15px;font-weight:600;text-decoration:none}.mobile-nav a:last-child{border-bottom:none}}.hero-label{color:#082d55;letter-spacing:4px;margin:0 0 22px;font-size:13px;font-weight:700}.hero h1{color:#082d55;letter-spacing:-5px;max-width:700px;margin:0;font-size:clamp(58px,7vw,105px);font-weight:700;line-height:.94}.hero-button span{color:#63c928;font-size:20px;line-height:1}.hero-button:hover span{color:#fff}.scroll-indicator{color:#082d55;letter-spacing:2px;z-index:3;flex-direction:column;align-items:center;gap:9px;font-size:9px;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.scroll-line{background:#082d55;width:1px;height:38px;animation:1.8s ease-in-out infinite scrollLine}@keyframes scrollLine{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=768px){.hero{background-position:67%;align-items:flex-start}.hero-overlay{background:linear-gradient(#ffffffeb 0%,#ffffffb8 38%,#ffffff26 72%,#fff0 100%)}.hero-content{width:88%;padding-top:150px}.hero-label{letter-spacing:3px;margin-bottom:18px;font-size:11px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,14vw,68px);line-height:.96}.hero-description{max-width:330px;margin:24px 0 28px;font-size:15px;line-height:1.65}.hero-button{padding:14px 22px;font-size:12px}@media (width<=768px){.scroll-indicator{bottom:22px}}}.about-image{width:100%;height:560px;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.about-label{color:#63c928;letter-spacing:3px;margin:0 0 22px;font-size:12px;font-weight:700}.about-content h2{color:#082d55;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(44px,4.5vw,68px);font-weight:700;line-height:1.04}.about-content p{color:#526477;max-width:520px;margin:0 0 18px;font-size:16px;line-height:1.8}.about-link{color:#082d55;letter-spacing:1px;align-items:center;gap:18px;margin-top:18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.about-link span{color:#63c928;font-size:20px;transition:transform .3s}.about-link:hover span{transform:translate(6px)}@media (width<=768px){.about-section{padding:90px 0}.about-container{grid-template-columns:1fr;gap:50px;width:88%}.about-image{height:400px}.about-content h2{letter-spacing:-2px;font-size:46px}}.contact-content{max-width:500px}.contact-label{color:#63c928;letter-spacing:3px;margin:0 0 22px;font-size:12px;font-weight:700}.contact-content h2{color:#082d55;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(52px,5vw,78px);font-weight:700;line-height:.98}.contact-content h2 span{color:#63c928}.contact-description{color:#526477;max-width:430px;margin:0 0 32px;font-size:16px;line-height:1.8}.contact-details{flex-direction:column;gap:25px;display:flex}.contact-detail{flex-direction:column;gap:7px;display:flex}.contact-detail span{color:#63c928;letter-spacing:2px;font-size:10px;font-weight:700}.contact-detail a,.contact-detail p{color:#082d55;margin:0;font-size:15px;text-decoration:none}.contact-detail a:hover{color:#63c928}.contact-form{width:100%;margin-top:25px}@media (width<=768px){.contact-section{padding:90px 0}.contact-container{grid-template-columns:1fr;gap:60px;width:88%}.contact-content h2{letter-spacing:-2px;font-size:50px}.form-row{grid-template-columns:1fr;gap:0}}.app{min-height:100vh}.hero{background-image:url(/images/hero-bus.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{pointer-events:none;background:linear-gradient(90deg,#ffffffb8 0%,#ffffff52 38%,#fff0 65%);position:absolute;inset:0}.hero-content{z-index:2;width:min(92%,1400px);margin:auto;padding-top:80px;position:relative}.hero-label{color:#12345b;letter-spacing:4px;margin-bottom:22px;font-size:13px;font-weight:700}.hero h1{color:#082d55;letter-spacing:-4px;margin:0;font-size:clamp(55px,6.5vw,100px);font-weight:700;line-height:.95}.hero h1 span{color:#63c928}.hero-description{color:#263c52;max-width:470px;margin:30px 0;font-size:17px;line-height:1.7}.hero-button{color:#fff;letter-spacing:.5px;background:#63c928;align-items:center;gap:24px;padding:16px 25px;font-size:13px;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex}.hero-button span{font-size:20px;line-height:0}.hero-button:hover{background:#4faa1d;transform:translateY(-3px)}.placeholder-section{background:#fff;justify-content:center;align-items:center;min-height:70vh;display:flex}.placeholder-section h2{color:#111;font-size:56px}.about-section{background:#fff;padding:140px 0}.about-container{grid-template-columns:1.05fr .95fr;align-items:center;gap:100px;width:min(88%,1280px);margin:auto;display:grid}.about-image{height:560px;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.about-image:hover img{transform:scale(1.03)}.about-content{max-width:540px}.section-label{color:#63c928;letter-spacing:3px;margin-bottom:22px;font-size:12px;font-weight:700}.about-content h2{color:#082d55;letter-spacing:-2.5px;margin:0 0 30px;font-size:clamp(42px,4.5vw,68px);line-height:1.05}.about-content h2 span{color:#63c928}.about-content p:not(.section-label){color:#526477;margin-bottom:18px;font-size:16px;line-height:1.8}.text-link{color:#082d55;letter-spacing:1px;align-items:center;gap:18px;margin-top:20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.text-link span{color:#63c928;font-size:20px;transition:transform .3s}.text-link:hover span{transform:translate(6px)}.vision-section{color:#fff;background:#082d55;padding:140px 0}.vision-container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:120px;width:min(88%,1280px);margin:auto;display:grid}.vision-heading .section-label{color:#63c928}.vision-heading h2{letter-spacing:-3px;margin:0;font-size:clamp(48px,5vw,76px);font-weight:700;line-height:1}.vision-heading h2 span{color:#63c928}.vision-content{flex-direction:column;display:flex}.vision-item{grid-template-columns:70px 1fr;align-items:start;gap:30px;display:grid}.vision-number{color:#63c928;letter-spacing:2px;padding-top:7px;font-size:13px;font-weight:700}.vision-item h3{margin:0 0 15px;font-size:30px;font-weight:600}.vision-item p{color:#ffffffad;max-width:540px;margin:0;font-size:16px;line-height:1.8}.vision-divider{background:#ffffff26;width:100%;height:1px;margin:45px 0}.careers-content h2{color:#082d55;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(48px,5vw,76px);line-height:1}.careers-description{color:#526477;max-width:470px;margin-bottom:32px;font-size:16px;line-height:1.8}.careers-button span{color:#63c928;font-size:20px}.careers-image{height:560px;overflow:hidden}.careers-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.contact-section{background:#fff;padding:140px 0}.contact-container{grid-template-columns:.8fr 1.2fr;align-items:start;gap:120px;width:min(88%,1280px);margin:auto;display:grid}.contact-heading{max-width:500px}.contact-heading h2{color:#082d55;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(52px,5vw,78px);line-height:.98}.contact-heading h2 span{color:#63c928}.contact-heading>p:last-child{color:#526477;max-width:430px;font-size:16px;line-height:1.8}.contact-form{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.form-group{flex-direction:column;margin-bottom:25px;display:flex}.form-group label{color:#082d55;letter-spacing:1px;margin-bottom:9px;font-size:12px;font-weight:700}.form-group input,.form-group textarea{color:#082d55;resize:vertical;background:0 0;border:none;border-bottom:1px solid #ccd5dc;outline:none;width:100%;padding:15px 0;font-family:inherit;font-size:15px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#63c928}.form-group input::placeholder,.form-group textarea::placeholder{color:#9aa7b2}.submit-button{color:#fff;letter-spacing:.5px;cursor:pointer;background:#082d55;border:none;align-items:center;gap:22px;margin-top:10px;padding:16px 26px;font-size:13px;font-weight:700;transition:background .3s,transform .3s;display:inline-flex}.submit-button span{color:#63c928;font-size:20px}.submit-button:hover{background:#63c928;transform:translateY(-3px)}.submit-button:hover span{color:#fff}.footer-brand img{width:145px;height:auto}.footer-brand p{color:#fff9;max-width:300px;margin-top:20px;font-size:14px;line-height:1.7}@media (width<=768px){.hero{background-position:68%;min-height:100svh}.hero-overlay{background:linear-gradient(90deg,#ffffffe6 0%,#ffffffa6 60%,#ffffff1a 100%)}.hero-content{padding-top:100px}.hero h1{letter-spacing:-2px;font-size:clamp(48px,13vw,70px)}.hero-description{max-width:350px;font-size:15px}.about-section{padding:90px 0}.about-container{grid-template-columns:1fr;gap:50px}.about-image{height:400px}.about-content h2{font-size:45px}.vision-section{padding:90px 0}.vision-container{grid-template-columns:1fr;gap:70px}.vision-heading h2{font-size:48px}.vision-item{grid-template-columns:45px 1fr;gap:15px}.vision-item h3{font-size:25px}.careers-section{padding:90px 0}.careers-container{grid-template-columns:1fr;gap:50px}.careers-content h2{font-size:48px}.careers-image{height:400px}.contact-section{padding:90px 0}.contact-container{grid-template-columns:1fr;gap:60px}.contact-heading h2{font-size:50px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding-top:55px}.footer-container{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;gap:25px}.footer-bottom{flex-direction:column;gap:10px}}.careers-section{background:#f4f7f8;padding:140px 0}.careers-container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;width:min(88%,1280px);margin:auto;display:grid}.careers-content{max-width:520px}.careers-label{color:#63c928;letter-spacing:3px;margin:0 0 22px;font-size:12px;font-weight:700}.careers-content h2{color:#082d55;letter-spacing:-3px;margin:0 0 30px;font-size:clamp(48px,5vw,76px);font-weight:700;line-height:1}.careers-content h2 span{color:#63c928}.careers-description{color:#526477;max-width:470px;margin:0 0 32px;font-size:16px;line-height:1.8}.careers-button{color:#fff;letter-spacing:.5px;background:#082d55;align-items:center;gap:22px;padding:16px 26px;font-size:13px;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex}.careers-button span{color:#63c928;font-size:20px;line-height:1}.careers-button:hover{background:#63c928;transform:translateY(-3px)}.careers-button:hover span{color:#fff}.careers-image{width:100%;height:560px;overflow:hidden}.careers-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.careers-image:hover img{transform:scale(1.03)}@media (width<=768px){.careers-section{padding:90px 0}.careers-container{grid-template-columns:1fr;gap:50px;width:88%}.careers-content h2{letter-spacing:-2px;font-size:48px}.careers-image{height:400px}}.footer{color:#fff;background:#061f3a;padding:70px 0 25px}.footer-container{justify-content:space-between;align-items:flex-start;width:min(88%,1280px);margin:auto;padding-bottom:60px;display:flex}.footer-brand{max-width:320px}.footer-logo{background:#fff;align-items:center;padding:10px 16px;display:inline-flex}.footer-logo img{width:145px;height:auto;display:block}.footer-brand p{color:#fff9;max-width:290px;margin:20px 0 0;font-size:14px;line-height:1.7}.footer-links{gap:35px;display:flex}.footer-links a{color:#fff;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#63c928}.footer-bottom{color:#ffffff73;border-top:1px solid #ffffff1f;justify-content:space-between;width:min(88%,1280px);margin:auto;padding-top:22px;font-size:12px;display:flex}@media (width<=768px){.footer{padding-top:55px}.footer-container{flex-direction:column;gap:40px;width:88%;padding-bottom:45px}.footer-links{flex-wrap:wrap;gap:25px}.footer-bottom{flex-direction:column;gap:10px;width:88%}}.products-section{background-image:url(/images/products-bg.webp);background-position:50%;background-size:cover;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.products-overlay{background:linear-gradient(90deg,#fffffff5 0%,#ffffffe0 35%,#ffffff26 70%,#0000000d 100%);position:absolute;inset:0}.products-content{z-index:2;width:min(88%,1280px);margin:auto;padding:120px 0;position:relative}.products-label{color:#63c928;letter-spacing:3px;margin:0 0 20px;font-size:12px;font-weight:700}.products-content h2{color:#082d55;letter-spacing:-4px;margin:0 0 28px;font-size:clamp(52px,6vw,82px);font-weight:700;line-height:.98}.products-content h2 span{color:#63c928}.products-description{color:#526477;max-width:470px;margin:0 0 35px;font-size:16px;line-height:1.8}.coming-soon{color:#082d55;letter-spacing:2px;background:#ffffffbf;border:1px solid #63c928;padding:15px 25px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=768px){.products-section{background-position:65%;min-height:75vh}.products-overlay{background:linear-gradient(90deg,#fffffff2,#ffffffb8)}.products-content{width:88%;padding:100px 0}.products-content h2{letter-spacing:-2px;font-size:50px}.products-description{font-size:15px}}.solutions-section{background:#fff;width:100%;overflow:hidden}.solutions-hero{background-image:linear-gradient(90deg,#fff 0%,#fffffffa 25%,#ffffffc7 42%,#ffffff0d 70%),url(/images/integrated-ev-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;align-items:center;width:100%;min-height:620px;display:flex;position:relative}.solutions-content{z-index:2;width:min(88%,1280px);max-width:1280px;margin:0 auto;padding:90px 0;position:relative}.solutions-label{color:#63c928;letter-spacing:3px;margin:0 0 24px;font-size:12px;font-weight:700}.solutions-content h2{color:#082d55;letter-spacing:-3px;margin:0 0 32px;font-size:clamp(48px,5vw,72px);font-weight:700;line-height:1.03}.solutions-content h2 span{color:#63c928}.solutions-description{color:#526477;max-width:500px;margin:0 0 30px;font-size:16px;line-height:1.8}.solutions-link{color:#082d55;letter-spacing:1px;align-items:center;gap:22px;margin-top:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.solutions-link span{color:#63c928;font-size:23px;transition:transform .3s}.solutions-link:hover span{transform:translate(7px)}.solutions-flow{border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;width:min(88%,1280px);margin:0 auto;padding:28px 0 30px;display:grid}.solution-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:175px;transition:transform .3s;display:flex}.solution-item:hover{transform:translateY(-4px)}.solution-image{justify-content:center;align-items:center;width:145px;height:105px;margin-bottom:8px;display:flex;overflow:visible}.solution-image img{object-fit:contain;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.solution-item:hover .solution-image img{transform:scale(1.04)}.solution-number{color:#63c928;margin-bottom:7px;font-size:18px;font-weight:700;line-height:1}.solution-line{background:#63c928;width:32px;height:2px;margin-bottom:8px}.solution-item p{color:#082d55;letter-spacing:.2px;margin:0;font-size:13px;font-weight:700;line-height:1.35}.solution-arrow{color:#63c928;padding:0 22px;font-size:28px;font-weight:300;line-height:1;transition:transform .3s;transform:translateY(-7px)}.solution-arrow:hover{transform:translate(5px,-7px)}.solutions-bottom{text-align:center;padding:38px 20px 80px}.solutions-bottom h3{color:#082d55;letter-spacing:-1.5px;margin:0;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.25}.solutions-bottom h3 span{color:#63c928}.solutions-line{background:#63c928;width:55px;height:2px;margin:25px auto 0}@media (width<=1000px){.solutions-hero{background-position:65%;min-height:600px}.solutions-content{padding:80px 0}.solutions-flow{width:92%}.solution-image{width:120px;height:95px}.solution-arrow{padding:0 10px}}@media (width<=768px){.solutions-hero{background-image:linear-gradient(#fff0 0%,#ffffff89 35%,#ffffffab 52%,#ffffff95 72%,#ffffff0d 100%),url(/images/integrated-ev-bg.webp);background-position:72% bottom;background-repeat:no-repeat;background-size:auto 100%;height:auto;min-height:0;display:block}.solutions-content{z-index:2;width:88%;margin:0 auto;padding:48px 0 105px;position:relative}.solutions-label{letter-spacing:2.5px;margin-bottom:18px;font-size:10px}.solutions-content h2{letter-spacing:-2px;max-width:310px;margin-bottom:22px;font-size:42px;line-height:1.02}.solutions-description{max-width:285px;margin-bottom:22px;font-size:14px;line-height:1.65}.solutions-link{z-index:3;gap:16px;margin-top:5px;font-size:11px;position:relative}.solutions-link span{font-size:20px}.solutions-flow{border-top:none;grid-template-columns:1fr 1fr;gap:0;width:88%;padding:10px 0 20px}.solution-item{border-bottom:1px solid #edf1f4;min-height:155px;padding:14px 6px}.solution-arrow{display:none}.solution-image{width:115px;height:82px;margin-bottom:5px}.solution-number{margin-bottom:5px;font-size:15px}.solution-line{width:26px;height:2px;margin-bottom:6px}.solution-item p{letter-spacing:.3px;font-size:10px;line-height:1.3}.solutions-bottom{padding:35px 20px 55px}.solutions-bottom h3{font-size:27px;line-height:1.2}.solutions-line{margin-top:18px}}
