/* ---------- 0) BRAND LOGO (theme-aware: dark/light artwork + matching wordmark) ---------- */
:root{--logo-ink:#FFFFFF;--logo-blue:#FFB800;}
html[data-theme="light"]{--logo-ink:#0B1B4D;--logo-blue:#B45309;}
.logo-wrap{gap:10px;}
.logo-wrap .logo-mark{height:56px;width:auto;display:block;flex-shrink:0;object-fit:contain;transition:transform .25s;}
.logo-wrap:hover .logo-mark{transform:scale(1.05);}
.logo-wrap .logo-mark.foot-mark{height:52px;}
html:not([data-theme="light"]) .logo-mark.logo-light,
html[data-theme="light"] .logo-mark.logo-dark{display:none;}
.logo-name,html[data-theme="light"] .logo-name{color:var(--logo-ink);}
.logo-name span,html[data-theme="light"] .logo-name span{color:var(--logo-blue);}
footer .logo-name{font-size:17px;}
@media(max-width:650px){.logo-wrap .logo-mark{height:40px;}.logo-wrap{gap:8px;}}
@media(max-width:380px){.logo-wrap .logo-sub{display:none;}}
/* =====================================================================
   InvenSight Analytics — shared extras
   1) Language toggle   2) Social icons   3) Hindi typography
   4) Fast scroll + background motion
   ===================================================================== */

/* ---------- 1) LANGUAGE TOGGLE (sits in the gold top bar) ---------- */
.tb-right{display:flex;align-items:center;gap:12px;margin-left:auto;}
.tb-soc{display:flex;align-items:center;gap:6px;}
.tb-soc a{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(7,19,41,.12);color:#071329;transition:background .2s,color .2s,transform .2s;}
.tb-soc a:hover{background:#071329;color:#FFCB3D;transform:translateY(-2px);text-decoration:none;}
.tb-soc svg{width:14px;height:14px;display:block;}
.lang-toggle{display:inline-flex;align-items:center;background:var(--glass);border:1.5px solid var(--line);border-radius:999px;padding:3px;cursor:pointer;font-family:'Inter','Noto Sans Devanagari',sans-serif;font-size:12px;font-weight:700;line-height:1;flex-shrink:0;transition:border-color .25s;}
.lang-toggle:hover{border-color:var(--gold);}
.lang-toggle span{padding:7px 12px;border-radius:999px;color:var(--head);transition:background .25s,color .25s;white-space:nowrap;}
html:not([data-lang="hi"]) .lang-toggle .lt-en,
html[data-lang="hi"] .lang-toggle .lt-hi{background:var(--gold);color:#071329;}
.lang-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
@media(max-width:650px){.lang-toggle span{padding:6px 9px;}}

/* ---------- 2) SOCIAL ICONS (footer + contact page) ---------- */
.soc-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.soc-ico{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--glass);display:inline-flex;align-items:center;justify-content:center;color:var(--head);transition:transform .25s,background .25s,border-color .25s,color .25s;}
.soc-ico svg{width:18px;height:18px;display:block;}
.soc-ico:hover{transform:translateY(-4px) scale(1.06);color:#fff;border-color:transparent;}
.soc-ico.ig:hover{background:linear-gradient(45deg,#F9A03F,#E1306C 50%,#833AB4);}
.soc-ico.fb:hover{background:#1877F2;}
.soc-ico.in:hover{background:#0A66C2;}
.ci-icon svg{width:18px;height:18px;display:block;}
.ci-icon.ig{color:#E1306C;}.ci-icon.fb{color:#1877F2;}

/* ---------- 3) HINDI TYPOGRAPHY ---------- */
html[lang="hi"] body,
html[lang="hi"] button,
html[lang="hi"] input,
html[lang="hi"] select,
html[lang="hi"] textarea{font-family:'Inter','Noto Sans Devanagari',sans-serif;}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="hi"] h4,
html[lang="hi"] .logo-name,html[lang="hi"] .pamt,html[lang="hi"] .submit-btn,html[lang="hi"] .pm-btn,
html[lang="hi"] .typed-pre,html[lang="hi"] .typed-word{font-family:'Plus Jakarta Sans','Noto Sans Devanagari',sans-serif;}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="hi"] h4{line-height:1.38;}
html[lang="hi"] .hero h1{line-height:1.3;letter-spacing:0;}
html[lang="hi"] p,html[lang="hi"] li{line-height:1.85;}
/* uppercase + letter-spacing break Devanagari conjuncts */
html[lang="hi"] .stag,html[lang="hi"] .ph-tag,html[lang="hi"] .htag,html[lang="hi"] .ci-lbl,
html[lang="hi"] .fgrp label,html[lang="hi"] .pm-grp label,html[lang="hi"] .fc h5,html[lang="hi"] .sd-badge,
html[lang="hi"] .sp-badge,html[lang="hi"] .pname,html[lang="hi"] .hl_,html[lang="hi"] .kl,
html[lang="hi"] .clbl,html[lang="hi"] .sd-slbl,html[lang="hi"] .sp-stat-lbl,html[lang="hi"] .chart-lbl,
html[lang="hi"] .ntag,html[lang="hi"] .pop-lbl,html[lang="hi"] .logo-sub{letter-spacing:0!important;text-transform:none!important;}
html[lang="hi"] .nlinks a,html[lang="hi"] .ncta{font-size:13px;}

/* ---------- 4) FAST SCROLL + BACKGROUND MOTION ---------- */
@media (prefers-reduced-motion:no-preference){

  /* snappy scroll-reveal (was .65s / .8s with long stagger) */
  .rv,.rvl,.rvr{transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)!important;}
  .rv{transform:translateY(22px);}.rvl{transform:translateX(-22px);}.rvr{transform:translateX(22px);}
  .d1{transition-delay:.03s!important;}.d2{transition-delay:.06s!important;}.d3{transition-delay:.09s!important;}
  .d4{transition-delay:.12s!important;}.d5{transition-delay:.15s!important;}
  .sr.sr-in{transition-duration:.36s!important;transition-delay:calc(var(--sd,0s)*.3)!important;}
  .hleft,.hright{animation-duration:.5s!important;}

  /* faster, wider background orbs */
  @keyframes orbFloat{
    0%,100%{transform:translate(0,0) scale(1);}
    25%{transform:translate(70px,-46px) scale(1.14);}
    50%{transform:translate(-36px,58px) scale(.9);}
    75%{transform:translate(-70px,-24px) scale(1.08);}
  }
  .orb1{animation-duration:3.4s!important;}
  .orb2{animation-duration:4.2s!important;}
  .orb3{animation-duration:2.8s!important;}

  /* drifting grids / dot patterns */
  @keyframes gridDrift{from{background-position:0 0,0 0;}to{background-position:60px 60px,60px 60px;}}
  @keyframes dotDrift30{from{background-position:0 0;}to{background-position:30px 30px;}}
  @keyframes dotDrift28{from{background-position:0 0;}to{background-position:28px 28px;}}
  @keyframes stripeDrift{from{background-position:0 0;}to{background-position:22px 22px;}}
  .hgrid{animation:gridDrift 4s linear infinite;}
  .page-hero::after{animation:gridDrift 5s linear infinite;}
  .about-bg::after{animation:dotDrift30 4s linear infinite;}
  .prob-bg::before{animation:dotDrift28 4s linear infinite;}
  .counter-bg::before{animation:stripeDrift 3s linear infinite;}

  /* faster ambient motion */
  .scan{animation-duration:2.4s!important;}
  .ticker-track{animation-duration:30s!important;}
  .mq-track{animation-duration:22s!important;}
  .ring{animation-duration:3s!important;}
  .hright-inner{animation-duration:3.2s!important;}
  .fb1{animation-duration:2.6s!important;}.fb2{animation-duration:3s!important;}.fb3{animation-duration:3s!important;}
  .sp-icon-big,.sd-icon{animation-duration:2.4s!important;}
  .bbar{animation-duration:.6s!important;}
  .hdot,.live-dot{animation-duration:1s!important;}
}

/* site-wide moving background layer (shows behind every transparent section) */
.fx-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
.fx-bg i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform,translate;}
.fx-bg i:nth-child(1){width:46vmax;height:46vmax;left:-14vmax;top:-12vmax;background:radial-gradient(circle,rgba(139,92,246,.34),transparent 68%);}
.fx-bg i:nth-child(2){width:40vmax;height:40vmax;right:-12vmax;bottom:-14vmax;background:radial-gradient(circle,rgba(255,184,0,.22),transparent 68%);}
.fx-bg i:nth-child(3){width:28vmax;height:28vmax;left:38%;top:30%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 70%);}
.fx-bg::after{content:'';position:absolute;inset:-60px;background-image:linear-gradient(rgba(139,92,246,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.10) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000,transparent);}
html[data-theme="light"] .fx-bg i{opacity:.55;}
html[data-theme="light"] .fx-bg::after{background-image:linear-gradient(rgba(124,58,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.08) 1px,transparent 1px);}
@media (prefers-reduced-motion:no-preference){
  @keyframes fxA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(14vmax,10vmax) scale(1.18);}}
  @keyframes fxB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-16vmax,-9vmax) scale(1.12);}}
  @keyframes fxC{0%,100%{transform:translate(0,0) scale(.9);}50%{transform:translate(-9vmax,12vmax) scale(1.2);}}
  .fx-bg i:nth-child(1){animation:fxA 6s ease-in-out infinite;}
  .fx-bg i:nth-child(2){animation:fxB 7.5s ease-in-out infinite;}
  .fx-bg i:nth-child(3){animation:fxC 5s ease-in-out infinite;}
  .fx-bg::after{animation:gridDrift 4s linear infinite;}
}

/* =====================================================================
   5) ANIMATED BUSINESS BACKGROUND  (built by assets/bg-fx.js)
   analytics curves · live bars · data network · floating pharma/retail/ERP icons
   ===================================================================== */
:root{--fx1:#FFB800;--fx2:#8B5CF6;
  --fxg-c:#FFB800;--fxg-bg:rgba(255,184,0,.09);--fxg-bd:rgba(255,184,0,.34);
  --fxp-c:#A78BFA;--fxp-bg:rgba(139,92,246,.13);--fxp-bd:rgba(167,139,250,.38);}
html[data-theme="light"]{--fx1:#D97706;--fx2:#7C3AED;
  --fxg-c:#B45309;--fxg-bg:rgba(217,119,6,.08);--fxg-bd:rgba(217,119,6,.32);
  --fxp-c:#7C3AED;--fxp-bg:rgba(124,58,237,.07);--fxp-bd:rgba(124,58,237,.30);}

.fx-host{position:relative;isolation:isolate;}
.fx-up{position:relative;z-index:1;}
.fx-deco{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.95;}
.fx-deco.fx-fixed{position:absolute;opacity:.8;}

/* flowing curves — disabled */
.fx-lines{display:none!important;}
.fx-lines{position:absolute;left:0;top:0;width:100%;height:100%;}
.fx-lines path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;}
.fx-lines .fx-area{fill-opacity:1;stroke:none;}
.fx-base{stroke:var(--fx1);stroke-opacity:.09;stroke-width:1.4;}
.fx-base.b2{stroke:var(--fx2);stroke-opacity:.08;}
.fx-flow{stroke-width:2.2;stroke-dasharray:70 330;stroke-opacity:.42;}
.fx-flow.f2{stroke-width:1.8;stroke-dasharray:46 260;stroke-opacity:.34;}
html[data-theme="light"] .fx-base{stroke-opacity:.14;}
html[data-theme="light"] .fx-flow{stroke-opacity:.38;}

/* equalizer bars + data network */
.fx-eq,.fx-net{position:absolute;opacity:.85;}
.fx-eq.bl{left:2%;bottom:14px;}.fx-eq.br{right:2%;bottom:14px;}
.fx-net.tr{right:1.5%;top:12px;}.fx-net.tl{left:1.5%;top:12px;}.fx-net.br{right:1.5%;bottom:10px;}
.fx-bar{transform-box:fill-box;transform-origin:50% 100%;}
.fx-edge{stroke:var(--fx2);stroke-opacity:.32;stroke-width:1;}
.fx-node{fill:var(--fx1);fill-opacity:.9;transform-box:fill-box;transform-origin:center;}
.fx-node.big{fill:var(--fx2);}
.fx-pkt{fill:var(--fx1);}
html[data-theme="light"] .fx-edge{stroke-opacity:.38;}

/* floating glass icon chips */
.fx-ic{position:absolute;width:var(--s,46px);height:var(--s,46px);border-radius:calc(var(--s,46px)*.3);display:grid;place-items:center;
  color:var(--fxg-c);background:linear-gradient(145deg,var(--fxg-bg),transparent 140%);border:1px solid var(--fxg-bd);
  box-shadow:0 0 26px -6px var(--fxg-bd),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;will-change:transform,opacity;}
.fx-ic.fx-p{color:var(--fxp-c);background:linear-gradient(145deg,var(--fxp-bg),transparent 140%);border-color:var(--fxp-bd);box-shadow:0 0 26px -6px var(--fxp-bd),inset 0 1px 0 rgba(255,255,255,.08);}
.fx-ic svg{width:52%;height:52%;display:block;}

@media (prefers-reduced-motion:no-preference){
  @keyframes fxRise{
    0%{transform:translateY(46px) rotate(-10deg) scale(.82);opacity:0;}
    14%{opacity:.95;}
    50%{transform:translateY(-34px) rotate(6deg) scale(1);}
    86%{opacity:.95;}
    100%{transform:translateY(-130px) rotate(-8deg) scale(1.06);opacity:0;}
  }
  @keyframes fxDash{from{stroke-dashoffset:400;}to{stroke-dashoffset:0;}}
  @keyframes fxBar{0%{transform:scaleY(.22);}100%{transform:scaleY(1);}}
  @keyframes fxPulse{0%,100%{transform:scale(1);fill-opacity:.9;}50%{transform:scale(1.9);fill-opacity:.35;}}
  .fx-ic{animation:fxRise 7s ease-in-out infinite;}
  .fx-flow{animation:fxDash 2.6s linear infinite;}
  .fx-flow.f2{animation-direction:reverse;}
  .fx-bar{animation:fxBar 1.3s ease-in-out infinite alternate;}
  .fx-node{animation:fxPulse 1.6s ease-in-out infinite;}
  /* off-screen sections stand still (saves battery) */
  .fx-deco:not(.fx-on) *{animation-play-state:paused!important;}
}
@media (prefers-reduced-motion:reduce){
  .fx-ic{opacity:.5;}
  .fx-pkt,.fx-flow{display:none;}
}

/* keep it tidy on phones */
@media (max-width:900px){.fx-net{display:none;}.fx-ic:nth-of-type(n+4){display:none;}.fx-eq{transform:scale(.7);transform-origin:bottom left;}.fx-eq.br{transform-origin:bottom right;}}
@media (max-width:560px){.fx-eq{display:none;}.fx-ic{--s:34px!important;}.fx-ic:nth-of-type(n+3){display:none;}}

/* ---- keep the animated lines BEHIND all content ----
   The decoration sits on its own layer (z-index:-1 inside each isolated section),
   and cards/boxes get a frosted, mostly-opaque surface so lines never show through them. */
.fx-host .acard,.fx-host .pcard,.fx-host .icard,.fx-host .cbox,.fx-host .testcard,.fx-host .sp-right,.fx-host .sd-right,.fx-host .sd-stat,.fx-host .cgrid2>*{
  background-color:color-mix(in srgb,var(--card) 92%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.fx-bg .fx-deco.fx-fixed{opacity:.6;}

/* odd tile out (3 stat tiles) spans the full row */
.sd-stats>.sd-stat:last-child:nth-child(odd),.sp-stats>.sp-stat:last-child:nth-child(odd){grid-column:1/-1;}
/* make the logo mark crisp and clearly visible on both themes */
.logo-wrap .logo-mark{filter:drop-shadow(0 1px 6px rgba(0,0,0,.25));}
html:not([data-theme="light"]) .logo-wrap .logo-mark{filter:drop-shadow(0 0 8px rgba(255,184,0,.28));}

/* horizontal scan line removed */
.scan{display:none!important;}