/* Bootstrap Icons CDN is loaded via tags in each HTML page (non-blocking, parallel).
@import was blocking CSS parsing until CDN response — removed to fix slow page loads. */
@layer tgi-icon-fallback {
.bi-buildings::before,.bi-buildings-fill::before,
.bi-building-fill::before,.bi-building-gear::before { content: "\f1dd"; }
.bi-heart-pulse::before,.bi-heart-pulse-fill::before { content: "\f415"; }
.bi-cup-hot::before { content: "\f2e0"; }
.bi-cup-hot-fill::before { content: "\f2de"; }
.bi-rocket::before,.bi-rocket-takeoff::before,
.bi-rocket-takeoff-fill::before,.bi-rocket-fill::before { content: "\f46e"; }
.bi-airplane::before,.bi-airplane-fill::before { content: "\f144"; }
.bi-car-front::before,.bi-car-front-fill::before { content: "\f5ea"; }
.bi-hospital::before,.bi-hospital-fill::before { content: "\f424"; }
.bi-shield-check-fill::before,.bi-shield-check::before { content: "\f4b5"; }
.bi-twitter-x::before { content: "\f5ef"; }
.bi-box-fill::before,.bi-box-seam-fill::before { content: "\f1c8"; }
.bi-scissors-fill::before { content: "\f520"; }
}
/* ============================================================================
TGI FUTURISTIC LAYER v4.0 · Fortune-500 enterprise upgrade
Loaded AFTER style.css + enterprise.css. Covers ent-* AND legacy
footer#footer / .footer-top / .social-links so the whole 55-page
site reads as one cohesive brand.
============================================================================ */
:root{
/* v5.0 WHITE THEME — light surfaces, high-contrast ink, green reserved for accents */
--tgi-fx-bg-0:#ffffff; --tgi-fx-bg-1:#f8fafc; --tgi-fx-bg-2:#f2faf7; --tgi-fx-bg-3:#e9f6f1;
--tgi-fx-ink:#0f172a; --tgi-fx-ink-soft:#334155; --tgi-fx-ink-mute:#5b6b7b;
--tgi-fx-line:rgba(6,50,44,0.10); --tgi-fx-line-strong:rgba(6,50,44,0.20);
--tgi-fx-glass:rgba(255,255,255,0.78);
--tgi-fx-green:#0e9f78; --tgi-fx-green-3:#0c8a69; --tgi-fx-green-mid:#3c8a7c; --tgi-fx-green-deep:#06322c;
--tgi-fx-neon:#0b7d61; --tgi-fx-mint:#d8f3e9;
--tgi-fx-grad-brand:linear-gradient(135deg,#10a37b 0%,#0b7d61 55%,#08604c 100%);
--tgi-fx-grad-soft:linear-gradient(135deg,#f2faf7 0%,#e9f6f1 60%,#ffffff 100%);
--tgi-fx-grad-glow:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);
--tgi-fx-grad-hero:radial-gradient(1200px 700px at 18% 25%,rgba(16,185,129,.10),transparent 60%),radial-gradient(1100px 650px at 82% 75%,rgba(45,212,170,.12),transparent 65%),linear-gradient(160deg,#ffffff 0%,#f5fbf8 45%,#eaf6f0 100%);
--tgi-fx-glow-sm:0 0 12px rgba(16,185,129,.22);
--tgi-fx-glow-md:0 0 30px rgba(16,185,129,.28);
--tgi-fx-shadow-1:0 10px 30px rgba(15,42,35,.08),0 2px 6px rgba(15,42,35,.05);
--tgi-fx-shadow-2:0 24px 60px rgba(15,42,35,.12),0 6px 16px rgba(15,42,35,.06);
--tgi-fx-radius:16px; --tgi-fx-radius-lg:24px;
--tgi-fx-ease:cubic-bezier(.22,.61,.36,1);
--tgi-fx-ease-out:cubic-bezier(.16,1,.3,1);
--tgi-fx-font-display:'Space Grotesk','Syne','Inter',system-ui,sans-serif;
--tgi-fx-font-body:'Inter','Manrope',system-ui,sans-serif;
}
html{scroll-behavior:smooth} html,body{overflow-x:hidden}
body.tgi-dark{background:var(--tgi-fx-bg-0);color:var(--tgi-fx-ink);-webkit-font-smoothing:antialiased}
body{font-family:var(--tgi-fx-font-body);background:#ffffff;color:var(--tgi-fx-ink)}
::selection{background:var(--tgi-fx-mint);color:#06322c}
::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:#eef2f1}
::-webkit-scrollbar-thumb{background:var(--tgi-fx-grad-glow);border-radius:10px}
h1,h2,h3,h4,h5,.ent-h1,.ent-h2,.ent-h3{font-family:var(--tgi-fx-font-display);letter-spacing:-.015em;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}
/* Scroll progress */
.tgi-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;pointer-events:none}
.tgi-scroll-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,#059669,#10b981 40%,#34d399 80%,#059669);background-size:200% 100%;animation:tgiHueShift 6s linear infinite;box-shadow:0 0 8px rgba(16,185,129,.35);transition:width .12s linear}
@keyframes tgiHueShift{0%{background-position:0 0}100%{background-position:200% 0}}
/* Mesh + grid */
.tgi-mesh-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tgi-mesh-bg::before,.tgi-mesh-bg::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;animation:tgiFloat 14s var(--tgi-fx-ease) infinite alternate}
.tgi-mesh-bg::before{width:520px;height:520px;left:-120px;top:-140px;background:radial-gradient(circle at 30% 30%,#2dd4aa,transparent 60%)}
.tgi-mesh-bg::after{width:620px;height:620px;right:-160px;bottom:-180px;background:radial-gradient(circle at 70% 70%,#488f82,transparent 60%);animation-duration:18s}
@keyframes tgiFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(40px,-30px,0) scale(1.15)}}
.tgi-grid-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(122,255,200,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(122,255,200,.14) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.tgi-particles{position:absolute;inset:0;z-index:0;pointer-events:none}
/* Preloader */
html body .ent-preloader,html body .loader-mask{background:radial-gradient(900px 600px at 30% 30%,rgba(45,212,170,.10),transparent 60%),radial-gradient(900px 600px at 70% 70%,rgba(72,143,130,.08),transparent 60%),linear-gradient(160deg,#ffffff 0%,#f5fbf8 45%,#eaf6f0 100%) !important;position:fixed !important;inset:0 !important;z-index:99998 !important}
.ent-preloader-inner{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:24px !important;position:relative !important}
html body .ent-preloader-logo,html body .ent-preloader img.ent-preloader-logo{width:200px !important;height:auto !important;max-width:50vw !important;filter:drop-shadow(0 8px 24px rgba(6,50,44,.18)) !important;animation:tgiLogoBreathe 2.6s var(--tgi-fx-ease) infinite alternate !important}
@keyframes tgiLogoBreathe{0%{transform:scale(1)}100%{transform:scale(1.05)}}
.ent-preloader-name{font-family:var(--tgi-fx-font-display) !important;font-size:clamp(20px,3vw,32px) !important;font-weight:800 !important;color:var(--tgi-fx-ink) !important;text-align:center !important}
.ent-preloader-name span{background:var(--tgi-fx-grad-glow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important}
.ent-preloader-track{width:min(360px,70vw) !important;height:4px !important;background:rgba(6,50,44,.10) !important;border-radius:99px !important;overflow:hidden}
.ent-preloader-bar{background:var(--tgi-fx-grad-glow) !important;box-shadow:0 0 12px rgba(16,185,129,.35) !important;height:100% !important}
.ent-preloader-dots span{background:var(--tgi-fx-green-3) !important;box-shadow:none !important}
.loader-mask .loader{display:flex !important;flex-direction:column;align-items:center;justify-content:center;height:100%}
.loader-mask .loader img{width:200px !important;height:auto !important;max-width:50vw !important;filter:drop-shadow(0 8px 24px rgba(6,50,44,.18))}
/* Header + wordmark logo */
html body .ent-header{background:rgba(255,255,255,0.92) !important;-webkit-backdrop-filter:saturate(160%) blur(14px) !important;backdrop-filter:saturate(160%) blur(14px) !important;border-bottom:1px solid var(--tgi-fx-line) !important;box-shadow:0 2px 16px rgba(6,50,44,.06);transition:background-color .35s var(--tgi-fx-ease),padding .35s,box-shadow .35s}
html body .ent-header.tgi-scrolled,html body .ent-header.ent-header-scrolled,html body .ent-header.scrolled{background:rgba(255,255,255,0.98) !important;box-shadow:0 8px 30px rgba(6,50,44,.10),0 1px 0 var(--tgi-fx-line) inset}
.ent-header.tgi-scrolled .ent-header-inner,.ent-header.scrolled .ent-header-inner{padding-top:8px !important;padding-bottom:8px !important}
.ent-header,.ent-header *,.ent-nav a,.ent-nav > li > a{color:var(--tgi-fx-ink) !important}
.ent-topbar a{color:#334155 !important}
.ent-nav a:hover{color:var(--tgi-fx-neon) !important}
.ent-topbar a:hover{color:#0b7d61 !important}
.ent-nav a{position:relative;transition:color .25s var(--tgi-fx-ease)}
.ent-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;transform:scaleX(0);transform-origin:left;background:var(--tgi-fx-grad-glow);transition:transform .35s var(--tgi-fx-ease)}
.ent-nav a:hover::after,.ent-nav a.active::after,.ent-nav li.active > a::after{transform:scaleX(1)}
html body header .ent-logo img,html body a.ent-logo > img,html body img#navLogo,html body #tgi-header .ent-logo img,html body #tgi-nav-root #navLogo{height:56px !important;max-height:56px !important;min-height:44px !important;width:auto !important;max-width:280px !important;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(6,50,44,.12));transition:transform .3s var(--tgi-fx-ease),filter .3s,height .3s}
html body .ent-header.tgi-scrolled .ent-logo img,html body .ent-header.tgi-scrolled #navLogo,html body .ent-header.scrolled .ent-logo img{height:46px !important;max-height:46px !important}
.ent-logo:hover img{transform:scale(1.04);filter:drop-shadow(0 4px 14px rgba(6,50,44,.18))}
@media (max-width:992px){html body .ent-logo img,html body #navLogo{height:44px !important;max-height:44px !important}}
.ent-topbar{background:#f6faf8 !important;color:#334155 !important;border-bottom:1px solid rgba(6,50,44,.08) !important;padding:6px 0 !important;font-size:.82rem !important}
.ent-mega-menu{background:rgba(255,255,255,0.98) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--tgi-fx-line) !important;box-shadow:var(--tgi-fx-shadow-2) !important}
.ent-mega-menu *,.ent-mega-link{color:var(--tgi-fx-ink-soft) !important}
.ent-mega-group h6{color:var(--tgi-fx-neon) !important}
.ent-mega-link .icon i{color:var(--tgi-fx-neon) !important}
.ent-mega-link:hover{background:var(--tgi-fx-mint) !important;color:var(--tgi-fx-green-deep) !important}
/* Compact hero */
.ent-hero{min-height:auto !important;padding:0 !important;display:block !important;position:relative;overflow:hidden;isolation:isolate;background:var(--tgi-fx-grad-hero) !important}
.ent-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 12% 18%,rgba(45,212,170,.10),transparent 60%),radial-gradient(900px 500px at 88% 82%,rgba(72,143,130,.08),transparent 60%)}
.ent-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(6,50,44,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,50,44,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 78%);opacity:.5}
.ent-hero-bg{opacity:.10 !important;filter:saturate(.6) brightness(1.1)}
.ent-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(245,251,248,.85) 100%) !important}
.ent-hero-content{position:relative;z-index:2;padding:16px 0 24px !important}
@media (min-width:768px){.ent-hero-content{padding:24px 0 32px !important}}
@media (min-width:992px){.ent-hero-content{padding:32px 0 40px !important}}
.ent-hero-content h1{font-size:clamp(1.7rem,3.6vw,3rem) !important;line-height:1.08 !important;margin-bottom:14px !important;max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important;background:linear-gradient(135deg,#0f172a 0%,#06322c 55%,#0b7d61 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;text-shadow:none}
.ent-hero-content p{color:var(--tgi-fx-ink-soft) !important;font-size:clamp(.92rem,1.1vw,1.02rem) !important;line-height:1.55 !important;max-width:600px !important;margin-bottom:18px !important}
.ent-hero-tag{display:inline-flex !important;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(11,125,97,.25) !important;background:#ffffff !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--tgi-fx-neon) !important;box-shadow:0 2px 10px rgba(6,50,44,.08);font-weight:600;letter-spacing:.06em;font-size:.72rem;text-transform:uppercase;margin-bottom:12px !important}
.ent-hero-tag::before,.ent-hero-tag .dot{content:"";width:7px;height:7px;border-radius:50%;background:var(--tgi-fx-green-3);box-shadow:none;animation:tgiPulse 1.6s ease-in-out infinite;display:inline-block}
@keyframes tgiPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}
.ent-hero-actions{display:flex !important;flex-wrap:wrap;gap:10px;margin-top:16px !important;margin-bottom:24px !important}
.ent-hero-stats{position:relative;z-index:2;display:flex !important;flex-wrap:wrap;gap:10px;margin-top:20px !important}
.ent-hero-stat{background:#ffffff;border:1px solid var(--tgi-fx-line);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--tgi-fx-shadow-1);padding:8px 14px !important;transition:transform .4s var(--tgi-fx-ease),box-shadow .4s,border-color .4s;flex:1 1 110px;min-width:110px}
.ent-hero-stat strong{display:block;font-size:clamp(1.15rem,1.6vw,1.5rem) !important;font-weight:800;background:linear-gradient(135deg,#06322c,#0b7d61);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1.05}
.ent-hero-stat span{color:var(--tgi-fx-ink-mute);font-size:.72rem}
.ent-hero-stat:hover{transform:translateY(-3px);border-color:var(--tgi-fx-line-strong);box-shadow:var(--tgi-fx-shadow-2),var(--tgi-fx-glow-sm)}
.hero-divider{display:none}
@media (min-width:992px){.ent-hero-content .row > .col-lg-7,.ent-hero-content .row > .col-xl-6:first-child,.ent-hero-content .row > [class*="col-lg-7"]{flex:0 0 60% !important;max-width:60% !important}.ent-hero-content .row > .col-lg-5,.ent-hero-content .row > .col-xl-6:last-child{flex:0 0 40% !important;max-width:40% !important}}
.tgi-ai-visual{filter:drop-shadow(0 12px 36px rgba(6,50,44,.14));max-width:360px;margin:0 auto}
/* Sections */
section,.ent-section{background:var(--tgi-fx-bg-0) !important;color:var(--tgi-fx-ink)}
.ent-section-subtle{background:linear-gradient(180deg,#f2faf7,#e9f6f1) !important}
.ent-section{position:relative;padding:48px 0 !important}
@media (min-width:992px){.ent-section{padding:64px 0 !important}}
.ent-section p,.ent-section li,.ent-section .ent-body,.ent-section .ent-body-lg{color:var(--tgi-fx-ink-soft) !important}
.ent-section h1,.ent-section h2,.ent-section h3,.ent-section .ent-h2,.ent-section [class*="-heading"]{color:var(--tgi-fx-ink) !important}
.ent-section [style*="color:var(--tgi-darker)"],.ent-section [style*="color: var(--tgi-darker)"],.ent-section [style*="color:var(--neu-500)"],.ent-section [style*="color: var(--neu-500)"]{color:var(--tgi-fx-ink) !important}
.text-gradient{background:var(--tgi-fx-grad-glow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important}
.tgi-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--tgi-fx-ease-out),transform .9s var(--tgi-fx-ease-out)}
.tgi-reveal.is-in{opacity:1;transform:none}
.tgi-reveal[data-tgi-delay="1"]{transition-delay:.08s}.tgi-reveal[data-tgi-delay="2"]{transition-delay:.16s}.tgi-reveal[data-tgi-delay="3"]{transition-delay:.24s}.tgi-reveal[data-tgi-delay="4"]{transition-delay:.32s}
/* Buttons */
.btn-enterprise{position:relative;overflow:hidden;letter-spacing:.01em;font-weight:600;border-radius:10px !important;padding:11px 22px !important;display:inline-flex;align-items:center;gap:8px;transition:transform .35s var(--tgi-fx-ease),box-shadow .35s,background .35s,color .35s,border-color .35s;text-decoration:none !important}
.btn-enterprise.btn-sm{padding:8px 14px !important;font-size:.82rem !important}
.btn-enterprise.btn-lg{padding:14px 26px !important;font-size:1rem !important}
.btn-enterprise.btn-xl{padding:18px 32px !important;font-size:1.1rem !important}
.btn-enterprise::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s var(--tgi-fx-ease-out);pointer-events:none}
.btn-enterprise:hover::before{transform:translateX(130%)}
.btn-ent-primary,.btn-ent-accent{background:var(--tgi-fx-grad-brand) !important;border:1px solid transparent !important;color:#ffffff !important;box-shadow:0 8px 22px rgba(11,125,97,.28)}
.btn-ent-primary:hover,.btn-ent-accent:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,125,97,.38),0 0 0 5px rgba(16,185,129,.12);color:#ffffff !important}
.btn-ent-ghost{background:#ffffff !important;border:1px solid var(--tgi-fx-line-strong) !important;color:var(--tgi-fx-ink) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-ent-ghost:hover{background:var(--tgi-fx-mint) !important;border-color:var(--tgi-fx-neon) !important;color:var(--tgi-fx-green-deep) !important;transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,125,97,.16)}
.btn-ent-outline{border:2px solid var(--tgi-fx-neon) !important;color:var(--tgi-fx-neon) !important;background:transparent !important;box-shadow:none}
.btn-ent-outline:hover{background:var(--tgi-fx-neon) !important;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,125,97,.30)}
.btn-primary,.pkg-cta,.nav-cta{background:var(--tgi-fx-grad-brand) !important;border-color:transparent !important;color:#ffffff !important;font-weight:600;border-radius:10px !important;box-shadow:0 8px 22px rgba(11,125,97,.25) !important}
/* Cards + icons */
.ent-service-card,.ent-sector-card,.ent-why-card,.ent-ai-card,.ent-tech-item,.ent-process-step,.sector-card{position:relative;isolation:isolate;background:var(--tgi-fx-grad-soft) !important;border:1px solid var(--tgi-fx-line-strong) !important;border-radius:var(--tgi-fx-radius) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--tgi-fx-shadow-1);transition:transform .45s var(--tgi-fx-ease),box-shadow .45s,border-color .45s;overflow:hidden;color:var(--tgi-fx-ink) !important}
.ent-service-card h3,.ent-service-card h4,.ent-service-card h5,.ent-sector-card h3,.ent-sector-card h4,.ent-sector-card h5,.ent-why-card h3,.ent-why-card h4,.ent-why-card h5,.ent-ai-card h3,.ent-ai-card h4,.ent-ai-card h5{color:var(--tgi-fx-ink) !important}
.ent-service-card p,.ent-sector-card p,.ent-why-card p,.ent-ai-card p,.ent-service-card li,.ent-sector-card li{color:var(--tgi-fx-ink-soft) !important}
.ent-service-card::after,.ent-sector-card::after,.ent-why-card::after,.ent-ai-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(450px circle at var(--tgi-mx,50%) var(--tgi-my,50%),rgba(16,185,129,.08),transparent 50%);transition:opacity .45s var(--tgi-fx-ease)}
.ent-service-card:hover,.ent-sector-card:hover,.ent-why-card:hover,.ent-ai-card:hover,.ent-tech-item:hover,.ent-process-step:hover,.sector-card:hover{transform:translateY(-6px);border-color:rgba(11,125,97,.45) !important;box-shadow:var(--tgi-fx-shadow-2)}
.ent-service-card:hover::after,.ent-sector-card:hover::after,.ent-why-card:hover::after,.ent-ai-card:hover::after{opacity:1}
.ent-sector-icon-wrap{background:transparent !important;padding:20px 18px 12px !important}
.ent-service-icon,.ent-sector-icon,.ent-ai-icon,.sector-icon{background:var(--tgi-fx-grad-brand) !important;color:#ffffff !important;border:1px solid transparent !important;box-shadow:0 6px 18px rgba(11,125,97,.25);display:flex !important;align-items:center;justify-content:center}
.ent-service-icon i,.ent-sector-icon i,.ent-ai-icon i,.sector-icon i,.ent-service-icon .bi,.ent-sector-icon .bi,.ent-ai-icon .bi,.sector-icon .bi{color:#ffffff !important;font-size:1.5rem !important;display:inline-block !important;line-height:1 !important}
.ent-process-num{background:var(--tgi-fx-grad-brand) !important;color:#ffffff !important;box-shadow:0 10px 26px rgba(11,125,97,.30),0 0 0 4px rgba(16,185,129,.12)}
.ent-ai-card {
height: 100%;
min-height: 220px;
display: flex;
flex-direction: column;
}
/* Tech grid */
.ent-tech-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ent-tech-item{background:var(--tgi-fx-grad-soft) !important;border:1px solid var(--tgi-fx-line-strong) !important;width:90px;padding:14px 10px !important;display:flex;flex-direction:column;align-items:center;gap:8px}
.ent-tech-item img{width:36px !important;height:36px !important;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(6,50,44,.12))}
.ent-tech-item span{color:var(--tgi-fx-ink-soft) !important;font-size:.72rem !important;font-weight:600 !important;text-align:center;line-height:1.2;opacity:1 !important;visibility:visible !important}
.ent-tech-item:hover img{filter:drop-shadow(0 4px 10px rgba(6,50,44,.18))}
/* Stats + CTA */
.ent-stats-strip{background:linear-gradient(180deg,#f8fafc 0%,#eef7f3 100%) !important;border-top:1px solid rgba(6,50,44,.08);border-bottom:1px solid rgba(6,50,44,.08);position:relative;overflow:hidden;color:var(--tgi-fx-ink);padding:32px 0 !important}
.ent-stats-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(900px circle at 20% 50%,rgba(16,185,129,.07),transparent 50%),radial-gradient(900px circle at 80% 50%,rgba(45,212,170,.06),transparent 50%)}
.ent-stats-strip-item{position:relative;z-index:1;color:var(--tgi-fx-ink)}
.ent-stats-strip-item .lbl{color:#475569 !important}
.ent-stats-strip-item strong,.ent-stats-strip-item .num,.ent-stats-strip-item [data-counter]{background:linear-gradient(135deg,#06322c,#0b7d61);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:800}
.ent-cta-section{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff 0%,#f2faf7 50%,#e9f6f1 100%) !important;color:var(--tgi-fx-ink);border-top:1px solid rgba(6,50,44,.08)}
.ent-cta-section *{color:var(--tgi-fx-ink)}
.ent-cta-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 380px at 12% 18%,rgba(16,185,129,.10),transparent 60%),radial-gradient(700px 380px at 88% 82%,rgba(45,212,170,.08),transparent 60%)}
.text-gradient-light{background:linear-gradient(135deg,#06614f 0%,#0b7d61 60%,#059669 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;animation:none}
/* Client logos */
.ent-marquee,.ent-partners-band{background:var(--tgi-fx-bg-1) !important;border-top:1px solid var(--tgi-fx-line);border-bottom:1px solid var(--tgi-fx-line);padding:28px 0 !important}
.ent-marquee-inner,.ent-partners-track{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ent-client-logo,.ent-partner-logo{background:#fff !important;border:1px solid var(--tgi-fx-line) !important;border-radius:12px !important;padding:12px 16px !important;min-height:80px;display:flex;align-items:center;justify-content:center;filter:none !important;opacity:1 !important;transition:transform .35s var(--tgi-fx-ease),box-shadow .35s;box-shadow:0 4px 14px rgba(6,50,44,.06)}
.ent-client-logo:hover,.ent-partner-logo:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 30px rgba(6,50,44,.12),0 0 0 2px rgba(11,125,97,.35)}
.ent-client-logo img,.ent-partner-logo img,.ent-client-logo .item img,.fadeOutClients img{filter:none !important;opacity:1 !important;max-height:56px;width:auto;object-fit:contain;mix-blend-mode:normal !important}
/* Footer (ent) */
.ent-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eef7f3 100%) !important;color:#334155 !important;border-top:1px solid rgba(6,50,44,.10)}
.ent-footer *{color:inherit}
.ent-footer h1,.ent-footer h2,.ent-footer h3,.ent-footer h4,.ent-footer h5,.ent-footer h6{color:#0f172a !important}
.ent-footer a{color:#475569 !important}
.ent-footer a:hover{color:#0b7d61 !important}
.ent-footer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background:radial-gradient(900px 400px at 8% 0%,rgba(45,212,170,.06),transparent 60%),radial-gradient(900px 400px at 100% 100%,rgba(72,143,130,.05),transparent 60%)}
.ent-footer-social a{transition:transform .25s var(--tgi-fx-ease),color .25s,box-shadow .25s,background .25s;border:1px solid rgba(6,50,44,.14);background:#ffffff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ent-footer-social a:hover{transform:translateY(-3px);color:#0b7d61 !important;border-color:#0b7d61;box-shadow:0 6px 16px rgba(11,125,97,.16)}
.ent-footer-bottom{border-top:1px solid rgba(6,50,44,.10)}
/* FAB */
.ent-whatsapp,.ent-back-top{box-shadow:var(--tgi-fx-shadow-2),0 0 0 6px rgba(45,212,170,.12) !important;transition:transform .35s var(--tgi-fx-ease),box-shadow .35s !important}
.ent-whatsapp:hover,.ent-back-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--tgi-fx-shadow-2),0 0 0 10px rgba(45,212,170,.2),var(--tgi-fx-glow-md) !important}
.ent-whatsapp{right:18px !important;bottom:18px !important;z-index:999 !important}
.ent-back-top{right:18px !important;bottom:80px !important;z-index:999 !important}
.ent-whatsapp i,.ent-back-top i{color:inherit}
/* Cursor */
@media (hover:hover) and (pointer:fine){
.tgi-cursor,.tgi-cursor-trail{position:fixed;top:0;left:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);will-change:transform;mix-blend-mode:multiply}
.tgi-cursor{width:10px;height:10px;border-radius:50%;background:var(--tgi-fx-green-3);box-shadow:0 0 10px rgba(16,185,129,.35);transition:transform .15s var(--tgi-fx-ease-out)}
.tgi-cursor-trail{width:42px;height:42px;border-radius:50%;border:1px solid rgba(12,138,105,.45);transition:transform .25s var(--tgi-fx-ease-out),width .2s,height .2s,border-color .2s}
.tgi-cursor-trail.is-active{width:60px;height:60px;border-color:var(--tgi-fx-neon)}
}
/* Forms */
form .form-control,form input[type="text"],form input[type="email"],form input[type="tel"],form input[type="number"],form textarea,form select,.form-control-tgi,.ent-newsletter-form input{background:#ffffff !important;border:1px solid var(--tgi-fx-line-strong) !important;color:var(--tgi-fx-ink) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px !important;padding:11px 14px !important}
form .form-control:focus,form input:focus,form textarea:focus,form select:focus,.form-control-tgi:focus,.ent-newsletter-form input:focus{border-color:var(--tgi-fx-neon) !important;box-shadow:0 0 0 4px rgba(16,185,129,.15) !important;outline:none !important;background:#ffffff !important}
form ::placeholder,.form-control-tgi::placeholder{color:rgba(51,65,85,.55) !important}
form label{color:var(--tgi-fx-ink) !important}
/* Badges */
.ent-badge{border:1px solid rgba(11,125,97,.25);background:var(--tgi-fx-mint) !important;color:var(--tgi-fx-green-deep) !important}
.ent-badge.badge-accent,.ent-badge.badge-new{background:var(--tgi-fx-grad-brand) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 12px rgba(11,125,97,.22)}
/* Blue -> green global */
[style*="#1a73e8"],[style*="#0d6efd"],[style*="#0056b3"]{color:var(--tgi-fx-neon) !important}
.client-bg-blue,.pricing-box-blue,.bg-blue,[class*="-blue"]:not([class*="-bluep"]){background-color:var(--tgi-fx-bg-1) !important;background-image:var(--tgi-fx-grad-soft) !important;color:var(--tgi-fx-ink) !important}
.pricing-box-blue .pricing-head{background:var(--tgi-fx-grad-brand) !important;color:#fff !important}
.text-primary{color:var(--tgi-fx-neon) !important}
.bg-primary{background:var(--tgi-fx-grad-brand) !important;color:#ffffff !important}
.border-primary{border-color:var(--tgi-fx-neon) !important}
img[src*="-blue"],img[src*="_blue"]{filter:hue-rotate(110deg) saturate(1.05)}
img[src*="bg-blue"],img[src*="blue-bg"],img[src*="globe-blue"],img[src*="gblobe-dark-blue"],img[src*="small-globe-blue"]{display:none !important}
[style*="bg-blue"],[style*="blue-bg"],[style*="gblobe-dark-blue"],[style*="small-globe-blue"]{background-image:var(--tgi-fx-grad-soft) !important}
.ent-feature-visual{position:relative}
.ent-feature-visual img{filter:none;border-radius:var(--tgi-fx-radius-lg)}
.ent-feature-visual::after{content:none}
/* Inner-page heroes */
.sector-hero,.tgi-page-hero,.inner-page-header,.breadcrumb-area{background:var(--tgi-fx-grad-hero) !important;position:relative;overflow:hidden}
.sector-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(6,50,44,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,50,44,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 75%);opacity:.55;pointer-events:none}
.sector-hero h1,.tgi-page-hero h1,.inner-page-header h1{color:var(--tgi-fx-ink) !important;font-family:var(--tgi-fx-font-display);font-size:clamp(1.8rem,3.8vw,3rem) !important}
.sector-hero p,.tgi-page-hero p{color:var(--tgi-fx-ink-soft) !important}
.breadcrumb-nav{color:var(--tgi-fx-ink-mute) !important}
.breadcrumb-nav a{color:var(--tgi-fx-neon) !important}
.prob-col,.sol-col{background:var(--tgi-fx-grad-soft) !important;color:var(--tgi-fx-ink) !important}
.prob-col h3,.sol-col h3,.prob-col h4,.sol-col h4{color:var(--tgi-fx-ink) !important}
.contact-form-panel{background:#ffffff !important;border:1px solid var(--tgi-fx-line) !important;border-radius:var(--tgi-fx-radius-lg);color:var(--tgi-fx-ink) !important;padding:32px !important;box-shadow:var(--tgi-fx-shadow-2)}
.contact-form-panel h3{color:var(--tgi-fx-ink) !important}
.cinfo-card{background:#ffffff !important;border:1px solid var(--tgi-fx-line) !important;border-radius:var(--tgi-fx-radius);color:var(--tgi-fx-ink)}
.cinfo-card h5{color:var(--tgi-fx-ink) !important}
.cinfo-icon{background:var(--tgi-fx-grad-brand) !important;color:#ffffff !important}
/* ============================================================================
Light theme override
Keep the brand green only in the header/topbar and a few accent bands.
Everything else switches to white backgrounds with black text.
============================================================================ */
html, body {
background: #ffffff !important;
color: #0f172a !important;
}
body.tgi-dark {
background: #ffffff !important;
color: #0f172a !important;
}
body,
section,
.ent-section,
.contact-form-panel,
.cinfo-card,
.prob-col,
.sol-col,
.ent-service-card,
.ent-sector-card,
.ent-why-card,
.ent-ai-card,
.ent-tech-item,
.ent-process-step,
.sector-card {
background: #ffffff !important;
color: #0f172a !important;
}
/* Soft light-tinted surfaces for variety between sections */
.ent-section-subtle,
.ent-marquee,
.ent-partners-band {
background: linear-gradient(180deg, #f8fafc 0%, #f2faf7 100%) !important;
color: #0f172a !important;
}
/* Heroes: gentle green-tinted white, never dark */
.ent-hero,
.sector-hero,
.tgi-page-hero,
.inner-page-header,
.breadcrumb-area {
background: var(--tgi-fx-grad-hero) !important;
color: #0f172a !important;
}
.ent-mesh-bg::before,
.ent-mesh-bg::after,
.tgi-grid-overlay {
opacity: .12 !important;
}
.ent-hero-bg { opacity: .08 !important; }
.ent-hero-overlay {
background: linear-gradient(180deg, rgba(255,255,255,.70) 0%, rgba(245,251,248,.88) 100%) !important;
}
/* High-contrast ink for all headings and body copy on light surfaces */
.ent-hero-content h1,
.ent-hero-content p,
.ent-hero-stat span,
.sector-hero h1,
.sector-hero p,
.tgi-page-hero h1,
.tgi-page-hero p,
.inner-page-header h1,
.breadcrumb-nav,
.prob-col h3,
.prob-col h4,
.sol-col h3,
.sol-col h4,
.contact-form-panel h3,
.cinfo-card h5,
.ent-service-card h3,
.ent-service-card h4,
.ent-service-card h5,
.ent-sector-card h3,
.ent-sector-card h4,
.ent-sector-card h5,
.ent-why-card h3,
.ent-why-card h4,
.ent-why-card h5,
.ent-ai-card h3,
.ent-ai-card h4,
.ent-ai-card h5,
.ent-section h1,
.ent-section h2,
.ent-section h3,
.ent-section h4,
.ent-section h5,
.ent-section h6 {
color: #0f172a !important;
-webkit-text-fill-color: initial !important;
text-shadow: none !important;
}
.ent-section p,
.ent-section li,
.ent-section .ent-body,
.ent-section .ent-body-lg,
.ent-hero-content p,
.sector-hero p,
.tgi-page-hero p,
.ent-tech-item span,
.prob-col,
.sol-col,
.contact-form-panel,
.cinfo-card {
color: #334155 !important;
}
/* Accent gradient text — deep, contrast-safe green */
.text-gradient,
.text-gradient-light {
background: linear-gradient(135deg, #06614f 0%, #0b7d61 60%, #059669 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
animation: none !important;
}
.ent-service-card,
.ent-sector-card,
.ent-why-card,
.ent-ai-card,
.ent-tech-item,
.ent-process-step,
.sector-card,
.contact-form-panel,
.cinfo-card {
border: 1px solid #e2e8f0 !important;
box-shadow: 0 8px 24px rgba(15, 42, 35, 0.06) !important;
}
/* Solid premium buttons: deep green + white text (AA contrast) */
.ent-service-icon,
.ent-sector-icon,
.ent-ai-icon,
.sector-icon,
.ent-process-num,
.cinfo-icon,
.btn-ent-primary,
.btn-ent-accent,
.btn-primary,
.pkg-cta,
.nav-cta {
background: linear-gradient(135deg, #10a37b 0%, #0b7d61 55%, #08604c 100%) !important;
color: #ffffff !important;
}
.btn-ent-ghost,
.btn-ent-outline {
background: #ffffff !important;
border-color: #0b7d61 !important;
color: #06322c !important;
}
.btn-ent-ghost:hover,
.btn-ent-outline:hover {
background: #d8f3e9 !important;
color: #06322c !important;
}
form .form-control,
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form textarea,
form select,
.form-control-tgi,
.ent-newsletter-form input {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
}
form ::placeholder,
.form-control-tgi::placeholder {
color: #64748b !important;
}
form label {
color: #0f172a !important;
}
/* Light accent bands: stats, CTA, footer, topbar — ink text, airy surfaces */
.ent-stats-strip,
.ent-cta-section,
.ent-footer,
.ent-topbar {
color: #0f172a !important;
}
.ent-stats-strip *,
.ent-cta-section *,
.ent-footer *,
.ent-topbar * {
color: inherit;
}
.ent-stats-strip {
background: linear-gradient(180deg, #f8fafc 0%, #eef7f3 100%) !important;
}
.ent-cta-section {
background: linear-gradient(160deg, #ffffff 0%, #f2faf7 50%, #e9f6f1 100%) !important;
}
.ent-footer { background: linear-gradient(180deg, #f8fafc 0%, #eef7f3 100%) !important; }
.ent-topbar { background: #f6faf8 !important; }
/* Header + mega menu + mobile nav: clean white with dark ink */
html body .ent-header,
.ent-mega-menu,
.ent-mobile-nav {
background: rgba(255,255,255,0.96) !important;
color: #0f172a !important;
}
.ent-header,
.ent-header *,
.ent-mega-menu *,
.ent-mobile-nav * {
color: #0f172a;
}
.ent-nav a:hover,
.ent-mega-link:hover,
.ent-mobile-nav a:hover {
color: #0b7d61 !important;
}
.ent-topbar a:hover,
.ent-footer a:hover {
color: #0b7d61 !important;
}
html body .ent-header {
border-bottom: 1px solid rgba(6, 50, 44, 0.10) !important;
}
/* ============== v4 LEGACY COVERAGE ============== */
/* Legacy