*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020f12;--bg2:#041418;--teal:#00c8d4;--teal2:#00e0ec;--teal3:#00f5ff;--teal-border:rgba(0,200,212,0.18);--white:#fff;--off:#e8f6f8;--muted:#5a8a92;--text:#c8dde0;--nav-h:72px;--nav-bg:rgba(2,15,18,.97);--card-bg:#041418;--footer-bg:#020f12;--section-tag-color:#00c8d4;--heading-color:#fff;--body-text:#c8dde0;--muted-text:rgba(255,255,255,.48);--border-color:rgba(0,200,212,0.18);--drop-bg:rgba(4,18,22,.98);--logo-blend:lighten}html{scroll-behavior:smooth;overflow-x:hidden}html.theme-transition,html.theme-transition *,html.theme-transition *::before,html.theme-transition *::after{transition:background-color .35s ease,background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,opacity .35s ease !important;transition-delay:0s !important}/* ── Logo swap:both images occupy identical space so no layout shift ── */ .logo-light,.logo-dark{transition:opacity .35s ease}/* light is block reference;dark sits exactly on top via absolute */ .logo-light{display:block;visibility:visible}.logo-dark{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:left center}.nav-logo-link{position:relative;display:inline-flex;align-items:center}.footer-brand>a{position:relative;display:inline-block}[data-theme="dark"] .logo-light{opacity:0;pointer-events:none}[data-theme="dark"] .logo-dark{opacity:1;pointer-events:auto}[data-theme="light"] .logo-light{opacity:1;pointer-events:auto}[data-theme="light"] .logo-dark{opacity:0;pointer-events:none}/* Ensure dark logo starts hidden until theme is determined */ .logo-dark{opacity:0;pointer-events:none}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.78;font-size:16px;letter-spacing:.01em;transition:background .35s,color .35s}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.section-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:18px;background:rgba(0,200,212,.08);border:1px solid rgba(0,200,212,.22);padding:4px 14px;border-radius:20px}.section-title,h2.section-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.85rem,3.4vw,2.7rem);line-height:1.22;letter-spacing:-.04em;color:var(--white);margin-bottom:24px;text-align:center;font-weight:800;margin-top:0}.section-sub{text-align:center}.section-tag{display:inline-block}.section-title em{font-style:normal;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;background:linear-gradient(115deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.08em}.section-sub{font-size:.97rem;color:rgba(255,255,255,.58);line-height:1.85;max-width:580px;font-weight:300;margin-bottom:52px;margin-left:auto;margin-right:auto}.btn-primary{background:linear-gradient(135deg,#00727d,var(--teal));color:#fff;padding:13px 30px;border-radius:8px;font-weight:600;font-size:.9rem;transition:opacity .2s,transform .2s;box-shadow:0 0 24px rgba(0,180,200,.25);display:inline-block;border:none;cursor:pointer;font-family:'Inter',sans-serif}.btn-primary:hover{opacity:.88;transform:translateY(-2px)}.btn-ghost{color:#fff;padding:13px 30px;border-radius:8px;font-weight:600;font-size:.9rem;border:1.5px solid rgba(0,200,212,.72);transition:border-color .2s,background .2s,box-shadow .2s;display:inline-block;background:rgba(0,200,212,.06);cursor:pointer;font-family:'Inter',sans-serif;box-shadow:0 0 0 0 rgba(0,200,212,0)}.btn-ghost:hover{border-color:var(--teal);background:rgba(0,200,212,.13);box-shadow:0 0 16px rgba(0,200,212,.22)}/* ── NAV ── */ nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(2,12,18,.82);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-bottom:1px solid rgba(0,200,212,.12);height:var(--nav-h);transition:background .35s,height .3s,box-shadow .3s}nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,212,.3) 30%,rgba(0,200,212,.3) 70%,transparent);pointer-events:none}nav.nav-scrolled{height:58px;background:rgba(2,12,18,.95);box-shadow:0 8px 32px rgba(0,0,0,.28),0 1px 0 rgba(0,200,212,.15)}nav.nav-scrolled~.mobile-menu{top:58px;height:calc(100vh - 58px)}nav.nav-scrolled .nav-inner{height:58px}nav.nav-scrolled .nav-item>a{height:58px}nav.nav-scrolled .nav-logo-img{height:44px}[data-theme="light"] nav.nav-scrolled{box-shadow:0 8px 32px rgba(58,125,68,.14),0 1px 0 rgba(58,125,68,.2)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0 3%;height:var(--nav-h);gap:12px}.nav-logo-link{display:flex;align-items:center;flex-shrink:0;padding:2px 6px;transition:opacity .2s}.nav-logo-link:hover{opacity:.85}.nav-logo-img{height:62px;width:136px;object-fit:contain;object-position:left center;display:block;transition:height .3s}.nav-menu{display:flex;align-items:center;list-style:none;gap:0;margin:0 auto}.nav-item{position:relative}.nav-item>a{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.72);font-size:.82rem;font-weight:500;padding:0 15px;height:var(--nav-h);transition:color .2s;white-space:nowrap;letter-spacing:.01em;position:relative}/* Animated underline on hover */ .nav-item>a::after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:2px;background:var(--teal);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-item>a:hover::after,.nav-item.active>a::after{transform:scaleX(1)}.nav-item>a .arr{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}.nav-item:hover>a,.nav-item.active>a{color:#fff}.nav-item:hover>a .arr{transform:rotate(180deg)}.mega-drop{position:absolute;top:var(--nav-h);left:50%;transform:translateX(-50%);width:900px;background:rgba(3,14,20,.97);border:1px solid rgba(0,200,212,.15);border-top:2px solid var(--teal);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border-radius:0 0 18px 18px;padding:30px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;box-shadow:0 32px 80px rgba(0,0,0,.45),0 0 0 1px rgba(0,200,212,.06);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}/* Bridge — fills any pixel gap between nav bottom edge and dropdown */ .mega-drop::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.nav-item:hover .mega-drop,.nav-item.drop-open .mega-drop{opacity:1;visibility:visible;pointer-events:auto}/* When nav is scrolled/slim,shift dropdown up to match reduced nav height */ nav.nav-scrolled .mega-drop{top:58px}nav.nav-scrolled .mega-drop::before{top:-14px;height:14px}nav.nav-scrolled .simple-drop{top:58px}nav.nav-scrolled .simple-drop::before{top:-14px;height:14px}.mega-col h4{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--teal-border)}.mega-col ul{list-style:none}.mega-col ul li{margin-bottom:7px}.mega-col ul li a{color:rgba(255,255,255,.58);font-size:.83rem;transition:color .2s;display:flex;align-items:center;gap:6px}.mega-col ul li a::before{content:'›';color:var(--teal)}.mega-col ul li a:hover{color:var(--teal2)}/* Arrow (→) links:suppress the › prefix since they already have their own arrow */ .mega-col ul li a[href^="service-"]:not([href*="cloud"]):not([href*="devops"]):not([href*="erp"]):not([href*="saas"]){color:var(--teal2);font-weight:600}.mega-col ul li a[href^="service-"]:not([href*="cloud"]):not([href*="devops"]):not([href*="erp"]):not([href*="saas"])::before{display:none}[data-theme="light"] .mega-col ul li a[href^="service-"]:not([href*="cloud"]):not([href*="devops"]):not([href*="erp"]):not([href*="saas"]){color:#2d6b37}.simple-drop{position:absolute;top:var(--nav-h);left:0;min-width:220px;background:rgba(4,18,22,.98);border:1px solid var(--teal-border);border-top:2px solid var(--teal);border-radius:0 0 12px 12px;padding:10px 0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.simple-drop::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.nav-item:hover .simple-drop,.nav-item.drop-open .simple-drop{opacity:1;visibility:visible;pointer-events:auto}.simple-drop a{display:block;color:rgba(255,255,255,.65);font-size:.84rem;padding:9px 20px;transition:color .2s,background .2s}.simple-drop a:hover{color:var(--teal2);background:rgba(0,200,212,.07)}.nav-right{flex-shrink:0;display:flex;align-items:center;gap:12px;overflow:visible}.nav-cta-btn{background:linear-gradient(135deg,#00727d,var(--teal));color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.03em;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 20px rgba(0,180,200,.3);white-space:nowrap}.nav-cta-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 24px rgba(0,180,200,.45)}[data-theme="light"] .nav-cta-btn{background:linear-gradient(135deg,#2d6b37,#3a7d44);box-shadow:0 0 20px rgba(58,125,68,.3)}/* ── THEME TOGGLE ── */ /* ── Premium pill theme toggle ── */ .theme-toggle{position:relative;flex-shrink:0;cursor:pointer;width:56px;height:28px;border-radius:50px;background:rgba(0,200,212,.12);border:1px solid rgba(0,200,212,.28);transition:background .35s,border-color .35s,box-shadow .35s;overflow:hidden;padding:0}.theme-toggle:hover{background:rgba(0,200,212,.18);border-color:rgba(0,200,212,.5);box-shadow:0 0 16px rgba(0,200,212,.2)}/* sliding thumb */ .theme-toggle::before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00c8d4,#00f5ff);box-shadow:0 2px 8px rgba(0,200,212,.55);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .35s,box-shadow .35s;z-index:1}/* moon icon (dark mode default) */ .theme-toggle .icon-moon{display:flex;align-items:center;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:16px;height:16px;transition:opacity .25s .1s;opacity:.7}.theme-toggle .icon-moon svg{width:13px;height:13px;stroke:rgba(0,200,212,.9);stroke-width:2.2}/* sun icon (hidden in dark) */ .theme-toggle .icon-sun{display:flex;align-items:center;justify-content:center;position:absolute;left:5px;top:50%;transform:translateY(-50%);width:16px;height:16px;transition:opacity .25s .1s;opacity:0}.theme-toggle .icon-sun svg{width:13px;height:13px;stroke:rgba(0,200,212,.9);stroke-width:2.2}/* Footer in light mode — light purple bg */ /* Sections */ .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:9px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:background .2s,border-color .2s,box-shadow .2s}.hamburger:hover{background:rgba(0,200,212,.12);border-color:rgba(0,200,212,.35);box-shadow:0 0 14px rgba(0,200,212,.15)}.hamburger span{display:block;width:22px;height:2px;background:rgba(255,255,255,.9);border-radius:2px;transition:transform .32s cubic-bezier(.23,1,.32,1),opacity .22s,width .22s}/* ── CONTACT TAB — rounded on outer (left) edge,sharp on wall (right) side ── */ .contact-tab{position:fixed;right:0;top:50%;transform:translateY(-50%) rotate(180deg);z-index:5000;background:#4a7fc1;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;padding:22px 11px;border-radius:0 10px 10px 0;cursor:pointer;border:none;font-family:'Inter',sans-serif;white-space:nowrap;box-shadow:-4px 0 20px rgba(0,0,0,.4);transition:background .2s;line-height:1;isolation:isolate}.contact-tab:hover{background:#3a6eb1}/* ── MOBILE MENU ── */ .mobile-menu{visibility:hidden;position:fixed;top:var(--nav-h);left:0;width:100%;height:calc(100vh - var(--nav-h));background:rgba(2,12,15,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;z-index:999;padding:0;border-top:1px solid rgba(0,200,212,.12);transform:translateY(-14px);opacity:0;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;pointer-events:none}.mobile-menu.open{visibility:visible;transform:translateY(0);opacity:1;pointer-events:auto;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.mob-menu-inner{padding:16px 5% 32px}/* Subtle animated top accent line */ .mobile-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,200,212,.6) 40%,rgba(0,200,212,.9) 50%,rgba(0,200,212,.6) 60%,transparent)}@media(min-width:961px){.mobile-menu{display:none!important}}.mob-link{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.85);font-size:.97rem;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:.01em;transition:color .18s,padding-left .18s}.mob-link::after{content:'›';font-size:1.1rem;color:rgba(0,200,212,.5);transition:transform .18s,color .18s}.mob-link:hover{color:var(--teal2);padding-left:6px}.mob-link:hover::after{transform:translateX(3px);color:var(--teal2)}.mob-parent{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.85);font-size:.97rem;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;user-select:none;letter-spacing:.01em;transition:color .18s}.mob-parent::after{content:'';display:block;width:16px;height:16px;border:1.5px solid rgba(0,200,212,.5);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%2300c8d4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/10px no-repeat;transition:transform .28s cubic-bezier(.23,1,.32,1),border-color .18s;flex-shrink:0}.mob-parent.expanded{color:var(--teal2)}.mob-parent.expanded::after{transform:rotate(180deg);border-color:rgba(0,200,212,.8)}.mob-sub{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.23,1,.32,1)}.mob-sub.visible{max-height:800px}.mob-sub-inner{padding:8px 0 8px 16px;border-left:2px solid rgba(0,200,212,.2);margin:6px 0 10px}.mob-sub a,.mob-sub-link{display:block;color:rgba(255,255,255,.55);font-size:.875rem;padding:9px 0 9px 8px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;transition:color .15s,background .15s,padding-left .15s;border-radius:6px}.mob-sub-link:hover{color:var(--teal2);padding-left:14px;background:rgba(0,200,212,.05)}.mob-sub-section{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding:14px 0 5px 8px;border-bottom:none;opacity:.85}/* Hamburger → X animation */ .hamburger span{transition:transform .32s cubic-bezier(.23,1,.32,1),opacity .22s,width .22s}.hamburger.open{background:rgba(0,200,212,.12);border-color:rgba(0,200,212,.35)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}/* ── MODAL ── */ .modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px}.modal-overlay.open{display:flex}.modal-box{background:var(--bg2);border:1px solid var(--teal-border);border-top:3px solid var(--teal);border-radius:16px;padding:34px;width:100%;max-width:640px;max-height:92vh;overflow-y:auto;position:relative;animation:fadeUp .3s ease}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1.6rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--white)}.modal-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;color:var(--white);margin-bottom:5px}.modal-sub{font-size:.83rem;color:var(--muted);margin-bottom:22px}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.cf-full{margin-bottom:11px}.cf-input,.cf-textarea,.cf-select{width:100%;background:rgba(0,200,212,.05);border:1px solid var(--teal-border);border-radius:8px;padding:11px 14px;color:var(--white);font-family:'Inter',sans-serif;font-size:.87rem;outline:none;transition:border-color .2s}.cf-input:focus,.cf-textarea:focus,.cf-select:focus{border-color:var(--teal)}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--muted)}.cf-textarea{resize:vertical;min-height:88px}.cf-select{color:var(--muted);-webkit-appearance:none}.cf-select option{background:#041418;color:var(--white)}.cf-recaptcha-wrap{margin-bottom:12px}.cf-recaptcha-error{display:none;color:#ff6b6b;font-size:.8rem;margin-top:5px}.cf-btn{background:linear-gradient(135deg,#00727d,var(--teal));color:#fff;border:none;padding:13px 28px;border-radius:8px;font-family:'Inter',sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;width:100%;margin-top:4px;transition:opacity .2s}.cf-btn:hover{opacity:.88}.cf-btn:disabled{opacity:.55;cursor:not-allowed}.cf-success{display:none;background:rgba(0,200,212,.1);border:1px solid var(--teal);border-radius:8px;padding:14px;text-align:center;color:var(--teal2);font-size:.9rem;margin-top:12px}.cf-error{display:none;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:14px;text-align:center;color:#f87171;font-size:.9rem;margin-top:12px}@media(max-width:560px){.cf-grid{grid-template-columns:1fr}.modal-box{padding:22px 16px}}/* ── HERO ── */ .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 5% 80px;position:relative;overflow:hidden}@media(max-height:800px){.hero{padding-top:100px;padding-bottom:60px;min-height:calc(100vh - 0px)}}@media(max-height:700px){.hero{padding-top:90px;padding-bottom:40px}}@media(max-height:700px) .slide-content h1,.slide-content .slide-h1-style{font-size:clamp(1.6rem,3.5vw,2.4rem) !important}@media(max-height:800px){.slide-content h1,.slide-content .slide-h1-style{font-size:clamp(1.7rem,3.2vw,2.6rem) !important;margin-bottom:14px}.slide-content p{margin-bottom:22px}.hero-slider{min-height:520px}}@media(max-height:700px){.slide-content h1,.slide-content .slide-h1-style{font-size:clamp(1.5rem,2.8vw,2.2rem) !important;margin-bottom:10px}.slide{padding-top:calc(var(--nav-h)+10px)}}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 75% 40%,rgba(0,120,140,.22),transparent 65%),radial-gradient(ellipse 50% 65% at 12% 72%,rgba(0,200,212,.09),transparent 60%),linear-gradient(170deg,#020f12,#041418 60%,#030e11);transition:background .3s}.grid-overlay{position:absolute;inset:0;z-index:0;opacity:.05;background-image:linear-gradient(rgba(0,200,212,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,212,.7) 1px,transparent 1px);background-size:65px 65px}.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.orb1{width:500px;height:500px;background:rgba(0,150,170,.16);right:-80px;top:5%;animation:floatOrb 10s ease-in-out infinite}.orb2{width:350px;height:350px;background:rgba(0,200,212,.09);left:0;bottom:5%;animation:floatOrb 13s 2s ease-in-out infinite}.hero-content{position:relative;z-index:1;max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,200,212,.1);border:1px solid rgba(0,200,212,.32);border-radius:100px;padding:6px 16px;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal2);margin-bottom:22px;animation:fadeUp .7s .1s ease both}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal2);animation:pulse 1.6s infinite}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.2;letter-spacing:-.02em;color:var(--white);margin-bottom:20px;animation:fadeUp .7s .14s ease both}.hero h1 em{font-style:normal;font-family:'Inter',sans-serif;font-weight:700;background:linear-gradient(115deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.08em}.hero-sub{font-size:1.02rem;line-height:1.78;color:rgba(255,255,255,.55);max-width:520px;margin-bottom:36px;font-weight:300;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s .28s ease both}.hero-cards{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1;width:30%;display:flex;flex-direction:column;gap:14px;animation:fadeIn 1s .5s ease both}.hc{background:rgba(0,200,212,.04);border:1px solid var(--teal-border);backdrop-filter:blur(12px);border-radius:14px;padding:20px 22px}.hc-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:5px}.hc-value{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.9rem;color:var(--white);line-height:1}.hc-sub{font-size:.76rem;color:var(--muted);margin-top:3px}.hc-row{display:flex;gap:14px}.hc-row .hc{flex:1}/* ── MARQUEE ── */ .marquee-bar{overflow:hidden;background:rgba(0,200,212,.04);border-top:1px solid var(--teal-border);border-bottom:1px solid var(--teal-border);padding:13px 0}.marquee-track{display:flex;gap:52px;animation:marquee 22s linear infinite;white-space:nowrap}.mi{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.mi span{color:var(--teal);margin-right:10px}/* ── SECTIONS ── */ section{padding:88px 5%}/* ── GALLERY ── */ .gallery-section{padding:72px 0;overflow:hidden;background:var(--bg2);border-top:1px solid var(--teal-border);border-bottom:1px solid var(--teal-border)}.gallery-head{padding:0 5%;margin-bottom:32px}.gallery-track-wrap{overflow:hidden;width:100%;position:relative}.gallery-track-wrap::before,.gallery-track-wrap::after{content:'';position:absolute;top:0;width:140px;height:100%;z-index:2;pointer-events:none}.gallery-track-wrap::before{left:0;background:linear-gradient(to right,var(--bg2),transparent)}.gallery-track-wrap::after{right:0;background:linear-gradient(to left,var(--bg2),transparent)}.gallery-track{contain:layout style;display:flex;gap:16px;animation:galleryScroll 50s linear infinite;width:max-content}.gallery-track:hover{animation-play-state:paused}.gallery-img{width:280px;height:180px;border-radius:12px;overflow:hidden;border:1px solid var(--teal-border);flex-shrink:0;position:relative;cursor:pointer}.gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-img:hover img{transform:scale(1.06)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(2,15,18,.92));padding:16px 12px 10px;font-size:.78rem;font-weight:600;color:var(--teal2);opacity:0;transition:opacity .3s}.gallery-img:hover .gallery-caption{opacity:1}/* ── SERVICES GRID — 2-col list style matching reference image ── */ .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svc-card{background:rgba(0,200,212,.03);border:1px solid var(--teal-border);border-radius:14px;transition:border-color .3s,transform .25s,background .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none}.svc-card-img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s;flex-shrink:0}.svc-img-wrap{position:relative;overflow:hidden;flex-shrink:0}.svc-img-label{position:absolute;bottom:0;left:0;right:0;padding:22px 14px 10px;background:linear-gradient(0deg,rgba(2,10,14,.82) 0%,transparent 100%);font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.svc-card:hover .svc-card-img{transform:scale(1.05)}.svc-card-body{padding:18px;display:flex;gap:14px;align-items:flex-start;flex:1}.svc-card::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal3));transform:scaleX(0);transition:transform .3s;transform-origin:left;z-index:1}.svc-card:hover{border-color:rgba(0,200,212,.4);background:rgba(0,200,212,.05);transform:translateY(-4px)}.svc-card:hover::before{transform:scaleX(1)}.svc-icon{width:40px;height:40px;background:rgba(0,200,212,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;margin-top:2px}.svc-body{flex:1;text-align:left}.svc-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.97rem;color:var(--white);margin-bottom:6px;text-align:left}.svc-body p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.75;text-align:left;font-family:Inter,sans-serif}/* ── STATS ── */ .stats-section{background:rgba(0,150,170,.06);border-top:1px solid var(--teal-border);border-bottom:1px solid var(--teal-border);padding:56px 5%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.stat-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.5rem;background:linear-gradient(135deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;display:inline-block;padding-bottom:.06em}.stat-lbl{font-size:.82rem;color:var(--muted);font-weight:500}/* ── INDUSTRY PILLS ── */ .ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ind-pill{position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;min-height:130px;transition:transform .25s,box-shadow .25s;color:#fff;text-decoration:none}.ind-pill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.ind-pill:hover .ind-pill-img{transform:scale(1.07)}.ind-pill-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,15,18,.1) 0%,rgba(2,15,18,.72) 50%,rgba(2,15,18,.95) 100%);transition:background .3s}.ind-pill:hover .ind-pill-overlay{background:linear-gradient(180deg,rgba(0,80,90,.2) 0%,rgba(0,60,70,.75) 50%,rgba(0,50,60,.97) 100%)}.ind-pill-content{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:16px}.ind-pill:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.ind-icon{font-size:1.2rem;flex-shrink:0}.ind-text{font-size:.88rem;font-weight:700;color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.8)}/* ── WHY ── */ .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-card{background:rgba(0,200,212,.03);border:1px solid var(--teal-border);border-radius:12px;padding:26px;transition:border-color .25s}.why-card:hover{border-color:rgba(0,200,212,.35)}.why-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.2rem;color:rgba(0,200,212,.18);margin-bottom:9px;text-align:left}.why-card h4{font-size:.97rem;font-weight:600;color:var(--white);margin-bottom:7px;text-align:left}.why-card p{font-size:.9rem;color:rgba(255,255,255,.62);line-height:1.8;text-align:left;font-family:Inter,sans-serif}/* ── CTA ── */ .cta-section{text-align:center;background:linear-gradient(135deg,#020d10,#041418);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(ellipse,rgba(0,140,160,.14),transparent 70%);pointer-events:none}.cta-section .section-title{color:#fff !important;-webkit-text-fill-color:#fff !important}.cta-section .section-title em{font-style:normal;background:linear-gradient(115deg,#00c8d4,#00e5f0) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;display:inline-block;padding-bottom:.08em}.cta-section p,.cta-section .section-sub{color:rgba(255,255,255,.55) !important}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}/* ── PAGE HERO ── */ .page-hero{padding:130px 5% 65px;background:linear-gradient(170deg,#020f12,#041c22);border-bottom:1px solid var(--teal-border);position:relative;overflow:hidden}@media(max-width:680px){.page-hero{padding:96px 5% 48px}}@media(max-width:420px){.page-hero{padding:88px 5% 40px}}.page-hero::before{content:'';position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(0,200,212,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,212,.7) 1px,transparent 1px);background-size:65px 65px}.page-hero-content{position:relative;z-index:1;text-align:center}/* ── IND CARDS ── */ .ind-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--teal-border);border-radius:16px;overflow:hidden;margin-bottom:24px;transition:border-color .3s;min-height:320px}.ind-card:hover{border-color:rgba(0,200,212,.4)}.ind-card.rev{direction:rtl}.ind-card.rev>*{direction:ltr}.ind-content{padding:36px;background:rgba(0,200,212,.03);display:flex;flex-direction:column;justify-content:center;text-align:left}.ind-visual{background:linear-gradient(135deg,rgba(0,100,120,.3),rgba(0,50,60,.6));display:block;min-height:320px;overflow:hidden;font-size:5rem;flex-shrink:0;position:relative}.ind-content h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;color:var(--white);margin:8px 0 11px;text-align:left}.ind-content p{font-size:.92rem;color:rgba(255,255,255,.62);line-height:1.82;margin-bottom:18px;text-align:left;font-family:Inter,sans-serif}.ind-bullets{list-style:none;margin-bottom:16px}.ind-bullets li{font-size:.83rem;color:rgba(255,255,255,.55);padding:5px 0;display:flex;align-items:flex-start;gap:8px}.ind-bullets li::before{content:"✓";color:var(--teal);font-weight:700;flex-shrink:0}.ind-tags{display:flex;flex-wrap:wrap;gap:8px}.ind-tag{background:rgba(0,200,212,.1);border:1px solid rgba(0,200,212,.25);border-radius:100px;padding:4px 12px;font-size:.73rem;color:var(--teal);font-weight:600}/* ── JOB ROWS ── */ /* ── JOB CARDS ── */ .job-row{background:rgba(0,200,212,.03);border:1px solid var(--teal-border);border-radius:12px;padding:18px 22px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:border-color .25s,background .25s}.job-row:hover{border-color:rgba(0,200,212,.4);background:rgba(0,200,212,.05)}.job-row>div{flex:1;min-width:0;text-align:left}.job-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;justify-content:flex-start}.job-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);line-height:1.3;text-align:left}.job-badge{background:rgba(0,200,212,.12);border:1px solid rgba(0,200,212,.25);border-radius:100px;padding:2px 10px;font-size:.67rem;font-weight:600;color:var(--teal);white-space:nowrap;flex-shrink:0}.job-meta{display:flex;align-items:center;gap:0;flex-wrap:wrap}.job-loc{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:4px;padding-right:12px;margin-right:12px;border-right:1px solid var(--teal-border)}.job-apply-btn{flex-shrink:0;background:linear-gradient(135deg,#00727d,var(--teal));color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 16px rgba(0,180,200,.2)}.job-apply-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,180,200,.3)}.job-type{font-size:.78rem;color:var(--muted);padding-right:12px;margin-right:12px;border-right:1px solid var(--teal-border)}.job-dept{font-size:.78rem;color:var(--teal);font-weight:600}/* ── FOOTER ── */ footer{background:var(--footer-bg);border-top:1px solid var(--teal-border);padding:60px 5% 0;transition:background .3s}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;align-items:start}.footer-logo-img{height:62px;width:136px;object-fit:contain;object-position:left center;display:block;margin-bottom:16px}.footer-logo-wrap{position:relative;display:inline-block;width:136px;height:62px;margin-bottom:14px}.footer-logo-wrap .footer-logo-img{margin-bottom:0}.footer-brand p{font-size:.88rem;color:rgba(255,255,255,.62);line-height:1.82;max-width:100%}.footer-col h4{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;opacity:.85}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:11px}.footer-col ul a{color:rgba(255,255,255,.62);font-size:.88rem;transition:color .2s;line-height:1.5}.footer-col ul a:hover{color:var(--teal2)}.contact-info{font-size:.88rem;color:rgba(255,255,255,.62);line-height:2.2;font-family:Inter,sans-serif}.contact-info a{color:var(--teal);transition:color .2s}.contact-info a:hover{color:var(--teal2)}.footer-bottom{position:relative;padding:28px 0 20px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.45);flex-wrap:wrap;gap:14px}/* Gradient rule instead of plain border */ .footer-bottom::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,212,.5) 30%,rgba(0,200,212,.8) 50%,rgba(0,200,212,.5) 70%,transparent)}/* Copyright */ .footer-copy{display:flex;align-items:center;gap:8px;font-size:.78rem;color:rgba(255,255,255,.4)}.footer-copy-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px rgba(0,200,212,.8);animation:pulse 2s ease-in-out infinite}/* Designed & Developed by — centred with badge style */ .footer-devby{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.76rem;color:rgba(255,255,255,.38)}.footer-devby-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,200,212,.07);border:1px solid rgba(0,200,212,.2);border-radius:30px;padding:5px 14px;transition:background .25s,border-color .25s,box-shadow .25s}.footer-devby-badge:hover{background:rgba(0,200,212,.13);border-color:rgba(0,200,212,.4);box-shadow:0 0 16px rgba(0,200,212,.12)}.footer-devby-badge a{color:var(--teal);font-weight:700;text-decoration:none;letter-spacing:.02em;font-size:.78rem;transition:color .2s}.footer-devby-badge a:hover{color:#00f5ff}.footer-devby-icon{font-size:.9rem}/* Sitemap / policy links */ .footer-links{display:flex;align-items:center;gap:6px;font-size:.78rem}.footer-links a{color:rgba(255,255,255,.38);text-decoration:none;transition:color .2s;padding:2px 0}.footer-links a:hover{color:rgba(0,200,212,.9)}.footer-links span{color:rgba(255,255,255,.18)}/* Light mode */ [data-theme="light"] .footer-bottom::before{background:linear-gradient(90deg,transparent,rgba(58,125,68,.5) 30%,rgba(58,125,68,.8) 50%,rgba(58,125,68,.5) 70%,transparent)}[data-theme="light"] .footer-copy{color:rgba(15,30,17,.45)}[data-theme="light"] .footer-copy-dot{background:#2d6b37;box-shadow:0 0 6px rgba(58,125,68,.8)}[data-theme="light"] .footer-devby-badge{background:rgba(58,125,68,.06);border-color:rgba(58,125,68,.25)}[data-theme="light"] .footer-devby-badge:hover{background:rgba(58,125,68,.12);border-color:rgba(58,125,68,.45)}[data-theme="light"] .footer-devby-badge a{color:#1a6b2a}[data-theme="light"] .footer-links a{color:rgba(15,30,17,.4)}[data-theme="light"] .footer-links a:hover{color:#1a6b2a}/* Mobile */ @media(max-width:680px){.footer-bottom{flex-direction:column;text-align:center;gap:12px;padding:24px 0 16px}.footer-devby{justify-content:center}}/* ── SOCIAL ── */ .social-icons{display:flex;gap:12px;margin-top:18px}.social-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18)}.social-icon:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.22)}.social-icon:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.2)}.social-icon svg{width:26px;height:26px;display:block}.si-linkedin{background:linear-gradient(145deg,#1a77d2,#0a5ba8)}.si-instagram{background:linear-gradient(145deg,#f77737,#c13584 55%,#833ab4)}.si-youtube{background:linear-gradient(145deg,#ff3030,#cc0000)}/* ── WHATSAPP ── */ .wa-float{position:fixed;bottom:28px;right:28px;z-index:9998;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);animation:waPulse 2.5s ease-in-out infinite;cursor:pointer;text-decoration:none}.wa-float:hover{transform:scale(1.1);animation-play-state:paused}.wa-float svg{width:30px;height:30px;fill:#fff}.wa-tooltip{position:absolute;bottom:68px;right:0;background:#111f22;border:1px solid rgba(0,200,212,.35);border-radius:10px;padding:8px 13px;white-space:nowrap;font-size:.78rem;color:#ffffff !important;display:none;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.45)}.wa-float:hover .wa-tooltip{display:block}/* ── SCROLL TO TOP ──────────────────────────────────────────────────────── */ .scroll-top{position:fixed;bottom:96px;right:28px;z-index:9997;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(145deg,#2a8a6e,#176a52);box-shadow:0 4px 12px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px) scale(0.85);transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-top:hover{background:linear-gradient(145deg,#33a882,#1d7d61);box-shadow:0 7px 20px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.2);transform:translateY(-3px) scale(1.05)}.scroll-top:active{box-shadow:0 2px 6px rgba(0,0,0,.35),inset 0 2px 5px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(0) scale(0.97)}.scroll-top svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.45)}50%{box-shadow:0 4px 36px rgba(37,211,102,.72)}}@keyframes galleryScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:1200px){.hero-cards{display:none}.svc-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.ind-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:960px){.nav-menu{display:none}.hamburger{display:flex}.why-grid{grid-template-columns:1fr 1fr}.nav-cta-btn{display:none}}@media(max-width:680px){section{padding:66px 5%}.hero{padding:96px 5% 56px}.hero h1{font-size:2.2rem}.svc-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.ind-grid{grid-template-columns:1fr 1fr}.ind-card,.ind-card.rev{grid-template-columns:1fr;direction:ltr;height:auto;min-height:0}.ind-visual{min-height:200px;height:200px;font-size:3rem}.footer-grid{grid-template-columns:1fr}.gallery-img{width:220px;height:145px}}@media(max-width:600px){.slider-arrow{top:auto;bottom:18px;transform:none;width:38px;height:38px;font-size:1.2rem}.slider-arrow:hover{transform:scale(1.08)}.slider-prev{left:auto;right:calc(50%+30px)}.slider-next{right:auto;left:calc(50%+30px)}.slider-dots{bottom:22px}}/* ══════════════════════════════════════════════════════ HERO SLIDER ══════════════════════════════════════════════════════ */ /* ══════════════════════════════════════════════════════ HERO SLIDER — Cinematic Transitions ══════════════════════════════════════════════════════ */ .hero-slider{position:relative;width:100%;height:100vh;min-height:580px;overflow:hidden;background:#020f12}.slider-track{position:relative;width:100%;height:100%}/* Slides stacked */ .slide{position:absolute;inset:0;display:flex;align-items:center;padding:var(--nav-h) 6% 0;opacity:0;pointer-events:none;z-index:1;overflow:hidden}.slide.active{opacity:1;pointer-events:all;z-index:3}.slide.exiting{opacity:1;z-index:2;pointer-events:none}/* Background image with Ken Burns */ .slide-bg{position:absolute;inset:-8%;background-size:cover;background-position:center;transform:scale(1.12);will-change:transform,opacity}.slide.active .slide-bg{animation:kenBurnsIn .8s ease-out forwards,kenBurnsZoom 6s .8s ease-out forwards}.slide.exiting .slide-bg{animation:kenBurnsOut .7s ease-in forwards}@keyframes kenBurnsIn{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.08)}}@keyframes kenBurnsZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes kenBurnsOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}/* Dark gradient overlay */ .slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(2,15,18,.9) 35%,rgba(2,15,18,.35) 100%);z-index:1}/* Content layer */ .slide-content{position:relative;z-index:2;max-width:640px}.slide-content .section-tag{display:inline-block;margin-bottom:18px;opacity:0;transform:translateY(20px)}.slide-content h1,.slide-content .slide-h1-style{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.25;margin-bottom:20px;opacity:0;transform:translateY(30px)}.slide-content p{color:rgba(255,255,255,.65);font-size:1.02rem;line-height:1.78;margin-bottom:32px;max-width:480px;opacity:0;transform:translateY(22px)}.slide-content .btn-primary,.slide-content .btn-ghost{opacity:0;transform:translateY(18px)}/* Staggered content entrance */ .slide.active .slide-content .section-tag{animation:contentIn .55s .5s ease forwards}.slide.active .slide-content h1,.slide.active .slide-content .slide-h1-style{animation:contentIn .6s .65s ease forwards}.slide.active .slide-content p{animation:contentIn .55s .82s ease forwards}.slide.active .slide-content .btn-primary,.slide.active .slide-content .btn-ghost{animation:contentIn .5s .98s ease forwards}@keyframes contentIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}/* Progress bar */ .slider-progress{position:absolute;bottom:0;left:0;height:3px;z-index:10;background:var(--teal);box-shadow:0 0 10px rgba(0,200,212,.7);width:0;transition:none}.slider-progress.animating{transition:width 5s linear}/* Dots */ .slider-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28);border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:0}.dot.active{background:var(--teal);width:32px;border-radius:4px;box-shadow:0 0 14px rgba(0,200,212,.6)}/* Arrows */ .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;width:52px;height:52px;border-radius:50%;font-size:1.8rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1;backdrop-filter:blur(10px)}.slider-arrow:hover{background:rgba(0,200,212,.22);border-color:var(--teal);box-shadow:0 0 22px rgba(0,200,212,.3);transform:translateY(-50%) scale(1.1)}.slider-prev{left:24px}.slider-next{right:24px}/* Slide counter top-right */ .slide-counter{position:absolute;top:36%;right:36px;z-index:10;text-align:center;display:none}@media(min-width:960px){.slide-counter{display:block}}.sc-current{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;color:#fff;line-height:1;transition:all .4s}.sc-sep{width:1px;height:24px;background:rgba(255,255,255,.2);margin:6px auto}.sc-total{font-size:.8rem;color:rgba(255,255,255,.38);font-weight:600;letter-spacing:.08em}/* ══════════════════════════════════════════════════════ WELCOME SECTION — Full-width banner+highlight cards ══════════════════════════════════════════════════════ */ .welcome-section{background:var(--bg)}.welcome-banner{position:relative;width:100%;height:480px;overflow:hidden}.welcome-banner-img{width:100%;height:100%;object-fit:cover;display:block}.welcome-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,18,.88) 50%,rgba(2,15,18,.45))}.welcome-banner-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 6%;max-width:700px}.welcome-banner-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:18px}.welcome-banner-title em{font-style:normal;background:linear-gradient(115deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.08em}.welcome-banner-sub{color:rgba(255,255,255,.65);font-size:.97rem;line-height:1.78;max-width:540px;margin-bottom:28px}.welcome-actions{display:flex;gap:16px;flex-wrap:wrap}/* Highlight cards row */ .welcome-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--bg2)}.wh-card{padding:32px 28px;border-right:1px solid var(--teal-border);transition:background .2s}.wh-card:last-child{border-right:none}.wh-card:hover{background:rgba(0,200,212,.04)}.wh-icon{font-size:2rem;margin-bottom:14px;display:block}.wh-card h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin-bottom:10px;text-align:left}.wh-card p{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.8;text-align:left;font-family:Inter,sans-serif}@media(max-width:900px){.welcome-highlights{grid-template-columns:1fr 1fr}.wh-card{border-right:none;border-bottom:1px solid var(--teal-border)}.welcome-banner{height:400px}}@media(max-width:560px){.welcome-highlights{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:0;/* hide scrollbar visually but keep it functional */ scrollbar-width:none;-ms-overflow-style:none}.welcome-highlights::-webkit-scrollbar{display:none}.wh-card{flex:0 0 78vw;max-width:300px;min-width:240px;border-right:1px solid var(--teal-border) !important;border-bottom:none !important;scroll-snap-align:start;padding:24px 20px}.wh-card:last-child{border-right:none !important}/* Scroll hint fade on right edge */ .welcome-highlights::after{content:'';flex:0 0 20px;min-width:20px}.welcome-banner{height:280px}}/* ── Welcome banner:prevent buttons being cropped on small screens ── */ @media(max-width:480px){.welcome-banner{height:auto;min-height:320px;padding-bottom:28px}.welcome-banner-content{position:relative;padding:80px 6% 0}.welcome-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welcome-banner-overlay{position:absolute;inset:0}}/* ══════════════════════════════════════════════════════ OUR WORKS IMAGE GRID ══════════════════════════════════════════════════════ */ .works-section{padding:90px 5%;background:var(--bg2)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}.work-card{position:relative;border-radius:14px;overflow:hidden;display:block;aspect-ratio:4/3;text-decoration:none}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.work-card:hover img{transform:scale(1.08)}.work-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(2,15,18,.75) 60%,rgba(2,15,18,.95));display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:1;transition:background .3s}.work-card:hover .work-overlay{background:linear-gradient(180deg,transparent 10%,rgba(2,15,18,.85) 55%,rgba(2,15,18,.98))}.work-overlay h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}.work-overlay p{color:rgba(255,255,255,.8);font-size:.8rem;line-height:1.5}/* Always show title at bottom */ .work-card::after{content:'';display:none}@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.works-grid{grid-template-columns:1fr}}/* ══════════════════════════════════════════════════════ FEATURE CARDS (Vision/Mission/Values/Team) ══════════════════════════════════════════════════════ */ .feature-section{padding:90px 5%}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto}.feature-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,200,212,.12)}.feature-img-wrap{position:relative;height:180px;overflow:hidden}.feature-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-card:hover .feature-img-wrap img{transform:scale(1.06)}.feature-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,15,18,.5))}.feature-body{padding:22px}.feature-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--teal);margin-bottom:10px;text-align:left}.feature-body p{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.82;text-align:left;font-family:Inter,sans-serif}@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}/* ── SERVICE DETAIL IMAGES ── */ .svc-detail-img-wrap{border-radius:16px;overflow:hidden;height:320px;flex-shrink:0}.svc-detail-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.svc-detail-img-wrap:hover .svc-detail-img{transform:scale(1.04)}/* ── INDUSTRY DETAIL IMAGES ── */ .ind-visual{border-radius:0;overflow:hidden;min-height:320px;flex-shrink:0;position:relative;padding:0}.ind-detail-img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transition:transform .4s;position:absolute;top:0;left:0}.ind-visual:hover .ind-detail-img{transform:scale(1.04)}/* ── LIGHT MODE TEXT FIXES (services & industries inline text) ── */ .svc-detail-desc{color:rgba(255,255,255,.65);font-size:.97rem;line-height:1.85;margin-bottom:20px;font-weight:300;text-align:left;max-width:520px;font-family:Inter,sans-serif}.svc-detail-li{display:flex;gap:10px;font-size:.86rem;color:rgba(255,255,255,.55);text-align:left}.ind-detail-li{color:rgba(255,255,255,.55)}/* ── LIGHT MODE GLOBAL TEXT FIXES ── */ /* ── ABOUT PAGE ── */ .about-story-img{border-radius:20px;overflow:hidden;height:420px}.about-story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.about-story-img:hover img{transform:scale(1.04)}.about-para{font-size:.97rem;color:rgba(255,255,255,.65);line-height:1.88;margin-bottom:18px;font-weight:300;max-width:540px;font-family:Inter,sans-serif}.mvp-img-wrap{border-radius:12px;overflow:hidden;height:140px;margin-bottom:16px}.mvp-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.mvp-img-wrap:hover img{transform:scale(1.05)}.mvp-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;color:var(--white);margin-bottom:8px;font-weight:700;text-align:center}.mvp-desc{font-size:.9rem;color:rgba(255,255,255,.62);line-height:1.8;text-align:center;font-family:Inter,sans-serif}.val-icon{font-size:1.6rem;flex-shrink:0;width:44px;height:44px;background:rgba(0,200,212,.1);border-radius:10px;display:flex;align-items:center;justify-content:center}.val-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.97rem;color:var(--white);margin-bottom:6px;font-weight:700;text-align:left}.val-desc{font-size:.9rem;color:rgba(255,255,255,.62);line-height:1.8;text-align:left;font-family:Inter,sans-serif}/* ── CAREERS PAGE ── */ .perk-img-wrap{border-radius:10px;overflow:hidden;height:120px;margin-bottom:14px}.perk-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.perk-img-wrap:hover .perk-img{transform:scale(1.05)}.perk-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.97rem;color:var(--white);margin-bottom:8px;font-weight:700;text-align:left}.perk-desc{font-size:.9rem;color:rgba(255,255,255,.62);line-height:1.8;text-align:left;font-family:Inter,sans-serif}/* ══════════════════════════════════════════════════════ GALLERY — Two-row infinite scroll with hover effects ══════════════════════════════════════════════════════ */ .gallery-section{padding:80px 0;background:var(--bg2);overflow:hidden}.gallery-head{text-align:center;padding:0 5%;margin-bottom:48px}.gallery-rows{position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden}/* Fade edges */ .gallery-fade-left,.gallery-fade-right{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.gallery-fade-left{left:0;background:linear-gradient(to right,var(--bg2),transparent)}.gallery-fade-right{right:0;background:linear-gradient(to left,var(--bg2),transparent)}/* Each row */ .gr{display:flex;gap:16px;width:max-content}/* Left-to-right row */ .gr-ltr{animation:scrollLTR 40s linear infinite}.gr-ltr:hover{animation-play-state:paused}/* Right-to-left row */ .gr-rtl{animation:scrollRTL 36s linear infinite}.gr-rtl:hover{animation-play-state:paused}@keyframes scrollLTR{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scrollRTL{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}/* Image card */ .gi{position:relative;width:280px;height:180px;border-radius:14px;overflow:hidden;flex-shrink:0;cursor:pointer}.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .4s ease;filter:brightness(.85) saturate(1.1)}.gi:hover img{transform:scale(1.08);filter:brightness(1) saturate(1.3)}.gi-label{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,rgba(2,15,18,.88));color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em;transform:translateY(0);transition:background .3s ease}.gi:hover .gi-label{background:linear-gradient(transparent,rgba(2,15,18,.96))}/* Always show a subtle bottom gradient */ .gi::after{content:'';position:absolute;inset:0;border-radius:14px;border:1px solid rgba(0,200,212,0);transition:border-color .3s}.gi:hover::after{border-color:rgba(0,200,212,.4)}/* Light mode */ /* ══════════════════════════════════════════════════════ IT TRAINING SECTION ══════════════════════════════════════════════════════ */ .training-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.training-fw-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.training-fw-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,200,212,.14)}.training-fw-img{height:180px;overflow:hidden}.training-fw-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.training-fw-card:hover .training-fw-img img{transform:scale(1.05)}.training-fw-body{padding:22px;text-align:left}.training-fw-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:rgba(0,200,212,.15);color:var(--teal);font-size:.82rem;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.training-fw-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--white);margin-bottom:8px;text-align:left}.training-fw-body>p{text-align:left}.training-topics{list-style:none;margin:12px 0;display:flex;flex-direction:column;gap:6px;width:100%}.training-topics li{font-size:.8rem;color:rgba(255,255,255,.5);padding-left:18px;position:relative;text-align:left}.training-topics li::before{content:'→';position:absolute;left:0;color:var(--teal);font-size:.72rem}.training-badge{display:inline-block;background:rgba(0,200,212,.1);border:1px solid rgba(0,200,212,.25);color:var(--teal);font-size:.72rem;font-weight:600;padding:5px 14px;border-radius:20px;margin-top:12px;letter-spacing:.04em;align-self:flex-start}/* Light mode training */ @media(max-width:1100px){.training-hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.training-hero-grid{grid-template-columns:1fr}}/* Mega-drop 4-col — columns set in base rule above */ /* ── SERVICE SECTION HERO IMAGE ── */ .svc-hero-img-wrap{position:relative;width:100%;height:260px;border-radius:16px;overflow:hidden;margin-bottom:40px}.svc-hero-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.svc-hero-img-wrap:hover .svc-hero-img{transform:scale(1.03)}.svc-hero-img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,18,.6) 0%,transparent 60%)}/* ── NAV ── */ /* ── HERO SLIDER ── */ /* ── SECTION TAGS & TITLES ── */ /* ── BUTTONS ── */ /* ── WELCOME SECTION ── */ /* ── MARQUEE BAR ── */ /* ── STATS ── */ /* ── SERVICE CARDS ── */ /* ── WHY SECTION / HC CARDS ── */ /* ── INDUSTRIES ── */ /* ── GALLERY ── */ /* ── WORKS SECTION ── */ /* ── FEATURE SECTION ── */ /* ── CTA SECTION ── */ /* ── PAGE HERO ── */ /* ── SERVICES PAGE ── */ /* ── INDUSTRIES PAGE ── */ /* ── ABOUT PAGE ── */ /* ── CAREERS PAGE ── */ /* ── LEGAL PAGES ── */ /* ── CONTACT MODAL ── */ /* ── FOOTER ── */ /* ── TRAINING SECTION ── */ /* ── HERO SECTION BG (welcome) ── */ /* Section backgrounds */ /* Service cards — force all text visible */ /* Why/feature cards */ /* All inline hardcoded white text overrides */ /* Force all section text dark */ /* Prevent section tag from going dark */ /* Stats section — keep white text (dark bg) */ /* CTA section — keep white text (dark bg) */ /* Page hero — keep white text */ /* Footer — keep white text (dark bg) */ /* Marquee bar — keep light text (dark bg) */ /* Welcome banner — keep white text */ /* Hero slider — keep white text */ /* Industry pills — keep white text (image bg) */ /* Works overlay text — white */ /* Gallery label — white */ /* Training section badges */ /* ── BASE CARD CLASSES (dark mode default,light override) ── */ .perk-card{background:rgba(0,200,212,.04);border:1px solid var(--teal-border);border-radius:14px;padding:26px;text-align:left}.perk-card.mvp-card{text-align:center}/* Perks / Why Join grid — responsive */ .perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}@media(max-width:900px){.perks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.perks-grid{grid-template-columns:1fr;gap:14px}}.val-card{display:flex;gap:16px;background:rgba(0,200,212,.03);border:1px solid var(--teal-border);border-radius:12px;padding:22px}/* ── FORCE ALL SECTION BACKGROUNDS LIGHT ── */ /* ── ALL TEXT DARK IN LIGHT MODE ── */ /* ── CAREERS PAGE SPECIFICS ── */ /* ── ABOUT PAGE SPECIFICS ── */ /* ── SERVICES PAGE ── */ /* ── INDUSTRIES PAGE ── */ /* ── PREVENT ANY REMAINING DARK INLINE BACKGROUNDS ── */ /* ── PREVENT WHITE TEXT ON LIGHT BG ── */ /* ── LEGAL PAGES ── */ /* ── WHY CHOOSE / HIGHLIGHT CARDS ── */ /* ── Variables ── */ /* ── Body & Base ── */ /* ── Nav ── */ /* ── Section tags & titles ── */ /* ── All section backgrounds ── */ /* ── Buttons ── */ /* ── Hero cards (hc) ── */ /* ── Service cards ── */ /* ── Why cards ── */ /* ── Highlight cards (wh-card) ── */ /* ── Industries grid ── */ /* ── Services page detail text ── */ /* ── About page ── */ /* ── Careers page ── */ /* ── Training section ── */ /* ── Feature cards (vision/mission) ── */ /* ── Gallery ── */ /* ── Works section ── */ /* ── Welcome banner ── */ /* ── Stats (intentionally dark) ── */ /* ── Marquee (intentionally dark) ── */ /* ── CTA section (intentionally dark) ── */ /* ── Page hero (intentionally dark) ── */ /* ── Contact modal ── */ /* ── Footer (LIGHT in light mode) ── */ /* ── Legal pages ── */ /* ── Industry page sections ── */ /* ── Service page sections ── */ /* ── Catch-all:prevent any hardcoded dark inline bg leaking through ── */ /* ── Catch-all:prevent invisible white text ── */ /* 1. Darken body text for better readability on white */ /* 2. Page hero — always white text (dark gradient bg) */ /* 3. All headings dark & strong */ /* 4. Body text darker for legibility */ /* 5. Specific elements that still use var(--white) base */ /* 6. Section sub always legible */ /* 7. Muted text */ /* CTA section */ /* Stats section */ /* Marquee bar */ /* Welcome banner */ /* Footer */ /* Slide content */ /* Any section with dark inline background */ /* Fix CTA dark bg — override the generic section rule */ /* Fix stats dark bg */ /* Fix marquee dark bg */ /* Fix footer — light bg with DARK text */ /* ══════════════════════════════════════════════════════ ☀️ LIGHT THEME — Pista Green Palette Base:#f0f8ee (lightest pista) Accent:#3a7d44 (deep sage green) Highlight:#f59e0b (warm amber/gold) Dark bg sections:#1a2e1c (deep forest) ══════════════════════════════════════════════════════ */ [data-theme="light"]{--bg:#f0f8ee;--bg2:#e0f0db;--teal:#3a7d44;--teal2:#2d6b37;--teal3:#52a85e;--teal-border:rgba(58,125,68,.2);--white:#0f1e11;--off:#1a3320;--muted:#4a7055;--text:#1e3d24;--nav-bg:rgba(240,248,238,.97);--card-bg:#ffffff;--footer-bg:#f0f8ee;--heading-color:#0f1e11;--body-text:#1e3d24;--muted-text:#4a7055;--border-color:rgba(58,125,68,.18);--drop-bg:#f0f8ee}/* ── Body ── */ [data-theme="light"] body{background:#f0f8ee;color:#1e3d24}/* ── Nav ── */ [data-theme="light"] nav{background:rgba(240,248,238,.97);border-bottom:1px solid rgba(58,125,68,.18);box-shadow:0 2px 20px rgba(58,125,68,.1)}[data-theme="light"] nav{background:rgba(240,248,238,.92);border-bottom-color:rgba(58,125,68,.15)}[data-theme="light"] nav::after{background:linear-gradient(90deg,transparent,rgba(58,125,68,.25) 30%,rgba(58,125,68,.25) 70%,transparent)}[data-theme="light"] nav.nav-scrolled{background:rgba(240,248,238,.98)}[data-theme="light"] .nav-item>a{color:rgba(15,30,17,.68)}[data-theme="light"] .nav-item>a::after{background:#2d6b37}[data-theme="light"] .nav-item:hover>a,[data-theme="light"] .nav-item.active>a{color:#0f1e11;font-weight:600}[data-theme="light"] .mega-drop{background:rgba(248,255,246,.98);border-color:rgba(58,125,68,.18);box-shadow:0 24px 64px rgba(58,125,68,.15),0 0 0 1px rgba(58,125,68,.08);border-top:2px solid #3a7d44}[data-theme="light"] .mega-col h4{color:#2d6b37}[data-theme="light"] .mega-col ul li a{color:rgba(15,30,17,.65)}[data-theme="light"] .mega-col ul li a:hover{color:#2d6b37}[data-theme="light"] .simple-drop{background:#f0f8ee;border-color:rgba(58,125,68,.2);box-shadow:0 12px 40px rgba(58,125,68,.12);border-top:2px solid #3a7d44}[data-theme="light"] .simple-drop a{color:rgba(15,30,17,.7)}[data-theme="light"] .simple-drop a:hover{color:#2d6b37}[data-theme="light"] .hamburger{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}[data-theme="light"] .hamburger:hover{background:rgba(0,160,172,.1);border-color:rgba(0,160,172,.4)}[data-theme="light"] .hamburger span{background:#0f1e11}[data-theme="light"] .hamburger.open{background:rgba(0,160,172,.08);border-color:rgba(0,160,172,.35)}[data-theme="light"] .mobile-menu{background:rgba(248,253,252,.98);border-top-color:rgba(0,160,172,.2)}[data-theme="light"] .mobile-menu::before{background:linear-gradient(90deg,transparent,rgba(0,160,172,.5) 40%,rgba(0,160,172,.8) 50%,rgba(0,160,172,.5) 60%,transparent)}[data-theme="light"] .mob-link{color:#0f1e11;border-bottom-color:rgba(0,0,0,.08)}[data-theme="light"] .mob-link::after{color:rgba(0,160,172,.5)}[data-theme="light"] .mob-link:hover{color:#006680}[data-theme="light"] .mob-link:hover::after{color:#006680}[data-theme="light"] .mob-parent{color:#0f1e11;border-bottom-color:rgba(0,0,0,.08)}[data-theme="light"] .mob-parent.expanded{color:#006680}[data-theme="light"] .mob-sub-inner{border-left-color:rgba(0,160,172,.25)}[data-theme="light"] .mob-sub a,[data-theme="light"] .mob-sub-link{color:rgba(15,30,17,.65);border-bottom-color:rgba(0,0,0,.06)}[data-theme="light"] .mob-sub-link:hover{color:#006680;background:rgba(0,160,172,.07)}[data-theme="light"] .mob-sub-section{color:#006680}/* light mode toggle:thumb slides right,sun appears */ [data-theme="light"] .theme-toggle{background:rgba(245,158,11,.1);border-color:rgba(217,119,6,.35)}[data-theme="light"] .theme-toggle:hover{background:rgba(245,158,11,.18);border-color:rgba(217,119,6,.55);box-shadow:0 0 16px rgba(245,158,11,.2)}[data-theme="light"] .theme-toggle::before{transform:translateX(28px);background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px rgba(245,158,11,.6)}[data-theme="light"] .theme-toggle .icon-moon{opacity:0}[data-theme="light"] .theme-toggle .icon-sun{opacity:.8}[data-theme="light"] .theme-toggle .icon-moon svg{stroke:rgba(217,119,6,.8)}[data-theme="light"] .theme-toggle .icon-sun svg{stroke:rgba(217,119,6,.85)}[data-theme="light"] .nav-logo-img{mix-blend-mode:normal}/* ── Sections ── */ [data-theme="light"] section{background:#f0f8ee}[data-theme="light"] section[style*="var(--bg2)"]{background:#e0f0db !important}/* ── Typography ── */ [data-theme="light"] .section-tag{color:#2d6b37 !important;background:rgba(58,125,68,.1) !important;border:1px solid rgba(58,125,68,.22) !important;padding:4px 14px;border-radius:20px}[data-theme="light"] .section-title{color:#0f1e11 !important;-webkit-text-fill-color:#0f1e11 !important}[data-theme="light"] .section-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#f59e0b,#3a7d44) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .section-sub{color:#4a7055 !important}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4{color:#0f1e11}[data-theme="light"] p,[data-theme="light"] li{color:#1e3d24}/* ── Buttons ── */ [data-theme="light"] .btn-primary{background:linear-gradient(135deg,#2d6b37,#3a7d44);box-shadow:0 4px 20px rgba(58,125,68,.3)}[data-theme="light"] .btn-primary:hover{box-shadow:0 8px 32px rgba(58,125,68,.45)}[data-theme="light"] .btn-ghost{color:#1a3d22;border-color:rgba(45,107,55,.7);background:rgba(45,107,55,.06);font-weight:600}[data-theme="light"] .btn-ghost:hover{background:rgba(45,107,55,.12);border-color:#2d6b37;box-shadow:0 0 16px rgba(45,107,55,.18)}/* ── Cards ── */ [data-theme="light"] .svc-card{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.08)}[data-theme="light"] .svc-card:hover{background:#f7fbf5;border-color:rgba(58,125,68,.45);box-shadow:0 12px 40px rgba(58,125,68,.18);transform:translateY(-4px)}[data-theme="light"] .svc-card::before{background:linear-gradient(90deg,#f59e0b,#3a7d44)}[data-theme="light"] .svc-icon{background:rgba(58,125,68,.1)}[data-theme="light"] .svc-body h3{color:#0f1e11 !important}[data-theme="light"] .svc-body p{color:#4a7055 !important}[data-theme="light"] .hc{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.08)}[data-theme="light"] .hc-label{color:#4a7055 !important}[data-theme="light"] .hc-value{color:#2d6b37 !important}[data-theme="light"] .hc-sub{color:#4a7055 !important}/* ── Feature & Welcome ── */ [data-theme="light"] .feature-section{background:#e0f0db}[data-theme="light"] .feature-card{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.07)}[data-theme="light"] .feature-card:hover{box-shadow:0 16px 48px rgba(58,125,68,.18)}[data-theme="light"] .feature-body h3{color:#2d6b37 !important}[data-theme="light"] .feature-body p{color:#1e3d24 !important}[data-theme="light"] .welcome-highlights{background:#e0f0db}[data-theme="light"] .wh-card{border-right-color:rgba(58,125,68,.15)}[data-theme="light"] .wh-card:hover{background:rgba(58,125,68,.05)}[data-theme="light"] .wh-card h4{color:#0f1e11 !important}[data-theme="light"] .wh-card p{color:#1e3d24 !important}[data-theme="light"] .welcome-banner-overlay{background:linear-gradient(90deg,rgba(15,30,17,.9) 45%,rgba(15,30,17,.35))}/* ── Gallery & Works ── */ [data-theme="light"] .gallery-section{background:#e0f0db}[data-theme="light"] .gallery-fade-left{background:linear-gradient(to right,#e0f0db,transparent)}[data-theme="light"] .gallery-fade-right{background:linear-gradient(to left,#e0f0db,transparent)}[data-theme="light"] .gi:hover::after{border-color:rgba(58,125,68,.5)}[data-theme="light"] .works-section{background:#f7f3e8}[data-theme="light"] .work-overlay{background:linear-gradient(180deg,transparent 20%,rgba(15,30,17,.82) 55%,rgba(15,30,17,.97))}[data-theme="light"] .work-overlay h3{color:#fff}[data-theme="light"] .work-overlay p{color:rgba(255,255,255,.88)}[data-theme="light"] .gi-label{background:linear-gradient(transparent,rgba(15,30,17,.88));color:#fff}/* ── Industries ── */ [data-theme="light"] .ind-content h3{color:#0f1e11 !important}[data-theme="light"] .ind-content p{color:#1a3320 !important}[data-theme="light"] .ind-bullets li{color:#1e3d24 !important}[data-theme="light"] .ind-bullets li::before{color:#3a7d44 !important}[data-theme="light"] .ind-tag{background:rgba(58,125,68,.08) !important;color:#2d6b37 !important;border-color:rgba(58,125,68,.2) !important}/* ── About & Careers ── */ [data-theme="light"] .about-para{color:#1a3320 !important}[data-theme="light"] .mvp-title,[data-theme="light"] .val-title,[data-theme="light"] .perk-title{color:#0f1e11 !important}[data-theme="light"] .mvp-desc,[data-theme="light"] .val-desc,[data-theme="light"] .perk-desc{color:#1e3d24 !important}[data-theme="light"] .val-icon{background:rgba(58,125,68,.1) !important}[data-theme="light"] .perk-card{background:#fff !important;border-color:rgba(58,125,68,.18) !important;box-shadow:0 4px 16px rgba(58,125,68,.08) !important}[data-theme="light"] .val-card{background:#fff !important;border-color:rgba(58,125,68,.18) !important}/* ── Training ── */ [data-theme="light"] .training-fw-card{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.07)}[data-theme="light"] .training-fw-card:hover{box-shadow:0 16px 48px rgba(58,125,68,.18)}[data-theme="light"] .training-fw-body h3{color:#0f1e11 !important}[data-theme="light"] .training-topics li{color:#4a7055 !important}[data-theme="light"] .training-topics li::before{color:#f59e0b !important}[data-theme="light"] .training-badge{background:rgba(245,158,11,.1) !important;border-color:rgba(245,158,11,.25) !important;color:#d97706 !important}/* ── Service & Industry page sections ── */ [data-theme="light"] section#custom,[data-theme="light"] section#webapp,[data-theme="light"] section#testing,[data-theme="light"] section#uiux,[data-theme="light"] section#maintenance,[data-theme="light"] section#banking,[data-theme="light"] section#manufacturing,[data-theme="light"] section#telecom,[data-theme="light"] section#education{background:#f0f8ee}[data-theme="light"] section#cloud,[data-theme="light"] section#aiml,[data-theme="light"] section#ecommerce,[data-theme="light"] section#security,[data-theme="light"] section#consulting,[data-theme="light"] section#marketing,[data-theme="light"] section#project,[data-theme="light"] section#training,[data-theme="light"] section#healthcare,[data-theme="light"] section#retail,[data-theme="light"] section#energy,[data-theme="light"] section#logistics{background:#e0f0db}[data-theme="light"] .svc-detail-desc{color:#1a3320 !important}[data-theme="light"] .svc-detail-li{color:#1e3d24 !important}[data-theme="light"] .ind-detail-li{color:#1e3d24 !important}/* ── Modal ── */ [data-theme="light"] .modal-overlay{background:rgba(15,30,17,.6)}[data-theme="light"] .modal-box{background:#f0f8ee;border-color:rgba(58,125,68,.2);border-top:3px solid #3a7d44}[data-theme="light"] .modal-title{color:#0f1e11 !important}[data-theme="light"] .modal-sub{color:#4a7055 !important}[data-theme="light"] .cf-input,[data-theme="light"] .cf-textarea,[data-theme="light"] .cf-select{background:#fff;color:#0f1e11;border-color:rgba(58,125,68,.2)}[data-theme="light"] .cf-input::placeholder,[data-theme="light"] .cf-textarea::placeholder{color:#6a9070}[data-theme="light"] .cf-input:focus,[data-theme="light"] .cf-textarea:focus{border-color:#3a7d44;box-shadow:0 0 0 3px rgba(58,125,68,.12)}/* ── Contact tab ── */ [data-theme="light"] .contact-tab{background:linear-gradient(135deg,#2d6b37,#3a7d44)}/* ── Legal pages ── */ [data-theme="light"] .legal-body{background:#f0f8ee}[data-theme="light"] .legal-body h2{color:#0f1e11 !important}[data-theme="light"] .legal-body p,[data-theme="light"] .legal-body li{color:#1e3d24 !important}[data-theme="light"] .legal-badge{background:rgba(58,125,68,.08) !important;color:#2d6b37 !important;border-color:rgba(58,125,68,.2) !important}/* ── INTENTIONALLY DARK SECTIONS ── (keep dark for contrast) */ [data-theme="light"] .cta-section{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .cta-section *{color:#fff !important}[data-theme="light"] .cta-section .section-title{color:#fff !important;-webkit-text-fill-color:#fff !important}[data-theme="light"] .cta-section .section-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#f59e0b,#52a85e) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .cta-section .section-tag{color:#86efac !important;background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.2) !important}[data-theme="light"] .cta-section p{color:rgba(255,255,255,.75) !important}[data-theme="light"] .cta-section .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.72) !important;background:rgba(255,255,255,.07) !important}[data-theme="light"] .stats-section{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .stats-section *{color:rgba(255,255,255,.7) !important}[data-theme="light"] .stat-val{display:inline-block;padding-bottom:.1em;background:linear-gradient(135deg,#f59e0b,#52a85e) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .stat-label{color:rgba(255,255,255,.6) !important;-webkit-text-fill-color:rgba(255,255,255,.6) !important}[data-theme="light"] .marquee-bar{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .mi{color:rgba(255,255,255,.75) !important;-webkit-text-fill-color:rgba(255,255,255,.75) !important}[data-theme="light"] .page-hero{background:linear-gradient(135deg,#0f1e11,#1a3320 60%,#2d6b37) !important}[data-theme="light"] .page-hero *{color:#fff !important;-webkit-text-fill-color:#fff !important}[data-theme="light"] .page-hero .section-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .page-hero .section-tag{color:#86efac !important;background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.2) !important}[data-theme="light"] .page-hero p{color:rgba(255,255,255,.8) !important}[data-theme="light"] .page-hero .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.72) !important;background:rgba(255,255,255,.07) !important}[data-theme="light"] .legal-hero{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .legal-hero *{color:#fff !important}[data-theme="light"] .slide-content *{color:#fff !important}[data-theme="light"] .slide-content em{display:inline-block;font-style:normal;font-weight:800;padding-bottom:.1em;padding-right:.08em;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .welcome-banner-content *{color:#fff !important}[data-theme="light"] .welcome-banner-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}/* ── Footer (light pista) ── */ [data-theme="light"] footer{background:#daeeda !important;border-top:2px solid rgba(58,125,68,.2) !important}[data-theme="light"] footer *{color:#1e3d24 !important;-webkit-text-fill-color:#1e3d24 !important}[data-theme="light"] .footer-col h4{color:#2d6b37 !important;-webkit-text-fill-color:#2d6b37 !important}[data-theme="light"] .footer-col ul a{color:#1e4028 !important;-webkit-text-fill-color:#1e4028 !important}[data-theme="light"] .footer-col ul a:hover{color:#2d6b37 !important;-webkit-text-fill-color:#2d6b37 !important}[data-theme="light"] .footer-brand p{color:#2a4e34 !important;-webkit-text-fill-color:#2a4e34 !important}[data-theme="light"] .footer-bottom{color:#2a5038 !important;border-color:rgba(58,125,68,.25) !important}[data-theme="light"] .footer-bottom a{color:#2a5038 !important;-webkit-text-fill-color:#2a5038 !important}[data-theme="light"] .footer-bottom a:hover{color:#2d6b37 !important;-webkit-text-fill-color:#2d6b37 !important}[data-theme="light"] .social-icon{background:inherit}[data-theme="light"] .footer-logo-img{mix-blend-mode:normal}[data-theme="light"] .contact-info a{color:#2d6b37 !important;-webkit-text-fill-color:#2d6b37 !important}[data-theme="light"] .contact-info a:hover{color:#2d6b37 !important}/* ── Catch-all dark inline bg remover ── */ [data-theme="light"] [style*="background:rgba(0,200,212"]{background:rgba(58,125,68,.08) !important}[data-theme="light"] [style*="background:rgba(0,100,120"]{background:#e0f0db !important}[data-theme="light"] [style*="background:rgba(0,50,60"]{background:#e0f0db !important}[data-theme="light"] [style*="background:rgba(4,18,22"]{background:#fff !important}[data-theme="light"] [style*="background:rgba(2,15,18"]{background:#fff !important}[data-theme="light"] [style*="background:#020f12"]{background:#f0f8ee !important}[data-theme="light"] [style*="background:#041418"]{background:#e0f0db !important}/* ══ CTA+DARK SECTIONS SPECIFICITY FIX ══ */ body[data-theme="light"] .cta-section,html[data-theme="light"] .cta-section,[data-theme="light"] .cta-section.cta-section{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .cta-section .section-title,[data-theme="light"] .cta-section h1,[data-theme="light"] .cta-section h2,[data-theme="light"] .cta-section h3{color:#fff !important;-webkit-text-fill-color:#fff !important}[data-theme="light"] .cta-section .section-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}/* [duplicate removed] */ [data-theme="light"] .cta-section p{color:rgba(255,255,255,.8) !important;-webkit-text-fill-color:rgba(255,255,255,.8) !important}[data-theme="light"] .cta-section .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.72) !important;background:rgba(255,255,255,.07) !important}/* Same fix for stats and marquee */ body[data-theme="light"] .stats-section{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}body[data-theme="light"] .marquee-bar{background:linear-gradient(135deg,#0f1e11,#1a3320) !important}[data-theme="light"] .stats-section .stat-val{display:inline-block;padding-bottom:.1em;background:linear-gradient(135deg,#f59e0b,#52a85e) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}[data-theme="light"] .stats-section .stat-label,[data-theme="light"] .stats-section .stat-num{color:rgba(255,255,255,.7) !important;-webkit-text-fill-color:rgba(255,255,255,.7) !important}[data-theme="light"] .mi{color:rgba(255,255,255,.8) !important;-webkit-text-fill-color:rgba(255,255,255,.8) !important}/* Fix hero-slider bg — must not be overridden by section rule */ /* ── HERO SLIDER THEME FIX ── */ /* Dark mode:dark bg until image loads */ .hero-slider{background:#020f12}/* Light mode:pista tinted bg until image loads */ /* Overlay tint per theme */ .slide-overlay{background:linear-gradient(105deg,rgba(2,15,18,.88) 35%,rgba(2,15,18,.3) 100%)}/* Ensure slide text always white on both themes */ .slide-content .section-tag,.slide-content h1,.slide-content .slide-h1-style,.slide-content p,.slide-content a,.slide-content button{color:#fff !important;-webkit-text-fill-color:#fff !important}.slide-content em{display:inline-block;font-style:normal;font-weight:800;padding-bottom:.1em;padding-right:.08em;background:linear-gradient(115deg,var(--teal),var(--teal3)) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}/* Section tag on slides:match theme accent */ [data-theme="light"] .slide-content .section-tag{color:#86efac !important;-webkit-text-fill-color:#86efac !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.2) !important}/* ── HERO SLIDER — Theme overlays ── */ /* Dark mode:dark overlay over images */ .hero-slider{background:#020f12}.slide-overlay{background:linear-gradient(105deg,rgba(2,15,18,.88) 35%,rgba(2,15,18,.3) 100%)}/* Light mode:soft pista overlay — images show through,feels lighter */ [data-theme="light"] .hero-slider{background:#c8e6c9}[data-theme="light"] .slide-overlay{background:linear-gradient(105deg,rgba(10,40,15,.72) 35%,rgba(10,40,15,.22) 100%)}[data-theme="light"] .slide-bg{filter:brightness(1.05) saturate(.85)}/* Slide text always white on both themes */ .slide-content *{color:#fff !important;-webkit-text-fill-color:#fff !important}/* [duplicate removed] */ /* Light mode:amber → pista green on em */ [data-theme="light"] .slide-content em{font-style:normal;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}/* ── CONTACT FORM DROPDOWN — Light mode fix ── */ [data-theme="light"] .cf-select{background:#fff !important;color:#0f1e11 !important;border-color:rgba(58,125,68,.2) !important}[data-theme="light"] .cf-select option{background:#fff !important;color:#0f1e11 !important}[data-theme="light"] .cf-select:focus{border-color:#3a7d44 !important;box-shadow:0 0 0 3px rgba(58,125,68,.12) !important}/* ══ LIGHT MODE ALIGNMENT OVERRIDES ════════════════ */ /* Ensure all alignment fixes from dark mode carry through to light mode */ /* Page hero — centered */ [data-theme="light"] .page-hero-content{text-align:center}/* Section titles & sub — centered by default */ [data-theme="light"] .section-title{text-align:center}[data-theme="light"] .section-sub{text-align:center;margin-left:auto;margin-right:auto}/* Two-column service detail sections — left aligned */ [data-theme="light"] section>div[style*="grid-template-columns:1fr 1fr"] .section-title,[data-theme="light"] section>div[style*="grid-template-columns:1fr 1fr"] .section-tag,[data-theme="light"] section>div[style*="grid-template-columns:1fr 1fr"] .svc-detail-desc,[data-theme="light"] section>div[style*="grid-template-columns:1fr 1fr"] .svc-detail-li{text-align:left}/* Service cards */ [data-theme="light"] .svc-body{flex:1;text-align:left}[data-theme="light"] .svc-body h3,[data-theme="light"] .svc-body p{text-align:left}/* Why-us cards */ [data-theme="light"] .why-num,[data-theme="light"] .why-card h4,[data-theme="light"] .why-card p{text-align:left}[data-theme="light"] .why-card{background:#ffffff;border-color:rgba(58,125,68,.18);box-shadow:0 2px 12px rgba(58,125,68,.06)}[data-theme="light"] .why-card:hover{border-color:rgba(58,125,68,.45);box-shadow:0 8px 28px rgba(58,125,68,.12)}[data-theme="light"] .why-num{color:rgba(58,125,68,.22);background:none !important;box-shadow:none !important;outline:none !important;border:none !important}[data-theme="light"] .why-card h4{color:#0f1e11}[data-theme="light"] .why-card p{color:rgba(15,30,17,.72)}/* Welcome highlights */ [data-theme="light"] .wh-card h4,[data-theme="light"] .wh-card p{text-align:left}/* Feature cards (about/index) */ [data-theme="light"] .feature-body h3,[data-theme="light"] .feature-body p{text-align:left}/* About page - val-cards left,mvp-cards center */ [data-theme="light"] .val-title,[data-theme="light"] .val-desc{text-align:left}[data-theme="light"] .mvp-title,[data-theme="light"] .mvp-desc{text-align:center}[data-theme="light"] .perk-card.mvp-card{text-align:center}[data-theme="light"] .perk-card:not(.mvp-card){text-align:left}[data-theme="light"] .perk-title,[data-theme="light"] .perk-desc{text-align:left}/* Industries page — ind-content left aligned */ [data-theme="light"] .ind-content{text-align:left}[data-theme="light"] .ind-content h3,[data-theme="light"] .ind-content p{text-align:left}[data-theme="light"] .ind-bullets li{text-align:left}/* Training cards — heading+desc centered,topics left */ [data-theme="light"] .training-fw-body{text-align:left}[data-theme="light"] .training-fw-body h3,[data-theme="light"] .training-fw-body>p{text-align:left}[data-theme="light"] .training-topics{margin:12px 0;width:100%;align-self:flex-start}[data-theme="light"] .training-topics li{text-align:left}/* Careers — hero buttons centered */ [data-theme="light"] .page-hero-content>div[style*="display:flex"]{justify-content:center}/* svc-detail */ [data-theme="light"] .svc-detail-desc,[data-theme="light"] .svc-detail-li{text-align:left}/* ══ TEXT ALIGNMENT FIXES ══════════════════════════ */ /* All section heading blocks centered by default */ .section-title{text-align:center}.section-sub{text-align:center}.section-tag{display:inline-block}/* Two-column service detail sections — left aligned */ section>div[style*="grid-template-columns:1fr 1fr"] .section-title,section>div[style*="grid-template-columns:1fr 1fr"] .section-tag,section>div[style*="grid-template-columns:1fr 1fr"] .svc-detail-desc,section>div[style*="grid-template-columns:1fr 1fr"] .svc-detail-li{text-align:left}/* Works section header centered */ .works-section>div:first-child{text-align:center;margin-bottom:48px}/* Services section header */ .svc-section-head{text-align:center;margin-bottom:48px}/* Industries section headings */ section#industries .section-title,section#industries .section-sub{text-align:center}section#industries .section-tag{display:inline-block}/* Why section */ section .why-head{text-align:center;margin-bottom:48px}/* Gallery head already centered — ensure section-title inside is centered */ .gallery-head .section-title{text-align:center}.gallery-head .section-sub{text-align:center}/* Feature section */ .feature-section>div:first-child{text-align:center;margin-bottom:48px}/* Stats section */ .stats-section .section-title,.stats-section .section-sub{text-align:center}/* Ensure inline div wrappers with text-align:center work */ div[style*="text-align:center"] .section-title{text-align:center}div[style*="text-align:center"] .section-sub{text-align:center}/* Services/Industries sub-section headers in inner divs */ section>div[style*="text-align:center"]{width:100%}section>div[style*="text-align:center"] .section-title{text-align:center}section>div[style*="text-align:center"] .section-sub{text-align:center}/* About & Careers page section titles */ .about-section .section-title,.careers-section .section-title{text-align:center}/* ── SVC GRID SYMMETRY FIX ── */ /* Force 2-col grid even on wider screens for Why Train section */ .svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}/* All svc-cards same min-height for symmetry */ .svc-card{min-height:280px}.svc-card-img{width:100%;height:160px;object-fit:cover;display:block;transition:transform .4s;flex-shrink:0}.svc-card-body{padding:20px;display:flex;gap:14px;align-items:flex-start;flex:1}/* 12-service home grid stays 3-col on desktop,2 on tablet */ .svc-grid.svc-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.svc-grid.svc-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.svc-grid,.svc-grid.svc-grid-3{grid-template-columns:1fr}}/* Training section svc-grid always 2-col */ section#training .svc-grid{grid-template-columns:repeat(2,1fr) !important}@media(max-width:640px){section#training .svc-grid{grid-template-columns:1fr !important}}/* Training framework grid 3-col on desktop,2 on tablet,1 on mobile */ .training-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media(max-width:960px){.training-hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.training-hero-grid{grid-template-columns:1fr}}/* Training fw card consistent height */ .training-fw-card{min-height:420px;display:flex;flex-direction:column}.training-fw-img{height:160px;overflow:hidden;flex-shrink:0}.training-fw-img img{width:100%;height:160px;object-fit:cover;display:block}.training-fw-body{padding:22px;flex:1;display:flex;flex-direction:column;text-align:left}/* ── FOOTER ADDRESS ALIGNMENT ── */ .contact-info{font-size:.88rem;color:rgba(255,255,255,.62);line-height:2.1;display:flex;flex-direction:column;gap:6px;font-family:Inter,sans-serif}.contact-info>div{display:flex;align-items:flex-start;gap:8px}.contact-address{display:flex;align-items:flex-start;gap:8px;margin-top:6px;line-height:1.6}.contact-address span{display:inline-block}/* ── LEGAL PAGE CONTACT BLOCK ── */ .legal-contact-block{display:flex;flex-direction:column;gap:12px;margin-top:12px}.legal-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:.93rem;color:rgba(255,255,255,.65);line-height:1.6}.legal-contact-item a{color:var(--teal);text-decoration:none}.legal-contact-item a:hover{text-decoration:underline}/* Light mode overrides */ [data-theme="light"] .legal-contact-item{color:#1e3d24}[data-theme="light"] .legal-contact-item a{color:#2d6b37}[data-theme="light"] .contact-info>div{color:#1e3d24}[data-theme="light"] .contact-address{color:#3d6045}/* ── JOB CARDS — Light mode ── */ [data-theme="light"] .job-row{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 2px 12px rgba(58,125,68,.07)}[data-theme="light"] .job-row:hover{border-color:rgba(58,125,68,.4);background:#f7fbf5}[data-theme="light"] .job-title{color:#0f1e11 !important}[data-theme="light"] .job-badge{background:rgba(58,125,68,.1);border-color:rgba(58,125,68,.25);color:#2d6b37}[data-theme="light"] .job-loc,[data-theme="light"] .job-type{color:#4a7055}[data-theme="light"] .job-loc{border-right-color:rgba(58,125,68,.2)}[data-theme="light"] .job-type{border-right-color:rgba(58,125,68,.2)}[data-theme="light"] .job-dept{color:#2d6b37}[data-theme="light"] .job-apply-btn{background:linear-gradient(135deg,#2d6b37,#3a7d44);box-shadow:0 4px 16px rgba(58,125,68,.25);color:#fff;border:none}[data-theme="light"] .job-apply-btn:hover{opacity:.88;box-shadow:0 8px 28px rgba(58,125,68,.4)}/* ── FAQ SECTION ───────────────────────────────────────────────────────── */ .faq-section{padding:80px 6%}.faq-inner{max-width:820px;margin:0 auto;text-align:center}.faq-list{margin-top:40px;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--teal-border);border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s;background:var(--card-bg)}.faq-item:hover{border-color:rgba(0,200,212,.35)}.faq-item.open{border-color:rgba(0,200,212,.5);box-shadow:0 4px 24px rgba(0,200,212,.08)}.faq-list{text-align:left}.faq-q{width:100%;background:none;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:600;color:var(--white);text-align:left;gap:16px;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4}.faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(0,200,212,.12);border:1px solid var(--teal-border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--teal);transition:background .2s,transform .3s;line-height:1}.faq-item.open .faq-icon{background:rgba(0,200,212,.22);transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.faq-item.open .faq-a{max-height:300px}.faq-a p{padding:0 24px 20px;margin:0;font-size:.92rem;color:rgba(255,255,255,.62);line-height:1.75}/* ── BODY FONT SIZE BUMP ────────────────────────────────────────────────── */ body{font-size:16px}/* ── MOBILE 360–412px ───────────────────────────────────────────────────── */ @media(max-width:420px){.hero h1{font-size:1.9rem;line-height:1.2}.section-title{font-size:1.5rem}.faq-q{font-size:.9rem;padding:16px 18px}.faq-a p{padding:0 18px 16px;font-size:.87rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-val{font-size:2rem}.btn-primary,.btn-ghost{padding:11px 20px;font-size:.85rem}.nav-logo-img{height:50px;width:110px}.footer-grid{gap:28px}.social-icon{width:38px;height:38px}/* scroll-top moved up in trust-panel block below */ /* WA+scroll-top moved up in trust-panel block below */}/* ── LIGHT MODE FAQ ─────────────────────────────────────────────────────── */ [data-theme="light"] .faq-q{color:var(--white)}[data-theme="light"] .faq-a p{color:rgba(30,40,30,.68)}/* ── GOOGLE MAPS SECTION ─────────────────────────────────────────────────── */ .maps-section{padding:80px 6%;background:var(--bg2)}.maps-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:start}.maps-info .section-tag{margin-bottom:10px}.maps-details{margin-top:22px;display:flex;flex-direction:column;gap:14px}.md-row{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text);line-height:1.55}.md-row .md-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.md-row strong{display:block;color:var(--white);font-weight:600;margin-bottom:2px}.md-row a{color:var(--teal);text-decoration:none;transition:color .2s}.md-row a:hover{color:var(--teal2)}.maps-embed{border-radius:16px;overflow:hidden;border:1px solid var(--teal-border);box-shadow:0 8px 32px rgba(0,0,0,.2)}.maps-embed iframe{display:block}/* ── STATUTORY SUB-FOOTER (below copyright,outside main footer) ─────────── */ .footer-legal{background:#020d0f;border-top:1px solid rgba(0,200,212,.08);padding:8px 6%}.footer-trust{max-width:1200px;margin:0 auto;position:relative}.footer-trust-label{font-size:.46rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center;margin-bottom:6px}.footer-trust-tiles{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.ft-tile{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.03);border:1px solid rgba(0,200,212,.08);border-radius:5px;padding:5px 9px}.ft-tile-icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.65}.ft-tile-icon svg{width:9px;height:9px}.ft-tile-icon.ic-inc{background:rgba(0,200,212,.1);color:var(--teal)}.ft-tile-icon.ic-cin{background:rgba(0,114,125,.1);color:var(--teal2)}.ft-tile-icon.ic-name{background:rgba(0,200,212,.08);color:var(--teal)}.ft-tile-icon.ic-loc{background:rgba(0,200,212,.08);color:var(--teal)}.ft-tile-icon.ic-mail{background:rgba(0,200,212,.08);color:var(--teal)}.ft-tile-body{display:flex;flex-direction:column;gap:1px}.ft-tile-key{font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);line-height:1}.ft-tile-val{font-size:.6rem;font-weight:500;color:rgba(255,255,255,.55);line-height:1.3;white-space:nowrap}.ft-tile-val a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}.ft-tile-val a:hover{color:var(--teal)}[data-theme="light"] .footer-legal{background:#0f1e11;border-top-color:rgba(58,125,68,.15)}[data-theme="light"] .footer-trust-label{color:rgba(255,255,255,.65)}[data-theme="light"] .ft-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}[data-theme="light"] .ft-tile-icon.ic-inc,[data-theme="light"] .ft-tile-icon.ic-cin,[data-theme="light"] .ft-tile-icon.ic-name,[data-theme="light"] .ft-tile-icon.ic-loc,[data-theme="light"] .ft-tile-icon.ic-mail{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}[data-theme="light"] .ft-tile-key{color:rgba(255,255,255,.55)}[data-theme="light"] .ft-tile-val{color:rgba(255,255,255,.6)}[data-theme="light"] .ft-tile-val a{color:rgba(255,255,255,.6)}[data-theme="light"] .footer-trust-scroll-wrap::before{display:none}[data-theme="light"] .footer-trust-scroll-wrap::after{display:none}@media(max-width:680px){[data-theme="light"] .footer-trust-scroll-wrap::before{display:block;background:linear-gradient(90deg,rgba(15,30,17,.92),transparent)}[data-theme="light"] .footer-trust-scroll-wrap::after{display:block;background:linear-gradient(-90deg,rgba(15,30,17,.92),transparent)}}/* Global:ensure em inside headings is never italic in light mode */ [data-theme="light"] .section-title em,[data-theme="light"] h1 em,[data-theme="light"] h2 em,[data-theme="light"] .page-hero h1 em{font-style:normal !important}/* ── RESPONSIVE MAPS ─────────────────────────────────────────────────────── */ @media(max-width:680px){.maps-inner{grid-template-columns:1fr;gap:32px}.maps-info .section-title{text-align:center !important}.maps-info .section-tag{display:inline-block}.maps-info{text-align:center}.md-row{justify-content:flex-start;text-align:left}.maps-info .btn-primary{display:block;text-align:center}/* ── Trust panel:infinite marquee on mobile ── */ .footer-legal{padding:5px 0}.footer-trust-label{font-size:.62rem;margin-bottom:6px;padding:0 4%;color:rgba(255,255,255,.55);display:block;position:relative;z-index:3;/* stays above the animated tiles */ text-align:center}/* Wrap:clip overflow,fade edges */ .footer-trust-scroll-wrap{position:relative;overflow:hidden}.footer-trust-scroll-wrap::before,.footer-trust-scroll-wrap::after{content:'';position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none}.footer-trust-scroll-wrap::before{left:0;background:linear-gradient(90deg,#020d0f 60%,transparent)}.footer-trust-scroll-wrap::after{right:0;background:linear-gradient(-90deg,#020d0f 60%,transparent)}/* Tiles strip:flex row,no wrap,animate infinitely */ .footer-trust-tiles{display:flex;flex-wrap:nowrap;gap:6px;width:max-content;animation:ftMarquee 18s linear infinite;padding:3px 0}.footer-trust-tiles:hover{animation-play-state:paused}/* Both inner sets side by side for seamless loop */ .ft-tiles-inner{display:flex;flex-wrap:nowrap;gap:6px;flex-shrink:0}.ft-tile{flex-shrink:0;padding:6px 10px;gap:6px;min-width:max-content}.ft-tile-key{font-size:.56rem;letter-spacing:.06em}.ft-tile-val{font-size:.63rem}.ft-tile-icon{width:18px;height:18px}.ft-tile-icon svg{width:10px;height:10px}/* Arrow buttons — static flex items,never overlap tiles */ .ft-scroll-btn{flex-shrink:0;position:static;top:auto;transform:none;width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(0,200,212,.2);box-shadow:0 2px 8px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.08) inset,0 -2px 0 rgba(0,0,0,.45) inset;color:rgba(0,200,212,.95);z-index:5;transition:opacity .18s;padding:0}.ft-scroll-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.5)}.ft-scroll-btn.ft-left{order:-1}.ft-scroll-btn.ft-right{order:1}.ft-scroll-btn svg{width:12px;height:12px;flex-shrink:0}.wa-float{bottom:80px !important;right:14px !important;width:46px !important;height:46px !important}.scroll-top{bottom:134px !important;right:14px !important;width:38px !important;height:38px !important}}/* ══════════════════════════════════════════════════════════════════════════ DARK MODE — ALL HEADING TEAL OVERRIDES Ensures every heading/title element uses var(--teal) in dark mode for consistent brand colouring across all pages. ══════════════════════════════════════════════════════════════════════════ */ /* Primary section titles — index,about,careers,industries,services,service pages */ [data-theme="dark"] .section-title,[data-theme="dark"] h2.section-title{color:#fff !important;-webkit-text-fill-color:#fff !important}/* Keep gradient em inside section-title unaffected (it overrides fill colour itself) */ [data-theme="dark"] .section-title em{color:transparent !important;-webkit-text-fill-color:transparent !important}/* Hero h1 — index.html main hero */ [data-theme="dark"] .hero h1{color:#fff !important;-webkit-text-fill-color:#fff !important}[data-theme="dark"] .hero h1 em{color:transparent !important;-webkit-text-fill-color:transparent !important}/* Service card h3 titles — services.html,index.html */ [data-theme="dark"] .svc-body h3{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Why/how card h4 — index.html why section */ [data-theme="dark"] .why-card h4{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Industry card h3 — index.html,industries.html */ [data-theme="dark"] .ind-content h3{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* wh-card h4 — index.html highlights */ [data-theme="dark"] .wh-card h4{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Training framework card h3 — services.html,service-it-training.html */ [data-theme="dark"] .training-fw-body h3{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Team member name — about.html */ [data-theme="dark"] .team-name{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* FAQ question — index.html,service pages */ [data-theme="dark"] .faq-q{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Process step h4 — index.html,service pages */ [data-theme="dark"] .process-step h4{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Service feature title — service-*.html pages */ [data-theme="dark"] .svc-feature-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Mission/vision/purpose card title — about.html */ [data-theme="dark"] .mvp-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Values card title — about.html */ [data-theme="dark"] .val-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Perks card title — careers.html */ [data-theme="dark"] .perk-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Case study title — services.html,index.html */ [data-theme="dark"] .cs-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Job listing title — careers.html */ [data-theme="dark"] .job-title{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Testimonial card name — index.html,about.html */ [data-theme="dark"] .tcard-name{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Tech stack name — service pages */ [data-theme="dark"] .ts-name{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Related article headline — blog.html */ [data-theme="dark"] .related-headline{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* Author bio name — blog.html */ [data-theme="dark"] .author-bio-name{color:var(--teal) !important;-webkit-text-fill-color:var(--teal) !important}/* ── LIGHT MODE OVERRIDES ──────────────────────────────────────────────── */ [data-theme="light"] .maps-embed{box-shadow:0 4px 20px rgba(58,125,68,.12);border-color:rgba(58,125,68,.2)}[data-theme="light"] .md-row strong{color:#0f1e11}/* ── COOKIE CONSENT BANNER ───────────────────────────────────────────────── */ .cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#0d2226;border-top:1px solid rgba(0,200,212,.25);padding:16px 24px;box-shadow:0 -4px 24px rgba(0,0,0,.4)}.cookie-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}.cookie-text{display:flex;align-items:flex-start;gap:12px;font-size:.85rem;color:rgba(255,255,255,.75);line-height:1.55;flex:1;min-width:240px}.cookie-icon{font-size:1.3rem;flex-shrink:0}.cookie-text a{color:var(--teal);text-decoration:underline}.cookie-text strong{color:#fff}.cookie-btns{display:flex;gap:10px;flex-shrink:0}.cookie-accept{background:linear-gradient(135deg,#00727d,#00c8d4);color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.cookie-accept:hover{opacity:.88}.cookie-decline{background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.15);padding:9px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.cookie-decline:hover{background:rgba(255,255,255,.14)}[data-theme="light"] .cookie-banner{background:#0f2a2e;border-top-color:rgba(0,200,212,.3)}@media(max-width:600px){.cookie-banner{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.cookie-inner{flex-direction:column;gap:12px}.cookie-text{min-width:0;font-size:.8rem}.cookie-btns{width:100%;gap:8px}.cookie-accept,.cookie-decline{flex:1;text-align:center;padding:9px 12px}}/* ══════════════════════════════════════════════════════ TESTIMONIALS SECTION ══════════════════════════════════════════════════════ */ .testimonials-section{padding:88px 5%;background:var(--bg)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:0 auto}.tcard{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:transform .3s,box-shadow .3s;position:relative}.tcard:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,200,212,.12)}.tcard-featured{border-color:rgba(0,200,212,.4);background:rgba(0,200,212,.04)}.tcard-featured::before{content:'Featured';position:absolute;top:16px;right:16px;background:var(--teal);color:#fff;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.06em}.tcard-stars{color:#f59e0b;font-size:1rem;letter-spacing:2px}.tcard-quote{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.88;flex:1;font-style:italic;font-family:Inter,sans-serif}.tcard-author{display:flex;align-items:center;gap:14px;border-top:1px solid var(--teal-border);padding-top:16px}.tcard-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal3));display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.tcard-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:700;color:var(--white)}.tcard-role{font-size:.75rem;color:var(--muted-text);margin-top:2px}/* Light mode */ [data-theme="light"] .testimonials-section{background:#f0f8ee}[data-theme="light"] .tcard{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.07)}[data-theme="light"] .tcard:hover{box-shadow:0 16px 48px rgba(58,125,68,.18)}[data-theme="light"] .tcard-featured{border-color:rgba(58,125,68,.4);background:rgba(58,125,68,.03)}[data-theme="light"] .tcard-featured::before{background:#2d6b37}[data-theme="light"] .tcard-stars{color:#d97706}[data-theme="light"] .tcard-quote{color:#1e3d24}[data-theme="light"] .tcard-author{border-color:rgba(58,125,68,.15)}[data-theme="light"] .tcard-avatar{background:linear-gradient(135deg,#2d6b37,#52a85e)}[data-theme="light"] .tcard-name{color:#0f1e11}[data-theme="light"] .tcard-role{color:#4a7055}@media(max-width:960px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.testimonials-grid{grid-template-columns:1fr}}/* ══════════════════════════════════════════════════════ TEAM / FOUNDER SECTION ══════════════════════════════════════════════════════ */ .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.team-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .3s,box-shadow .3s}.team-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,200,212,.12)}.team-card-founder{border-color:rgba(0,200,212,.35)}.team-card-cofounder{border-color:rgba(0,150,160,.3)}.team-avatar-wrap{display:flex;justify-content:flex-start;margin-bottom:20px}.team-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal3));display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;position:relative;flex-shrink:0}.team-avatar-sm{width:60px;height:60px;font-size:1rem;background:rgba(0,200,212,.15);color:var(--teal)}.team-avatar-badge{position:absolute;bottom:-4px;right:-4px;background:var(--teal);color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.team-info{display:flex;flex-direction:column;gap:8px}.team-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);margin:0}.team-role{font-size:.8rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.team-bio{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.82;margin:0;max-width:480px;font-family:Inter,sans-serif}.team-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.team-skills span{background:rgba(0,200,212,.08);border:1px solid rgba(0,200,212,.2);color:var(--teal);font-size:.7rem;font-weight:600;padding:2px 10px;border-radius:20px}.team-social{display:flex;gap:10px;margin-top:4px}.team-social-link{width:34px;height:34px;border-radius:8px;background:rgba(0,200,212,.08);border:1px solid var(--teal-border);display:flex;align-items:center;justify-content:center;color:var(--teal);transition:all .2s}.team-social-link:hover{background:rgba(0,200,212,.18);border-color:var(--teal)}.team-social-link svg{width:16px;height:16px}/* Light mode */ [data-theme="light"] .team-card{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.07)}[data-theme="light"] .team-card:hover{box-shadow:0 16px 48px rgba(58,125,68,.18)}[data-theme="light"] .team-card-founder{border-color:rgba(58,125,68,.35)}[data-theme="light"] .team-card-cofounder{border-color:rgba(58,125,68,.25)}[data-theme="light"] .team-avatar-placeholder{background:linear-gradient(135deg,#2d6b37,#52a85e)}[data-theme="light"] .team-avatar-sm{background:rgba(58,125,68,.12);color:#2d6b37}[data-theme="light"] .team-avatar-badge{background:#2d6b37}[data-theme="light"] .team-name{color:#0f1e11}[data-theme="light"] .team-role{color:#2d6b37}[data-theme="light"] .team-bio{color:#1e3d24}[data-theme="light"] .team-skills span{background:rgba(58,125,68,.08);border-color:rgba(58,125,68,.2);color:#2d6b37}[data-theme="light"] .team-social-link{background:rgba(58,125,68,.08);border-color:rgba(58,125,68,.2);color:#2d6b37}[data-theme="light"] .team-social-link:hover{background:rgba(58,125,68,.18)}@media(max-width:960px){.team-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.team-grid{grid-template-columns:1fr}}/* ══ SCROLL REVEAL ══════════════════════════════════ */ [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}/* ══ TECH STACK SECTION ══════════════════════════════ */ .techstack-section{padding:88px 5%}.techstack-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1100px;margin:0 auto}.ts-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:22px 14px;text-align:center;transition:border-color .3s,transform .3s,box-shadow .3s,background .3s;cursor:default;box-shadow:0 2px 10px rgba(0,0,0,.2)}.ts-card:hover{background:rgba(0,200,212,.07);border-color:rgba(0,200,212,.45);transform:translateY(-6px) scale(1.03);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 0 1px rgba(0,200,212,.2)}.ts-icon{font-size:1.8rem;margin-bottom:10px;line-height:1}.ts-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:700;color:var(--white);margin-bottom:4px}.ts-cat{font-size:.72rem;color:var(--teal);font-weight:600;letter-spacing:.06em;text-transform:uppercase}[data-theme="light"] .ts-card{background:#ffffff;border:1px solid rgba(0,0,0,.09);box-shadow:0 2px 10px rgba(0,0,0,.07)}[data-theme="light"] .ts-card:hover{background:linear-gradient(145deg,#fff,rgba(45,107,55,.05));border-color:rgba(45,107,55,.5);box-shadow:0 16px 44px rgba(45,107,55,.18),0 4px 14px rgba(0,0,0,.09),0 0 0 1.5px rgba(45,107,55,.28);transform:translateY(-6px) scale(1.03)}[data-theme="light"] .ts-name{color:#0f1e11}/* ══ DEVELOPMENT PROCESS ════════════════════════════ */ .process-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:1200px;margin:0 auto;flex-wrap:nowrap}.process-step{flex:1;text-align:center;padding:0 12px;position:relative}.ps-num{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:12px;opacity:.7}.ps-icon{width:56px;height:56px;background:rgba(0,200,212,.1);border:2px solid rgba(0,200,212,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 14px;transition:background .25s,border-color .25s}.process-step:hover .ps-icon{background:rgba(0,200,212,.2);border-color:var(--teal)}.process-step h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:.97rem;font-weight:700;color:var(--white);margin-bottom:8px}.process-step p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.8;font-family:Inter,sans-serif}.process-connector{width:60px;flex-shrink:0;height:2px;background:linear-gradient(90deg,rgba(0,200,212,.3),rgba(0,200,212,.1));margin-top:40px;align-self:flex-start}[data-theme="light"] .process-step h4{color:#0f1e11}[data-theme="light"] .process-step p{color:#1e3d24}[data-theme="light"] .ps-icon{background:rgba(0,150,160,.08);border-color:rgba(0,150,160,.25)}/* ══ RESPONSIVE ADDITIONS ═══════════════════════════ */ @media(max-width:900px){.techstack-grid{grid-template-columns:repeat(4,1fr)}.process-steps{flex-wrap:wrap;gap:28px}.process-connector{display:none}.process-step{flex:0 0 calc(50% - 14px)}}@media(max-width:600px){.techstack-grid{grid-template-columns:repeat(2,1fr)}.process-step{flex:0 0 100%}}/* ══ CARD HOVER POLISH ═══════════════════════════════ */ .svc-card{transition:transform .25s,border-color .25s,box-shadow .25s}.svc-card:hover{transform:translateY(-5px);border-color:rgba(0,200,212,.4);box-shadow:0 16px 40px rgba(0,200,212,.1)}.why-card{transition:transform .25s,border-color .25s,box-shadow .25s}.why-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,200,212,.1)}.tcard{transition:transform .25s,border-color .25s,box-shadow .25s}.tcard:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.feature-card{transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.2)}/* ════════════════════════════════════════ TESTIMONIAL SLIDER UPGRADES ════════════════════════════════════════ */ .tcard-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tcard-verified{display:flex;align-items:center;gap:5px;background:rgba(0,200,212,.1);border:1px solid rgba(0,200,212,.25);color:var(--teal);font-size:.68rem;font-weight:700;padding:4px 9px;border-radius:20px;letter-spacing:.04em;white-space:nowrap}.tslider{position:relative;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:0 5%}.tslider-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}.tslide-item{flex:0 0 calc(33.333% - 16px);margin-right:24px}.tslider-nav{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:36px}.tslider-btn{background:rgba(0,200,212,.08);border:1px solid var(--teal-border);color:var(--teal);width:40px;height:40px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.tslider-btn:hover{background:rgba(0,200,212,.2);border-color:var(--teal)}.tslider-dots{display:flex;gap:8px}.tslider-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-border);cursor:pointer;transition:all .25s}.tslider-dot.active{background:var(--teal);width:22px;border-radius:4px}/* Light mode */ [data-theme="light"] .tcard-verified{background:rgba(58,125,68,.08);border-color:rgba(58,125,68,.22);color:#2d6b37}[data-theme="light"] .tslider-btn{background:rgba(0,100,120,.06);border-color:rgba(0,100,120,.18);color:#006680}[data-theme="light"] .tslider-btn:hover{background:rgba(0,100,120,.15)}@media(max-width:960px){.tslide-item{flex:0 0 calc(50% - 12px)}}@media(max-width:600px){.tslide-item{flex:0 0 100%;margin-right:16px}}/* ════════════════════════════════════════ TEAM OPEN/JOIN CARDS ════════════════════════════════════════ */ .team-card-open{border-style:dashed;border-color:rgba(0,200,212,.35);opacity:.9;transition:opacity .2s,border-color .2s}.team-card-open:hover{opacity:1;border-color:var(--teal)}.team-avatar-join{width:80px;height:80px;border-radius:50%;border:2px dashed rgba(0,200,212,.5);display:flex;align-items:center;justify-content:center;color:rgba(0,200,212,.7)}.team-role-open{color:var(--teal)!important;font-size:.78rem!important}.team-join-btn{display:inline-block;margin-top:14px;font-size:.8rem;font-weight:700;color:var(--teal);border:1px solid rgba(0,200,212,.3);padding:7px 16px;border-radius:6px;transition:all .2s}.team-join-btn:hover{background:rgba(0,200,212,.08);border-color:var(--teal)}/* ════════════════════════════════════════ CASE STUDIES SECTION ════════════════════════════════════════ */ .casestudies-section{padding:96px 5%;max-width:1400px;margin:0 auto;width:100%}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cs-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}.cs-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,200,212,.13)}.cs-card-featured{border-color:rgba(0,200,212,.4);box-shadow:0 0 0 1px rgba(0,200,212,.15)}.cs-thumb{height:180px;background-size:cover;background-position:center;position:relative}.cs-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,15,18,.3),rgba(2,15,18,.7))}.cs-tag{position:absolute;top:14px;left:14px;background:rgba(0,200,212,.85);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;z-index:1}.cs-body{padding:24px}.cs-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin-bottom:18px;line-height:1.4}.cs-flow{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.cs-step{padding:11px 14px;background:rgba(255,255,255,.03);border-left:3px solid var(--teal-border);border-radius:0 8px 8px 0}.cs-step-label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}.cs-step p{font-size:.82rem;color:var(--muted-text);line-height:1.65;margin:0}.cs-result{color:var(--teal)!important;font-weight:600!important}.cs-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cs-tech span{font-size:.7rem;font-weight:600;background:rgba(0,200,212,.08);border:1px solid rgba(0,200,212,.2);color:var(--teal);padding:3px 9px;border-radius:20px}/* Light mode */ [data-theme="light"] .cs-card{background:#fff;border-color:rgba(0,100,120,.15);box-shadow:0 4px 20px rgba(0,100,120,.07)}[data-theme="light"] .cs-card:hover{box-shadow:0 20px 60px rgba(0,100,120,.18)}[data-theme="light"] .cs-title{color:#0a1e22}[data-theme="light"] .cs-step{background:rgba(0,100,120,.04);border-left-color:rgba(0,100,120,.25)}[data-theme="light"] .cs-step p{color:#3a6070}[data-theme="light"] .cs-result{color:#006680!important}[data-theme="light"] .cs-tech span{background:rgba(0,100,120,.06);border-color:rgba(0,100,120,.18);color:#006680}@media(max-width:960px){.cs-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cs-grid{grid-template-columns:1fr}}/* ════════════════════════════════════════ SERVICE LANDING PAGE STYLES ════════════════════════════════════════ */ .svc-lp-hero{padding:130px 5% 70px;background:linear-gradient(135deg,var(--bg),var(--bg2));position:relative;overflow:hidden;border-bottom:1px solid var(--teal-border)}@media(max-width:680px){.svc-lp-hero{padding:96px 5% 48px}}@media(max-width:420px){.svc-lp-hero{padding:88px 5% 40px}}/* IT Training hero — dark background image */ .svc-lp-hero--training{background:linear-gradient(105deg,rgba(2,15,18,.92) 38%,rgba(2,20,14,.72) 100%),url('https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1600&q=80&fm=webp&auto=format') center/cover no-repeat}[data-theme="light"] .svc-lp-hero--training{background:linear-gradient(105deg,rgba(10,30,15,.91) 38%,rgba(10,35,18,.68) 100%),url('https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1600&q=80&fm=webp&auto=format') center/cover no-repeat !important}.svc-lp-hero::before{content:'';position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(0,200,212,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,212,.7) 1px,transparent 1px);background-size:55px 55px}.svc-lp-hero-inner{position:relative;z-index:1;max-width:800px}.svc-lp-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#fff;line-height:1.22;letter-spacing:-.04em;margin-bottom:20px}.svc-lp-hero h1 em{font-style:normal;font-weight:800;background:linear-gradient(115deg,#f59e0b,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding-bottom:.1em;padding-right:.12em}[data-theme="dark"] .svc-lp-hero h1 em,[data-theme="dark"] .svc-lp-hero h1 em{display:inline-block;padding-bottom:.1em;padding-right:.12em;background:linear-gradient(115deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.svc-lp-hero p{font-size:1.05rem;color:rgba(255,255,255,.65);line-height:1.75;max-width:580px;margin-bottom:32px}.svc-lp-hero-btns{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:400px){.svc-lp-hero-btns{gap:10px}.svc-lp-hero-btns .btn-primary,.svc-lp-hero-btns .btn-ghost{width:100%;text-align:center;justify-content:center}}.svc-lp-body{max-width:1200px;margin:0 auto;padding:80px 5%}.svc-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:72px}.svc-feature-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:14px;padding:26px;transition:box-shadow .3s}.svc-feature-card:hover{box-shadow:0 10px 40px rgba(0,200,212,.12)}.svc-feature-icon{font-size:1.9rem;margin-bottom:12px}.svc-feature-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.97rem;font-weight:700;color:var(--white);margin-bottom:8px}.svc-feature-desc{font-size:.83rem;color:var(--muted-text);line-height:1.7}.svc-why-section{background:rgba(0,200,212,.04);border:1px solid var(--teal-border);border-radius:18px;padding:48px;margin-bottom:72px}.svc-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.svc-why-item{display:flex;gap:12px;align-items:flex-start}.svc-why-check{width:22px;height:22px;background:rgba(0,200,212,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:.75rem;flex-shrink:0;margin-top:2px}.svc-why-text strong{display:block;color:var(--white);font-size:.9rem;margin-bottom:4px}.svc-why-text span{font-size:.82rem;color:var(--muted-text)}.svc-tech-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.svc-tech-badge{background:rgba(0,200,212,.08);border:1px solid rgba(0,200,212,.2);color:var(--teal);font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:20px}.svc-cta-block{background:linear-gradient(135deg,rgba(0,114,125,.18),rgba(0,200,212,.08));border:1px solid rgba(0,200,212,.3);border-radius:18px;padding:52px;text-align:center}.svc-cta-block h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:12px}.svc-cta-block p{color:rgba(255,255,255,.6);margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto}.svc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:22px}.svc-breadcrumb a{color:var(--teal);transition:color .2s}.svc-breadcrumb a:hover{color:var(--teal2)}.svc-breadcrumb span{color:rgba(255,255,255,.3)}/* Light mode for svc lp */ [data-theme="light"] .svc-feature-card{background:#fff;border-color:rgba(0,100,120,.15)}[data-theme="light"] .svc-feature-title{color:#0a1e22}[data-theme="light"] .svc-feature-desc{color:#3a6070}[data-theme="light"] .svc-why-section{background:rgba(0,100,120,.04);border-color:rgba(0,100,120,.15)}[data-theme="light"] .svc-why-text strong{color:#0a1e22}[data-theme="light"] .svc-why-text span{color:#3a6070}[data-theme="light"] .svc-cta-block{background:linear-gradient(135deg,rgba(0,100,120,.1),rgba(0,200,212,.06))}[data-theme="light"] .svc-cta-block h2{color:#0a1e22}[data-theme="light"] .svc-cta-block p{color:#3a6070}/* ── Services page:text+image split sections ─────────────────────────── */ .svc-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:860px){.svc-split{grid-template-columns:1fr !important;gap:32px}/* always show image after text on collapse */ .svc-split .svc-detail-img-wrap{order:2;height:240px}.svc-split>div:first-child{order:1}/* but if image was first (reversed layout),keep it on top */ .svc-split>.svc-detail-img-wrap:first-child{order:0;height:240px}}@media(max-width:560px){.svc-split .svc-detail-img-wrap{height:200px}.svc-detail-img-wrap{height:200px}}@media(max-width:768px){.svc-features-grid{grid-template-columns:1fr 1fr}.svc-why-grid{grid-template-columns:1fr}}@media(max-width:520px){.svc-features-grid{grid-template-columns:1fr}}/* ══ THEME TOGGLE ELEGANT TOOLTIP ═════════════════════ */ .theme-comic{position:absolute;top:calc(100%+14px);right:-4px;width:200px;background:rgba(4,20,26,.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);color:rgba(255,255,255,.88);border:1px solid rgba(0,200,212,.3);border-radius:14px;padding:14px 15px 18px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;font-weight:500;line-height:1.55;box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(0,200,212,.08) inset;white-space:normal;text-align:left;z-index:9999;pointer-events:none;overflow:hidden;animation:elegantPop .45s cubic-bezier(.34,1.56,.64,1) forwards}/* Teal top shimmer accent */ .theme-comic::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--teal),var(--teal3),transparent);border-radius:14px 14px 0 0}/* Draining progress bar at bottom */ .theme-comic::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--teal),rgba(0,200,212,.3));transform-origin:left center;animation:drainBar 10s linear forwards}.theme-comic-em{display:inline-block;padding-bottom:.1em;font-style:normal;font-weight:700;background:linear-gradient(90deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-comic-icon{font-size:1.15rem;display:block;margin-bottom:6px}.theme-comic.hiding{animation:elegantFadeOut .45s ease forwards}@keyframes elegantPop{0%{opacity:0;transform:scale(.8) translateY(-8px);filter:blur(4px)}60%{filter:blur(0)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes elegantFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.9) translateY(-6px);filter:blur(3px)}}@keyframes drainBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}/* pulse ring on button to draw attention */ .theme-toggle.pulse-ring::after{content:'';position:absolute;inset:-5px;border-radius:50px;border:2px solid var(--teal);animation:pulseRing 1.2s ease-out 3}@keyframes pulseRing{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}/* Light mode:softer frosted white */ [data-theme="light"] .theme-comic{background:#ffffff;color:rgba(10,30,35,.88);border-color:rgba(0,150,160,.35);box-shadow:0 12px 40px rgba(0,100,120,.18),0 0 0 1px rgba(0,200,212,.1) inset;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme="light"] .theme-comic-em{font-style:normal;display:inline-block;padding-bottom:.1em;font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(90deg,#00727d,#00c8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}/* ── Mobile:anchor to button's right edge so it never clips ── */ @media(max-width:960px){.theme-comic{right:0;left:auto;width:188px;font-size:.75rem;padding:12px 13px 16px}}/* ══ ABOUT PAGE — RESPONSIVE GRIDS ══════════════════ */ /* Story section — 2-col on desktop,stacks on mobile */ .about-story-grid .section-title,.about-story-grid .section-tag{text-align:left}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}/* Mission / Vision / Purpose — 3-col → 1-col */ .about-mvp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}/* Values — 2-col → 1-col */ .about-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}/* ── Tablet (≤900px) ── */ @media(max-width:900px){.about-story-grid{grid-template-columns:1fr;gap:36px}.about-story-img{height:320px;width:100%}.about-mvp-grid{grid-template-columns:repeat(2,1fr);gap:16px}}/* ── Mobile (≤600px) ── */ @media(max-width:600px){.about-story-grid{grid-template-columns:1fr;gap:28px}.about-story-img{height:240px}.about-mvp-grid{grid-template-columns:1fr;gap:14px}.about-values-grid{grid-template-columns:1fr;gap:12px}.about-para{font-size:.88rem}}/* ── Very small (≤400px) ── */ @media(max-width:400px){.about-story-img{height:200px}}/* ══ CAREERS — JOB ROW RESPONSIVE ═══════════════════ */ @media(max-width:600px){.job-row{flex-direction:column;align-items:flex-start;gap:14px}.job-apply-btn{width:100%;text-align:center;padding:10px 20px}.job-meta{flex-direction:column;align-items:flex-start;gap:4px}}/* ══ TEAM PHOTO AVATAR ═══════════════════════════════ */ .team-photo-wrap{position:relative;width:143px;height:169px;border-radius:16px;overflow:visible;flex-shrink:0;border:2.5px solid rgba(0,200,212,.35);box-shadow:0 4px 20px rgba(0,0,0,.25)}.team-photo{width:100%;height:100%;object-fit:cover;object-position:center 8%;display:block;transition:transform .4s ease;border-radius:14px;overflow:hidden}.team-photo-wrap:hover .team-photo{transform:scale(1.05)}/* Badge repositioned for rectangular photo wrap */ .team-photo-wrap .team-avatar-badge{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.68rem;font-weight:700;padding:4px 14px;border-radius:20px;color:#fff;letter-spacing:.04em;backdrop-filter:blur(4px);background:rgba(0,114,125,.95) !important;box-shadow:0 2px 8px rgba(0,0,0,.25);min-width:max-content;z-index:2}/* Light mode border tint */ [data-theme="light"] .team-photo-wrap{border-color:rgba(58,125,68,.4);box-shadow:0 4px 20px rgba(58,125,68,.15)}/* Mobile — scale down slightly */ @media(max-width:600px){.team-photo-wrap{width:117px;height:140px;border-radius:12px}}/* ══ TEAM GRID — 3 MEMBERS RESPONSIVE ══════════════ */ @media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:600px){.team-grid{grid-template-columns:1fr;max-width:480px}}/* ══ WELCOME HIGHLIGHTS SCROLL HINT (mobile only) ═══ */ .wh-scroll-hint{display:none}@media(max-width:560px){.wh-scroll-hint{display:flex;justify-content:center;align-items:center;gap:5px;padding:10px 0 4px;background:var(--bg2)}.wh-scroll-hint span{width:20px;height:3px;border-radius:2px;background:rgba(0,200,212,.25);transition:background .3s,width .3s}.wh-scroll-hint span:first-child{background:var(--teal);width:28px}[data-theme="light"] .wh-scroll-hint{background:#e0f0db}[data-theme="light"] .wh-scroll-hint span{background:rgba(58,125,68,.2)}[data-theme="light"] .wh-scroll-hint span:first-child{background:#3a7d44}}/* ── HERO TRUST ROW+BTNS ──────────────────────────────────────────────── */ .hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px;opacity:0;transform:translateY(18px)}.hero-trust-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:4px;opacity:0;transform:translateY(14px)}.hero-trust-row span{font-size:.8rem;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:4px;font-weight:500}.slide.active .hero-btns{animation:contentIn .5s .98s ease forwards}.slide.active .hero-trust-row{animation:contentIn .5s 1.15s ease forwards}@media(max-width:600px){.hero-trust-row{gap:5px 10px}.hero-trust-row span{font-size:.68rem}}/* ── TECH STACK SECTION ─────────────────────────────────────────────────── */ .tech-stack-section{padding:80px 6%;background:var(--bg2)}.ts-inner{max-width:1100px;margin:0 auto;text-align:center}.ts-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}.ts-item{display:flex;flex-direction:column;align-items:center;gap:10px;width:100px}.ts-item span{font-size:.78rem;font-weight:600;color:var(--muted)}.ts-icon{width:56px;height:56px;border-radius:14px;background:var(--card-bg);border:1px solid var(--teal-border);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}.ts-icon svg{width:28px;height:28px}.ts-item:hover .ts-icon{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.ts-react svg{color:#61DAFB}.ts-node svg{color:#43853D}.ts-next svg{color:var(--white)}.ts-python svg{color:#3776AB}.ts-mongo svg{color:#47A248}.ts-aws svg{color:#FF9900}.ts-angular svg{color:#DD0031}.ts-openai svg{color:var(--white)}[data-theme="light"] .ts-icon{background:#fff;box-shadow:0 2px 12px rgba(58,125,68,.1)}[data-theme="light"] .ts-item span{color:#3a5a40}[data-theme="light"] .ts-next svg,[data-theme="light"] .ts-openai svg{color:#0f1e11}/* ── PROCESS TIMELINE ───────────────────────────────────────────────────── */ .process-section{padding:80px 6%;background:var(--bg)}.process-inner{max-width:1200px;margin:0 auto;text-align:center}.process-track{display:flex;align-items:flex-start;gap:0;margin-top:48px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.process-track::-webkit-scrollbar{display:none}.process-step{flex:1;min-width:130px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 8px}.ps-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.12em;color:var(--teal);margin-bottom:10px}.ps-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,200,212,.08);border:1px solid rgba(0,200,212,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:12px;transition:background .2s,transform .2s}.process-step:hover .ps-icon{background:rgba(0,200,212,.18);transform:translateY(-3px)}.process-step h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:6px}.process-step p{font-size:.75rem;color:var(--muted);line-height:1.65}.process-connector{width:40px;flex-shrink:0;height:1px;background:linear-gradient(90deg,rgba(0,200,212,.4),rgba(0,200,212,.1));margin-top:36px;position:relative}.process-connector::after{content:'';position:absolute;right:-4px;top:-3px;border:4px solid transparent;border-left-color:rgba(0,200,212,.4)}[data-theme="light"] .process-step h4{color:#0f1e11}[data-theme="light"] .ps-icon{background:rgba(58,125,68,.08);border-color:rgba(58,125,68,.2)}[data-theme="light"] .process-connector{background:linear-gradient(90deg,rgba(58,125,68,.4),rgba(58,125,68,.1))}[data-theme="light"] .process-connector::after{border-left-color:rgba(58,125,68,.4)}@media(max-width:768px){.process-track{gap:4px;padding-left:5%;padding-right:5%}.process-step{min-width:110px;scroll-snap-align:start}.process-connector{width:20px}}/* ── MID-PAGE CTA STRIP ─────────────────────────────────────────────────── */ .mid-cta-strip{background:linear-gradient(135deg,rgba(0,114,125,.4),rgba(0,200,212,.15));border-top:1px solid rgba(0,200,212,.2);border-bottom:1px solid rgba(0,200,212,.2);padding:28px 6%}.mid-cta-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.mid-cta-text{display:flex;flex-direction:column;gap:4px}.mid-cta-text strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white)}.mid-cta-text span{font-size:.85rem;color:var(--muted)}.mid-cta-btns{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}[data-theme="light"] .mid-cta-strip{background:linear-gradient(135deg,rgba(58,125,68,.12),rgba(58,125,68,.05));border-color:rgba(58,125,68,.25)}[data-theme="light"] .mid-cta-text strong{color:#0f1e11}@media(max-width:640px){.mid-cta-inner{flex-direction:column;text-align:center}.mid-cta-btns{width:100%;justify-content:center}}/* ── TRUSTED BY STRIP ───────────────────────────────────────────────────── */ .trusted-section{padding:44px 6%;background:var(--bg2);border-top:1px solid var(--teal-border);border-bottom:1px solid var(--teal-border)}.trusted-inner{max-width:1100px;margin:0 auto;text-align:center}.trusted-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.trusted-logos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start}.tl-item{display:flex;flex-direction:column;align-items:center;gap:6px}.tl-pill{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:30px;padding:8px 18px;display:flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;color:var(--white);transition:border-color .2s,box-shadow .2s}.tl-pill:hover{border-color:rgba(0,200,212,.4);box-shadow:0 4px 16px rgba(0,200,212,.1)}.tl-icon{font-size:1rem}.tl-sub{font-size:.66rem;color:var(--muted);max-width:140px;text-align:center;line-height:1.4}[data-theme="light"] .tl-pill{background:#fff;color:#0f1e11;border-color:rgba(58,125,68,.2);box-shadow:0 2px 8px rgba(58,125,68,.06)}[data-theme="light"] .trusted-section{border-color:rgba(58,125,68,.15)}@media(max-width:600px){.trusted-logos{gap:10px}.tl-pill{padding:6px 14px;font-size:.75rem}}/* ── CASE STUDIES ───────────────────────────────────────────────────────── */ .casestudies-section{padding:80px 6%;background:var(--bg)}.cs-inner{max-width:1200px;margin:0 auto;text-align:center}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;text-align:left}.cs-card{background:var(--card-bg);border:1px solid var(--teal-border);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}.cs-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.2);border-color:rgba(0,200,212,.3)}.cs-card-featured{border-color:rgba(0,200,212,.3);background:rgba(0,200,212,.03)}.cs-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:4px;border:1px solid transparent}.cs-badge-web{background:rgba(0,200,212,.12);color:var(--teal);border-color:rgba(0,200,212,.25)}.cs-badge-ai{background:rgba(0,200,212,.12);color:var(--teal);border-color:rgba(0,200,212,.25)}.cs-badge-training{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.cs-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);line-height:1.3}.cs-row{display:flex;flex-direction:column;gap:2px}.cs-key{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);opacity:.7}.cs-val{font-size:.82rem;color:var(--muted);line-height:1.6}.cs-metrics{display:flex;gap:10px;border-top:1px solid var(--teal-border);padding-top:14px;margin-top:4px}.cs-metric{flex:1;text-align:center}.cs-mval{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.3rem;font-weight:800;color:var(--teal)}.cs-mlbl{font-size:.65rem;color:var(--muted);font-weight:500}[data-theme="light"] .cs-card{background:#fff;box-shadow:0 2px 12px rgba(58,125,68,.06)}[data-theme="light"] .cs-title{color:#0f1e11}[data-theme="light"] .cs-mval{color:#2d6b37}@media(max-width:900px){.cs-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cs-grid{grid-template-columns:1fr}}/* ── FOOTER CTA ROW ─────────────────────────────────────────────────────── */ .footer-cta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0;border-top:1px solid var(--teal-border);margin-bottom:0}.footer-cta-row span{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;color:var(--white);font-size:.95rem}.footer-cta-btns{display:flex;gap:10px;flex-wrap:wrap}[data-theme="light"] .footer-cta-row span{color:#0f1e11}[data-theme="light"] .footer-cta-row{border-color:rgba(58,125,68,.2)}@media(max-width:600px){.footer-cta-row{flex-direction:column;text-align:center}.footer-cta-btns{width:100%;justify-content:center}}/* ── Industry pill light mode overlay fix ── */ [data-theme="light"] .ind-pill-overlay{background:linear-gradient(180deg,rgba(12,26,46,.1) 0%,rgba(12,26,46,.72) 50%,rgba(12,26,46,.95) 100%)}[data-theme="light"] .ind-pill:hover .ind-pill-overlay{background:linear-gradient(180deg,rgba(2,28,60,.2) 0%,rgba(2,28,60,.75) 50%,rgba(2,28,60,.97) 100%)}[data-theme="light"] .ind-text{color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.8)}/* ── Trusted section SVG icon styling ── */ .tl-icon svg{display:block;width:18px;height:18px;stroke:var(--teal);flex-shrink:0}.tl-pill:hover .tl-icon svg{stroke:var(--teal2)}[data-theme="light"] .tl-icon svg{stroke:#2d6b37}[data-theme="light"] .tl-sub{color:#4a7055}/* ── IT Training page — Light mode full fix ── */ [data-theme="light"] .svc-lp-hero{background:linear-gradient(135deg,#0f1e11,#1a3320 60%,#2d6b37)}[data-theme="light"] .svc-lp-hero h1{color:#fff}[data-theme="light"] .svc-lp-hero p{color:rgba(255,255,255,.8)}[data-theme="light"] .svc-breadcrumb{color:rgba(255,255,255,.55)}[data-theme="light"] .svc-breadcrumb a{color:rgba(255,255,255,.85)}[data-theme="light"] .svc-breadcrumb span{color:rgba(255,255,255,.55)}/* Feature cards */ [data-theme="light"] .svc-feature-card{background:#fff;border-color:rgba(58,125,68,.18);box-shadow:0 4px 16px rgba(58,125,68,.07)}[data-theme="light"] .svc-feature-card:hover{box-shadow:0 10px 40px rgba(58,125,68,.15)}[data-theme="light"] .svc-feature-title{color:#0f1e11 !important}[data-theme="light"] .svc-feature-desc{color:#3a5872 !important}/* Tech badges */ [data-theme="light"] .svc-tech-badge{background:rgba(58,125,68,.08);border-color:rgba(58,125,68,.2);color:#2d6b37}/* CTA block */ [data-theme="light"] .svc-cta-block{background:linear-gradient(135deg,rgba(45,107,55,.15),rgba(58,125,68,.08));border-color:rgba(58,125,68,.3)}[data-theme="light"] .svc-cta-block h2{color:#0f1e11 !important}[data-theme="light"] .svc-cta-block p{color:#3a5872 !important}/* CTA subtext (fine print below button) */ .svc-cta-subtext{margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.4)}[data-theme="light"] .svc-cta-subtext{color:#3a6070 !important}/* Sections on training page */ [data-theme="light"] .svc-lp-hero *:not(.btn-primary):not(.btn-ghost){color:rgba(255,255,255,.85)}[data-theme="light"] .svc-lp-hero .section-tag{color:#86efac !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.2) !important}/* All Services btn-ghost lives inside dark-green hero — force white */ [data-theme="light"] .svc-lp-hero .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.72) !important;background:rgba(255,255,255,.07) !important}[data-theme="light"] .svc-lp-hero h1 em{font-style:normal;display:inline-block;padding-bottom:.1em;padding-right:.12em;background:linear-gradient(115deg,#f59e0b,#86efac) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}[data-theme="light"] .svc-lp-hero .btn-ghost:hover{background:rgba(255,255,255,.15) !important;border-color:#fff !important;box-shadow:0 0 16px rgba(255,255,255,.18) !important}/* svc-lp-body section headings — align with green theme */ [data-theme="light"] .svc-lp-body .section-tag{color:#2d6b37 !important;background:rgba(58,125,68,.1) !important;border-color:rgba(58,125,68,.22) !important}[data-theme="light"] .svc-lp-body .section-title{color:#0f1e11 !important;-webkit-text-fill-color:#0f1e11 !important}[data-theme="light"] .svc-lp-body .section-title em{font-style:normal;display:inline-block;padding-bottom:.1em;background:linear-gradient(115deg,#d97706,#2d6b37) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}/* General section text fix for training page */ [data-theme="light"] section .svc-feature-title{color:#0f1e11 !important}[data-theme="light"] section .svc-feature-desc{color:#3a5872 !important}[data-theme="light"] section p.section-sub{color:#3a5872 !important}[data-theme="light"] .training-fw-body h3{color:#0f1e11 !important}[data-theme="light"] .training-fw-body p{color:#3a5872 !important}[data-theme="light"] .training-fw-body .training-topics li{color:#3a5872 !important}[data-theme="light"] .training-topics li::before{color:#d97706 !important}[data-theme="light"] .training-badge{background:rgba(245,158,11,.1) !important;border-color:rgba(245,158,11,.25) !important;color:#d97706 !important}[data-theme="light"] .training-fw-icon{background:rgba(58,125,68,.1) !important;color:#2d6b37 !important}/* ── Footer trust infinite marquee keyframe ─────────────────────────────── */ @keyframes ftMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}/* Desktop:single set,no animation,wrap normally */ .ft-tiles-inner{display:contents}.ft-tiles-inner[aria-hidden="true"]{display:none}@media(max-width:960px){.ft-tiles-inner{display:flex;flex-wrap:nowrap;gap:6px;flex-shrink:0}.ft-tiles-inner[aria-hidden="true"]{display:flex}/* show duplicate for seamless loop */}/* Light mode fade edges */ [data-theme="light"] .footer-trust-scroll-wrap::before{background:linear-gradient(90deg,#0f1e11 60%,transparent)}[data-theme="light"] .footer-trust-scroll-wrap::after{background:linear-gradient(-90deg,#0f1e11 60%,transparent)}/* ══ SERVICE WORKFLOW DIAGRAMS ══════════════════════════════════════════ */ .svc-diagram-section{padding:72px 5%;background:var(--bg)}.svc-diagram-section.alt{background:var(--bg2)}.svc-diagram-wrap{max-width:900px;margin:0 auto}.svc-diagram-title{text-align:center;margin-bottom:40px}.workflow-svg{width:100%;height:auto;display:block;overflow:visible}/* dark/light text inside SVG */ .workflow-svg .wf-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;fill:rgba(255,255,255,.9)}.workflow-svg .wf-sub{font-family:'Inter',sans-serif;font-size:10.5px;fill:rgba(255,255,255,.55);font-weight:400}.workflow-svg .wf-arrow{stroke:rgba(0,200,212,.45);stroke-width:1.5;fill:none;stroke-dasharray:5 3}.workflow-svg .wf-box{rx:12;fill:rgba(0,200,212,.07);stroke:rgba(0,200,212,.25);stroke-width:1}.workflow-svg .wf-box-accent{fill:rgba(0,200,212,.14);stroke:rgba(0,200,212,.5);stroke-width:1.5}.workflow-svg .wf-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;fill:var(--teal)}.workflow-svg .wf-icon{font-size:20px}[data-theme="light"] .workflow-svg .wf-label{fill:rgba(10,30,15,.88)}[data-theme="light"] .workflow-svg .wf-sub{fill:rgba(10,30,15,.5)}[data-theme="light"] .workflow-svg .wf-box{fill:rgba(0,150,100,.06);stroke:rgba(0,150,100,.2)}[data-theme="light"] .workflow-svg .wf-box-accent{fill:rgba(0,150,100,.12);stroke:rgba(0,150,100,.45)}[data-theme="light"] .workflow-svg .wf-num{fill:#2d6b37}[data-theme="light"] .workflow-svg .wf-arrow{stroke:rgba(0,150,100,.35)}@media(max-width:600px){.svc-diagram-section{padding:48px 4%}}/* ══════════════════════════════════════════════════════════════════════════ FIX 2 — STICKY "TALK TO EXPERT" FLOATING CTA ══════════════════════════════════════════════════════════════════════════ */ /* Talk to Expert button — fixed LEFT side,always visible after 300px scroll */ /* ══════════════════════════════════════════════════════════════════════════ FIX 7 — 360px MOBILE FIXES ══════════════════════════════════════════════════════════════════════════ */ @media (max-width:420px){/* Footer bottom row centred at narrow widths */ .footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:8px}.footer-bottom-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}/* Tech badge pills — prevent overflow on service pages */ .svc-tech-badge{font-size:.72rem;padding:5px 10px}.svc-tech-badges{gap:7px}/* Blog card image height */ .blog-card-img{height:140px}/* Careers card min-height relief */ .training-fw-card{min-height:auto}/* Stat values scale down gracefully */ .stat-val{font-size:1.75rem}}/* ══════════════════════════════════════════════════════════════════════════ FIX 3 — BLOG CARD DATE ══════════════════════════════════════════════════════════════════════════ */ .blog-card-date{font-size:.72rem;color:var(--muted);margin-top:2px}.blog-meta{flex-wrap:wrap;gap:6px 0}/* ══════════════════════════════════════════════════════════════════════════ FIX 4 — RELATED ARTICLES ══════════════════════════════════════════════════════════════════════════ */ .related-articles{margin-top:52px;padding-top:36px;border-top:1px solid var(--teal-border)}.related-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{display:flex;flex-direction:column;gap:8px;background:var(--card-bg);border:1px solid var(--teal-border);border-radius:12px;padding:16px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}.related-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,200,212,.14);border-color:var(--teal)}.related-tag{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.related-headline{font-size:.82rem;font-weight:600;color:var(--white);line-height:1.45}@media (max-width:680px){.related-grid{grid-template-columns:1fr}}[data-theme="light"] .related-card{background:#fff}[data-theme="light"] .related-headline{color:#1a3320}/* ══════════════════════════════════════════════════════════════════════════ FIX 5 — AUTHOR BIO BLOCK ══════════════════════════════════════════════════════════════════════════ */ .author-bio-block{display:flex;align-items:flex-start;gap:18px;margin-top:48px;padding:24px 28px;background:var(--card-bg);border:1px solid var(--teal-border);border-radius:16px}.author-bio-avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal2));display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:800;color:#000;letter-spacing:.04em}.author-bio-info{display:flex;flex-direction:column;gap:4px}.author-bio-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:700;color:var(--white)}.author-bio-title{font-size:.78rem;color:var(--teal);font-weight:600}.author-bio-desc{font-size:.83rem;color:var(--muted);line-height:1.6;margin-top:4px}@media (max-width:480px){.author-bio-block{flex-direction:column;padding:18px 20px;gap:14px}}[data-theme="light"] .author-bio-block{background:#fff}[data-theme="light"] .author-bio-name{color:#1a3320}[data-theme="light"] .author-bio-desc{color:#3a5040}/* ══════════════════════════════════════════════════════════════════════════ PAGE LOADER — Professional IT Company Loader Shows on page entry and navigating between pages. Hides once DOM is ready+fonts loaded (or 800ms max). ══════════════════════════════════════════════════════════════════════════ */ /* ── TOP PROGRESS BAR (replaces heavy full-screen loader) ────────────────── */ #cg-top-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:99999;background:transparent;pointer-events:none}#cg-top-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#00c8d4,#00f5ff);animation:cgTopBarFill .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes cgTopBarFill{0%{width:0%;opacity:1}70%{width:85%;opacity:1}100%{width:100%;opacity:0}}/* Page-exit overlay (click navigation) */ #cg-exit-overlay{position:fixed;inset:0;z-index:99998;background:#020f12;opacity:0;pointer-events:none;transition:opacity .08s ease}#cg-exit-overlay.cg-exit-active{opacity:0.6;pointer-events:all}/* Light mode */ [data-theme="light"] #cg-exit-overlay{background:#0f1e11}/* ══════════════════════════════════════════════════════════════════════════ MOBILE RESPONSIVENESS FIXES — comprehensive pass Prevents content overflow,crop,and layout breaks on screens ≤680px ══════════════════════════════════════════════════════════════════════════ */ /* ── 1. Cookie banner:zero min-width earlier to prevent overflow on 320px ── */ @media(max-width:360px){.cookie-text{min-width:0}.cookie-banner{padding:10px 12px}}/* ── 2. svc-lp-hero CTA buttons:full-width stack on very small screens ── */ @media(max-width:400px){.svc-lp-hero-btns{flex-direction:column;gap:10px}.svc-lp-hero-btns .btn-primary,.svc-lp-hero-btns .btn-ghost{width:100%;text-align:center;justify-content:center;display:flex;align-items:center}}/* ── 3. page-hero h1/h2 font-size relief on tiny screens ── */ @media(max-width:420px){.page-hero h1,.page-hero .section-title{font-size:clamp(1.55rem,6.5vw,2.2rem)}.page-hero p{font-size:.88rem}.svc-lp-hero h1{font-size:clamp(1.6rem,6.5vw,2.2rem)}.svc-lp-hero h1 em{padding-right:.14em}.svc-lp-hero p{font-size:.88rem}}/* ── 4. Section padding:prevent content touching edges on 320px ── */ @media(max-width:360px){section,.svc-lp-body,.article-content{padding-left:4%;padding-right:4%}.page-hero,.svc-lp-hero,.blog-hero{padding-left:4%;padding-right:4%}}/* ── 5. Nav logo:scale down on very small screens to prevent crop ── */ @media(max-width:360px){.nav-logo-img{width:110px;height:50px}.nav-right{gap:6px}}/* ── 6. Testimonial slider:prevent item overflow ── */ @media(max-width:400px){.tslide-item{flex:0 0 100%;margin-right:12px;padding:20px 16px}}/* ── 7. Hero slider content:prevent text overflow on small screens ── */ @media(max-width:420px){.slide-content h1,.slide-content .slide-h1-style{font-size:clamp(1.5rem,6vw,2rem) !important}.slide-content p{font-size:.88rem}.slide-content{padding:0}.slide{padding:0 5%}}/* ── 8. Button pairs:stack vertically on 360px ── */ @media(max-width:360px){.hero-btns,.btn-row,.cta-btns,.mid-cta-btns,.footer-cta-btns{flex-direction:column;width:100%}.hero-btns .btn-primary,.hero-btns .btn-ghost,.btn-row .btn-primary,.btn-row .btn-ghost{width:100%;text-align:center;justify-content:center;display:flex;align-items:center}}/* ── 9. Stats grid:single column on 360px ── */ @media(max-width:360px){.stats-grid{grid-template-columns:1fr}.stat-val{font-size:2rem}}/* ── 10. Footer grid:ensure single column with proper gap ── */ @media(max-width:480px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;text-align:center;gap:10px}}/* ── 11. About story grid image:cap height on mobile ── */ @media(max-width:480px){.about-story-img{height:220px}.about-mvp-grid{grid-template-columns:1fr}}/* ── 12. Industries ind-card:prevent image from being too tall on mobile ── */ @media(max-width:480px){.ind-visual{min-height:160px;height:160px;font-size:2.5rem}}/* ── 13. Blog article content:tighter padding and smaller headings on mobile ── */ @media(max-width:480px){.article-content{padding:40px 5% 60px}.article-content h2{font-size:1.15rem;margin:28px 0 12px}.article-cta{padding:20px 16px}}/* ── 14. Sitemap body:padding fix on mobile ── */ @media(max-width:420px){.sitemap-body{padding:40px 5% 60px;gap:28px}}/* ── 15. Careers job row:tighten padding on mobile ── */ @media(max-width:420px){.job-row{padding:14px 16px}.job-apply-btn{width:100%;padding:10px}}/* ── 16. Gallery images:don't let them grow too wide ── */ @media(max-width:420px){.gallery-img,.gi{width:180px;height:120px}}/* ── 17. contact-tab:smaller on mobile to not block content ── */ @media(max-width:480px){.contact-tab{padding:16px 8px;font-size:.68rem}}/* ── 18. Works grid:ensure 1 col below 400px ── */ @media(max-width:400px){.works-grid{grid-template-columns:1fr}}/* ── 19. Trusted logos pill wrap on mobile ── */ @media(max-width:420px){.trusted-logos{gap:6px}.tl-pill{padding:5px 10px;font-size:.7rem}}/* ── 20. Footer CTA row:already has flex-direction:column at 600px,reinforce at 360px ── */ @media(max-width:360px){.footer-cta-row{gap:16px}.footer-cta-btns .btn-primary,.footer-cta-btns .btn-ghost{width:100%;text-align:center}}/* ── 21. Prevent any image from overflowing its container globally ── */ img{max-width:100%;height:auto}/* ── 22. Word-break for long email/URL text in content areas ── */ .privacy-content a,.terms-content a,.article-content a,.footer-col ul a{word-break:break-word;overflow-wrap:anywhere}/* ── 23. Process steps (about/service pages wrap version):1-col on mobile ── */ @media(max-width:560px){.process-steps{gap:20px}.process-step{flex:0 0 100%;padding:0 4px}}/* ── 24. Perk/value cards:ensure padding doesn't clip on tiny screens ── */ @media(max-width:360px){.perk-card,.val-card{padding:16px 14px}}/* ── 25. Mega-drop safety:should be impossible to see on mobile,but belt-and-suspenders ── */ @media(max-width:960px){.mega-drop,.simple-drop{display:none !important}}/* ══════════════════════════════════════════════════════════════════════ TRUST BADGES+CLIENTS SHOWCASE — redesigned ══════════════════════════════════════════════════════════════════════ */ /* ── Shared eyebrow ── */ .tb-eyebrow{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:44px}.tb-line{flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,212,.4))}.tb-eyebrow .tb-line:last-child{background:linear-gradient(90deg,rgba(0,200,212,.4),transparent)}.tb-label{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);white-space:nowrap}/* ── Trust Badges Section ── */ .trust-badges-section{padding:72px 6%;background:var(--bg2);position:relative;overflow:hidden}.trust-badges-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% -10%,rgba(0,200,212,.06) 0%,transparent 70%);pointer-events:none}.tb-inner{max-width:1100px;margin:0 auto}.tb-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.tb-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;background:var(--card-bg);border:1px solid rgba(0,200,212,.12);border-radius:16px;padding:20px 24px;min-width:190px;flex:1;max-width:220px;cursor:default;animation:tbCardIn .5s calc(var(--i)*0.1s) both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}@keyframes tbCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tb-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,200,212,.12);border-color:rgba(0,200,212,.35)}.tb-card-featured{border-color:rgba(0,200,212,.3);background:linear-gradient(135deg,rgba(0,200,212,.06),var(--card-bg))}.tb-card-featured:hover{box-shadow:0 20px 50px rgba(0,200,212,.18)}.tb-icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:transform .3s}.tb-card:hover .tb-icon-wrap{transform:scale(1.1) rotate(-5deg)}.tb-shield{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.tb-check{background:linear-gradient(135deg,#22c55e,#16a34a)}.tb-msme{background:linear-gradient(135deg,#f59e0b,#d97706)}.tb-startup{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tb-mca{background:linear-gradient(135deg,#00c8d4,#0097a7)}.tb-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:700;color:var(--white);margin-bottom:3px}.tb-desc{font-size:.72rem;color:var(--muted);line-height:1.45}/* Animated shimmer on hover */ .tb-glow{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s ease;pointer-events:none}.tb-card:hover .tb-glow{transform:translateX(100%)}/* Light mode */ [data-theme="light"] .tb-card{background:#fff;border-color:rgba(58,125,68,.15);box-shadow:0 2px 12px rgba(0,0,0,.05)}[data-theme="light"] .tb-card:hover{border-color:rgba(58,125,68,.4);box-shadow:0 12px 36px rgba(58,125,68,.12)}[data-theme="light"] .tb-card-featured{background:linear-gradient(135deg,rgba(58,125,68,.05),#fff)}[data-theme="light"] .tb-name{color:#0f1e11}/* ── Clients Showcase Section ── */ .clients-showcase{padding:80px 6%;background:var(--bg);position:relative;overflow:hidden}.clients-showcase::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,212,.2),transparent)}.cs-showcase-inner{max-width:1100px;margin:0 auto;text-align:center}.cs-showcase-h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:14px;line-height:1.15}.cs-showcase-h2 em{background:linear-gradient(115deg,var(--teal),var(--teal3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.cs-showcase-sub{color:rgba(255,255,255,.55);font-size:.95rem;max-width:520px;margin:0 auto 52px;line-height:1.7}.cs-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.cs-showcase-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid rgba(0,200,212,.1);border-radius:20px;padding:32px 28px 28px;display:flex;flex-direction:column;gap:18px;animation:csCardIn .6s calc(var(--i)*0.15s) both;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}@keyframes csCardIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-showcase-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px rgba(0,200,212,.18),0 24px 60px rgba(0,200,212,.12),0 0 0 1px rgba(0,200,212,.25);border-color:rgba(0,200,212,.45)}.cs-card-center{border-color:rgba(0,200,212,.15);background:rgba(255,255,255,.04)}.cs-card-center:hover{}.cs-showcase-logo-wrap{background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:center;min-height:90px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 10px rgba(0,0,0,.18)}.cs-showcase-logo{max-width:160px;max-height:70px;object-fit:contain}.cs-showcase-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--white);margin-bottom:8px}.cs-showcase-tag{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cs-tag-pill{font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:20px}.cs-tag-ngo{background:rgba(16,185,129,.15);color:#34d399}.cs-tag-ca{background:rgba(245,158,11,.12);color:#f59e0b}.cs-tag-design{background:rgba(139,92,246,.15);color:#a78bfa}.cs-tag-web{background:rgba(0,200,212,.12);color:var(--teal)}.cs-showcase-desc{font-size:.83rem;color:var(--muted);line-height:1.75}/* Animated shine effect on hover */ .cs-showcase-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.04),transparent);transition:left .7s ease;pointer-events:none}.cs-showcase-card:hover .cs-showcase-shine{left:150%}/* Light mode */ [data-theme="light"] .cs-showcase-card{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 2px 16px rgba(0,0,0,.05)}[data-theme="light"] .cs-showcase-card:hover{border-color:rgba(0,160,172,.45);box-shadow:0 8px 28px rgba(0,160,172,.15),0 20px 56px rgba(0,160,172,.1),0 0 0 1px rgba(0,160,172,.2);transform:translateY(-8px)}[data-theme="light"] .cs-card-center{background:#fff}[data-theme="light"] .cs-showcase-logo-wrap{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.08)}[data-theme="light"] .cs-showcase-logo{filter:none}[data-theme="light"] .cs-showcase-logo text:last-child{fill:rgba(0,0,0,.5) !important}[data-theme="light"] .cs-showcase-name{color:#0f1e11}[data-theme="light"] .cs-showcase-h2{color:#0f1e11}[data-theme="light"] .cs-showcase-h2 em{background:linear-gradient(115deg,#f59e0b,#3a7d44) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;font-style:normal;display:inline-block;padding-bottom:.08em}/* Responsive */ @media(max-width:900px){.cs-showcase-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.tb-grid{flex-direction:column;align-items:stretch}.tb-card{max-width:100%}.cs-showcase-grid{grid-template-columns:1fr}}/* ══ MAIN CONTENT CARDS — dark/light premium style ═══════════════════════ */ /* Scoped to main content cards only — NOT faq,ts-card,job-row,training-fw etc */ /* Dark mode */ .svc-card,.why-card,.team-card,.tcard,.cs-showcase-card,.blog-card,.cs-card{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:18px !important;box-shadow:0 2px 12px rgba(0,0,0,.18);transition:transform .25s,border-color .25s,box-shadow .25s !important}.svc-card:hover,.why-card:hover,.team-card:hover,.tcard:hover,.cs-showcase-card:hover,.blog-card:hover,.cs-card:hover{border-color:rgba(0,200,212,.45) !important;box-shadow:0 8px 32px rgba(0,200,212,.2),0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(0,200,212,.18) !important;transform:translateY(-6px) !important}.tcard-featured{border-color:rgba(0,200,212,.4) !important}.team-card-founder{border-color:rgba(0,200,212,.35) !important}.team-card-cofounder{border-color:rgba(0,150,160,.3) !important}/* Light mode — base */ [data-theme="light"] .svc-card,[data-theme="light"] .why-card,[data-theme="light"] .team-card,[data-theme="light"] .tcard,[data-theme="light"] .cs-showcase-card,[data-theme="light"] .blog-card,[data-theme="light"] .cs-card{background:#ffffff !important;border:1px solid rgba(0,0,0,.09) !important;box-shadow:0 2px 12px rgba(0,0,0,.07)}/* Light mode — premium hover */ [data-theme="light"] .svc-card:hover,[data-theme="light"] .why-card:hover,[data-theme="light"] .team-card:hover,[data-theme="light"] .tcard:hover,[data-theme="light"] .cs-showcase-card:hover,[data-theme="light"] .blog-card:hover,[data-theme="light"] .cs-card:hover{background:#ffffff !important;border-color:rgba(0,160,172,.5) !important;box-shadow:0 8px 28px rgba(0,160,172,.18),0 20px 60px rgba(0,160,172,.12),0 0 0 1.5px rgba(0,160,172,.22) !important;transform:translateY(-6px) !important}[data-theme="light"] .tcard-featured{border-color:rgba(58,125,68,.4) !important}[data-theme="light"] .team-card-founder{border-color:rgba(58,125,68,.35) !important}[data-theme="light"] .team-card-cofounder{border-color:rgba(58,125,68,.25) !important}[data-theme="light"] .hero-badge{background:rgba(58,125,68,.1);border-color:rgba(58,125,68,.28);color:#2d6b37}[data-theme="light"] .cs-badge-web{background:rgba(0,130,140,.1);color:#006680;border-color:rgba(0,130,140,.25)}[data-theme="light"] .cs-badge-ai{background:rgba(58,125,68,.1);color:#2d6b37;border-color:rgba(58,125,68,.25)}[data-theme="light"] .cs-badge-training{background:rgba(180,100,0,.08);color:#92400e;border-color:rgba(180,100,0,.2)}[data-theme="light"] .cs-badge{color:#1e3d24}/* ══ PREMIUM MOBILE MENU — CTA & extras ══════════════════════════════════ */ .mob-cta-wrap{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.mob-cta-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--teal),var(--teal3));color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.03em;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px rgba(0,200,212,.25);transition:opacity .18s,transform .18s,box-shadow .18s}.mob-cta-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px rgba(0,200,212,.35)}.mob-cta-btn:active{transform:translateY(0);opacity:1}[data-theme="light"] .mob-cta-wrap{border-top-color:rgba(0,0,0,.08)}[data-theme="light"] .mob-cta-btn{box-shadow:0 4px 20px rgba(0,160,172,.2)}/* ══ MOBILE CARD TOUCH ANIMATIONS ════════════════════════════════════════ */ /* On true-hover devices (mouse):keep existing hover styles */ @media(hover:hover) and (pointer:fine){.svc-card:hover,.why-card:hover,.team-card:hover,.tcard:hover,.cs-showcase-card:hover,.blog-card:hover,.cs-card:hover,.feature-card:hover{/* already handled by the main override block above */}}/* On touch devices:use:active for tap feedback — same visual as hover */ @media(hover:none),(pointer:coarse){/* Dark mode touch-active glow */ .svc-card:active,.why-card:active,.team-card:active,.tcard:active,.cs-showcase-card:active,.blog-card:active,.cs-card:active,.feature-card:active{border-color:rgba(0,200,212,.45) !important;box-shadow:0 8px 32px rgba(0,200,212,.2),0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(0,200,212,.18) !important;transform:translateY(-4px) !important;transition:transform .15s,border-color .15s,box-shadow .15s !important}/* Light mode touch-active glow */ [data-theme="light"] .svc-card:active,[data-theme="light"] .why-card:active,[data-theme="light"] .team-card:active,[data-theme="light"] .tcard:active,[data-theme="light"] .cs-showcase-card:active,[data-theme="light"] .blog-card:active,[data-theme="light"] .cs-card:active,[data-theme="light"] .feature-card:active{background:#ffffff !important;border-color:rgba(0,160,172,.5) !important;box-shadow:0 8px 28px rgba(0,160,172,.18),0 20px 60px rgba(0,160,172,.12),0 0 0 1.5px rgba(0,160,172,.22) !important;transform:translateY(-4px) !important;transition:transform .15s,border-color .15s,box-shadow .15s !important}.cs-showcase-card:active .cs-showcase-shine{left:150%}.svc-card,.why-card,.team-card,.tcard,.cs-showcase-card,.blog-card,.cs-card,.feature-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.why-section{content-visibility:auto;contain-intrinsic-size:0 500px}.stats-section{content-visibility:auto;contain-intrinsic-size:0 500px}.ind-section{content-visibility:auto;contain-intrinsic-size:0 500px}.clients-section{content-visibility:auto;contain-intrinsic-size:0 500px}.testimonials-section{content-visibility:auto;contain-intrinsic-size:0 500px}.footer-trust{content-visibility:auto;contain-intrinsic-size:0 500px}