*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth;background:#0d1117}body{color:#e6edf3;background:#0d1117;width:100%;min-height:100vh;font-family:Segoe UI,sans-serif;overflow-x:hidden}#root{background:#0d1117;flex-direction:column;width:100%;min-height:100vh;display:flex}:root{--dark:#0d1117;--dark2:#1b2433;--dark3:#252f3f;--accent:#58a6ff;--accent2:#3fb950;--text:#e6edf3;--text2:#c9d1d9;--border:#58a6ff26;--radius:10px}main{flex:1;padding-top:0}.mobile-menu{display:none}@media (width<=768px){body{padding-bottom:80px}}.brand-logo{width:auto;height:clamp(32px,4vw,48px);transition:height .3s}.nav-logo{flex-shrink:0;width:36px;height:36px}.navbar{z-index:9999;width:100%;padding:0 4rem;position:fixed;top:0;left:0}.nav-links{gap:2rem;display:flex}.hamburger{cursor:pointer;display:none}@media (width<=768px){.navbar{padding:0 1.5rem}.nav-links,.desktop-btn{display:none}.hamburger{justify-content:center;align-items:center;display:flex}.mobile-menu{opacity:0;visibility:hidden;z-index:999;background:#0d1117;border-bottom:1px solid #ffffff1a;flex-direction:column;width:100%;transition:all .3s;display:flex;position:fixed;top:64px;left:0;transform:translateY(-10px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}}.hero-section{padding:7rem 4rem 5rem}.hero-logo-row{justify-content:center;align-items:center;gap:20px;display:flex}.hero-title{font-size:72px}.hero-stats{justify-content:center;gap:4rem;width:100%;margin-top:3.5rem;display:flex}.hero-logo{width:120px;height:120px}@media (width<=768px){.hero-logo{height:auto;width:90px!important}.hero-section{padding:5rem 1.5rem 3rem}.hero-title{text-align:center;line-height:1.1;font-size:42px!important}.hero-logo-row{flex-direction:column;gap:12px}.hero-stats{justify-content:space-between;gap:0;width:100%;display:flex}.hero-stats>div{flex:1}.hero-stats>div div:first-child{font-size:24px!important}.hero-stats>div div:last-child{font-size:11px!important}.hero-buttons{flex-direction:column;width:100%}.hero-buttons a{text-align:center;width:100%}.tech-stack{grid-template-columns:1fr}}.section-title{font-size:30px}.about-section{padding:5rem 4rem}@media (width<=768px){.section-title{font-size:26px}.section-title-wrap,.section-title-wrap div:last-child{text-align:center}.section-divider{margin-left:auto!important;margin-right:auto!important}}.about-content{grid-template-columns:1.2fr 1fr;gap:4rem;display:grid}.skills-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=768px){.about-section{padding:3rem 1.5rem}.about-content{grid-template-columns:1fr;gap:2.5rem}.skills-grid{grid-template-columns:1fr}}.services-section{padding:5rem 4rem}.services-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}@media (width<=1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.services-section{padding:3rem 1.5rem}.services-grid{grid-template-columns:1fr}}.projects-section{padding:5rem 4rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects-section{padding:3rem 1.5rem}.projects-grid{grid-template-columns:1fr}}.contact-section{padding:5rem 4rem}.contact-content{grid-template-columns:1fr 1.4fr;gap:4rem;display:grid}.contact-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=768px){.contact-section{padding:3rem 1.5rem}.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-inputs{grid-template-columns:1fr}}.footer-link{color:#8b949e;font-size:13px;text-decoration:none;transition:all .2s}.footer-link:hover{color:#58a6ff;transform:translate(3px)}@media (width<=768px){.footer-grid{text-align:center;grid-template-columns:1fr!important;gap:30px!important}.footer-brand{justify-content:center}.footer-bottom{text-align:center;gap:10px;flex-direction:column!important}}.featured-services-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.featured-services-grid{grid-template-columns:1fr}}.project-card{transition:all .25s}.project-card h3{min-height:60px}.project-card img{object-fit:cover;width:100%;height:180px}@media (width<=768px){.project-card img{height:160px}}.project-card:hover{border-color:#58a6ff66;transform:translateY(-8px);box-shadow:0 10px 30px #58a6ff1f}@media (width<=768px){.featured-projects-grid{grid-template-columns:1fr}}.featured-projects-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=768px){.featured-projects-grid{grid-template-columns:1fr}}.why-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.why-grid{grid-template-columns:1fr}.cta-title{font-size:28px!important}}section+section{margin-top:0}.fade-in-fast{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.fade-in-fast.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.skills-grid div{text-align:center;justify-content:center;padding:12px 14px!important;font-size:14px!important}}::placeholder{color:#a3b3c5!important;opacity:1!important}:root{--text2:#c9d1d9}.whatsapp-float{z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;text-decoration:none;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #25d36666}@media (width<=768px){.whatsapp-float{width:60px;height:60px;bottom:80px;right:16px}.service-card{text-align:center}.featured-services-grid>div,.why-grid>div,.project-card,.featured-services-grid>div *,.why-grid>div *,.project-card *{flex-direction:column;align-items:center;display:flex}.why-card,.why-card h3,.why-card p,.project-card-content,.project-card-content h3,.project-card-content p,.project-card-content div,.tech-stack-title{text-align:center}.project-card img{object-fit:cover;height:180px}.portfolio-item{flex-direction:column!important;gap:24px!important;margin-bottom:4rem!important;display:flex!important}.portfolio-image{order:1;margin:0 auto;width:100%!important;max-width:100%!important;height:220px!important}.portfolio-image img{object-fit:cover;width:100%;height:100%}.portfolio-content{text-align:center;order:2;width:100%}.portfolio-content h2{font-size:34px!important}.portfolio-content p,.portfolio-content div:last-child{text-align:center}.portfolio-hero{padding:4rem 1.5rem 3rem!important}.portfolio-hero h1{font-size:52px!important}.portfolio-tags{justify-content:center}.services-grid-mobile,.why-grid-mobile,.process-grid-mobile{grid-template-columns:1fr!important}.services-grid-mobile>div,.why-grid-mobile>div,.process-grid-mobile>div{text-align:center}.services-cta-buttons{flex-direction:column;width:100%}.services-cta-buttons a{text-align:center;width:100%}.pricing-grid{grid-template-columns:1fr!important}.hosting-grid,.addons-grid{text-align:center;grid-template-columns:1fr!important}.pricing-title{line-height:1.1;font-size:48px!important}.pricing-card{text-align:center}.pricing-card .feature-row{justify-content:flex-start}.contact-input-grid{grid-template-columns:1fr!important}.contact-container{padding:2rem 1.5rem!important}.contact-page-grid{grid-template-columns:1fr!important;gap:2rem!important}.contact-hero-title{line-height:1.15;font-size:34px!important}.contact-hero{padding:3rem 1.5rem 2rem!important}.contact-form-card{padding:1.5rem!important}}.web-odisha-page{max-width:1200px;margin:0 auto;padding:5rem 2rem}.web-odisha-page h2{color:#58a6ff}.web-hero h2{margin-top:2rem}.services-title,.odisha-section-title{margin-top:4rem}.web-hero{text-align:center;margin-bottom:5rem}.hero-badge{color:#58a6ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:12px}.web-hero h1{margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem)}.web-hero h2{margin-top:3rem;margin-bottom:1rem}.web-hero p{color:#9ca3af;max-width:800px;margin:20px auto;line-height:1.8}.web-hero p:last-child{margin-top:25px}.hero-text{color:#9ca3af;max-width:750px;margin:0 auto}.content-section{margin-top:4rem}.content-section h2{color:#58a6ff;margin-top:3rem;margin-bottom:1.5rem}.services-title{text-align:center;margin-bottom:2rem}.service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:2rem;display:grid}.service-card{background:var(--dark2);border:1px solid var(--border);border-radius:12px;padding:24px}.service-card h3{margin-bottom:12px}.feature-box{background:var(--dark2);border:1px solid #ffffff14;border-radius:16px;max-width:950px;margin:4rem auto;padding:2rem}.feature-box h2{text-align:center;margin-bottom:1.5rem}.remote-text{color:#9ca3af;margin-top:20px}.city-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1rem;display:flex}.city-grid span{background:var(--dark2);border:1px solid #ffffff14;border-radius:999px;padding:10px 18px;display:inline-block}.city-grid li{background:var(--dark2);border:1px solid var(--border);border-radius:999px;padding:10px 18px;list-style:none}.faq-item{background:#ffffff08;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s}.faq-item:last-child{border-bottom:none}.faq-item h3{color:#fff;margin-bottom:8px;font-size:20px}.faq-item p{color:#9ca3af;margin:0;line-height:1.7}.faq-item:hover{background:#58a6ff14;transform:translateY(-2px)}.why-list{grid-template-columns:repeat(2,1fr);gap:16px 40px;padding-left:20px;display:grid}@media (width<=768px){.why-list{grid-template-columns:1fr}}.cta-box{text-align:center;background:var(--dark2);border:1px solid var(--border);border-radius:16px;max-width:700px;margin:4rem auto 2rem;padding:2.5rem 2rem}.cta-box p{max-width:650px;margin:0 auto 10px}.cta-box h2{margin-bottom:20px}.cta-btn{color:#0d1117;background:#58a6ff;border-radius:10px;margin-top:24px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 30px #58a6ff40}.cta-btn:hover{transform:translateY(-2px)}@media (width<=768px){.cta-box{padding:2rem 1.25rem}.cta-box h2{margin-bottom:15px;font-size:1.7rem;line-height:1.3}.cta-box p{font-size:14px;line-height:1.7}.cta-btn{width:100%;max-width:220px}.web-odisha-page{padding:3rem 1.5rem}.web-odisha-page h1{text-align:center;font-size:30px}.web-odisha-page h2{font-size:22px}.web-odisha-page h3{font-size:18px}.web-odisha-page p,.web-odisha-page li{font-size:14px}.city-grid{justify-content:center;gap:8px}.city-grid span,.city-grid li{padding:8px 12px;font-size:13px}}.content-section>p{text-align:center;color:#9ca3af}@media (width<=768px){.content-section{margin-top:3rem}.feature-box{margin-top:3rem;padding:1.5rem}}.odisha-section-title{text-align:center;color:#58a6ff;margin-bottom:1.5rem}.web-odisha-page .section-title{text-align:center}
