@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--green:#117c60;--lime:#c5f178;--dark:#082820;--ink:#122c26;--muted:#667871;--cream:#f6f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:clamp(36px,4.2vw,60px);letter-spacing:-2.8px;line-height:1.13}h2 em{font-style:normal;color:var(--green)}p{line-height:1.75;color:var(--muted)}.topline{background:#082820;color:#d6e6df;min-height:35px;padding:9px 6%;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.3px}.topline>div{display:flex;gap:14px}.sep{opacity:.3}.header{height:83px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50;box-shadow:0 3px 20px #06271c0c}.brand{display:flex;align-items:center;gap:12px;font:800 24px Manrope}.brandmark{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e4e9e5}.brandmark img{width:100%;height:100%;object-fit:contain}.accent,.footerbrand span{color:var(--green)}.brand small{display:block;font:800 8px 'DM Sans';letter-spacing:2.2px;color:#70817b}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.header nav>a:hover{color:var(--green)}.navcta{background:var(--green);color:#fff!important;padding:14px 20px;border-radius:7px}.menu{display:none;background:none;border:0;font-size:27px;cursor:pointer}.hero{background:radial-gradient(ellipse at 80% 45%,#164e3c 0%,#0b3228 38%,#082820 77%);color:#fff;overflow:hidden}.hero-inner{min-height:625px;max-width:1600px;margin:auto;padding:70px 6% 65px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(57px,5.7vw,88px);line-height:1.08;letter-spacing:-4.6px;margin:25px 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:16px;max-width:565px;color:#b8d1c6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 37px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:17px 23px;border-radius:7px;font-size:13px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--lime);color:#123327}.btn.outline{border-color:#78998b;color:#fff}.btn.lime{background:var(--lime);color:#173c2e}.hero-facts{display:flex;gap:20px;flex-wrap:wrap;color:#bcd5c9;font-size:11px}.hero-art{height:475px;position:relative;isolation:isolate}.orb{position:absolute;inset:10px 0 0 20px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#348c67 0%,#195a43 48%,#0a382c 70%);box-shadow:0 0 100px #5dd69d18}.device{position:absolute;box-shadow:20px 30px 30px #03191165}.laptop{width:65%;height:260px;top:105px;left:4%;transform:rotate(-8deg);z-index:3}.screen{height:87%;background:linear-gradient(140deg,#0c1b24,#173b42);border:11px solid #253a40;border-radius:12px 12px 3px 3px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.screenbar{position:absolute;top:20px;width:85%;height:7px;border-radius:8px;background:#46615b}.screen strong{font:800 clamp(18px,2vw,30px) Manrope;color:#fff;letter-spacing:-1px}.screen strong span{color:var(--lime)}.screen small{color:#9ac4b1;font-size:8px;letter-spacing:2px}.graph{display:flex;gap:8px;align-items:end;height:70px;margin-bottom:17px}.graph i{width:17px;background:#6fc99a;border-radius:3px 3px 0 0;opacity:.7}.graph i:nth-child(1){height:26px}.graph i:nth-child(2){height:46px}.graph i:nth-child(3){height:34px}.graph i:nth-child(4){height:63px}.graph i:nth-child(5){height:51px}.keyboard{height:18px;background:linear-gradient(#b6c4c3,#657b7d);border-radius:0 0 50% 50%;margin:0 -7%}.tower{right:3%;top:112px;width:24%;height:255px;border:9px solid #425758;border-radius:12px;background:linear-gradient(120deg,#22363c,#101f26);z-index:2;transform:rotate(8deg);padding:45px 14px}.towerline{height:40px;border:2px solid #577171;margin-bottom:12px;border-radius:4px;background:repeating-linear-gradient(0deg,#2b4549 0px,#2b4549 3px,#152d33 4px,#152d33 7px)}.towerdot{width:9px;height:9px;border-radius:50%;background:var(--lime)}.monitor{width:34%;height:180px;top:26px;right:11%;z-index:1;transform:rotate(8deg)}.mon-screen{height:80%;background:linear-gradient(130deg,#122f36,#185b48);border:9px solid #354d4f;border-radius:9px;color:var(--lime);font-size:72px;display:flex;align-items:center;justify-content:center;flex-direction:column}.mon-screen small{font-size:8px;letter-spacing:2px;color:#e1f5e6}.stand{height:25px;width:8px;background:#819796;margin:auto}.floatcard{position:absolute;z-index:5;bottom:35px;right:0;background:#fff;color:#17372c;display:flex;gap:12px;align-items:center;padding:14px 19px;border-radius:12px;box-shadow:0 18px 35px #031b1640}.floatcard>span{font-size:25px;color:var(--green)}.floatcard b,.floatcard small{display:block}.floatcard b{font-size:12px}.floatcard small{font-size:10px;color:#70827a;margin-top:4px}.floatcard.second{bottom:auto;top:20px;left:0;right:auto}.hero-bottom{border-top:1px solid #ffffff20;padding:20px 6%;display:flex;justify-content:space-between;gap:15px;color:#b5c9bf;font-size:10px;letter-spacing:1.7px}.hero-bottom b{color:var(--lime);padding:0 8px}.section{padding:105px 6%;max-width:1600px;margin:auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.sectionhead h2{margin:15px 0 0}.sectionhead>p{max-width:350px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border:1px solid #e1e9e3;border-radius:15px;overflow:hidden;box-shadow:0 15px 45px #0c39220a;background:#fff}.art{height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.a1{background:radial-gradient(circle at 50% 50%,#d2f2de,#8fcbb4)}.a2{background:radial-gradient(circle at 50% 50%,#c5dfd8,#7da89c)}.a3{background:radial-gradient(circle at 50% 50%,#dceccc,#a2cbb0)}.art:before,.art:after{content:'';position:absolute;border:1px solid #ffffff80;border-radius:50%;width:230px;height:230px}.art:after{width:350px;height:350px}.art-icon{font-size:125px;color:#174e40;text-shadow:12px 14px 0 #ffffff45;z-index:1}.art-caption{position:absolute;bottom:20px;left:22px;font-size:10px;font-weight:800;letter-spacing:2px;color:#235e49}.servicebody{padding:29px}.num{font-size:10px;color:var(--green);letter-spacing:1.6px;font-weight:800}.service h3{font-size:22px;margin:14px 0}.service p{font-size:13px;min-height:78px}.service a{display:flex;justify-content:space-between;border-top:1px solid #e4ebe6;padding-top:19px;color:var(--green);font-size:12px;font-weight:800}.why{background:#0a3026;color:#fff;padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.why h2,.business h2{margin:18px 0}.why h2 em,.business h2 em{color:var(--lime)}.why-left>p,.business p{color:#b2cfc0;max-width:530px}.why-left .btn{margin-top:20px}.light{color:var(--lime)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.why-grid>div{padding:24px;border:1px solid #ffffff27;border-radius:12px;background:#ffffff08}.why-grid span{color:var(--lime);font-size:12px}.why-grid h3{font-size:17px;margin:15px 0 8px}.why-grid p{color:#b5cec1;font-size:12px;margin:0}.center{text-align:center}.center h2{margin:15px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:58px}.steps>div{padding:26px 22px;background:var(--cream);border:1px solid #e6eee7;border-radius:13px;position:relative}.stepicon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#dff0e2;color:var(--green);border-radius:12px;font-size:28px;margin-bottom:23px}.steps b{color:#9bad9f;font-size:11px}.steps h3{margin:10px 0;font-size:18px}.steps p{font-size:12px;margin:0}.business{background:linear-gradient(120deg,#0b4c39,#0b3027);color:#fff;padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.business .btn{margin-top:18px}.business-panel{border:1px solid #ffffff3c;background:#ffffff10;border-radius:20px;padding:25px;box-shadow:0 25px 60px #031b152e}.panel-top{background:#c5f178;color:#153a2d;border-radius:12px;padding:22px;display:flex;align-items:center;gap:13px;margin-bottom:14px}.panel-top>span{font-size:30px}.panel-top b{font-size:17px}.panel-top small{margin-left:auto;font-size:9px}.panel-row{border-bottom:1px solid #ffffff25;padding:18px 10px;color:#e1eee7;font-size:13px}.panel-row:last-child{border:0}.panel-row span{color:var(--lime);padding-right:15px}.contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:start}.contactinfo h2{margin:16px 0}.contactinfo>p{max-width:450px}.contactline{display:flex;align-items:start;gap:17px;margin-top:28px}.contactline>span{background:#e5f3e9;color:var(--green);width:47px;height:47px;display:grid;place-items:center;border-radius:10px;font-size:21px}.contactline small{display:block;color:#89988d;font-size:10px;letter-spacing:1.4px;font-weight:800;margin-bottom:6px}.contactline a,.contactline address{font-style:normal;font-size:14px;font-weight:700;line-height:1.6}.quoteform{padding:35px;background:#f7faf7;border:1px solid #e3ebe5;border-radius:18px;display:grid;gap:16px}.formhead h3{font-size:25px;margin:0 0 5px}.formhead p{font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quoteform label{font-size:12px;font-weight:800;display:block}.quoteform input,.quoteform textarea,.quoteform select{width:100%;display:block;border:1px solid #d5e1d9;border-radius:7px;padding:14px 13px;margin-top:8px;background:#fff;color:#1b372c;outline-color:var(--green)}.quoteform textarea{min-height:110px;resize:vertical}.submit{width:100%}.formnote{color:#82948a;font-size:10px}footer{background:#061e19;color:#fff;padding:60px 6% 22px}.footer-top{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:55px}.footerbrand{font:800 30px Manrope}.footerbrand span{color:var(--lime)}footer p{color:#91aa9d;font-size:13px}footer .footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:12px;color:#b8cfc2}footer b{font-size:11px;color:#fff;letter-spacing:1.5px;margin-bottom:7px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff21;margin-top:45px;padding-top:23px;font-size:11px;color:#8da69a}@media(max-width:1050px){.header nav{gap:16px}.hero-inner{grid-template-columns:1fr 1fr}h1{font-size:60px}.hero-art{transform:scale(.85);transform-origin:center}.hero-facts{gap:10px}.cards{gap:13px}.servicebody{padding:22px}}@media(max-width:780px){.topline{display:none}.header{height:72px}.menu{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:22px 6%;box-shadow:0 15px 20px #0001;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero-inner,.why,.business,.contact{grid-template-columns:1fr}.hero-inner{padding-top:60px}.hero-art{height:380px;transform:none;max-width:560px;width:100%;margin:auto}.hero-bottom{display:none}.sectionhead{display:block}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}@media(max-width:560px){h1{font-size:clamp(49px,12vw,66px);letter-spacing:-3px}.hero-inner{padding:48px 5%}.hero-art{height:325px}.laptop{height:210px;top:72px}.tower{height:215px;top:80px;padding:34px 9px}.monitor{height:150px}.floatcard{padding:10px;bottom:10px}.floatcard.second{top:0}.hero-facts{display:grid}.section{padding:72px 5%}.cards,.steps,.why-grid,.formgrid,.footer-top{grid-template-columns:1fr}.why,.business{padding:75px 5%}.art{height:210px}.sectionhead h2,h2{letter-spacing:-1.8px}.quoteform{padding:22px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.panel-top small{display:none}}

/* Bundled graphics: no remote image dependencies */
.assetHero{width:min(560px,94%);margin:26px auto 0}.assetHero img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 22px 55px #001b1440}.serviceArt{display:block;width:100%;height:160px;object-fit:cover;border-radius:15px;margin-bottom:16px}@media(max-width:700px){.assetHero{width:100%}.serviceArt{height:145px}}

/* Bilingual rotating brand + expanded service cards */
.rotating-brand{position:relative;display:block;width:240px;height:67px;flex:0 0 240px;overflow:hidden}.brand-logo{position:absolute;left:0;top:50%;width:100%;height:62px;object-fit:contain;object-position:left center;transform:translateY(-50%);animation:logo-cycle 8s infinite}.logo-hi{animation-delay:-4s;opacity:0}@keyframes logo-cycle{0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}.logo-en{animation-name:logo-cycle}.logo-hi{animation-name:logo-cycle-reverse}@keyframes logo-cycle-reverse{0%,43%{opacity:0}50%,93%{opacity:1}100%{opacity:0}}.services-six{grid-template-columns:repeat(3,minmax(0,1fr))}.services-six .serviceArt{height:160px;object-fit:cover}.services-six .servicebody{padding-top:22px}.service-disclaimer{font-size:12px;opacity:.72;margin-top:24px}.footer-logo{width:min(250px,100%);height:auto;display:block}.footer-bottom strong{font-weight:700}@media(max-width:900px){.services-six{grid-template-columns:repeat(2,minmax(0,1fr))}.rotating-brand{width:195px;flex-basis:195px}}@media(max-width:600px){.services-six{grid-template-columns:1fr}.rotating-brand{width:175px;flex-basis:175px;height:58px}.brand-logo{height:53px}}@media(prefers-reduced-motion:reduce){.brand-logo{animation:none}.logo-hi{display:none}.logo-en{opacity:1}}

/* Header bilingual logo: controlled exclusively by JavaScript. */
.rotating-brand .logo-en,.rotating-brand .logo-hi{animation:none!important;transition:opacity .4s ease;will-change:opacity}
.rotating-brand .logo-en{opacity:1}
.rotating-brand .logo-hi{opacity:0}
.rotating-brand.show-hindi .logo-en{opacity:0}
.rotating-brand.show-hindi .logo-hi{opacity:1}
@media(prefers-reduced-motion:reduce){.rotating-brand .logo-hi{display:block!important}.rotating-brand .brand-logo{transition:none}}
/* Professional one-time bilingual word reveal; equal-size artwork. */
.rotating-brand{isolation:isolate;overflow:hidden}
.rotating-brand .brand-logo{animation:none!important;transition:none!important;transform:translateY(-50%)!important;object-fit:contain;object-position:center center;left:0;right:0;width:100%;height:100%}
.rotating-brand .logo-hi{opacity:1!important;z-index:1}
.rotating-brand .logo-en{opacity:1!important;z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path 1.7s cubic-bezier(.22,1,.36,1)!important}
.rotating-brand.reveal-english .logo-en{clip-path:inset(0 0 0 0)}
.rotating-brand.lock-hindi .logo-en{clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.22,1,.36,1)!important}
@media(prefers-reduced-motion:reduce){.rotating-brand .logo-en{transition:none!important}}

/* Continuous bilingual logo: only Kabadi / कबाड़ी changes. Tech and icon remain fixed. */
.header .brand-convert{display:inline-flex!important;align-items:center;gap:10px;position:relative;width:auto!important;height:60px!important;min-width:250px;overflow:visible!important;isolation:auto!important;text-decoration:none;white-space:nowrap;flex-shrink:0}
.brand-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;font-family:Arial,sans-serif;font-size:40px;font-weight:900;color:#087a54;line-height:1}
.brand-leaf{position:absolute;top:1px;right:0;width:15px;height:9px;background:#9ed949;border-radius:100% 0 100% 0;transform:rotate(-35deg);font-size:0}
.brand-word{display:inline-flex;align-items:center;font-family:'Space Grotesk','Noto Sans Devanagari',Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.1px;line-height:1.3}
.brand-tech{color:#10362c;flex:none}
.brand-suffix{display:inline-grid;align-items:center;position:relative;min-width:117px;height:44px;color:#078c60}
.brand-suffix>span{grid-area:1/1;display:block;white-space:nowrap;transform-origin:left center;will-change:opacity,transform}
.suffix-en{animation:tk-en-cycle 6s ease-in-out infinite}
.suffix-hi{font-family:'Noto Sans Devanagari','Mangal',sans-serif;letter-spacing:-1px;font-size:26px;animation:tk-hi-cycle 6s ease-in-out infinite}
@keyframes tk-en-cycle{0%,38%{opacity:1;transform:translateY(0);filter:blur(0)}47%,88%{opacity:0;transform:translateY(-6px);filter:blur(3px)}97%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes tk-hi-cycle{0%,38%{opacity:0;transform:translateY(6px);filter:blur(3px)}47%,88%{opacity:1;transform:translateY(0);filter:blur(0)}97%,100%{opacity:0;transform:translateY(6px);filter:blur(3px)}}
@media(max-width:580px){.header .brand-convert{min-width:206px;gap:6px;height:55px!important}.brand-icon{width:37px;height:40px;flex-basis:37px;font-size:33px}.brand-word{font-size:23px}.brand-suffix{min-width:104px;height:39px}.suffix-hi{font-size:22px}}
@media(prefers-reduced-motion:reduce){.suffix-en{animation:none;opacity:1}.suffix-hi{animation:none;opacity:0}}

/* Original approved logo artwork: identical sizing, continuous gentle crossfade. */
.header .brand-image-cycle{position:relative!important;display:block!important;width:245px!important;height:74px!important;min-width:0!important;flex:0 0 245px!important;overflow:hidden!important;isolation:isolate!important}
.header .brand-image-cycle .brand-original{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;display:block;max-width:none;transform:none;filter:none;pointer-events:none}
.header .brand-original-en{opacity:1;animation:tk-original-en 6s ease-in-out infinite}
.header .brand-original-hi{opacity:0;animation:tk-original-hi 6s ease-in-out infinite}
@keyframes tk-original-en{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes tk-original-hi{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@media(max-width:580px){.header .brand-image-cycle{width:190px!important;height:57px!important;flex-basis:190px!important}}
@media(prefers-reduced-motion:reduce){.header .brand-original-en{animation:none;opacity:1}.header .brand-original-hi{animation:none;opacity:0}}

/* Final bilingual logo: original artwork, fixed monogram and Tech, suffix-only motion */
.header .brand-morph{display:flex!important;align-items:center!important;gap:0!important;width:245px!important;height:72px!important;flex:0 0 245px!important;white-space:nowrap;overflow:visible;position:relative;isolation:isolate}
.brand-morph .brand-fixed{display:block!important;width:56.7%!important;height:100%!important;object-fit:fill;flex:0 0 56.7%;max-width:none}
.brand-changing{position:relative;display:block;flex:1;min-width:0;height:100%;overflow:visible}
.brand-changing img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;max-width:none;transform-origin:50% 55%;will-change:opacity,transform,filter}
.brand-changing .word-en{animation:tk-en-word 8s cubic-bezier(.22,1,.36,1) infinite both}
.brand-changing .word-hi{animation:tk-hi-word 8s cubic-bezier(.22,1,.36,1) infinite both}
@keyframes tk-en-word{0%,36%{opacity:1;transform:translateY(0);filter:blur(0)}45%,91%{opacity:0;transform:translateY(-5px);filter:blur(2px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes tk-hi-word{0%,36%{opacity:0;transform:translateY(5px);filter:blur(2px)}45%,91%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(5px);filter:blur(2px)}}
@media(max-width:580px){.header .brand-morph{width:190px!important;height:56px!important;flex-basis:190px!important}}
@media(prefers-reduced-motion:reduce){.brand-changing .word-en,.brand-changing .word-hi{animation:none!important}.brand-changing .word-en{opacity:1!important}.brand-changing .word-hi{opacity:0!important}}
