:root {
  --navy:    #060d1e;
  --navy-2:  #0a1628;
  --navy-3:  #0f2045;
  --blue:    #1a6bff;
  --blue-2:  #4d8eff;
  --blue-light: #4d8eff;
  --teal:    #00d4b4;
	--teal-2: #009e87;
  --teal-bg: rgba(0,212,180,0.10);
  --cyan:    #06b6d4;
  --cyan-2:  #22d3ee;
  --green:   #22c55e;
  --mint:    #10b981;
  --coral:   #ff6b35;
  --amber:   #f59e0b;
  --orange:  #f97316;
  --orange-2:#fb923c;
  --gold:    #f59e0b;
  --gold-2:#fbbf24;
	--zoho-r: #e42527;
  --zoho-o: #f57c00;
	--accent:      #f57c00;
	--accent-1:      #059669;
	--accent-green: #34d399;
	--accent-bg-green: rgba(5, 150, 105, .1);
  --accent-2:    #fb923c;
  --accent-bg:   rgba(245,124,0,.1);
  --accent-bdr:  rgba(245,124,0,.22);
  --accent-grad: linear-gradient(100deg,#fb923c,#f59e0b);
	--accent-grad-green: linear-gradient(100deg, #34d399, #22d3ee);
	--accent-4:      #8b5cf6;
  --accent-3:    #a78bfa;
  --accent-bg-1:   rgba(139,92,246,.1);
  --accent-bdr-1:  rgba(139,92,246,.22);
	--accent-bdr-green: rgba(5, 150, 105, .22);
  --accent-grad-1: linear-gradient(100deg,#a78bfa,#00d4b4);
  --hero-bg-1:     #0e0620;
  --hero-bg:     #160900;
  --page-bg: #f7f8fc;
  --card-bg: #ffffff;
  --red:     #ef4444;
  --white:   #ffffff;
  --off:     #dde4f0;
  --muted:   #7a88a8;
  --dim:     rgba(255,255,255,0.06);
  --dk-bdr:  rgba(255,255,255,0.07);
  --dk-bdr2: rgba(255,255,255,0.13);
  --page:    #f4f6fb;
  --card:    #ffffff;
  --txt1:    #0a1628;
  --txt2:    #4a5568;
  --txt3:    #8896b0;
	--text-primary: #0d1630;
    --text-secondary: #4a5568;
    --text-muted: #8892aa;
   --bdr:    #e2e8f0;
  --bdr2:    #cbd5e0;
	--border: #e2e8f0;
    --border-dark: #cbd5e0;
  --lt-bdr:  #e2e8f0;
  --lt-bdr2: #cbd5e0;
  --f-d: 'Outfit', sans-serif;
  --f-b: 'DM Sans', sans-serif;
  --f-m: 'JetBrains Mono', monospace;
  --max: 1240px;
  --gut: 20px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--f-b); /*background: var(--navy); color: var(--off);*/ overflow-x: hidden; font-size: 14px; }
h1, h2, h3 {font-family: var(--f-d);}
.d-none{display:none;}
/* ══════════════════════════════════════
   ANNOUNCE BAR
══════════════════════════════════════ */
.announce-banner{
	background: #060d1e;
	padding-top: 0;
}
.announce {
  background: linear-gradient(90deg, rgba(0,212,180,.14), rgba(26,107,255,.14));
  border-bottom: 1px solid rgba(0,212,180,.18);
  text-align: center; padding: 9px 20px;
  font-size: 13px; color: var(--off);
  display: flex; align-items: center; justify-content: center; gap: 8px;
  position: relative; z-index: 300;
}
.ann-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 8px var(--teal); animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }
.announce a { color: var(--teal); font-weight: 500; text-decoration: none; }
#cvs { position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .45; }

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav#nav {
  position: sticky; top: 0; z-index: 200;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  background: rgba(6,13,30,.92);
  border-bottom: 1px solid var(--dk-bdr);
}
.nav-wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--gut); height: 64px; display: flex; align-items: center; }
.announce .sp-btn-p.book-session-btn{
	background: none;
    box-shadow: none;
    border: none;
    color: #00d4b4 !important;
    font-size: 13px;
    font-family: var(--f-b);
	font-weight: 500;
	padding: 0;
}
.announce .sp-btn-p.book-session-btn:hover{
	background: none;
	color: #00d4b4 !important;
}
/* Logo SVG */
.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; margin-right: 32px; flex-shrink: 0; }
.nav-logo img{height: 76px; width: auto; padding: 10px 0;}
.logo-mark { width: 34px; height: 34px; flex-shrink: 0; }
.logo-wordmark { display: flex; flex-direction: column; }
.logo-name { font-family: var(--f-d); font-weight: 800; font-size: 17px; color: white; letter-spacing: -.4px; line-height: 1; }
.logo-name span { color: var(--teal); }
.logo-tag { font-family: var(--f-m); font-size: 9px; color: rgba(255,255,255,.28); letter-spacing: .12em; text-transform: uppercase; margin-top: 2px; }

/* Nav links */
.nav-links { display: flex; align-items: center; gap: 0; flex: 1; }
.nl {
  padding: 8px 13px; font-size: 13.5px; /*color: var(--muted);*/ color: #7a88a8;
  cursor: pointer; border-radius: 6px; transition: color .15s, background .15s;
  white-space: nowrap; display: flex; align-items: center; gap: 5px;
  font-family: var(--f-b); font-weight: 400; position: relative;
}
.nl:hover, .nl.open { color: white; background: var(--dim); }
.nl-arr { font-size: 9px; opacity: .5; transition: transform .2s; }
.nl.open .nl-arr { transform: rotate(180deg); opacity: 1; }
.nl-plain { padding: 8px 13px; font-size: 13.5px; color: var(--muted); cursor: pointer; border-radius: 6px; transition: color .15s, background .15s; white-space: nowrap; font-family: var(--f-b); text-decoration: none; }
.nl-plain:hover { color: white; background: var(--dim); text-decoration: none; }

.nav-r { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.nav-phone { font-size: 12px; color: rgba(255,255,255,.32); font-family: var(--f-m); padding: 6px 10px; border: 1px solid var(--dk-bdr); border-radius: 6px; cursor: pointer; transition: all .2s; white-space: nowrap; }
.nav-phone:hover { color: rgba(255,255,255,.7); border-color: var(--dk-bdr2); }
.nav-cta { background: var(--blue); color: white; padding: 9px 20px; border-radius: 7px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: var(--f-d); transition: all .2s; white-space: nowrap; }
.nav-cta:hover { background: var(--blue-2); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(26,107,255,.4); }

/* ── MEGA MENUS ── */
.mega { position: fixed; top: 64px; left: 0; right: 0; background: #080f20; border-bottom: 1px solid var(--dk-bdr); display: none; z-index: 190; box-shadow: 0 24px 48px rgba(0,0,0,.5); }
.mega.open { display: block; }
.mega-in { max-width: var(--max); margin: 0 auto; padding: 28px var(--gut) 32px; }
.mega-in .ins-row-t a{font-family: var(--f-d) !important;}
/* Services mega */
.svc-mega { display: grid; grid-template-columns: 200px 1fr; gap: 0; }
.svc-sidebar { border-right: 1px solid var(--dk-bdr); padding-right: 24px; }
.svc-sb-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; /*color: rgba(255,255,255,.22);*/ color: rgba(212,225,223,.55); margin-bottom: 12px; }
.svc-si { padding: 10px 13px; border-radius: 8px; cursor: pointer; transition: all .2s; margin-bottom: 2px; border: 1px solid transparent; }
.svc-si:hover, .svc-si.sel { background: rgba(26,107,255,.1); border-color: rgba(26,107,255,.18); }
.svc-si-name { font-family: var(--f-d); font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.8); margin-bottom: 2px; display: flex; align-items: center; gap: 6px; }
.svc-si.sel .svc-si-name { color: white; }
.svc-si-desc { font-size: 11.5px; /*color: rgba(136,150,180,.55);*/ color: rgba(212,225,223,.55); line-height: 1.35; }
.ai-pill { font-size: 10px; background: rgba(0,212,180,.12); border: 1px solid rgba(0,212,180,.22); color: var(--teal); padding: 1px 6px; border-radius: 3px; font-family: var(--f-m); }

.svc-panel { display: none; padding-left: 28px; }
.svc-panel.vis { display: block; }
.sp-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--teal); opacity: .8; margin-bottom: 16px; }
.sp-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-bottom: 18px; }
.sp-card { padding: 13px 15px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 9px; cursor: pointer; transition: all .18s; }
.sp-card:hover { background: rgba(26,107,255,.08); border-color: rgba(26,107,255,.18); transform: translateY(-1px); }
.sp-icon { font-size: 17px; margin-bottom: 7px; }
.sp-name { font-family: var(--f-d) !important; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.85); margin-bottom: 3px; }
.sp-name a{color: rgba(255,255,255,.85) !important; font-family: var(--f-d) !important;}
.sp-desc { font-size: 11.5px; /*color: rgba(136,150,180,.55);*/ color: rgba(212,225,223,.55); line-height: 1.4; }
.sp-cta-row { display: flex; gap: 10px; padding-top: 14px; border-top: 1px solid var(--dk-bdr); }
.sp-btn-p { display: inline-flex; align-items: center; gap: 5px; background: var(--blue); color: white; padding: 8px 16px; border-radius: 6px; font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: var(--f-d); transition: background .2s; }
.sp-btn-p a{color: rgba(255,255,255,.85) !important;}
.sp-btn-p:hover { background: var(--blue-2); color: rgba(255,255,255,.85) !important; }
.sp-btn-s { display: inline-flex; align-items: center; gap: 5px; background: transparent; color: rgba(255,255,255,.45); padding: 8px 16px; border-radius: 6px; font-size: 12.5px; cursor: pointer; border: 1px solid var(--dk-bdr2); transition: all .2s; font-family: var(--f-b); }
.sp-btn-s:hover { color: rgba(255,255,255,.8); }

/* Industries mega */
.ind-mega-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; }
.im-item { padding: 12px 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 8px; cursor: pointer; transition: all .18s; text-align: center; }
.im-item:hover { background: rgba(0,212,180,.06); border-color: rgba(0,212,180,.15); transform: translateY(-2px); }
.im-emoji { font-size: 20px; margin-bottom: 6px; }
.im-name { font-size: 11.5px; color: rgba(255,255,255,.6); line-height: 1.3; font-family: var(--f-b) !important; }
.im-name a{font-family: var(--f-b) !important;}
.ind-mega-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.ind-see-all { font-size: 12px; color: var(--teal); cursor: pointer; font-family: var(--f-m); letter-spacing: .04em; }
.ind-mega-label{font-family:var(--f-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;/*color:rgba(255,255,255,.22);*/ color: rgba(212,225,223,.55);}
.im-item.im-item-last{background:rgba(0,212,180,.05);border-color:rgba(0,212,180,.15);}
.im-item.im-item-last .im-emoji{font-size: 16px;}
.im-item.im-item-last .im-name{color:rgba(0,212,180,.7);}
/* Insights mega */
.ins-mega { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px; }
.ins-col-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; /*color: rgba(255,255,255,.22);*/ color: rgba(212,225,223,.55); margin-bottom: 12px; }
.ins-row { padding: 11px 13px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 8px; cursor: pointer; transition: all .18s; margin-bottom: 7px; }
.ins-row:hover { background: rgba(26,107,255,.07); border-color: rgba(26,107,255,.15); }
.ins-row-t { font-size: 13px; font-weight: 500; color: rgba(255,255,255,.78); margin-bottom: 3px; font-family: var(--f-d); }
.ins-row-m { font-size: 10.5px; /*color: rgba(136,150,180,.5);*/ color: rgba(212,225,223,.55); font-family: var(--f-m); }
.ins-see { font-size: 11.5px; color: var(--teal); cursor: pointer; font-family: var(--f-m); margin-top: 8px; }
.ins-feat { padding: 18px; background: linear-gradient(135deg,rgba(26,107,255,.12),rgba(0,212,180,.06)); border: 1px solid rgba(26,107,255,.18); border-radius: 10px; cursor: pointer; transition: all .2s; }
.ins-feat:hover { background: linear-gradient(135deg,rgba(26,107,255,.2),rgba(0,212,180,.1)); }
.ins-feat-tag { font-family: var(--f-m); font-size: 9.5px; color: var(--teal); margin-bottom: 8px; letter-spacing: .06em; }
.ins-feat-t { font-family: var(--f-d); font-size: 15px; font-weight: 700; color: white; line-height: 1.3; margin-bottom: 6px; }
.ins-feat-m { font-size: 11px; /*color: rgba(136,150,180,.5);*/ color: rgba(212,225,223,.55); font-family: var(--f-m); }

/* About mega */
.about-mega { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
.ab-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; /*color: rgba(255,255,255,.22);*/ color: rgba(212,225,223,.55); margin-bottom: 12px; }
.ab-link { display: flex; align-items: flex-start; gap: 11px; padding: 11px 13px; border-radius: 8px; cursor: pointer; transition: all .18s; margin-bottom: 4px; }
.ab-link:hover { background: rgba(255,255,255,.04); }
.ab-ico { width: 32px; height: 32px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.abi-b { background: rgba(26,107,255,.12); }
.abi-t { background: rgba(0,212,180,.12); }
.abi-a { background: rgba(245,158,11,.12); }
.ab-t { font-family: var(--f-d); font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.83); margin-bottom: 2px; }
.ab-t a{font-family: var(--f-b) !important;}
.ab-d { font-size: 11.5px; /*color: rgba(136,150,180,.55);*/ color: rgba(212,225,223,.55); line-height: 1.35; }
.ab-cta-card { padding: 18px; background: rgba(26,107,255,.08); border: 1px solid rgba(26,107,255,.15); border-radius: 10px; }
.about-mega .ab-address {margin-top:12px;font-size:11.5px;/*color:rgba(136,150,180,.4);*/ color: rgba(212,225,223,.55);font-family:var(--f-m);line-height:1.8;}
.ab-cta-title { font-family: var(--f-d) !important; font-size: 15px; font-weight: 700; color: white; margin-bottom: 7px; }
.ab-cta-body { font-size: 12px; /*color: rgba(136,150,180,.6);*/ color: rgba(212,225,223,.55); line-height: 1.6; margin-bottom: 14px; }
.ab-cta-btn { display: inline-flex; align-items: center; gap: 5px; background: var(--blue); color: white; padding: 8px 16px; border-radius: 6px; font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: var(--f-d); transition: background .2s; }
.ab-cta-btn:hover { background: var(--blue-2); }
.ab-cert-row { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 14px; }
.ab-cert { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; color: rgba(136,150,180,.55); border: 1px solid var(--dk-bdr); padding: 3px 8px; border-radius: 4px; font-family: var(--f-m); }
.ab-cert-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--teal); }

/* ══════════════════════════════════════
   CANVAS
══════════════════════════════════════ */
#cvs { position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .45; }

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero { position: relative; z-index: 1; /*min-height: 100vh;*/ display: flex; flex-direction: column; justify-content: center; padding: 96px var(--gut) 72px; max-width: var(--max); margin: 0 auto; }

.hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-m); font-size: 11px; color: var(--teal); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 26px; opacity: 0; animation: up .6s .1s ease forwards; }
.hero-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--teal); }
.h1{font-size: 64px;}
.hero-h1 { font-family: var(--f-d); /*font-size: clamp(46px,5.8vw,88px);*/ font-size: 64px; font-weight: 900; line-height: 1.02; letter-spacing: -3.5px; color: white; max-width: 860px; margin-bottom: 28px; opacity: 0; animation: up .7s .25s ease forwards; }
.hero-h1 em { font-style: normal; background: linear-gradient(100deg, var(--blue-2), var(--teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
em{font-family: var(--f-d);}
.hero-sub { font-size: 19px; font-weight: 300; color: var(--muted); max-width: 580px; line-height: 1.75; margin-bottom: 48px; opacity: 0; animation: up .7s .4s ease forwards; }
.services-page .hero-sub { font-size: 19px; font-weight: 300; color: var(--muted); max-width: 580px; line-height: 1.75; margin-bottom: 48px; opacity: 0; animation: up .7s .4s ease forwards; }
.hero-sub strong { color: var(--off); font-weight: 400; }

.hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 88px; opacity: 0; animation: up .7s .55s ease forwards; }
.btn-hero-p { display: inline-flex; align-items: center; gap: 8px; padding: 15px 32px; border-radius: 10px; background: var(--blue); color: white; font-size: 15px; font-weight: 700; font-family: var(--f-d); text-decoration: none; transition: all .2s; }
.btn-hero-p:hover { background: var(--blue-2); transform: translateY(-2px); box-shadow: 0 16px 40px rgba(26,107,255,.45); color: rgba(255,255,255,.85) !important; }
.btn-hero-s { display: inline-flex; align-items: center; gap: 8px; padding: 15px 30px; border-radius: 10px; background: transparent; color: var(--off); font-size: 15px; font-weight: 400; font-family: var(--f-b); text-decoration: none; border: 1px solid var(--dk-bdr2); transition: all .2s; }
.btn-hero-s:hover { background: var(--dim); border-color: rgba(255,255,255,.28); }

/* Trust bar */
.trust-bar { display: flex; align-items: center; gap: 36px; flex-wrap: wrap; opacity: 0; animation: up .7s .7s ease forwards; }
.t-stat .t-num { font-family: var(--f-d); font-size: 34px; font-weight: 800; color: white; letter-spacing: -1.5px; line-height: 1; }
.t-stat .t-num .ac { color: var(--teal); }
.t-stat .t-lbl { font-size: 12px; color: var(--muted); line-height: 1.4; margin-top: 2px; }
.t-div { width: 1px; height: 40px; background: var(--dk-bdr); }

.cert-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; opacity: 0; animation: up .7s .85s ease forwards; }
.cert-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--muted); border: 1px solid var(--dk-bdr); padding: 5px 10px; border-radius: 6px; font-family: var(--f-m); }
.cert-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 5px var(--teal); }
.stats-band-section{background: #060d1e; padding-top: 0;}
@keyframes up { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

/* ══════════════════════════════════════
   STATS BAND
══════════════════════════════════════ */
.stats-band { position: relative; z-index: 1; background: rgba(8,15,32,.85); border-top: 1px solid var(--dk-bdr); border-bottom: 1px solid var(--dk-bdr); }
.stats-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--gut); display: grid; grid-template-columns: repeat(4,1fr); }
.s-item { padding: 34px 28px; border-right: 1px solid var(--dk-bdr); }
.s-item:last-child { border-right: none; }
.s-num { font-family: var(--f-d); font-size: 46px; font-weight: 900; letter-spacing: -2.5px; color: white; line-height: 1; margin-bottom: 8px; }
.s-num .ac { color: var(--teal); }
.s-txt { font-size: 13px; color: var(--muted); line-height: 1.55; }

/* ══════════════════════════════════════
   SECTION SHELLS
══════════════════════════════════════ */
.sec-d { position: relative; z-index: 1; max-width: var(--max); margin: 0 auto; padding: 96px var(--gut); }
.sec-l { position: relative; z-index: 1; max-width: var(--max); margin: 0 auto; padding: 96px var(--gut); }
.dark-band { background: var(--navy-2); border-top: 1px solid var(--dk-bdr); border-bottom: 1px solid var(--dk-bdr); position: relative; z-index: 1; }
.light-band { background: var(--page); position: relative; z-index: 1; }
.sep { position: relative; z-index: 1; border: none; border-top: 1px solid var(--dk-bdr);margin-bottom: 0; margin-top: 0; }
.sep-l { position: relative; z-index: 1; border: none; border-top: 1px solid var(--lt-bdr); margin-bottom: 0; margin-top: 0; }

/* Section headers */
.sh-d { margin-bottom: 52px; }
.sh-d .ey { font-family: var(--f-m); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--teal); margin-bottom: 14px; }
.sh-d h2 { font-family: var(--f-d); font-size: clamp(28px,3.2vw,48px); font-weight: 800; letter-spacing: -2px; color: white; line-height: 1.1; max-width: 660px; margin-bottom: 14px; }
.sh-d p { font-size: 16px; color: var(--muted); max-width: 520px; line-height: 1.75; font-weight: 300; }
.sh-l { margin-bottom: 52px; }
.sh-l .ey { font-family: var(--f-m); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); margin-bottom: 14px; }
.sh-l h2 { font-family: var(--f-d); font-size: clamp(26px,3vw,44px); font-weight: 700; letter-spacing: -1.5px; color: var(--txt1); line-height: 1.1; max-width: 620px; margin-bottom: 12px; }
.sh-l p { font-size: 16px; color: var(--txt2); max-width: 500px; line-height: 1.75; font-weight: 300; }

/* ══════════════════════════════════════
   AI SERVICES GRID (dark)
══════════════════════════════════════ */
.ai-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: var(--dk-bdr); border: 1px solid var(--dk-bdr); border-radius: 18px; overflow: hidden; }
.ai-card { background: var(--navy-2); padding: 32px; transition: all .22s; cursor: pointer; position: relative; overflow: hidden; }
.ai-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--blue), var(--teal)); opacity: 0; transition: opacity .22s; }
.ai-card:hover { background: rgba(15,32,69,.95); }
.ai-card:hover::before { opacity: 1; }
.ai-card.featured { background: linear-gradient(145deg,rgba(26,107,255,.11),rgba(0,212,180,.05)); }
.ai-card.featured::before { opacity: 1; }
.ac-icon { font-size: 28px; }
.ac-title { font-family: var(--f-d); font-size: 17px; font-weight: 700; color: white; margin-bottom: 10px; letter-spacing: -.3px; }
.ac-body { font-size: 13.5px; color: var(--muted); line-height: 1.65; }
.ac-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--teal); margin-top: 16px; font-weight: 500; font-family: var(--f-m); letter-spacing: .04em; transition: gap .2s; }
.ai-card:hover .ac-link { gap: 8px; }

/* Process strip */
.process-row { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--dk-bdr); border-radius: 13px; overflow: hidden; margin-top: 56px; }
.proc { padding: 26px 20px; border-right: 1px solid var(--dk-bdr); background: rgba(10,22,40,.65); }
.proc:last-child { border-right: none; }
.proc-n { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; color: var(--muted); margin-bottom: 10px; opacity: .6; }
.proc-t { font-family: var(--f-d); font-size: 14px; font-weight: 600; color: white; margin-bottom: 7px; }
.proc-d { font-size: 12.5px; color: var(--muted); line-height: 1.6; }
/*home page */
.main-hero-section{position:relative;z-index:1;background: #060d1e;}
.main-hero-section.home-page .proc
 {
    padding: 26px 20px;
    border-right: 1px solid var(--dk-bdr);
    background: rgba(10, 22, 40, .65);
}
.home-page .ind-name a{font-family: var(--f-d);}
/* ══════════════════════════════════════
   CASE STUDIES (light)
══════════════════════════════════════ */
.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.c-card { background: var(--card); border: 1px solid var(--lt-bdr); border-radius: 16px; overflow: hidden; transition: all .22s; cursor: pointer; }
.c-card:hover { border-color: rgba(26,107,255,.2); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.1); }
.c-top { padding: 26px 26px 0; }
.c-ind { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--teal); margin-bottom: 10px; }
.c-title { font-family: var(--f-d); font-size: 17px; font-weight: 700; letter-spacing: -.3px; color: var(--txt1); line-height: 1.3; margin-bottom: 14px; }
.c-metrics { display: flex; gap: 20px; padding: 0 26px 18px; flex-wrap: wrap; }
.cm { display: flex; flex-direction: column; gap: 3px; }
.cm-num { font-family: var(--f-d); font-size: 28px; font-weight: 900; letter-spacing: -1.5px; line-height: 1; }
.cm-num.t { color: var(--teal); }
.cm-num.b { color: var(--blue); }
.cm-num.a { color: var(--amber); }
.cm-lbl { font-size: 11px; color: var(--txt3); }
.c-body { font-size: 13.5px; color: var(--txt2); line-height: 1.65; padding: 0 26px 18px; border-top: 1px solid var(--lt-bdr); padding-top: 14px; }
.c-foot { padding: 13px 26px; background: #f9fafb; border-top: 1px solid var(--lt-bdr); display: flex; align-items: center; justify-content: space-between; font-size: 11.5px; }
.c-tech { color: var(--txt3); font-family: var(--f-m); }
.c-read { color: var(--blue); font-weight: 500; }

/* ══════════════════════════════════════
   INDUSTRIES (light)
══════════════════════════════════════ */
.home-page .ind-card
 {
    background: var(--card);
    border: 1px solid var(--lt-bdr);
    border-radius: 10px;
    padding: 18px 14px;
    text-align: center;
    transition: all .2s;
    cursor: pointer;
}
a:hover{text-decoration: none !important;}
.im-name a{color: #fff !important;}
.home-page .ind-card .ind-name
 {
    font-size: 12px;
    font-weight: 500;
    color: var(--txt2);
    font-family: var(--f-d);
}
.home-page .sb-btn{background: linear-gradient(135deg, #1a6bff, #0e54d8);}
.ind-grid-l { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; }
.ind-card { background: var(--card); border: 1px solid var(--lt-bdr); border-radius: 10px; padding: 18px 14px; text-align: center; transition: all .2s; cursor: pointer; }
.ind-card:hover { border-color: rgba(0,212,180,.3); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.07); }
.ind-emoji { font-size: 22px; margin-bottom: 8px; }
.ind-name { font-size: 12px; font-weight: 500; color: var(--txt2); font-family: var(--f-d); }

/* ══════════════════════════════════════
   TESTIMONIALS (light)
══════════════════════════════════════ */
.test-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.t-card { background: var(--card); border: 1px solid var(--lt-bdr); border-radius: 16px; padding: 28px; }
.t-stars { color: #fbbf24; letter-spacing: 2px; font-size: 14px; margin-bottom: 14px; }
.t-q { font-size: 14.5px; color: var(--txt2); line-height: 1.75; font-style: italic; font-weight: 300; margin-bottom: 20px; }
.t-r { display: flex; align-items: center; gap: 11px; }
.t-av { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--f-d); font-weight: 700; font-size: 14px; color: white; flex-shrink: 0; }
.t-name { font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--txt1); }
.t-loc { font-size: 12px; color: var(--txt3); }

/* ══════════════════════════════════════
   CTA SECTION (dark)
══════════════════════════════════════ */
.cta-sec { position: relative; z-index: 1; text-align: center; background: var(--navy); border-top: 1px solid var(--dk-bdr); padding: 100px var(--gut); }
.cta-in { max-width: 700px; margin: 0 auto; }
.cta-h { font-family: var(--f-d); font-size: clamp(36px,5vw,66px); font-weight: 900; letter-spacing: -3px; color: white; line-height: 1.02; margin-bottom: 22px; }
.cta-h em { font-style: normal; background: linear-gradient(100deg, var(--blue-2), var(--teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cta-p { font-size: 17px; color: var(--muted); line-height: 1.75; font-weight: 300; margin-bottom: 44px; }
.cta-btns { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.cta-btn-p { display: inline-flex; align-items: center; gap: 8px; padding: 17px 38px; border-radius: 12px; background: linear-gradient(135deg, var(--blue), #0e54d8); color: white; font-size: 16px; font-weight: 700; font-family: var(--f-d); text-decoration: none; transition: all .2s; box-shadow: 0 10px 36px rgba(26,107,255,.35); }
.cta-btn-p:hover { transform: translateY(-2px); box-shadow: 0 18px 48px rgba(26,107,255,.5); }
.cta-btn-s { display: inline-flex; align-items: center; gap: 8px; padding: 17px 38px; border-radius: 12px; background: transparent; color: var(--off); font-size: 16px; font-weight: 400; font-family: var(--f-b); text-decoration: none; border: 1px solid var(--dk-bdr2); transition: all .2s; }
.cta-btn-s:hover { background: var(--dim); }
.cta-btn-p:hover{color: white;}
/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer { background: #040a16; border-top: 1px solid var(--dk-bdr); position: relative; z-index: 1; }
.foot-in { max-width: var(--max); margin: 0 auto; padding: 64px var(--gut) 36px; }

.foot-top { display: grid; grid-template-columns: 260px 1fr; gap: 60px; padding-bottom: 52px; border-bottom: 1px solid var(--dk-bdr); }

.foot-brand .foot-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.foot-brand .foot-logo img {height: 60px;}
.foot-brand .logo-name { font-family: var(--f-d); font-weight: 800; font-size: 18px; color: white; letter-spacing: -.4px; }
.foot-brand .logo-name span { color: var(--teal); }
.foot-brand .logo-tag { font-family: var(--f-m); font-size: 9px; color: rgba(255,255,255,.2); letter-spacing: .12em; text-transform: uppercase; margin-top: 2px; }
.foot-tagline { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65; margin-bottom: 20px; font-weight: 300 !important; }
.foot-certs { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 20px; }
.foot-cert { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; color: rgba(136,150,180,.55); border: 1px solid var(--dk-bdr); padding: 4px 9px; border-radius: 5px; font-family: var(--f-m); }
.foot-cert-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--teal); }
.foot-contact { font-size: 12px; /*color: rgba(136,150,180,.45);*/ color: #7a88a8; font-family: var(--f-m); line-height: 1.8; }
.foot-contact a { /*color: rgba(136,150,180,.45);*/ color: #7a88a8; text-decoration: none; }

.foot-links-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; }
.foot-col {}
.foot-col-title { font-family: var(--f-d); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.5); margin-bottom: 16px; }
.foot-links { list-style: none; display: flex; flex-direction: column; gap: 9px; padding-left: 0; }
.foot-links a { font-size: 13px; color: var(--muted); text-decoration: none; transition: color .2s; }
.foot-links a:hover { color: var(--off); }
.foot-links .new-tag { display: inline-flex; align-items: center; gap: 3px; font-size: 9px; background: rgba(0,212,180,.12); border: 1px solid rgba(0,212,180,.2); color: var(--teal); padding: 1px 5px; border-radius: 3px; font-family: var(--f-m); margin-left: 5px; vertical-align: middle; }

.foot-bottom { padding-top: 28px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; /*color: rgba(136,150,180,.4);*/ color: #7a88a8; flex-wrap: wrap; gap: 12px; }
.foot-policies { display: flex; gap: 18px; }
.foot-policies a { /*color: rgba(136,150,180,.4);*/ color: #7a88a8; text-decoration: none; font-size: 12px; transition: color .2s; }
.foot-policies a:hover { color: var(--muted); }

/* Tech strip */
.tech-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--dk-bdr); }
.tech-pill { padding: 5px 13px; background: rgba(255,255,255,.03); border: 1px solid var(--dk-bdr); border-radius: 4px; font-family: var(--f-m); font-size: 11px; /*color: rgba(136,150,180,.5);*/ color: #7a88a8; transition: all .2s; }
.tech-pill:hover { border-color: rgba(26,107,255,.3); color: var(--blue-2); background: rgba(26,107,255,.05); }
.tech-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; /*color: rgba(255,255,255,.18);*/ color: #7a88a8; margin-bottom: 12px; }
/* Hide toggle on desktop */
.nav-toggle {
  display: none;
  font-size: 22px;
  cursor: pointer;
  color: white;
}
.mobile-sub {
  display: none;
}
.nav-links {
  display: flex;
}
/*industry pages */
.hero-industry {
  background: linear-gradient(160deg, #060e18 0%, #061820 40%, #071a20 60%, var(--page) 100%);
  padding: 72px 36px 0;
}
.hero-in { max-width: 1200px; margin: 0 auto; /*display: flex;*/ display:grid; grid-template-columns: 1fr 1fr; gap: 60px; /*align-items: flex-start;*/ align-items: center; flex-wrap: wrap;}
/* .hero-industry .hero-left { width: 50%; } */
.eyebrow {display: inline-flex; align-items: center; gap: 8px;font-family: var(--f-m); font-size: 11px; color: var(--cyan-2);
  letter-spacing: .12em; text-transform: uppercase; /*margin-bottom: 20px;*/ margin-bottom: 0px;
}
.eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--cyan-2); }
.ind-badge {display: inline-flex; align-items: center; gap: 5px;background: rgba(6,182,212,.12); border: 1px solid rgba(6,182,212,.25);color: var(--cyan-2); padding: 3px 9px; border-radius: 5px;font-size: 10px; font-family: var(--f-m); font-weight: 500; margin-left: 8px;}
.h1 {font-family: var(--f-d); /*font-size: clamp(36px,4.5vw,62px);*/ font-size: 64px; font-weight: 900; letter-spacing: -2.5px; color: white;line-height: 1.05; margin-bottom: 22px;}
.h1 em {font-style: normal;background: linear-gradient(100deg, var(--cyan-2), var(--mint));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-stats{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
	width: 100%;
}
.right-dash-center{align-self:center;}
.deck {
  font-size: 17px; font-weight: 300; color: rgba(190,220,230,.7);
  max-width: 520px; line-height: 1.75; margin-bottom: 28px;
}
.deck strong { color: rgba(190,220,230,.95); font-weight: 400; }
/* HIPAA/GDPR inline callout in hero */
.compliance-inline {display: flex;align-items: center;gap: 10px;background: rgba(16,185,129,.08);border: 1px solid rgba(16,185,129,.2);border-radius: 10px;padding: 12px 16px;margin-bottom: 32px;}
.ci-shield { font-size: 20px; flex-shrink: 0; }
.ci-text { font-size: 13px; color: rgba(190,220,230,.8); line-height: 1.5; }
.ci-text strong { color: var(--green); font-weight: 600; }
.hero-btns { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }
.btn-p {display: inline-flex; align-items: center; gap: 7px;background: var(--blue); color: white; padding: 13px 26px;border-radius: 10px; font-size: 15px; font-weight: 600;
font-family: var(--f-d); text-decoration: none; transition: all .2s;}
.btn-p:hover { background: var(--blue-2); transform: translateY(-1px); box-shadow: 0 10px 28px rgba(26,107,255,.38); }
.btn-od {
  display: inline-flex; align-items: center; gap: 7px;background: transparent; color: rgba(190,220,230,.7);padding: 13px 26px; border-radius: 10px; font-size: 15px;font-weight: 400; font-family: var(--f-b); text-decoration: none;border: 1px solid rgba(255,255,255,.14); transition: all .2s;}
.btn-od:hover { background: rgba(255,255,255,.06); }

.metrics-strip {width: 100%;margin-bottom: 52px;display: grid; grid-template-columns: repeat(4,1fr);background: rgba(6,15,28,.75); 
	border: 1px solid rgba(255,255,255,.07);border-radius: 14px 14px 0 0; overflow: hidden; backdrop-filter: blur(8px);}
.ms { padding: 22px 22px; border-right: 1px solid rgba(255,255,255,.06); }
.ms:last-child { border-right: none; }
.ms-num { font-family: var(--f-d); font-size: 32px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; color: white; margin-bottom: 5px; }
.ms-num .ac { color: var(--cyan-2); }
.ms-lbl { font-size: 12px; /*color: rgba(136,150,180,.8);*/ color: rgba(212,225,223,.55); line-height: 1.4; }
/* ─── SECTION SHELLS ─── */
.sec { max-width: 1200px; margin: 0 auto; padding: 50px 36px; }
.dark-band { background: var(--navy-2); border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); }
.hr { border: none; border-top: 1px solid var(--bdr); margin-top: 0; margin-bottom: 0;}
/* ─── COMPLIANCE SECTION (standalone) ─── */
.compliance-section {
  background: linear-gradient(135deg, #030e18 0%, #041520 50%, #051a1a 100%);
  border-top: 1px solid rgba(6,182,212,.12);
  border-bottom: 1px solid rgba(6,182,212,.12);
  position: relative; z-index: 1;
}
.comp-sec-in { max-width: 1200px; margin: 0 auto; padding: 64px 36px; }
.comp-sec-header { margin-bottom: 40px; }
.comp-eyebrow { font-family: var(--f-m); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--green); margin-bottom: 14px; }
.comp-title { font-family: var(--f-d); font-size: clamp(26px,3vw,40px); font-weight: 700; letter-spacing: -1.5px; color: white; line-height: 1.1; max-width: 620px; margin-bottom: 12px; }
.comp-sub { font-size: 16px; color: rgba(180,220,220,.55); line-height: 1.75; font-weight: 300; max-width: 560px; }
.comp-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.comp-card {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px; padding: 28px;
  position: relative; overflow: hidden; transition: all .2s;
}
.comp-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; }
.comp-card.hipaa::before { background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.comp-card.gdpr::before { background: linear-gradient(90deg, var(--green), var(--teal)); }
.comp-card.iso::before { background: linear-gradient(90deg, var(--amber), var(--coral)); }
.comp-card.arch::before { background: linear-gradient(90deg, var(--cyan-2), var(--mint)); }
.comp-card:hover { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
.cc-icon { font-size: 28px; margin-bottom: 16px; }
.cc-title { font-family: var(--f-d); font-size: 17px; font-weight: 700; color: white; margin-bottom: 10px; letter-spacing: -.3px; }
.cc-body { font-size: 14px; color: rgba(180,200,220,.6); line-height: 1.65; }
.cc-bullets { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-top: 14px; color: rgba(180,200,220,.6)}
.cc-bullet { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: rgba(180,200,220,.65); line-height: 1.5; }
.cc-bullet::before { content: '✓'; color: var(--green); font-size: 12px; flex-shrink: 0; margin-top: 2px; font-weight: 600; }
.comp-cert-strip { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.06); }
.ccs-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px; padding: 10px 16px;
}
.ccs-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 6px var(--green); flex-shrink: 0; }
.ccs-text { font-family: var(--f-d); font-size: 13px; font-weight: 600; color: rgba(255,255,255,.8); }
.ccs-sub { font-size: 11px; color: rgba(136,150,180,.55); font-family: var(--f-m); }

/* ─── SECTION HEADERS ─── */
.sh { margin-bottom: 48px; }
.sh .lbl { font-family: var(--f-m); /*font-size: 11px;*/ font-size:12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }
.lbl-cyan { color: var(--cyan); }
.lbl-blue { color: var(--blue); }
.lbl-teal { color: var(--teal); }
.sh h2 { font-family: var(--f-d); font-size: clamp(26px,3vw,44px); font-weight: 700; letter-spacing: -1.5px; line-height: 1.1; max-width: 640px; margin-bottom: 12px; }
.h2-light { color: white; }
.h2-dark { color: var(--txt1); }
.sh p { font-size: 16px; line-height: 1.75; font-weight: 300; max-width: 520px; }
.p-muted { color: rgba(180,200,228,.6); }
.p-sub { color: var(--txt2); }

/* ─── PAIN GRID ─── */
.pain-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.pain-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 26px; transition: all .2s; }
.pain-card:hover { border-color: var(--bdr2); box-shadow: 0 6px 24px rgba(0,0,0,.07); transform: translateY(-2px); }
.pain-icon { width: 40px; height: 40px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 16px; }
.pi-cy { background: rgba(6,182,212,.1); }
.pi-gr { background: rgba(16,185,129,.1); }
.pi-bl { background: rgba(26,107,255,.1); }
.pi-am { background: rgba(245,158,11,.1); }
.pi-co { background: rgba(255,107,53,.1); }
.pi-pu { background: rgba(139,92,246,.1); }
.pain-card h3 { font-family: var(--f-d); font-size: 15px; font-weight: 700; color: var(--txt1); margin-bottom: 8px; letter-spacing: -.2px; }
.pain-card p { font-size: 14px; color: var(--txt2); line-height: 1.65; }

/* ─── USE CASE ACCORDION ─── */
.uc-list { display: flex; flex-direction: column; gap: 2px; }
.uc-item { background: var(--card); border: 1px solid var(--bdr); border-radius: 12px; overflow: hidden; transition: border-color .2s; }
.uc-item.open { border-color: rgba(6,182,212,.3); }
.uc-q { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; cursor: pointer; }
.uc-num { padding: 20px 0 20px 22px; font-family: var(--f-m); font-size: 11px; color: var(--txt3); }
.uc-title { padding: 20px 16px; font-family: var(--f-d); font-size: 15px; font-weight: 600; color: var(--txt1); }
.uc-item.open .uc-title { color: var(--cyan); }
.uc-arr { /*padding: 0 22px 0 0;*/  width: 28px; height: 28px; border-radius: 50%; background: var(--page); border: 1px solid var(--bdr); display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--txt3); transition: all .2s; flex-shrink: 0; margin-right: 22px; }
.uc-item.open .uc-arr { background: var(--cyan); border-color: var(--cyan); color: white; /*transform: rotate(45deg);*/ }
.uc-body { display: none; padding: 0 22px 24px 74px; }
.uc-item.open .uc-body { display: block; }
.uc-desc { font-size: 14.5px; color: var(--txt2); line-height: 1.72; font-weight: 300; margin-bottom: 18px; }
.uc-example { background: var(--page); border: 1px solid var(--bdr); border-left: 3px solid var(--teal); border-radius: 0 8px 8px 0; padding: 14px 18px; margin-bottom: 14px; }
.uc-ex-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--teal); margin-bottom: 7px; }
.uc-ex-text { font-size: 14px; color: var(--txt2); line-height: 1.65; }
.uc-compliance {
  display: flex; align-items: center; gap: 7px;
  background: rgba(16,185,129,.06); border: 1px solid rgba(16,185,129,.18);
  border-radius: 6px; padding: 8px 12px;
  font-size: 12px; color: rgba(16,185,129,.9); font-family: var(--f-m);
}
.uc-compliance::before { content: '🔒'; font-size: 13px; }
.uc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.uc-tag { font-family: var(--f-m); font-size: 11px; background: rgba(6,182,212,.07); border: 1px solid rgba(6,182,212,.18); color: var(--cyan); padding: 3px 9px; border-radius: 4px; }

/* ─── IMPACT ─── */
.impact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.impact-dark { background: var(--navy); border-radius: 18px; padding: 40px; }
.impact-dark h3 { font-family: var(--f-d); font-size: 26px; font-weight: 700; letter-spacing: -1px; color: white; line-height: 1.2; margin-bottom: 28px; }
.impact-dark h3 span { color: var(--cyan-2); }
.big-stats { display: flex; flex-direction: column; gap: 18px; }
.bs { display: flex; align-items: center; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.06); }
.bs:last-child { border-bottom: none; padding-bottom: 0; }
.bs-num { font-family: var(--f-d); font-size: 36px; font-weight: 800; letter-spacing: -1.5px; line-height: 1; color: var(--cyan-2); min-width: 90px; }
.bs-txt { font-size: 14px; color: rgba(180,200,228,.58); line-height: 1.5; }
.benefit-list { display: flex; flex-direction: column; gap: 11px; }
.bi { background: var(--card); border: 1px solid var(--bdr); border-radius: 12px; padding: 20px 22px; display: flex; align-items: flex-start; gap: 13px; transition: all .2s; }
.bi:hover { border-color: rgba(6,182,212,.2); box-shadow: 0 4px 16px rgba(0,0,0,.06); }
.bi-check { width: 26px; height: 26px; background: rgba(16,185,129,.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--mint); flex-shrink: 0; margin-top: 2px; }
.bi strong { display: block; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--txt1); margin-bottom: 4px; }
.bi p { font-size: 14px; color: var(--txt2); line-height: 1.6; margin: 0; }

/* ─── SERVICES ─── */
.svc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.svc-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 26px; transition: all .22s; cursor: pointer; position: relative; overflow: hidden; }
.svc-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--mint)); opacity: 0; transition: opacity .22s; }
.svc-card:hover { border-color: rgba(6,182,212,.22); transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.svc-card:hover::before { opacity: 1; }
.svc-icon { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 16px; }
.svc-card h3 { font-family: var(--f-d); font-size: 16px; font-weight: 700; color: var(--txt1); margin-bottom: 8px; letter-spacing: -.2px; }
.svc-card p { font-size: 14px; color: var(--txt2); line-height: 1.65; }
.svc-lk { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--blue); margin-top: 14px; font-weight: 500; font-family: var(--f-m); transition: gap .2s; text-decoration: none; }
.svc-card:hover .svc-lk { gap: 8px; }

/* ─── PERSONA ─── */
.persona-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.persona { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 28px; position: relative; overflow: hidden; transition: all .2s; }
.persona::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.p-cy::before { background: var(--cyan); }
.p-mi::before { background: var(--mint); }
.p-bl::before { background: var(--blue); }
.persona:hover { box-shadow: 0 8px 28px rgba(0,0,0,.08); transform: translateY(-3px); }
.persona h3 { font-family: var(--f-d); font-size: 17px; font-weight: 700; letter-spacing: -.3px; color: var(--txt1); margin-bottom: 8px; }
.persona .pp { font-size: 14px; color: var(--txt2); line-height: 1.65; margin-bottom: 16px; font-weight: 300; }
.pg-list { display: flex; flex-direction: column; gap: 6px; }
.pg-item { display: flex; align-items: flex-start; gap: 7px; font-size: 13px; color: var(--txt2); line-height: 1.5; }
.pg-check { color: var(--mint); flex-shrink: 0; margin-top: 1px; }

/* ─── PROCESS ─── */
.process { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--bdr); border-radius: 14px; overflow: hidden; }
.proc { padding: 26px 22px; border-right: 1px solid var(--bdr); background: var(--card); transition: background .2s; }
.proc:last-child { border-right: none; }
.proc:hover { background: #fafbff; }
.proc-n { font-family: var(--f-m); font-size: 12px; letter-spacing: .1em; color: var(--txt3); margin-bottom: 10px; opacity: .6; }
.proc h4 { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: var(--txt1); margin-bottom: 7px; }
.proc p { font-size: 14px; color: var(--txt2); line-height: 1.6; }

/* ─── TECH PILLS ─── */
.tech-row { display: flex; flex-wrap: wrap; gap: 8px; }
.tech { padding: 6px 13px; background: var(--card); border: 1px solid var(--bdr); border-radius: 5px; font-family: var(--f-m); font-size: 12px; color: var(--txt2); transition: all .2s; }
.tech:hover { border-color: rgba(6,182,212,.3); color: var(--cyan); background: rgba(6,182,212,.04); }

/* ─── FAQ ─── */
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.faq { display: flex; flex-direction: column; gap: 2px; }
.fi { background: var(--card); border: 1px solid var(--bdr); border-radius: 12px; overflow: hidden; transition: border-color .2s; }
.fi.open { border-color: rgba(6,182,212,.28); }
.fiq { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; cursor: pointer; gap: 14px; }
.fiq span { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: var(--txt1); line-height: 1.3; }
.fi-icon { width: 24px; height: 24px; border-radius: 50%; background: var(--page); border: 1px solid var(--bdr); display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--txt3); flex-shrink: 0; transition: all .2s; }
.fi.open .fi-icon { background: var(--cyan); border-color: var(--cyan); color: white; /*transform: rotate(45deg);*/ }
.fia { display: none; padding: 0 22px 18px; font-size: 14px; color: var(--txt2); line-height: 1.72; font-weight: 300; }
.fi.open .fia { display: block; }
.uc-item.open .uc-arr,
.fi.open .fi-icon{
    transform: rotate(45deg);
}
/* ─── TESTIMONIALS ─── */
.test-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.t-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 28px; }
.t-stars { color: #fbbf24; letter-spacing: 2px; font-size: 14px; margin-bottom: 14px; }
.t-q { font-size: 14.5px; color: var(--txt2); line-height: 1.75; font-style: italic; font-weight: 300; margin-bottom: 18px; }
.t-r { display: flex; align-items: center; gap: 11px; }
.t-av { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--f-d); font-weight: 700; font-size: 14px; color: white; flex-shrink: 0; }
.t-name { font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--txt1); }
.t-loc { font-size: 12px; color: var(--txt3); }

/* ─── CTA BANNER ─── */
.cta-banner { background: linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%); border-radius: 20px; padding: 56px 60px; display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
.cta-banner h3 { font-family: var(--f-d); font-size: clamp(24px,3vw,38px); font-weight: 800; letter-spacing: -1.5px; color: white; line-height: 1.15; margin-bottom: 12px; }
.cta-banner h3 span { color: var(--cyan-2); }
.cta-banner h2 { font-family: var(--f-d); font-size: clamp(24px,3vw,38px); font-weight: 800; letter-spacing: -1.5px; color: white; line-height: 1.15; margin-bottom: 12px; }
.cta-banner h2 span { color: var(--cyan-2); }
.cta-banner p { font-size: 15px; color: rgba(180,195,220,.65); line-height: 1.7; font-weight: 300; max-width: 500px; margin: 0; }
.cta-r { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; flex-shrink: 0; }
.btn-w { display: inline-flex; align-items: center; gap: 7px; background: white; color: var(--navy); padding: 13px 26px; border-radius: 10px; font-size: 15px; font-weight: 700; font-family: var(--f-d); text-decoration: none; transition: all .2s; white-space: nowrap; }
.btn-w:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,.3); }
.btn-ow { display: inline-flex; align-items: center; gap: 7px; background: transparent; color: rgba(255,255,255,.5); padding: 11px 26px; border-radius: 10px; font-size: 14px; font-weight: 400; font-family: var(--f-b); text-decoration: none; border: 1px solid rgba(255,255,255,.14); transition: all .2s; white-space: nowrap; }
.btn-ow:hover { background: rgba(255,255,255,.06); }

/* ─── RELATED ─── */
.rel-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.rel { background: var(--card); border: 1px solid var(--bdr); border-radius: 12px; padding: 22px; text-decoration: none; transition: all .2s; display: block; }
.rel:hover { border-color: var(--bdr2); transform: translateY(-2px); box-shadow: 0 6px 22px rgba(0,0,0,.07); }
.rel-icon { font-size: 20px; margin-bottom: 10px; }
.rel-name { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: var(--txt1); margin-bottom: 6px; }
.rel-desc { font-size: 14px; color: var(--txt3); line-height: 1.55; }
/* .hero-right {width: 44%;padding-top: 91px;} */


/*services pages */
/*enterprise AI*/
.enterprise-ai .page-hero
 {
    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 60%, var(--page-bg) 100%);
    padding: 72px 32px 0;
}
 /* ─── PAGE HERO (dark → light gradient) ─── */
.enterprise-ai .page-hero {
    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 60%, var(--page-bg) 100%);
    padding: 72px 32px 0;
  }

.enterprise-ai .page-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .hero-cta-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 60px;
    flex-wrap: wrap;
  }

  .btn-primary-light {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--blue);
    color: white;
    padding: 13px 26px;
    border-radius: 9px;
    font-size: 15px; font-weight: 500;
    font-family: var(--font-body);
    text-decoration: none;
    transition: all 0.2s;
  }

  .btn-primary-light:hover { background: var(--blue-light); transform: translateY(-1px); box-shadow: 0 8px 28px rgba(26,107,255,0.35); }

  .btn-outline-light {
    display: inline-flex; align-items: center; gap: 7px;
    background: transparent;
    color: rgba(232,234,240,0.8);
    padding: 13px 26px;
    border-radius: 9px;
    font-size: 15px; font-weight: 400;
    font-family: var(--font-body);
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.15);
    transition: all 0.2s;
  }

  .btn-outline-light:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.3); }

  /* hero metrics strip */
  .hero-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    background: rgba(13,22,48,0.6);
    backdrop-filter: blur(8px);
  }

  .hero-metric {
    padding: 24px 28px;
    border-right: 1px solid rgba(255,255,255,0.06);
  }

  .hero-metric:last-child { border-right: none; }

  .hm-num {
    font-family: var(--font-display);
    font-size: 36px; font-weight: 800; line-height: 1;
    letter-spacing: -1.5px;
    color: white;
    margin-bottom: 6px;
  }

  .hm-num .a { color: var(--teal); }

  .hm-label {
    font-size: 13px;
    color: rgba(136,146,170,0.9);
    line-height: 1.45;
  }
.page-bg{
	background: #f7f8fc;
	padding: 50px 0;
}
  /* ─── PAGE BODY ─── */
  .page-body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px 40px;
  }

  /* ─── SECTION STYLES ─── */
  .section-block {
    margin-top: 80px;
  }

  .section-label {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: 12px;
  }

  .section-h2 {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    letter-spacing: -1.2px;
    color: var(--text-primary);
    line-height: 1.15;
    max-width: 600px;
    margin-bottom: 12px;
  }

  .section-sub {
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 520px;
    line-height: 1.7;
    font-weight: 300;
    margin-bottom: 40px;
  }

  /* ─── PROBLEM CARDS ─── */
  .problem-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .problem-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 22px 24px;
    transition: all 0.2s;
  }

  .problem-card:hover {
    border-color: var(--border-dark);
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    transform: translateY(-2px);
  }

  .problem-icon {
    width: 36px; height: 36px;
    background: #fff3ef;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;
    margin-bottom: 14px;
  }

  .problem-title {
    font-family: var(--font-display);
    font-size: 15px; font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 8px;
    letter-spacing: -0.2px;
  }

  .problem-body {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.65;
  }

  /* ─── WHAT WE DO: FEATURE LAYOUT ─── */
  .feature-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .feature-item {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--card-bg);
    transition: all 0.2s;
    cursor: pointer;
  }

  .feature-item:hover {
    border-color: rgba(26,107,255,0.25);
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
  }

  .feature-item.open {
    border-color: rgba(26,107,255,0.3);
  }

  .feature-num-col {
    background: var(--page-bg);
    border-right: 1px solid var(--border);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 22px 0 0;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.05em;
  }

  .feature-content {
    padding: 22px 28px;
  }

  .feature-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .feature-title {
    font-family: var(--font-display);
    font-size: 17px; font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.3px;
  }

  .feature-chevron {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: var(--page-bg);
    border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    color: var(--text-muted);
    flex-shrink: 0;
    transition: all 0.2s;
  }

  .feature-item.open .feature-chevron {
    background: var(--blue);
    border-color: var(--blue);
    color: white;
    transform: rotate(180deg);
  }

  .feature-body {
    display: none;
    margin-top: 14px;
  }

  .feature-item.open .feature-body {
    display: block;
  }

  .feature-desc {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.7;
    font-weight: 300;
    margin-bottom: 20px;
  }

  .scenario-box {
    background: var(--page-bg);
    border: 1px solid var(--border);
    border-left: 3px solid var(--teal);
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
  }

  .scenario-label {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--teal);
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .scenario-text {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.65;
  }

  /* ─── BENEFITS ─── */
  .benefits-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
  }

  .benefit-left {
    background: var(--navy);
    border-radius: 16px;
    padding: 40px;
    color: white;
  }

  .benefit-headline {
    font-family: var(--font-display);
    font-size: 28px; font-weight: 700; letter-spacing: -1px;
    color: white;
    line-height: 1.2;
    margin-bottom: 28px;
  }

  .benefit-highlight { color: var(--teal); }

  .benefit-stat {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .b-stat {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }

  .b-stat:last-child { border-bottom: none; padding-bottom: 0; }

  .b-num {
    font-family: var(--font-display);
    font-size: 34px; font-weight: 800; letter-spacing: -1.5px;
    line-height: 1; min-width: 80px;
    color: var(--teal);
  }

  .b-desc {
    font-size: 14px;
    color: rgba(232,234,240,0.6);
    line-height: 1.5;
  }

  .benefit-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .benefit-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 22px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    transition: all 0.2s;
  }

  .benefit-card:hover {
    border-color: rgba(26,107,255,0.2);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  }

  .benefit-check {
    width: 28px; height: 28px;
    background: rgba(0,194,168,0.1);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .benefit-text strong {
    display: block;
    font-family: var(--font-display);
    font-size: 15px; font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 4px;
  }

  .benefit-text p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
  }

  /* ─── USE CASES TABS ─── */
  .usecase-section {
    background: var(--navy);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 80px;
	  max-width: 1140px;
    margin: 0 auto;
  }

  .usecase-header {
    padding: 48px 48px 0;
  }

  .usecase-label {
    font-family: var(--font-mono);
    font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 12px;
  }

  .usecase-title {
    font-family: var(--font-display);
    font-size: 32px; font-weight: 700; letter-spacing: -1px;
    color: white;
    margin-bottom: 8px;
  }

  .usecase-sub {
    font-size: 15px; color: rgba(136,146,170,0.8);
    font-weight: 300; max-width: 480px;
    line-height: 1.6;
    margin-bottom: 36px;
  }

  .usecase-tabs {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 1px;
  }

  .usecase-tab {
    padding: 10px 18px;
    font-size: 13px; font-weight: 400;
    color: rgba(255,255,255,0.45);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    transition: all 0.2s;
    font-family: var(--font-body);
    background: none; border-top: none; border-left: none; border-right: none;
  }

  .usecase-tab:hover { color: rgba(255,255,255,0.75); }
  .usecase-tab.active { color: white; border-bottom-color: var(--teal); }

  .usecase-panels {
    border-top: 1px solid rgba(255,255,255,0.07);
  }

  .usecase-panel {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .usecase-panel.active { display: grid; }

  .panel-left {
    padding: 40px 48px;
    border-right: 1px solid rgba(255,255,255,0.07);
  }

  .panel-title {
    font-family: var(--font-display);
    font-size: 22px; font-weight: 700; letter-spacing: -0.6px;
    color: white; margin-bottom: 14px;
  }

  .panel-desc {
    font-size: 15px; color: rgba(232,234,240,0.65);
    line-height: 1.7; font-weight: 300;
    margin-bottom: 24px;
  }

  .tech-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--teal);
    background: rgba(0,194,168,0.1);
    border: 1px solid rgba(0,194,168,0.2);
    padding: 4px 10px;
    border-radius: 5px;
    margin: 3px;
  }

  .panel-right {
    padding: 40px 48px;
    background: rgba(255,255,255,0.02);
  }

  .scenario-header {
    font-family: var(--font-mono);
    font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
    color: rgba(136,146,170,0.7);
    margin-bottom: 20px;
  }

  .scenario-flow {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .flow-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .flow-dot {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(26,107,255,0.15);
    border: 1px solid rgba(26,107,255,0.3);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-mono);
    font-size: 10px; color: var(--blue-light);
    flex-shrink: 0; margin-top: 2px;
  }

  .flow-text {
    font-size: 14px;
    color: rgba(232,234,240,0.7);
    line-height: 1.6;
  }

  .flow-text strong {
    color: white;
    font-weight: 500;
  }

  /* ─── INDUSTRIES ─── */
  .industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }

  .industry-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 20px;
    transition: all 0.2s;
    cursor: pointer;
  }

  .industry-card:hover {
    border-color: rgba(0,194,168,0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
  }

  .ind-icon { font-size: 22px; margin-bottom: 10px; }

  .ind-name {
    font-family: var(--font-display);
    font-size: 15px; font-weight: 600; color: var(--text-primary);
    margin-bottom: 6px;
  }

  .ind-use {
    font-size: 12px; color: var(--text-muted);
    line-height: 1.5;
  }

  /* ─── WHO THIS IS FOR ─── */
  .persona-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .persona-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
  }

  .persona-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
  }

  .persona-card.blue::before { background: var(--blue); }
  .persona-card.teal::before { background: var(--teal); }
  .persona-card.coral::before { background: var(--coral); }

  .persona-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.08); transform: translateY(-2px); }

  .persona-role {
    font-family: var(--font-display);
    font-size: 18px; font-weight: 700; letter-spacing: -0.4px;
    color: var(--text-primary); margin-bottom: 8px;
  }

  .persona-pain {
    font-size: 14px; color: var(--text-secondary); line-height: 1.6;
    margin-bottom: 18px; font-weight: 300;
  }

  .persona-gain {
    display: flex; flex-direction: column; gap: 6px;
  }

  .gain-item {
    display: flex; align-items: flex-start; gap: 8px;
    font-size: 13px; color: var(--text-secondary); line-height: 1.5;
  }

  .gain-check { color: var(--teal); font-size: 14px; flex-shrink: 0; margin-top: 1px; }

  /* ─── WHY INFOMAZE ─── */
  .why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .why-item {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 20px 22px;
    display: flex; gap: 14px; align-items: flex-start;
  }

  .why-num {
    font-family: var(--font-mono);
    font-size: 20px; font-weight: 500;
    color: var(--border-dark);
    min-width: 28px; line-height: 1;
    margin-top: 2px;
  }

  .why-text strong {
    display: block; font-size: 15px; font-weight: 600;
    color: var(--text-primary); margin-bottom: 4px;
    font-family: var(--font-display); letter-spacing: -0.2px;
  }

  .why-text p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; }

  /* ─── BOTTOM CTA ─── */
  .bottom-cta {
    margin-top: 80px;
    background: linear-gradient(135deg, var(--navy) 0%, #0d1a3f 100%);
    border-radius: 20px;
    padding: 60px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: center;
  }

  .cta-left h3 {
    font-family: var(--font-display);
    font-size: 34px; font-weight: 800; letter-spacing: -1.5px;
    color: white; line-height: 1.1; margin-bottom: 14px;
  }

  .cta-left h3 span { color: var(--teal); }

  .cta-left p {
    font-size: 16px; color: rgba(232,234,240,0.6);
    line-height: 1.7; font-weight: 300; max-width: 480px;
  }

  .cta-right {
    display: flex; flex-direction: column; gap: 12px;
    align-items: flex-end;
  }

  .btn-cta-white {
    display: inline-flex; align-items: center; gap: 7px;
    background: white; color: var(--navy);
    padding: 14px 28px; border-radius: 10px;
    font-size: 15px; font-weight: 600;
    font-family: var(--font-body); text-decoration: none;
    transition: all 0.2s; white-space: nowrap;
  }

  .btn-cta-white:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(0,0,0,0.3); }

  .btn-cta-outline {
    display: inline-flex; align-items: center; gap: 7px;
    background: transparent; color: rgba(255,255,255,0.7);
    padding: 12px 28px; border-radius: 10px;
    font-size: 14px; font-weight: 400;
    font-family: var(--font-body); text-decoration: none;
    border: 1px solid rgba(255,255,255,0.15);
    transition: all 0.2s; white-space: nowrap;
  }

  .btn-cta-outline:hover { background: rgba(255,255,255,0.05); }

  /* ─── RELATED POSTS ─── */
  .related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .related-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    text-decoration: none;
    transition: all 0.2s;
    display: block;
  }

  .related-card:hover { border-color: var(--border-dark); transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.07); }

  .related-cat {
    font-family: var(--font-mono);
    font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--blue); margin-bottom: 10px;
  }

  .related-title {
    font-family: var(--font-display);
    font-size: 16px; font-weight: 600; letter-spacing: -0.3px;
    color: var(--text-primary); line-height: 1.4; margin-bottom: 10px;
  }

  .related-excerpt {
    font-size: 13px; color: var(--text-muted); line-height: 1.6;
  }

  /* ─── UTILS ─── */
  hr.section-hr { border: none; border-top: 1px solid var(--border); margin: 0; }

  .tag-row { display: flex; flex-wrap: wrap; gap: 8px; }

  .tag {
    padding: 5px 12px;
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 12px; color: var(--text-muted);
    font-family: var(--font-mono);
  }
/*industry pages */
/*manufacturing */
.hero-industry.manufacturing{
    background: linear-gradient(160deg, #08060e 0%, #12080a 35%, #1a0d0a 55%, var(--page) 100%);
    padding: 72px 36px 0;
}
.hero-industry.manufacturing .h1 em{font-style: normal;background: linear-gradient(100deg, var(--orange-2), var(--amber));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.manufacturing .eyebrow,
.manufacturing .ind-badge,
.manufacturing .ms-num .ac,
.manufacturing .impact-dark h3 span,
.manufacturing .bs-num{
	color: var(--orange-2);
}
.sh .lbl.orange,
.manufacturing .uc-item.open .uc-title,
.manufacturing .uc-tag{
	color: var(--orange);
}
.manufacturing .uc-tag{background: rgba(249, 115, 22, .07);border: 1px solid rgba(249, 115, 22, .18);}
.manufacturing .eyebrow::before{background: var(--orange-2);}
.manufacturing .uc-item.open .uc-arr{background: var(--orange);border-color: var(--orange);color: white;/*     transform: rotate(45deg); */}
.pi-red{background: rgba(239, 68, 68, .1);}
.pi-or {background: rgba(249, 115, 22, .1);}
.pi-am {background: rgba(245, 158, 11, .1);}
.persona.po::before{background: var(--orange);}
.manufacturing .ms-item{padding:22px 24px;border-right:1px solid rgba(255,255,255,.06);}
.manufacturing .ms-item:last-child{border-right:none;}
.manufacturing .ms-num{font-family:var(--f-d);font-size:34px;font-weight:800;line-height:1;letter-spacing:-1.5px;color:white;margin-bottom:5px;}
.manufacturing .ms-num .ac{color:var(--orange-2);}
.manufacturing .ms-lbl{font-size:12px;/*color:rgba(136,150,180,.8);*/ color: rgba(212,225,223,.55); line-height:1.4;}
.manufacturing .sh .lbl.blue{color: var(--blue);}
.manufacturing .sh .lbl.teal{color: var(--teal);}
.manufacturing .sh h2.light{color: white;}
.manufacturing .sh p.muted{font-size: 16px;line-height: 1.75;font-weight: 300;max-width: 520px;color: rgba(180, 200, 228, .6);}
/* PERSONA */
.manufacturing .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.manufacturing .persona{background:var(--card);border:1px solid var(--bdr);border-radius:14px;padding:28px;position:relative;overflow:hidden;transition:all .2s;}
.manufacturing .persona::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.manufacturing .persona.po::before{background:var(--orange);}
.manufacturing .persona.pb::before{background:var(--blue);}
.manufacturing .persona.pt::before{background:var(--teal);}
.manufacturing .persona:hover{box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-3px);}
.manufacturing .persona h3{font-family:var(--f-d);font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--txt1);margin-bottom:8px;}
.manufacturing .persona .pain-p{font-size:13.5px;color:var(--txt2);line-height:1.65;margin-bottom:16px;font-weight:300;}
.manufacturing .pg-list{display:flex;flex-direction:column;gap:6px;}
.manufacturing .pg-item{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--txt2);line-height:1.5;}
.manufacturing .pg-check{color:var(--teal);flex-shrink:0;margin-top:1px;}
/* FAQ */
.manufacturing .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.manufacturing .faq{display:flex;flex-direction:column;gap:2px;}
.manufacturing .fi{background:var(--card);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;transition:border-color .2s;}
.manufacturing .fi.open{border-color:rgba(249,115,22,.25);}
.manufacturing .fiq{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;gap:14px;}
.manufacturing .fiq span{font-family:var(--f-d);font-size:15px;font-weight:600;color:var(--txt1);line-height:1.3;}
.manufacturing .fi-icon{width:24px;height:24px;border-radius:50%;background:var(--page);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--txt3);flex-shrink:0;transition:all .2s;}
.manufacturing .fi.open .fi-icon{background:var(--orange);border-color:var(--orange);color:white;transform:rotate(45deg);}
.manufacturing .fia{display:none;padding:0 22px 18px;font-size:14px;color:var(--txt2);line-height:1.72;font-weight:300;}
.manufacturing .fi.open .fia{display:block;}
.manufacturing .cta-banner h3 span{ color: var(--orange-2);}

/*finance page design */
.finance .eyebrow,
.finance .ind-badge,
.finance .impact-dark h3 span,
.finance .bs-num,
.finance .ms-num .ac,
.finance .cta-banner h3 span{
    color: var(--gold-2);
}
.finance .ind-badge{background: rgba(245, 158, 11, .12);border: 1px solid rgba(245, 158, 11, .25);}
.finance .eyebrow::before{background: var(--gold-2);} 
.finance .h1 em{background: linear-gradient(100deg, var(--gold-2), var(--teal));background-clip: text;}
.finance .ms-item {padding: 22px 24px;border-right: 1px solid rgba(255, 255, 255, .06);} 
.finance .sh .lbl,
.finance .uc-item.open .uc-title,
.finance .uc-tag {
    color: var(--blue);
}
.finance .uc-tag{background: rgba(26, 107, 255, .07);border: 1px solid rgba(26, 107, 255, .15);}
.finance .uc-item.open .uc-arr{background: var(--blue);border-color: var(--blue);}
.finance .sh .lbl.teal {color: var(--teal);}
.finance .sh h2.light {color: white;} 
.finance .sh p{color: rgba(180, 200, 228, .6);}
.finance .pi-gold {background: rgba(245, 158, 11, .1);}
.finance .pi-blue {background: rgba(26, 107, 255, .1);}
.finance .pi-teal {background: rgba(0, 212, 180, .1);}
.finance .pi-purple {background: rgba(139, 92, 246, .1);} 
.finance .pi-green {background: rgba(34, 197, 94, .1);} 
.finance .pi-blue {background: rgba(26, 107, 255, .1);}
.finance .sh p.sub {color: var(--txt2);}
.finance .svc-card:hover {border-color: rgba(26, 107, 255, .22);}
.finance .svc-card::before{background: linear-gradient(90deg, var(--blue), var(--teal));}
.finance .persona.pb::before {background: var(--blue);} 
.finance .persona.pt::before {background: var(--teal);} 
.finance .persona.pg::before {background: var(--gold);} 
.finance .tech-row{margin-top: 0px;padding-top: 0px;}
.finance .fi.open .fi-icon{background: var(--blue);border-color: var(--blue);color: white;} 
.finance .fi.open {border-color: rgba(26, 107, 255, .25);}

/*zoho pages */
.hero.zoho-pages
 {
    background: linear-gradient(160deg, #0e0505 0%, #140808 35%, #100a02 60%, var(--page) 100%);
    padding: 72px 36px 0;
	 max-width: 100%;
}
.zoho-pages .h1 em {
    font-style: normal;
    background: linear-gradient(100deg, var(--zoho-o), var(--teal));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Authorized partner badge */
.zoho-pages .auth-badge {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px; padding: 14px 18px; margin-bottom: 32px;
}
.zoho-pages .ab-icon { font-size: 24px; flex-shrink: 0; }
.zoho-pages .ab-text { font-size: 13px; color: rgba(220,200,190,.75); line-height: 1.5; }
.zoho-pages .ab-text strong { color: white; font-weight: 600; display: block; font-size: 14px; margin-bottom: 2px; }
.zoho-pages .ms-num .ac {
    color: var(--zoho-o);
}
/* ─── FREE OFFER BANNER ─── */
.zoho-pages .free-banner {
  background: linear-gradient(135deg, rgba(245,124,0,.12), rgba(228,37,39,.08));
  border: 1px solid rgba(245,124,0,.25);
  border-radius: 14px; padding: 24px 32px;
  display: flex; align-items: center; gap: 20px;
  margin-bottom: 52px;
}
.zoho-pages .fb-icon { font-size: 28px; flex-shrink: 0; }
.zoho-pages .fb-text h4 { font-family: var(--f-d); font-size: 18px; font-weight: 700; color: var(--txt1); margin-bottom: 4px; letter-spacing: -.3px; }
.zoho-pages .fb-text h4 span { color: var(--zoho-o); }
.zoho-pages .fb-text p { font-size: 13.5px; color: var(--txt2); line-height: 1.6; }
.zoho-pages .fb-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--zoho-o); color: white; padding: 11px 22px; border-radius: 9px; font-size: 14px; font-weight: 600; font-family: var(--f-d); text-decoration: none; transition: all .2s; white-space: nowrap; flex-shrink: 0; margin-left: auto; border: none; }
.zoho-pages .fb-btn:hover { background: #e06f00; transform: translateY(-1px); }
/* ─── AI + ZOHO HIGHLIGHT ─── */
.ai-zoho-banner {
  background: linear-gradient(135deg, #07111f 0%, #0a1a10 100%);
  border: 1px solid rgba(0,212,180,.15);
  border-radius: 16px; padding: 36px 40px;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 40px; align-items: center;
  margin-bottom: 52px;
}
.azb-left h3 { font-family: var(--f-d); font-size: 26px; font-weight: 700; letter-spacing: -1px; color: white; line-height: 1.2; margin-bottom: 12px; }
.azb-left h3 span { color: var(--teal); }
.azb-left p { font-size: 14px; color: rgba(180,220,210,.6); line-height: 1.7; font-weight: 300; }
.azb-right { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.azb-item { background: rgba(255,255,255,.04); border: 1px solid rgba(0,212,180,.12); border-radius: 9px; padding: 14px; }
.azb-item-icon { font-size: 18px; margin-bottom: 8px; }
.azb-item-title { font-family: var(--f-d); font-size: 13px; font-weight: 600; color: white; margin-bottom: 4px; }
.azb-item-body { font-size: 12px; color: rgba(180,210,200,.55); line-height: 1.5; }
.lbl-or
 {
    color: var(--zoho-o);
}
/* ─── ZOHO PRODUCTS GRID (tabs) ─── */
.prod-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--bdr); margin-bottom: 0; overflow-x: auto; scrollbar-width: none; }
.pt { padding: 11px 18px; font-size: 13px; color: var(--txt2); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; font-family: var(--f-b); transition: all .2s; background: none; border-top: none; border-left: none; border-right: none; }
.pt:hover { color: var(--txt1); }
.pt.active { color: var(--zoho-r); border-bottom-color: var(--zoho-r); font-weight: 500; }

.prod-panels { padding: 36px 0 0; }
.prod-panel { display: none; }
.prod-panel.vis { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }

.prod-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 13px; padding: 24px; transition: all .22s; cursor: pointer; position: relative; overflow: hidden; }
.prod-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; opacity: 0; transition: opacity .22s; }
.prod-card.zoho-crm::before { background: linear-gradient(90deg, #e42527, #f57c00); }
.prod-card.zoho-books::before { background: linear-gradient(90deg, #f57c00, #f59e0b); }
.prod-card.zoho-desk::before { background: linear-gradient(90deg, #1a6bff, #00d4b4); }
.prod-card.zoho-one::before { background: linear-gradient(90deg, #e42527, #4d8eff); }
.prod-card.zoho-analytics::before { background: linear-gradient(90deg, #8b5cf6, #00d4b4); }
.prod-card.zoho-creator::before { background: linear-gradient(90deg, #22c55e, #00d4b4); }
.prod-card:hover { border-color: rgba(228,37,39,.18); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.prod-card:hover::before { opacity: 1; }
.pc-icon { width: 40px; height: 40px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 14px; }
.pc-icon.red { background: rgba(228,37,39,.1); }
.pc-icon.or { background: rgba(245,124,0,.1); }
.pc-icon.bl { background: rgba(26,107,255,.1); }
.pc-icon.pu { background: rgba(139,92,246,.1); }
.pc-icon.gr { background: rgba(34,197,94,.1); }
.pc-icon.am { background: rgba(245,158,11,.1); }
.prod-card h3 { font-family: var(--f-d); font-size: 16px; font-weight: 700; color: var(--txt1); margin-bottom: 8px; letter-spacing: -.2px; }
.prod-card p { font-size: 13px; color: var(--txt2); line-height: 1.65; }
.pc-ai-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; background: rgba(0,212,180,.08); border: 1px solid rgba(0,212,180,.18); color: #009e87; padding: 2px 7px; border-radius: 4px; font-family: var(--f-m); margin-top: 10px; }
.pc-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--blue); margin-top: 12px; font-weight: 500; font-family: var(--f-m); transition: gap .2s; text-decoration: none; }
.prod-card:hover .pc-link { gap: 8px; }
.zoho-pages .impact-dark h3 span, .zoho-pages .bs-num
 {
    color: var(--zoho-o);
}
/* ─── CASE STUDY (featured) ─── */
.case-featured { background: var(--card); border: 1px solid var(--bdr); border-radius: 18px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; }
.cf-left { padding: 44px; border-right: 1px solid var(--bdr); }
.cf-ind { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--zoho-o); margin-bottom: 12px; }
.cf-left h3 { font-family: var(--f-d); font-size: 22px; font-weight: 700; letter-spacing: -.5px; color: var(--txt1); line-height: 1.3; margin-bottom: 14px; }
.cf-left p { font-size: 14px; color: var(--txt2); line-height: 1.7; font-weight: 300; margin-bottom: 22px; }
.cf-metrics { display: flex; gap: 24px; flex-wrap: wrap; }
.cfm { display: flex; flex-direction: column; gap: 3px; }
.cfm-num { font-family: var(--f-d); font-size: 30px; font-weight: 800; letter-spacing: -1.5px; line-height: 1; }
.cfm-num.t { color: var(--teal); }
.cfm-num.o { color: var(--zoho-o); }
.cfm-num.b { color: var(--blue); }
.cfm-lbl { font-size: 11px; color: var(--txt3); }
.cf-right { padding: 44px; background: var(--page); display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.cf-block-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--txt3); margin-bottom: 8px; }
.cf-challenge { background: var(--card); border: 1px solid var(--bdr); border-left: 3px solid #ff6b35; border-radius: 0 8px 8px 0; padding: 14px 18px; }
.cf-challenge p { font-size: 13.5px; color: var(--txt2); line-height: 1.65; margin: 0; }
.cf-bullets { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.cf-bullets li { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--txt2); line-height: 1.5; }
.cf-bullets li::before { content: '→'; color: var(--teal); font-size: 12px; flex-shrink: 0; margin-top: 2px; }
.cf-read { display: inline-flex; align-items: center; gap: 6px; background: var(--blue); color: white; padding: 11px 22px; border-radius: 8px; font-size: 14px; font-weight: 500; font-family: var(--f-b); text-decoration: none; transition: all .2s; align-self: flex-start; margin-top: 6px; }
.cf-read:hover { background: var(--blue-2); }
.zoho-pages .lbl-tl
 {
    color: var(--teal);
}
.zoho-pages .h2-dk
 {
    color: white;
}
.zoho-pages .p-mu
 {
    color: rgba(180, 200, 228, .6);
}
.zoho-pages .hero-stats .metrics-strip{margin-bottom:0;}
/* ─── TESTIMONIALS (featured — with full quotes) ─── */
.test-featured { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.t-card-lg { background: var(--card); border: 1px solid var(--bdr); border-radius: 16px; padding: 32px; position: relative; }
.t-card-lg::before { content: '"'; position: absolute; top: 20px; right: 24px; font-size: 80px; line-height: 1; color: rgba(228,37,39,.08); font-family: var(--f-d); font-weight: 900; }
.t-stars { color: #fbbf24; letter-spacing: 2px; font-size: 14px; margin-bottom: 14px; }
.t-q { font-size: 14.5px; color: var(--txt2); line-height: 1.78; font-style: italic; font-weight: 300; margin-bottom: 20px; }
.t-q strong { font-style: normal; color: var(--txt1); font-weight: 500; }
.t-r { display: flex; align-items: center; gap: 11px; }
.t-av { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--f-d); font-weight: 700; font-size: 15px; color: white; flex-shrink: 0; }
.t-name { font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--txt1); }
.t-company { font-size: 12px; color: var(--txt3); }
.test-small-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.t-card-sm { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 24px; }
.t-q-sm { font-size: 13.5px; color: var(--txt2); line-height: 1.7; font-style: italic; font-weight: 300; margin-bottom: 16px; }
/* ─── INDUSTRIES ─── */
.ind-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.ind-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); border-radius: 10px; padding: 18px; transition: all .2s; cursor: default; }
.ind-card:hover { background: rgba(255,255,255,.06); border-color: rgba(245,124,0,.2); transform: translateY(-2px); }
.ind-emoji { font-size: 22px; margin-bottom: 8px; }
.ind-name { font-family: var(--f-d); font-size: 14px; font-weight: 600; color: white; margin-bottom: 4px; }
.ind-use { font-size: 12px; color: rgba(136,150,180,.6); line-height: 1.4; }
/* ── STICKY BAR ──────────────────────────────────────────────── */
.sticky-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 900;
  background: rgba(6,13,30,.97);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(255,255,255,.1);
  padding: 14px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.sticky-bar.visible   { transform: translateY(0); }
.sticky-bar.hidden-bar { display: none; }
.sb-left { display: flex; align-items: center; gap: 16px; }
.sb-icon { font-size: 20px; flex-shrink: 0; }
.sb-text { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: white; }
.sb-sub  { font-size: 12px; color: rgba(136,150,180,.7); }
.sb-right { display: flex; align-items: center; gap: 10px; }
.sb-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--accent);
  color: white;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--f-d);
  cursor: pointer;
  border: none;
  transition: all .2s;
}
.sb-btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.sb-dismiss {
  background: transparent;
  border: none;
  color: rgba(136,150,180,.5);
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
}

/* ── SLIDE-IN FORM ───────────────────────────────────────────── */
.form-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(6,13,30,.6);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.form-overlay.open { opacity: 1; pointer-events: all; }

.form-panel {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: 440px;
  max-width: 100vw;
  background: var(--card);
  box-shadow: -24px 0 64px rgba(0,0,0,.2);
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.form-panel.open { transform: translateX(0); }

.fp-header { background: var(--navy); padding: 28px 28px 24px; flex-shrink: 0; }
.fp-close  { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.fp-close-btn {
  background: rgba(255,255,255,.08);
  border: none;
  color: rgba(255,255,255,.6);
  width: 32px; height: 32px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.fp-close-btn:hover { background: rgba(255,255,255,.16); color: white; }
.fp-badge { font-family: var(--f-m); font-size: 10px; color: var(--teal); letter-spacing: .1em; text-transform: uppercase; }
.fp-title { font-family: var(--f-d); font-size: 22px; font-weight: 700; letter-spacing: -.5px; color: white; margin-bottom: 6px; }
.fp-sub   { font-size: 13.5px; color: rgba(136,150,180,.7); line-height: 1.5; }

.fp-body { padding: 28px; flex: 1; }
.fp-field { margin-bottom: 12px; }
.fp-label { display: block; font-family: var(--f-d); font-size: 13px; font-weight: 600; color: var(--txt1); margin-bottom: 5px; }
.fp-label span { color: var(--accent); }

.fp-input,
.fp-select,
.fp-textarea {
  width: 100%;
  padding: 9px 14px;
  border: 1.5px solid var(--bdr);
  border-radius: 8px;
  font-family: var(--f-b);
  font-size: 14px;
  color: var(--txt1);
  background: var(--page);
  outline: none;
  transition: border-color .2s;
}
.fp-input:focus,
.fp-select:focus,
.fp-textarea:focus { border-color: var(--accent); background: white; }
.fp-input::placeholder,
.fp-textarea::placeholder { color: var(--txt3); }
.fp-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238896b0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.fp-textarea { resize: vertical; min-height: 80px; }

.fp-submit {
  width: 100%;
  padding: 14px;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 10px;
  font-family: var(--f-d);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 8px;
  transition: filter .2s;
}
.fp-submit:hover { filter: brightness(1.1); }
.fp-note { font-size: 12px; color: var(--txt3); text-align: center; margin-top: 12px; line-height: 1.5; }

.fp-trust { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; justify-content: center; }
.fp-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--txt3);
  border: 1px solid var(--bdr);
  padding: 4px 10px;
  border-radius: 5px;
  font-family: var(--f-m);
}
.fp-trust-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }

.fp-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 28px;
  flex: 1;
}
.fp-success.show { display: flex; }
.fp-success-icon { font-size: 52px; margin-bottom: 20px; }
.fp-success h3 { font-family: var(--f-d); font-size: 22px; font-weight: 700; color: var(--txt1); margin-bottom: 10px; }
.fp-success p  { font-size: 15px; color: var(--txt2); line-height: 1.7; }
/*custom development pages */
/*API Integration page */
.hero.api .svc-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--accent-bg-green);
    border: 1px solid var(--accent-bdr-green);
    color: var(--accent-green);
    padding: 3px 9px;
    border-radius: 5px;
    font-size: 10px;
    font-family: var(--f-m);
    margin-left: 8px;
}
.hero.api {
    background: linear-gradient(160deg, var(--hero-bg) 0%, #0a1628 65%, var(--page) 100%);
    padding: 76px 36px 0;
    position: relative;
    overflow: hidden;
	max-width: 100%;
}
.hero.api .eyebrow{
	color: var(--teal);
}
 .hero.api .hero-in
 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
    position: relative;
    z-index: 1;
}
.hero.api .btn-p{background: var(--accent-green);}
.h1 {
    font-family: var(--f-d);
/*     font-size: clamp(36px, 4.8vw, 64px); */
    font-weight: 900;
    letter-spacing: -2.8px;
    color: white;
    line-height: 1.04;
    margin-bottom: 22px;
}
.hero-stats.api { max-width:1200px; margin:0 auto; padding:0 36px; position:relative; z-index:1; }
.hero-stats.api .ms-strip { border-radius:14px 14px 0 0; width:100%; }
/* Metrics strip — sits at bottom of hero-left */
.hero-stats.api .ms-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: rgba(6,13,30,.82);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px 14px 0 0;
  overflow: hidden;
}
.hero-stats.api .ms { padding: 20px; border-right: 1px solid rgba(255,255,255,.06); }
.hero-stats.api .ms:last-child { border-right: none; }
.hero-stats.api .ms-num { font-family: var(--f-d); font-size: 28px; font-weight: 800; line-height: 1; letter-spacing: -1.2px; color: white; margin-bottom: 5px; }
.hero-stats.api .ms-num .ac { color: var(--teal); }
.hero-stats.api .ms-lbl { font-size: 11px; color: rgba(136,150,180,.75); line-height: 1.4; }
.api .uc-item.open{
    border-color: var(--accent-bdr-green);
}
.api .uc-item.open .uc-title{color: var(--accent-1);}
.api .uc-item.open .uc-arr
 {
    background: var(--accent-1);
	 border-color: var(--accent-1);}
.api .uc-item.open .uc-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.api .uc-saving {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(34, 197, 94, .07);
    border: 1px solid rgba(34, 197, 94, .18);
    border-radius: 7px;
    padding: 10px 14px;
    margin-top: 10px;
}
.api .uc-saving-text
 {
    font-size: 12.5px;
    color: var(--green);
    font-family: var(--f-m);
    font-weight: 500;
}
.api .uc-tools
 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.api .uc-tool {
    font-family: var(--f-m);
    font-size: 11px;
    background: var(--accent-bg-green);
    border: 1px solid var(--accent-bdr-green);
    color: var(--accent-green);
    padding: 3px 9px;
    border-radius: 4px;
}
/* ── DELIVER GRID ────────────────────────────────────────────── */
.do-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.do-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 14px; padding: 26px; transition: all .22s; position: relative; overflow: hidden; }
.do-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--accent-grad-green); opacity: 0; transition: opacity .22s; }
.do-card:hover { border-color: var(--accent-bdr-green); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.do-card:hover::before { opacity: 1; }
.do-card.highlight { border-color: var(--accent-bdr-green); background: linear-gradient(145deg, var(--accent-bg-green), rgba(0,212,180,.03)); }
.do-card.highlight::before { opacity: 1; }
.do-icon { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 14px; background: var(--accent-bg-green); }
.do-card h3 { font-family: var(--f-d); font-size: 16px; font-weight: 700; color: var(--txt1); margin-bottom: 8px; letter-spacing: -.2px; }
.do-card p  { font-size: 13.5px; color: var(--txt2); line-height: 1.65; }
/* ── ENGAGEMENT MODELS ───────────────────────────────────────── */
.eng-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.eng-card { background: var(--card); border: 1px solid var(--bdr); border-radius: 16px; padding: 32px; position: relative; overflow: hidden; transition: all .22s; }
.eng-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.ec-audit::before   { background: linear-gradient(90deg, var(--teal), var(--green)); }
.ec-project::before { background: var(--accent-grad-green); }
.ec-retainer::before { background: linear-gradient(90deg, var(--purple), var(--blue)); }
.eng-card:hover { box-shadow: 0 12px 36px rgba(0,0,0,.1); transform: translateY(-4px); }
.eng-card.featured { border-color: var(--accent-bdr); }
.ec-pop { position: absolute; top: 16px; right: 16px; font-size: 10px; background: var(--accent-1); color: white; padding: 3px 10px; border-radius: 10px; font-family: var(--f-m); }
.ec-tag   { display: inline-flex; align-items: center; gap: 5px; font-family: var(--f-m); font-size: 10px; color: var(--teal); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 12px; }
.ec-title { font-family: var(--f-d); font-size: 20px; font-weight: 700; letter-spacing: -.5px; color: var(--txt1); margin-bottom: 6px; }
.ec-price { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: var(--accent-1); margin-bottom: 4px; }
.ec-note  { font-size: 12.5px; color: var(--txt3); font-family: var(--f-m); margin-bottom: 20px; }
.ec-bullets { list-style: none; display: flex; flex-direction: column; gap: 9px; margin-bottom: 24px; padding-left: 0; line-height: 1.3; }
.ec-bullet { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--txt2); line-height: 1.5; }
.ec-bullet::before { content: '✓'; color: var(--teal); font-size: 12px; flex-shrink: 0; margin-top: 2px; font-weight: 600; }
.ec-btn { display: block; text-align: center; padding: 12px 20px; border-radius: 9px; font-size: 14px; font-weight: 600; font-family: var(--f-d); cursor: pointer; border: none; transition: all .2s; }
.api .btn-solid   { background: var(--accent-1); color: white; }
.api .btn-solid:hover { filter: brightness(1.1); }
.api .btn-outline  { background: transparent; color: var(--accent-1); border: 1.5px solid var(--accent-1); }
.api .btn-outline:hover { background: var(--accent-bg-green); }
.api .btn-teal    { background: transparent; color: var(--teal-2); border: 1.5px solid rgba(0,212,180,.4); }
.api .btn-teal:hover { background: rgba(0,212,180,.06); }
.api .h2-dk{color: white;}
.api .p-mu {color: rgba(180, 200, 228, .62);}
.api .proc-icon {
    font-size: 22px;
    margin-bottom: 12px;
}
.api .persona::before{background: var(--accent-1);}
.api .fi.open {
    border-color: var(--accent-bdr-green);
}
.api .fi.open .fi-icon{
    background: var(--accent-1);
	border-color: var(--accent-1);}
.api .cta-banner h3 span{
    color: var(--teal);}
/* ── STICKY BAR ──────────────────────────────────────────────── */
.sticky-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 900;
  background: rgba(6,13,30,.97);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(255,255,255,.1);
  padding: 14px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.sticky-bar.visible   { transform: translateY(0); }
.sticky-bar.hidden-bar { display: none; }
.sb-left { display: flex; align-items: center; gap: 16px; }
.sb-icon { font-size: 20px; flex-shrink: 0; }
.sb-text { font-family: var(--f-d); font-size: 15px; font-weight: 600; color: white; }
.sb-sub  { font-size: 12px; color: rgba(136,150,180,.7); }
.sb-right { display: flex; align-items: center; gap: 10px; }
.sb-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--accent-1);
  color: white;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--f-d);
  cursor: pointer;
  border: none;
  transition: all .2s;
}
.sb-btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.sb-dismiss {
  background: transparent;
  border: none;
  color: rgba(136,150,180,.5);
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
}

/* ── SLIDE-IN FORM ───────────────────────────────────────────── */
.form-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(6,13,30,.6);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.form-overlay.open { opacity: 1; pointer-events: all; }

.form-panel {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: 440px;
  max-width: 100vw;
  background: var(--card);
  box-shadow: -24px 0 64px rgba(0,0,0,.2);
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.form-panel.open { transform: translateX(0); }

.fp-header { background: var(--navy); padding: 28px 28px 24px; flex-shrink: 0; }
.fp-close  { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.fp-close-btn {
  background: rgba(255,255,255,.08);
  border: none;
  color: rgba(255,255,255,.6);
  width: 32px; height: 32px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.api .sh .lbl{color: var(--accent-1);}
/* Integration method cards */
.api .int-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:20px 0; }
.api .int-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 12px;
  padding: 20px;
  transition: all .2s;
}
.nav-cta a, .btn-od a, .cta-btns a, .ab-t a, .mega-in .ins-row-t a, .mega-in .ins-feat-t a, .mega-in .ins-see a, .mega-in .about-mega .ab-cta-title a, .mega-in .about-mega .ab-cta-btn a{/*color: #fff !important;*/ color: rgba(255,255,255,.78) !important;}
.nav-cta a:hover, .btn-od a:hover, .cta-btns a:hover, .ab-t a:hover,
.nav-cta a:visited, .btn-od a:visited, .cta-btns a:visited, .ab-t a:visited,
.nav-cta a:active, .btn-od a:active, .cta-btns a:active, .ab-t a:active,
.nav-cta a:focus, .btn-od a:focus, .cta-btns a:focus, .hero-btns a:hover, .hero-btns a:visited, .hero-btns a:focus, .hero-btns a:active, .cf-right a:hover, .cf-right a:visited, .cf-right a:active, .cf-right a:focus, .ab-t a:focus, .nav-links a:hover, .nav-links a:visited, .nav-links a:active, .nav-links a:focus, .im-name a:hover, .im-name a:visited, .im-name a:active, .im-name a:focus, .mid-cta a:hover, .mid-cta a:visited, .mid-cta a:focus, .mid-cta a:active, .mega-in .about-mega .ab-cta-btn a:hover, .mega-in .about-mega .ab-cta-btn a:active, .mega-in .about-mega .ab-cta-btn a:focus, .mega-in .about-mega .ab-cta-btn a:visited, .mega-in .ins-row-t a:hover, .mega-in .ins-row-t a:active, .mega-in .ins-row-t a:visited, .mega-in .ins-row-t a:focus, .sp-name a:hover, .sp-name a:active, .sp-name a:visited, .sp-name a:focus  {color: #fff !important;}
.nav-wrap .nav-r .btn-od{padding: 7px 11px;}
.home-page .hero-actions a:hover, .home-page .hero-actions a:visited, .home-page .hero-actions a:active, .home-page .hero-actions a:focus{color: #fff !important;}
.api.bidashboard .cta-banner .cta-r .btn-ow:hover, .api.bidashboard .cta-banner .cta-r .btn-ow:active, .api.bidashboard .cta-banner .cta-r .btn-ow:visited, .api.bidashboard .cta-banner .cta-r .btn-ow:focus, .mega-in .sp-btn-s a:hover, .mega-in .sp-btn-s a:active, .mega-in .sp-btn-s a:visited, .mega-in .sp-btn-s a:focus, .nav-phone a, .nav-phone a:hover, .nav-phone a:active, .nav-phone a:visited, .nav-phone a:focus, .zoho-pages .cta-r .btn-ow:hover, .zoho-pages .cta-r .btn-ow:visited, .zoho-pages .cta-r .btn-ow:active, .zoho-pages .cta-r .btn-ow:focus,  .aiagent .cta-banner .cta-r .btn-ow:hover, .aiagent .cta-banner .cta-r .btn-ow:active, .aiagent .cta-banner .cta-r .btn-ow:visited, .aiagent .cta-banner .cta-r .btn-ow:focus, .aiworkflow-automation .cta-banner .cta-r .btn-ow:hover, .aiworkflow-automation .cta-banner .cta-r .btn-ow:active, .aiworkflow-automation .cta-banner .cta-r .btn-ow:focus, .aiworkflow-automation .cta-banner .cta-r .btn-ow:visited, .llm-generative .cta-banner .cta-r .btn-ow:hover, .llm-generative .cta-banner .cta-r .btn-ow:active, .llm-generative .cta-banner .cta-r .btn-ow:visited, .llm-generative .cta-banner .cta-r .btn-ow:focus, .aidocument-processing .cta-banner .cta-r .btn-ow:hover, .aidocument-processing .cta-banner .cta-r .btn-ow:active, .aidocument-processing .cta-banner .cta-r .btn-ow:focus, .aidocument-processing .cta-banner .cta-r .btn-ow:visited, .zoho-people .cta-banner .cta-r .btn-ow:hover,  .zoho-people .cta-banner .cta-r .btn-ow:active, .zoho-people .cta-banner .cta-r .btn-ow:visited, .zoho-people .cta-banner .cta-r .btn-ow:focus {color: rgba(255,255,255,.5)}
.im-cta-banner .cta-r a:hover, .im-cta-banner .cta-r a:active, .im-cta-banner .cta-r a:visited, .im-cta-banner .cta-r a:focus, .aiagent .cta-banner .cta-r .btn-w:active, .aiagent .cta-banner .cta-r .btn-w:hover, .aiagent .cta-banner .cta-r .btn-w:visited, .aiagent .cta-banner .cta-r .btn-w:focus, .aiworkflow-automation .cta-banner .cta-r .btn-w:visited, .aiworkflow-automation .cta-banner .cta-r .btn-w:hover, .aiworkflow-automation .cta-banner .cta-r .btn-w:focus, .aiworkflow-automation .cta-banner .cta-r .btn-w:active, .llm-generative .cta-banner .cta-r .btn-w:hover, .llm-generative .cta-banner .cta-r .btn-w:active, .llm-generative .cta-banner .cta-r .btn-w:visited, .llm-generative .cta-banner .cta-r .btn-w:focus, .aidocument-processing .cta-banner .cta-r .btn-w:hover, .aidocument-processing .cta-banner .cta-r .btn-w:active, .aidocument-processing .cta-banner .cta-r .btn-w:visited, .aidocument-processing .cta-banner .cta-r .btn-w:focus, .zoho-pages.ai-predictive .cta-banner .cta-r .btn-w:hover, .zoho-pages.ai-predictive .cta-banner .cta-r .btn-w:visited, .zoho-pages.ai-predictive .cta-banner .cta-r .btn-w:active, .zoho-pages.ai-predictive .cta-banner .cta-r .btn-w:focus,
.zoho-pages.ai-bi .cta-banner .cta-r .btn-w:hover, .zoho-pages.ai-bi .cta-banner .cta-r .btn-w:active, .zoho-pages.ai-bi .cta-banner .cta-r .btn-w:visited, .zoho-pages.ai-bi .cta-banner .cta-r .btn-w:focus{color: #060d1e;}
.home-page .ind-name a:hover, .home-page .ind-name a:active, .home-page .ind-name a:visited, .home-page .ind-name a:focus{color: #4a5568;}
.aiagent .eng-card.ec-audit .ec-btn, .aiworkflow-automation .eng-card.ec-audit .ec-btn, .llm-generative .eng-card.ec-audit .ec-btn, .aidocument-processing .eng-card.ec-audit .ec-btn, .zoho-people.ai-predictive .eng-card.ec-audit .ec-btn, .zoho-people.ai-bi .eng-card.ec-audit .ec-btn{width: max-content;}
.aiagent .eng-card.ec-audit .ec-btn:hover, .aiagent .eng-card.ec-audit .ec-btn:focus, .aiagent .eng-card.ec-audit .ec-btn:active, .aiagent .eng-card.ec-audit .ec-btn:visited, .aiworkflow-automation .eng-card.ec-audit .ec-btn:hover, .aiworkflow-automation .eng-card.ec-audit .ec-btn:active, .aiworkflow-automation .eng-card.ec-audit .ec-btn:focus, .aiworkflow-automation .eng-card.ec-audit .ec-btn:visited, .llm-generative .eng-card.ec-audit .ec-btn:hover, .llm-generative .eng-card.ec-audit .ec-btn:active, .llm-generative .eng-card.ec-audit .ec-btn:visited, .llm-generative .eng-card.ec-audit .ec-btn:focus, .aidocument-processing .eng-card.ec-audit .ec-btn:hover, .aidocument-processing .eng-card.ec-audit .ec-btn:active, .aidocument-processing .eng-card.ec-audit .ec-btn:visited, .aidocument-processing .eng-card.ec-audit .ec-btn:focus, .zoho-people.ai-predictive .eng-card.ec-audit .ec-btn:hover, .zoho-people.ai-predictive .eng-card.ec-audit .ec-btn:active, .zoho-people.ai-predictive .eng-card.ec-audit .ec-btn:visited, .zoho-people.ai-predictive .eng-card.ec-audit .ec-btn:focus, .zoho-people.ai-bi .eng-card.ec-audit .ec-btn:hover, .zoho-people.ai-bi .eng-card.ec-audit .ec-btn:active, .zoho-people.ai-bi .eng-card.ec-audit .ec-btn:visited, .zoho-people.ai-bi .eng-card.ec-audit .ec-btn:focus {color: #009e87;}
.sec.zoho-pages.logistics .cta-banner .cta-r .btn-od:hover, .sec.zoho-pages.logistics .cta-banner .cta-r .btn-od:active, .sec.zoho-pages.logistics .cta-banner .cta-r .btn-od:visited, .sec.zoho-pages.logistics .cta-banner .cta-r .btn-od:focus {color: rgba(180, 210, 230, 0.7);}
.aiagent .rel-desc{font-size: 12px;}
.aiagent .do-card p, .aiagent .impact-grid .benefit-list .bi p{font-size: 14px;}
.aiworkflow-automation .hero-btns .btn-p{border-style: none;}
.api .int-card:hover { border-color:var(--accent-bdr); transform:translateY(-2px); }
.api .ic-type  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-green); margin-bottom:6px; }
.api .ic-title { font-family:var(--f-d); font-size:14px; font-weight:700; color:var(--txt1); margin-bottom:5px; }
.api .ic-desc  { font-size:12.5px; color:var(--txt2); line-height:1.6; }
.api .pi { width: 40px; height: 40px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 16px; background: var(--accent-bg-green); }
#panel-zoho .sp-cta-row .sp-btn-p,
#panel-bi .sp-cta-row .sp-btn-p,
#panel-dev .sp-cta-row .sp-btn-p,
#panel-erp .sp-cta-row .sp-btn-p,
.mobile-sub .sp-cta-row .sp-btn-p, .ab-cta-btn {border: none;}
/* ── MID-PAGE CTA BAND ───────────────────────────────────────── */
.mid-cta { background: linear-gradient(135deg, var(--navy) 0%, #0d1f3a 100%); border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); padding: 48px 36px; }
.mid-cta-in { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; /*gap: 40px;*/ flex-wrap: wrap; }
.mc-eyebrow { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }
.mc-title   { font-family: var(--f-d); font-size: clamp(20px,2.5vw,28px); font-weight: 700; letter-spacing: -1px; color: white; line-height: 1.2; }
.mid-cta-in .mc-title{color: #fff !important;}
.mc-title span { color: var(--teal); }
.mc-sub  { font-size: 14px; /*color: rgba(136,150,180,.65);*/ color: rgba(212,225,223,.55);  margin-top: 6px; font-weight: 300; }
.mc-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.mc-btn-p {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--accent-green); color: white;
  padding: 12px 24px; border-radius: 9px;
  font-size: 14px; font-weight: 600; font-family: var(--f-d);
  border: none; cursor: pointer; transition: filter .2s;
}
.mc-btn-p:hover { filter: brightness(1.1); }
.mc-btn-s {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; color: rgba(255,255,255,.55);
  padding: 12px 24px; border-radius: 9px;
  font-size: 14px; font-family: var(--f-b);
  border: 1px solid rgba(255,255,255,.14); cursor: pointer; transition: all .2s;
}
.mc-btn-s:hover { background: rgba(255,255,255,.06); }
/* rescue page */
/* Rescue scenarios */
.scenario-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:20px 0; }
.scenario {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 12px;
  padding: 22px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.sc-num { font-family:var(--f-d); font-size:28px; font-weight:800; color:var(--accent-2); opacity:.4; flex-shrink:0; line-height:1; margin-top:2px; }
.sc-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:var(--txt1); margin-bottom:6px; }
.sc-desc  { font-size:13px; color:var(--txt2); line-height:1.6; }
/* Cloud Migration */
/* Migration path cards */
.migration-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:20px 0; }
.migration-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all .2s;
}
.migration-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
.mc-1::before { background: linear-gradient(90deg,#6b7280,#fbbf24); }
.mc-2::before { background: linear-gradient(90deg,#fbbf24,#f97316); }
.mc-3::before { background: linear-gradient(90deg,#0078d4,#00bcd4); }
.migration-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.09); }
.mc-path { display:flex; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.mc-from { font-family:var(--f-m); font-size:11px; background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.2); color:#f87171; padding:3px 9px; border-radius:4px; }
.mc-arrow-icon { color:var(--teal); font-size:14px; }
.mc-to { font-family:var(--f-m); font-size:11px; background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.2); color:#4ade80; padding:3px 9px; border-radius:4px; }
.mc-title { font-family:var(--f-d); font-size:28px; font-weight:700; color:var(--txt1); margin-bottom:8px; }
.mc-desc  { font-size:13px; color:var(--txt2); line-height:1.65; }
/* custom business application development */
/* Timeline */
.api .custom-timeline {
  position: relative;
  padding-left: 28px;
  margin: 16px 0;
}
.api .custom-timeline::before {
  content: '';
  position: absolute;
  left: 7px; top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--accent), var(--teal));
  opacity: .3;
}
.api .custom-timeline .tl-item {
  position: relative;
  margin-bottom: 16px;
}
.api .custom-timeline .tl-item:last-child { margin-bottom: 0; }
.api .custom-timeline .tl-dot {
  position: absolute;
  left: -24px;
  top: 4px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid white;
  box-shadow: 0 0 0 2px var(--accent-bdr);
}
.api .custom-timeline .tl-year { font-family: var(--f-m); font-size: 10px; color: var(--accent-2); margin-bottom: 3px; }
.api .custom-timeline .tl-text { font-size: 12.5px; color: var(--txt2); line-height: 1.55; }

/* Tech stack pills */
.stack-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.stack-pill {
  font-family: var(--f-m);
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid var(--bdr);
  color: var(--txt3);
  background: var(--page);
}
.sp-ms  { border-color: rgba(37,99,235,.3);  color: #60a5fa; background: rgba(37,99,235,.06); }
.sp-php { border-color: rgba(139,92,246,.3);  color: #a78bfa; background: rgba(139,92,246,.06); }
.sp-aws { border-color: rgba(245,158,11,.3);  color: #fbbf24; background: rgba(245,158,11,.06); }
.sp-db  { border-color: rgba(0,212,180,.3);   color: #00d4b4; background: rgba(0,212,180,.06); }
/*Add Ai existing*/
.mcu-badge {
  background: linear-gradient(135deg,rgba(124,58,237,.12),rgba(96,165,250,.08));
  border: 1px solid rgba(124,58,237,.22);
  border-radius: 14px;
  padding: 22px 28px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 32px;
}
.mcu-icon  { font-size:30px; flex-shrink:0; margin-top:2px; }
.mcu-title { font-family:var(--f-d); font-size:16px; font-weight:700; color:var(--txt1); margin-bottom:6px; }
.mcu-desc  { font-size:13.5px; color:var(--txt2); line-height:1.65; }
.mcu-tags  { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
.mcu-tag   { font-family:var(--f-m); font-size:10px; color:var(--accent-2); background:var(--accent-bg); border:1px solid var(--accent-bdr); padding:3px 9px; border-radius:4px; }
.ai-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.ai-feat {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  transition: all .2s;
}
.ai-feat::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background: var(--accent-grad); opacity:0; transition: opacity .2s; }
.ai-feat:hover { border-color: var(--accent-bdr); transform: translateY(-2px); }
.ai-feat:hover::before { opacity:1; }
.af-icon  { font-size:22px; margin-bottom:10px; }
.af-type  { font-family:var(--f-m); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--txt3); margin-bottom:6px; }
.af-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:var(--txt1); margin-bottom:7px; }
.af-desc  { font-size:13px; color:var(--txt2); line-height:1.65; margin-bottom:10px; }
.af-tag   { font-family:var(--f-m); font-size:10px; color:var(--accent-2); background:var(--accent-bg); border:1px solid var(--accent-bdr); padding:2px 8px; border-radius:4px; }
/*Bi dashboard */
/* Tool cards */
.tool-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
}
.tool-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 22px 18px;
  text-align: center;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}
.tool-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.tc-powerbi::before  { background: linear-gradient(90deg,#f2c811,#f59e0b); }
.tc-tableau::before  { background: linear-gradient(90deg,#e97627,#ef4444); }
.tc-qlik::before     { background: linear-gradient(90deg,#009845,#00d4b4); }
.tc-zoho::before     { background: linear-gradient(90deg,#2563eb,#8b5cf6); }
.tool-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.09); }
.tc-logo   { font-size: 26px; margin-bottom: 10px; }
.tc-name   { font-family: var(--f-d); font-size: 15px; font-weight: 700; color: var(--txt1); margin-bottom: 6px; }
.tc-status { font-family: var(--f-m); font-size: 10px; letter-spacing: .06em; margin-bottom: 10px; }
.tc-active { color: var(--green); }
.tc-cert   { color: var(--accent-2); }
.tc-items  { display: flex; flex-direction: column; gap: 4px; }
.tc-item   { font-size: 12px; color: var(--txt2); display: flex; align-items: center; gap: 5px; text-align: left; }
.tc-item::before { content: '·'; color: var(--teal); font-size: 14px; flex-shrink: 0; }
/* Atlantic LNG problem/solution layout */
.lng-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 16px 0;
}
.lng-panel {
  background: var(--page);
  border: 1px solid var(--bdr);
  border-radius: 10px;
  padding: 18px 20px;
}
.lng-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; }
.lng-prob { color: #ef4444; }
.lng-sol  { color: var(--green); }
.lng-list { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.lng-li   { font-size: 12.5px; color: var(--txt2); display: flex; align-items: flex-start; gap: 6px; line-height: 1.5; }
.lng-li-b::before { content: '✗'; color: #ef4444; flex-shrink: 0; font-size: 11px; margin-top: 1px; }
.lng-li-g::before { content: '✓'; color: var(--green); flex-shrink: 0; font-size: 11px; margin-top: 1px; }
/* Dashboard layer diagram */
.layer-stack {
  background: var(--navy);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.layer-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 8px;
}
.lr-data   { background: rgba(37,99,235,.15); border: 1px solid rgba(37,99,235,.25); }
.lr-ingestion { background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.2); }
.lr-model  { background: rgba(139,92,246,.12); border: 1px solid rgba(139,92,246,.22); }
.lr-visual { background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.2); }
.layer-label { font-family: var(--f-m); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; min-width: 100px; flex-shrink: 0; }
.lr-data .layer-label      { color: #60a5fa; }
.lr-ingestion .layer-label { color: #fbbf24; }
.lr-model .layer-label     { color: #a78bfa; }
.lr-visual .layer-label    { color: #4ade80; }
.layer-items { display: flex; gap: 6px; flex-wrap: wrap; }
.layer-pill {
  font-size: 11px;
  color: rgba(255,255,255,.6);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  padding: 3px 10px;
  border-radius: 4px;
  font-family: var(--f-m);
}
.layer-arrow {
  text-align: center;
  color: rgba(255,255,255,.2);
  font-size: 16px;
  margin: -3px 0;
}
/* Bi data warehouse */
/* ETL pipeline visual */
.pipeline-diagram {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: var(--navy);
  border-radius: 14px;
  overflow: hidden;
  margin: 24px 0;
}
.pd-stage {
  flex: 1;
  padding: 22px 16px;
  border-right: 1px solid rgba(255,255,255,.07);
  position: relative;
}
.pd-stage:last-child { border-right: none; }
.pd-label { font-family: var(--f-m); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.pd-e { color: #60a5fa; }
.pd-t { color: #fbbf24; }
.pd-l { color: #4ade80; }
.pd-w { color: #a78bfa; }
.pd-title { font-family: var(--f-d); font-size: 14px; font-weight: 700; color: white; margin-bottom: 8px; }
.pd-items { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.pd-item  { font-size: 11px; color: rgba(255,255,255,.45); display: flex; align-items: center; gap: 5px; }
.pd-item::before { content: '·'; font-size: 14px; flex-shrink: 0; }
.pd-e .pd-item::before { color: #60a5fa; }
.pd-t .pd-item { color: rgba(255,255,255,.45); }
.pd-t .pd-item::before { color: #fbbf24; }
.pd-l .pd-item::before { color: #4ade80; }
.pd-w .pd-item::before { color: #a78bfa; }
.pd-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  color: rgba(255,255,255,.15);
  font-size: 18px;
  flex-shrink: 0;
  align-self: center;
}

/* Source cards */
.source-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin: 20px 0;
}
.source-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 10px;
  padding: 16px 14px;
  text-align: center;
  transition: all .2s;
}
.source-card:hover { border-color: var(--accent-bdr); transform: translateY(-2px); }
.sc-icon  { font-size: 20px; margin-bottom: 7px; }
.sc-name  { font-family: var(--f-d); font-size: 13px; font-weight: 600; color: var(--txt1); margin-bottom: 3px; }
.sc-type  { font-size: 11px; color: var(--txt3); font-family: var(--f-m); }
/* Bi reporting */
/* Report schedule visual */
.schedule-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  margin: 20px 0;
}
.sched-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 12px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  transition: all .2s;
}
.sched-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.sc-daily::before   { background: linear-gradient(90deg,#059669,#22d3ee); }
.sc-weekly::before  { background: linear-gradient(90deg,#2563eb,#7c3aed); }
.sc-monthly::before { background: linear-gradient(90deg,#f59e0b,#ef4444); }
.sched-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.sch-freq  { font-family: var(--f-m); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; }
.sc-daily .sch-freq   { color: #34d399; }
.sc-weekly .sch-freq  { color: #60a5fa; }
.sc-monthly .sch-freq { color: #fbbf24; }
.sch-title { font-family: var(--f-d); font-size: 15px; font-weight: 700; color: var(--txt1); margin-bottom: 4px; }
.sch-time  { font-size: 12px; color: var(--txt3); font-family: var(--f-m); margin-bottom: 12px; }
.sch-recs  { display: flex; flex-direction: column; gap: 5px; }
.sch-rec   { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--txt2); }
.sch-rec::before { content: '→'; color: var(--teal); font-size: 11px; flex-shrink: 0; font-family: var(--f-m); }

/* AI narrative example */
.ai-narrative {
  background: linear-gradient(135deg,var(--navy),#0a1628);
  border: 1px solid rgba(52,211,153,.2);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 20px 0;
}
.an-header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.an-badge  { font-family: var(--f-m); font-size: 10px; letter-spacing: .08em; color: var(--accent-2); background: var(--accent-bg); border: 1px solid var(--accent-bdr); padding: 3px 10px; border-radius: 4px; }
.an-ts     { font-family: var(--f-m); font-size: 10px; color: rgba(255,255,255,.25); margin-left: auto; }
.an-title  { font-family: var(--f-d); font-size: 15px; font-weight: 700; color: white; margin-bottom: 10px; }
.an-body   { font-size: 13.5px; color: rgba(200,220,240,.7); line-height: 1.75; font-weight: 300; }
.an-body strong { color: rgba(200,220,240,.95); font-weight: 400; }
.an-body .hi-up   { color: #34d399; }
.an-body .hi-down { color: #f87171; }
.an-body .hi-warn { color: #fbbf24; }
.an-footer { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.an-tag    { font-size: 11px; font-family: var(--f-m); color: rgba(255,255,255,.3); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); padding: 2px 8px; border-radius: 4px; }
/* zoho one */
.zoho-one .complexity-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(245, 124, 0, .1);
    border: 1px solid rgba(245, 124, 0, .25);
    border-radius: 10px;
    padding: 10px 18px;
    margin-bottom: 28px;
}
.zoho-one .cmp-label {
    font-family: var(--f-m);
    font-size: 11px;
    color: var(--accent-2);
    letter-spacing: .06em;
}
.zoho-one .cmp-stars {
    color: var(--accent);
    font-size: 14px;
}
.zoho-one .cmp-label {
    font-family: var(--f-m);
    font-size: 11px;
    color: var(--accent-2);
    letter-spacing: .06em;
}
.zoho-one .arch-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 32px;
}
.zoho-one .arch-card {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 14px;
    padding: 22px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}
.zoho-one .ac-crm::before {
    background: var(--accent-grad);
}
 
.zoho-one .arch-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}
.zoho-one .arch-icon {
    font-size: 22px;
    margin-bottom: 10px;
}
.zoho-one .arch-product {
    font-family: var(--f-m);
    font-size: 9.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--txt3);
    margin-bottom: 5px;
}
.zoho-one .arch-title {
    font-family: var(--f-d);
    font-size: 15px;
    font-weight: 700;
    color: var(--txt1);
    margin-bottom: 10px;
}
.zoho-one .arch-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.zoho-one .ac-creator::before {
    background: linear-gradient(90deg, #8b5cf6, #1a6bff);
}
.zoho-one .ac-projects::before {
    background: linear-gradient(90deg, #22c55e, #00d4b4);
}
.zoho-one .ac-inventory::before {
    background: linear-gradient(90deg, #1a6bff, #00d4b4);
}
.zoho-one .connection-strip {
    background: var(--navy);
    border-radius: 12px;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
}
.zoho-one .conn-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.zoho-one .conn-label {
    font-family: var(--f-m);
    font-size: 9px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    text-align: center;
}
.zoho-one .conn-val {
    font-size: 11px;
    color: rgba(255, 255, 255, .7);
    text-align: center;
    line-height: 1.4;
}
.zoho-one .conn-arrow {
    font-size: 16px;
    color: var(--teal);
    flex-shrink: 0;
}
/* Zoho creator */
/* App type cards */
.zoho-creator .app-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  margin: 20px 0;
}
.zoho-creator .app-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.zoho-creator .app-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.zoho-creator .app-name { font-family: var(--f-d); font-size: 13px; font-weight: 600; color: rgba(255,255,255,.8); margin-bottom: 3px; }
.zoho-creator .app-desc { font-size: 11px; color: rgba(255,255,255,.35); font-family: var(--f-m); line-height: 1.45; }
 
/* Solar 5-user-type diagram */
.zoho-creator .user-type-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 8px;
  margin: 16px 0;
}
.zoho-creator .ut-card {
  background: var(--page);
  border: 1px solid var(--bdr);
  border-radius: 10px;
  padding: 14px 10px;
  text-align: center;
}
.zoho-creator .ut-icon  { font-size: 20px; margin-bottom: 6px; }
.zoho-creator .ut-role  { font-family: var(--f-d); font-size: 12px; font-weight: 700; color: var(--txt1); margin-bottom: 4px; line-height: 1.2; }
.zoho-creator .ut-access { font-size: 10.5px; color: var(--txt3); font-family: var(--f-m); line-height: 1.4; }
/* zoho people */
.hero.zoho-people {background: linear-gradient(160deg, var(--hero-bg) 0%, #0a1628 65%, var(--page) 100%); padding: 76px 36px 0; overflow: hidden; min-height: unset; display: block; max-width: 100%;}	
.hero.zoho-people::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 70% at 80% 50%, var(--accent-bg-1), transparent);}	
.zoho-people .hero-in { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; position: relative; z-index: 1; padding-bottom: 0;}	
.zoho-people .hero-left { padding-bottom: 56px; width: 100%;}
.zoho-people .h1 { font-family: var(--f-d); font-size: 64px; font-weight: 900; letter-spacing: -2.8px; color: white; line-height: 1.04; margin-bottom: 22px;}
.zoho-people .h1 em { font-style: normal; background: var(--accent-grad-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text !important;}
.zoho-people .deck { font-size: 17px; font-weight: 300; color: rgba(200, 215, 235, .72); max-width: 520px; line-height: 1.78; margin-bottom: 36px;}
.zoho-people .deck strong { color: rgba(200, 215, 235, .95); font-weight: 400;}
.zoho-people .hero-btns { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 44px;}	
.zoho-people .btn-p { display: inline-flex; align-items: center; gap: 7px; background: var(--accent-4); color: white; padding: 13px 26px; border-radius: 10px; font-size: 15px; font-weight: 600; font-family: var(--f-d); border: none; cursor: pointer; transition: all .2s;}	
.zoho-people .hero-stats { max-width: 1200px; margin: 0 auto; padding: 0 36px; position: relative; z-index: 1;}	
.zoho-people .hero-stats .ms-strip { border-radius: 14px 14px 0 0; width: 100%;}
.zoho-people .ms-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(6, 13, 30, .82); border: 1px solid rgba(255, 255, 255, .07); overflow: hidden;}
.zoho-people .ms { padding: 20px; border-right: 1px solid rgba(255, 255, 255, .06);}	
.zoho-people .ms-num { font-family: var(--f-d); font-size: 28px; font-weight: 800; line-height: 1; letter-spacing: -1.2px; color: white; margin-bottom: 5px;}	
.zoho-people .ms-num .ac { color: var(--teal);}	
.zoho-people .ms-lbl { font-size: 11px; color: rgba(136, 150, 180, .75); line-height: 1.4;}	
.zoho-people .svc-badge { display: inline-flex; align-items: center; gap: 5px; background: #8b5cf61a;; border: 1px solid #8b5cf638; color: #a78bfa; padding: 3px 9px; border-radius: 5px; font-size: 10px; font-family: var(--f-m);  margin-left: 8px;}	
.zoho-people .mkt-badge { background: linear-gradient(135deg, rgba(139, 92, 246, .12), rgba(0, 212, 180, .08)); border: 1px solid rgba(139, 92, 246, .22); border-radius: 14px; padding: 22px 28px; display: flex; align-items: flex-start; gap: 18px; margin-bottom: 32px;}	
.zoho-people .mkt-icon { font-size: 30px; flex-shrink: 0; margin-top: 2px;}	
.zoho-people .mkt-title { font-family: var(--f-d); font-size: 16px; font-weight: 700; color: var(--txt1); margin-bottom: 6px;}	
.zoho-people .mkt-desc { font-size: 13.5px; color: var(--txt2); line-height: 1.65;}	
.zoho-people .mkt-tag { display: inline-flex; align-items: center; gap: 4px; font-family: var(--f-m); font-size: 10px; color: var(--accent-3); background: var(--accent-bg-1); border: 1px solid var(--accent-bdr-1); padding: 3px 10px; border-radius: 4px; margin-top: 10px;}	
.zoho-people .sh .lbl { font-family: var(--f-m); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; color: var(--accent-4);}
.zoho-people .do-card:hover {
    border-color: rgba(139,92,246,.22);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
.zoho-people .do-card:hover::before {
    opacity: 1;
}
.zoho-people .pi {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-bottom: 16px;
    background: var(--accent-bg-1);
}
.mid-cta.zoho-people {
    background: linear-gradient(135deg, var(--navy) 0%, #0d1f3a 100%);
    border-top: 1px solid rgba(255, 255, 255, .07);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    padding: 48px 36px;
}
.zoho-people .mid-cta-in {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}
.zoho-people .mc-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.zoho-people .mc-btn-p {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--accent-4);
    color: white;
    padding: 12px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--f-d);
    border: none;
    cursor: pointer;
    transition: filter .2s;
}
.zoho-people .mc-btn-s {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: rgba(255, 255, 255, .55);
    padding: 12px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-family: var(--f-b);
    border: 1px solid rgba(255, 255, 255, .14);
    cursor: pointer;
    transition: all .2s;
}
.zoho-people .mc-eyebrow {
    font-family: var(--f-m);
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 8px;
}
.zoho-people .mc-title {
    font-family: var(--f-d);
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 700;
    letter-spacing: -1px;
    color: white;
    line-height: 1.2;
}
.zoho-people .mc-title span {
    color: var(--teal);
}
.zoho-people .mc-sub {
    font-size: 14px;
    color: rgba(136, 150, 180, .65);
    margin-top: 6px;
    font-weight: 300;
}
.zoho-people .do-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.zoho-people .do-card {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 14px;
    padding: 26px;
    transition: all .22s;
    position: relative;
    overflow: hidden;
}
.zoho-people .do-card.highlight {
    border-color: var(--accent-bdr-1);
    background: linear-gradient(145deg, var(--accent-bg-1), rgba(0, 212, 180, .03));
}
.zoho-people .do-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--accent-grad-1);
    opacity: 0;
    transition: opacity .22s;
}
.zoho-people .do-card.highlight::before {
    opacity: 1;
}
.zoho-people .do-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-bottom: 14px;
    background: var(--accent-bg-1);
}
.zoho-people .do-card h3 {
    font-family: var(--f-d);
    font-size: 16px;
    font-weight: 700;
    color: var(--txt1);
    margin-bottom: 8px;
    letter-spacing: -.2px;
}
.zoho-people .do-card p {
    font-size: 13.5px;
    color: var(--txt2);
    line-height: 1.65;
}
.zoho-people .uc-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.zoho-people .uc-item.open {
    border-color: var(--accent-bdr-1);
}
.zoho-people .uc-q {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    cursor: pointer;
}
.zoho-people .uc-num {
    padding: 20px 0 20px 22px;
    font-family: var(--f-m);
    font-size: 11px;
    color: var(--txt3);
}
.zoho-people .uc-item.open .uc-title {
    color: var(--accent-4);
}
.zoho-people .uc-item.open .uc-arr {
    background: var(--accent-4);
    border-color: var(--accent-4);
    color: white;
}
.zoho-people .uc-arr {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--page);
    border: 1px solid var(--bdr);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--txt3);
    transition: all .2s;
    flex-shrink: 0;
    margin-right: 22px;
}
.zoho-people .uc-item.open .uc-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.zoho-people .uc-item {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color .2s;
}
.zoho-people .uc-q {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    cursor: pointer;
}
.zoho-people .uc-num {
    padding: 20px 0 20px 22px;
    font-family: var(--f-m);
    font-size: 11px;
    color: var(--txt3);
}
.zoho-people .uc-title {
    padding: 20px 16px;
    font-family: var(--f-d);
    font-size: 15px;
    font-weight: 600;
    color: var(--txt1);
}
.zoho-people .uc-saving {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(34, 197, 94, .07);
    border: 1px solid rgba(34, 197, 94, .18);
    border-radius: 7px;
    padding: 10px 14px;
    margin-top: 10px;
}
.zoho-people .uc-saving-text {
    font-size: 12.5px;
    color: var(--green);
    font-family: var(--f-m);
    font-weight: 500;
}
.zoho-people .uc-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.zoho-people .uc-tool {
    font-family: var(--f-m);
    font-size: 11px;
    background: var(--accent-bg-1);
    border: 1px solid var(--accent-bdr-1);
    color: var(--accent-3);
    padding: 3px 9px;
    border-radius: 4px;
}
.zoho-people .impact-dark h3 span,
.zoho-people .bs-num{
    color: var(--teal);
}
.zoho-people .bs-num {
    font-family: var(--f-d);
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1;
    min-width: 88px;
}
.align-center{
    align-items: center;
}
.zoho-people .eng-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.zoho-people .eng-card {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    transition: all .22s;
}
.zoho-people .ec-audit::before {
    background: linear-gradient(90deg, var(--teal), var(--green));
}
 
.zoho-people .eng-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}
.zoho-people .ec-project::before {
    background: var(--accent-grad-1);
}
.zoho-people .ec-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--f-m);
    font-size: 10px;
    color: var(--teal);
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.zoho-people .ec-title {
    font-family: var(--f-d);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    color: var(--txt1);
    margin-bottom: 6px;
}
.zoho-people .ec-price {
    font-family: var(--f-d);
    font-size: 15px;
    font-weight: 600;
    color: var(--accent-4);
    margin-bottom: 4px;
}
.zoho-people .ec-note {
    font-size: 12.5px;
    color: var(--txt3);
    font-family: var(--f-m);
    margin-bottom: 20px;
}
.zoho-people .ec-bullets {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 24px;
}
.zoho-people .btn-teal {
    background: transparent;
    color: var(--teal-2);
    border: 1.5px solid rgba(0, 212, 180, .4);
}
.zoho-people .ec-btn {
    display: block;
    text-align: center;
    padding: 12px 20px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--f-d);
    cursor: pointer;
    transition: all .2s;
}
.zoho-people .ec-pop {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 10px;
    background: var(--accent);
    color: white;
    padding: 3px 10px;
    border-radius: 10px;
    font-family: var(--f-m);
}
.zoho-people .btn-solid {
    background: var(--accent-4);
    color: white;
	border: none;
}
.zoho-people .btn-teal:hover {
    background: rgba(0, 212, 180, .06);
}
.zoho-people .btn-solid:hover {
    filter: brightness(1.1);
}
.zoho-people .btn-outline {
    background: transparent;
    color: var(--accent-4);
    border: 1.5px solid var(--accent-4);
}
.zoho-people .btn-outline:hover {
    background: var(--accent-bg-1);
}
.zoho-people .ec-retainer::before {
    background: linear-gradient(90deg, var(--purple), var(--blue));
}
.zoho-people .eng-card:hover {
    box-shadow: 0 12px 36px rgba(0, 0, 0, .1);
    transform: translateY(-4px);
}
.zoho-people .sh h2 {
    font-family: var(--f-d);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 700;
    letter-spacing: -1.5px;
    line-height: 1.1;
    max-width: 640px;
    margin-bottom: 12px;
}
.zoho-people .h2-dk {
    color: white;
}
.zoho-people sh p {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 300;
    max-width: 540px;
}
.zoho-people .p-mu {
    color: rgba(180, 200, 228, .62);
}
.zoho-people .proc-icon {
    font-size: 22px;
    margin-bottom: 12px;
}
.zoho-people .persona::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accent-4);
}
.zoho-people .fi.open .fi-icon {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
}
.zoho-people .fi.open {
    border-color: var(--accent-bdr);
}
.zoho-people .fi {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 12px;
    overflow: hidden;
}
.zoho-people .cta-banner h3 span {
    color: var(--teal);
}
.zoho-people .rel-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.zoho-people .rel {
    background: var(--card);
    border: 1px solid var(--bdr);
    border-radius: 12px;
    padding: 18px 14px;
    text-decoration: none;
    transition: all .2s;
    display: block;
}
.zoho-people .rel-icon {
    font-size: 20px;
    margin-bottom: 10px;
}
.zoho-people .rel-name {
    font-family: var(--f-d);
    font-size: 13px;
    font-weight: 600;
    color: var(--txt1);
    margin-bottom: 6px;
}
.zoho-people .rel-desc {
    font-size: 13px;
    color: var(--txt3);
    line-height: 1.55;
}
.zoho-people .fi.open .fi-icon{
	background: #8b56fc;
	border-color: #8b56fc;
}
.zoho-people .fp-submit{
	background: #8b5cf6
}
.zoho-people .fp-label span{
   color: #8b5cf6;
}
.zoho-people .hero-left .hero-tags {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
 
  .zoho-people .eyebrow {
    margin-bottom: 0;
  }
 
  .zoho-people .uc-saving span {
    font-size: 14px;
  }
 
  .zoho-people .sh .lbl {
    color: #00d4b4;
  }
 
  .zoho-people .sh {
    margin-bottom: 32px;
  }
.zoho-people .cta-banner .btn-w{
  border: none;
}
/*Zoho desk */
.hero.zoho-desk::before {
    background: radial-gradient(ellipse 50% 70% at 80% 50%, rgba(0,212,180,.1), transparent);
}
.zoho-desk .eyebrow,
.zoho-desk .sh .lbl,
.zoho-desk .uc-item.open .uc-title,
.zoho-desk .ec-price,
.zoho-desk .btn-outline{
    color: #00d4b4;
}
.zoho-desk .btn-p,
.zoho-desk .mc-btn-p,
.zoho-desk .uc-item.open .uc-arr,
.zoho-desk .ec-pop,
.zoho-desk .btn-solid,
.zoho-desk .persona::before,
.zoho-desk .fi.open .fi-icon{
	background: #00d4b4;
}
.zoho-desk .btn-outline,
.zoho-desk .uc-item.open .uc-arr,
.zoho-desk .fi.open .fi-icon{
	border-color: #00d4b4;
}
.zoho-desk .fi.open {
    border-color: rgba(0,212,180,.22);
}
.zoho-desk .btn-teal{
	background: transparent;
	color: #009e87;
	border: 1.5px solid rgba(0,212,180,.4);
}
.zoho-desk .btn-outline{
	background: transparent;
}
.zoho-desk .svc-badge {
    background: rgba(0,212,180,.1);
    border: 1px solid rgba(0,212,180,.22);
    color: #22d3ee;
}
.zoho-desk .fp-submit{
	background: #00d4b4;
}
.zoho-desk .fp-label span{
	color: #00d4b4;
}
.zoho-desk .h1 em{
	background: linear-gradient(100deg,#00d4b4,#4d8eff);
}
.zoho-desk .pi {
    background: rgba(0,212,180,.1);
}
.zoho-desk .do-card.highlight {
    border-color: rgba(0,212,180,.22);
    background: linear-gradient(145deg, rgba(0,212,180,.1), rgba(0, 212, 180, .03));
}
.zoho-desk .do-card::before{
	background: linear-gradient(100deg,#00d4b4,#4d8eff);
}
.zoho-desk .do-icon{
	background: rgba(0,212,180,.1);
}
.zoho-desk .do-card:hover{
	border-color: rgba(0,212,180,.22);	
}
.zoho-desk .uc-tool{
	background: rgba(0,212,180,.1);
	border: 1px solid rgba(0,212,180,.22);
	color: #22d3ee;
}
.zoho-desk .ec-project::before{
	background: linear-gradient(100deg,#00d4b4,#4d8eff)
}
/* zoho inventory */
.zoho-inventory .channel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 24px 0;
}
.zoho-inventory .channel-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}
.zoho-inventory .ch-horeca::before {
    background: linear-gradient(90deg, #1a6bff, #1a6bff);
}
 
.zoho-inventory .channel-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}
.zoho-inventory .ch-label {
    font-family: var(--f-m);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8896b0;
    margin-bottom: 8px;
}
.zoho-inventory .ch-title {
    font-family: var(--f-d);
    font-size: 16px;
    font-weight: 700;
    color: #0a1628;
    margin-bottom: 12px;
}
.zoho-inventory .ch-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4a5568;
}
.zoho-inventory .ch-retail::before {
    background: linear-gradient(100deg,#fbbf24,#fb923c);
}
.zoho-inventory .ch-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}
.zoho-inventory .bom-flow {
    background: var(--navy);
    border-radius: 14px;
    padding: 28px 32px;
    margin: 24px 0;
}
.zoho-inventory .bom-label {
    font-family: var(--f-m);
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 16px;
}
.zoho-inventory .bom-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.zoho-inventory .bom-result {
    background: var(--accent-bg);
    border: 1px solid var(--accent-bdr);
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
}
.zoho-inventory .bom-result .bom-name {
    color: var(--accent-2);
}
 
.zoho-inventory .bom-name {
    font-family: var(--f-d);
    font-size: 12px;
    font-weight: 600;
    color: white;
    margin-bottom: 3px;
}
.zoho-inventory .bom-qty {
    font-family: var(--f-m);
    font-size: 10px;
    color: var(--teal);
}
 
.zoho-inventory .bom-arrow {
    color: var(--accent-2);
    font-size: 18px;
    flex-shrink: 0;
}
.zoho-inventory .bom-item {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    min-width: 100px;
}
/* Zoho projects */
.zoho-project .template-diagram {
    background: var(--navy);
    border-radius: 12px;
    padding: 22px 24px;
    margin: 16px 0;
}
.zoho-project .td-label {
    font-family: var(--f-m);
    font-size: 9.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 14px;
}
.zoho-project .td-rule {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.zoho-project .td-if {
    font-family: var(--f-m);
    font-size: 10px;
    color: rgba(255, 255, 255, .35);
    min-width: 24px;
}
.zoho-project .td-cond {
    font-size: 11px;
    color: rgba(255, 255, 255, .6);
    flex: 1;
}
.zoho-project .td-then {
    font-size: 10px;
    font-family: var(--f-m);
    color: var(--accent-2);
    background: var(--accent-bg);
    border: 1px solid var(--accent-bdr);
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
}
/* Business CRM pages */
/* Predictive analytic services */
/* Model type cards */
.predictive .model-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin: 24px 0;
}
.predictive .model-card {
  background: var(--card);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all .2s;
}
.predictive .model-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.predictive .mc-churn::before    { background: linear-gradient(90deg,#ef4444,#f59e0b); }
.predictive .mc-demand::before   { background: linear-gradient(90deg,#22c55e,#00d4b4); }
.predictive .mc-pipeline::before { background: linear-gradient(90deg,#2563eb,#7c3aed); }
.predictive .mc-anomaly::before  { background: linear-gradient(90deg,#f59e0b,#ef4444); }
.predictive .mc-ltv::before      { background: linear-gradient(90deg,#00d4b4,#22c55e); }
.predictive .mc-maint::before    { background: linear-gradient(90deg,#7c3aed,#2563eb); }
.predictive .model-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.09); border-color: var(--bdr2); }
.predictive .mc-icon   { font-size: 22px; margin-bottom: 10px; }
.predictive .mc-type   { font-family: var(--f-m); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--txt3); margin-bottom: 6px; }
.predictive .mc-title  { font-family: var(--f-d); font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.predictive .mc-desc   { font-size: 13px; color: var(--txt2); line-height: 1.65; margin-bottom: 12px; }
.predictive .mc-output { font-family: var(--f-m); font-size: 11px; color: var(--accent-2); background: var(--accent-bg); border: 1px solid var(--accent-bdr); padding: 3px 9px; border-radius: 4px; display: inline-block; }
.predictive .bs-num{min-width: 169px;}
/* Prediction score visual */
.predictive .score-panel {
  background: var(--navy);
  border-radius: 12px;
  padding: 18px 20px;
  margin: 14px 0;
}
.predictive .sp-label { font-family: var(--f-m); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 12px; }
.predictive .sp-row   { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.predictive .sp-row:last-child { margin-bottom: 0; }
.predictive .sp-name  { font-size: 11px; color: rgba(255,255,255,.55); min-width: 120px; font-family: var(--f-b); }
.predictive .sp-bar   { flex: 1; height: 6px; background: rgba(255,255,255,.08); border-radius: 3px; overflow: hidden; }
.predictive .sp-fill  { height: 100%; border-radius: 3px; }
.predictive .sp-val   { font-family: var(--f-m); font-size: 11px; min-width: 36px; text-align: right; }
.predictive .sp-badge { font-size: 10px; padding: 1px 7px; border-radius: 3px; font-family: var(--f-m); flex-shrink: 0; }
.api.bidashboard .big-stats .bs-num{
	font-size: 28px;
}
.zoho-people.predictive .h1 em {
    font-style: normal;
    background: linear-gradient(100deg,#fbbf24,#00d4b4) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
}
.scroll-to-top{bottom: 130px !important;}
button#chatbot-launcher {
    bottom: 55px !important;
}
span.main-h1,
.main-h1{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--f-m);
    font-size: 11px;
    color: #00d4b4;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
}
.hero-left-inner-div{display:flex;align-items:center;margin-bottom:20px;}
.llm-generative .eyebrow{margin-bottom: 0;}
.llm-generative .hero-btns .btn-p{
	background: #00d4b4;
}
.aidocument-processing .eyebrow{
	margin-bottom: 0;
}
.aidocument-processing .hero-btns .btn-p{
	background: #ff6b35;
}
.hero-industry.zoho-pages .main-h1{
	color: #f57c00;
}
.hero-industry.zoho-pages .eyebrow::before{
	background: #f57c00;
}
.zoho-pages .persona-grid .persona.p-r:before{background: #e42527;}
.zoho-pages .persona-grid .persona.p-o:before{background: #f57c00;}
.zoho-pages .persona-grid .persona.p-b:before{background: #1a6bff;}
.zoho-pages .fi.open {
    border-color: rgba(228, 37, 39, .25);
}
.zoho-pages .fi.open .fi-icon {
    background: #e42527;
    border-color: #e42527;
}
.zoho-pages .cta-banner h3 span {
    color: #f57c00;
}
.zoho-people .hero-stats{padding: 0;}
.zoho-people .sh .lbl{
	color: #8b5cf6;
}
.zoho-people.dark-band .sh .lbl, .zoho-people .cta-banner h3 span{color: #00d4b4;}
.zoho-people .ec-pop{
	background: #8b5cf6;
}
.zoho-people.zoho-books .h1 em{
	background: linear-gradient(100deg,#22c55e,#00d4b4);
}
.zoho-people.zoho-books .eyebrow{
	color: #00d4b4;
}
.zoho-people.zoho-books .svc-badge{
	background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.22);
    color: #4ade80;
}
.zoho-people.zoho-books .btn-p{
	background: #22c55e;
}
.zoho-people.zoho-books .mb-tag{
	color: #4ade80;
    background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.22);
}
.zoho-people.zoho-books .migration-badge {
    background: linear-gradient(135deg, rgba(34, 197, 94, .1), rgba(0, 212, 180, .08));
    border: 1px solid rgba(34, 197, 94, .22);
    border-radius: 14px;
    padding: 22px 28px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 32px;
}
.zoho-people.zoho-books .mb-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--f-m);
    font-size: 10px;
    color: #4ade80;
    background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.22);
    padding: 3px 10px;
    border-radius: 4px;
}
.zoho-people.zoho-books .sh .lbl{
	color: #22c55e;
}
.zoho-people.zoho-books .pi {
	background: rgba(34,197,94,.1);
}
.zoho-people.zoho-books .mc-btn-p{
	background: #22c55e;
}
.zoho-people.zoho-books .do-card.highlight {
    border-color: rgba(34,197,94,.22);
    background: linear-gradient(145deg, rgba(34,197,94,.1), rgba(0, 212, 180, .03));
}
.zoho-people.zoho-books .do-icon{
	background: rgba(34,197,94,.1);
}
.zoho-people.zoho-books .do-card::before{
	background: linear-gradient(100deg,#22c55e,#00d4b4);
}
.zoho-people.zoho-books .uc-item.open .uc-title,
.zoho-people.zoho-books .ec-price{
    color: #22c55e;
}
.zoho-people.zoho-books .ec-pop{
	background: #22c55e;
}
.zoho-people.zoho-books .uc-tool{
	color: #4ade80;
    background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.22);
}
.zoho-people.zoho-books .ec-tag,
.zoho-people.zoho-desk .sh .lbl{
	color: #00d4b4;
}
.zoho-people.zoho-books .ec-audit::before {
    background: linear-gradient(90deg, #00d4b4, #22c55e);
}
.zoho-people.zoho-books .ec-project::before {
    background: linear-gradient(100deg,#22c55e,#00d4b4);
}
.zoho-people.zoho-books .btn-solid,
.zoho-people.zoho-books .persona::before{
	background: #22c55e;
}
.zoho-people.zoho-books .fi.open .fi-icon {
    background: #22c55e;
    border-color: #22c55e;
}
.zoho-people.zoho-books .fi.open{
	border-color: rgba(34,197,94,.22);
}
.zoho-people.zoho-inventory .h1 em{
	background: linear-gradient(100deg,#fbbf24,#fb923c);
}
.zoho-people.zoho-inventory .svc-badge{
	background: rgba(245,158,11,.1);
    border: 1px solid rgba(245,158,11,.22);
    color: #fbbf24;
}
.zoho-people.zoho-inventory .btn-p,
.zoho-people.zoho-inventory .mc-btn-p,
.zoho-people.zoho-inventory .ec-pop{
	background: #f59e0b;
}
.zoho-people.zoho-inventory .sh .lbl,
.zoho-people.zoho-inventory .uc-item.open .uc-title,
.zoho-people.zoho-inventory .ec-price{
	color: #f59e0b;
}
.zoho-people.zoho-inventory .pi {
	background: rgba(245,158,11,.1);
}
.zoho-people.zoho-inventory .do-card.highlight {
    border-color: rgba(245,158,11,.22);
    background: linear-gradient(145deg, rgba(245,158,11,.1), rgba(0, 212, 180, .03));
}
.zoho-people.zoho-inventory .do-icon{
	background: rgba(245,158,11,.1);
}
.zoho-people.zoho-inventory .do-card::before{
	background: linear-gradient(100deg,#fbbf24,#fb923c);
}
.zoho-people.zoho-inventory .uc-item.open {
    border-color: rgba(245,158,11,.22);
}
.zoho-people.zoho-inventory .uc-tool{
	background: rgba(245,158,11,.1);
    border: 1px solid rgba(245,158,11,.22);
    color: #fbbf24;
}
.zoho-people.zoho-inventory .ec-project::before{
	background: linear-gradient(100deg,#fbbf24,#fb923c);
}
.zoho-people.zoho-inventory .btn-solid {
    background: #f59e0b;
    color: white;
}
.zoho-people.zoho-inventory .btn-outline {
    background: transparent;
    color: #fbbf24;
    border: 1.5px solid rgba(245,158,11,.22);
}
.zoho-people.zoho-inventory .btn-outline:hover {
    background: rgba(245,158,11,.1);
}
.zoho-people.zoho-inventory .persona::before{
	background: #f59e0b;
}
.zoho-people.zoho-inventory .fi.open {
    border-color: rgba(245,158,11,.22);
}
.zoho-people.zoho-inventory .fi.open .fi-icon,
.zoho-people.zoho-inventory .uc-item.open .uc-arr{
    background: #f59e0b;
    border-color: #f59e0b;
}
.sticky-bar.zoho-inventory .sb-btn{
	background: #f59e0b;
}
.zoho-people.zoho-desk .ec-pop{
	background: #00d4b4;
}
.zoho-people.zoho-analytics .h1 em{
	background: linear-gradient(100deg,#4d8eff,#00d4b4);
}
.zoho-people.zoho-analytics .btn-p,
.zoho-people.zoho-analytics .mc-btn-p,
.zoho-people.zoho-analytics .ec-pop,
.zoho-people.zoho-analytics .btn-solid,
.zoho-people.zoho-analytics .persona::before{
	background: #1a6bff;
}
.zoho-people.zoho-analytics .sh .lbl,
.zoho-people.zoho-analytics .uc-item.open .uc-title,
.zoho-people.zoho-analytics .ec-price{
	color: #1a6bff;
}
.zoho-people.zoho-analytics .pi,
.zoho-people.zoho-analytics .do-icon{
	background: rgba(26,107,255,.1);
}
.zoho-people.zoho-analytics .do-card.highlight {
    border-color: rgba(26,107,255,.22);
    background: linear-gradient(145deg, rgba(26,107,255,.1), rgba(0, 212, 180, .03));
}
.zoho-people.zoho-analytics .uc-tool{
	background: rgba(26,107,255,.1);
    border: 1px solid rgba(26,107,255,.22);
    color: #4d8eff;
}
.zoho-people.zoho-analytics .svc-badge{
	background: rgba(26,107,255,.1);
    border: 1px solid rgba(26,107,255,.22);
    color: #4d8eff;
}
.zoho-people.zoho-analytics .uc-item.open .uc-arr,
.zoho-people.zoho-analytics .fi.open .fi-icon{
    background: #1a6bff;
    border-color: #1a6bff;
}
.zoho-people.zoho-analytics .uc-item.open {
    border-color: rgba(26,107,255,.22);
}
.zoho-people.zoho-analytics .btn-outline {
    background: transparent;
    color: #1a6bff;
    border: 1.5px solid #1a6bff;
}
.zoho-people.zoho-analytics .fi.open {
    border-color: rgba(26,107,255,.22);
}
.zoho-creator h1.main-h1 {
	color: #22d3ee;
}
.zoho-creator .h1 em{
	background: linear-gradient(100deg, #a78bfa, #1a6bff);
}
.zoho-creator .fi.open {
    border-color: #8b5cf638;
}
.zoho-creator .lbl {
    color: #8b5cf6;
}
.zoho-project h1.main-h1 {
	color: #00d4b4;
}
.zoho-project h2.main-h2 {
	font-size: clamp(36px, 4.8vw, 64px);
}
.zoho-project .h1 em{
	background: linear-gradient(100deg, #22c55e, #00d4b4);
}
.zoho-project .svc-badge,
.zoho-project .uc-tool{
	background: rgba(34,197,94,.1);
    border: 1px solid #22c55e38;
    color: #4ade80;	
}
.zoho-project .btn-p,
.zoho-project .mc-btn-p,
.zoho-project .uc-item.open .uc-arr,
.zoho-project .ec-pop,
.zoho-project .btn-solid,
.zoho-project .persona::before{
    background: #22c55e;
}
.zoho-project .fi.open .fi-icon{
	background: #22c55e;
	border-color: #22c55e;
}
.zoho-project .fi.open{
	border-color: #22c55e38;
}
.zoho-project .btn-outline {
    background: transparent;
    color: #22c55e;
    border: 1.5px solid #22c55e;
}
.zoho-project .uc-item.open .uc-arr{
	border-color: #22c55e;
	transform: unset;
}
.zoho-project .uc-item.open{
	border-color: #22c55e38
}
.zoho-project .sh .lbl,
.zoho-project .lbl,
.zoho-project .uc-item.open .uc-title,
.zoho-project .ec-price{
	color: #22c55e;	
}
.zoho-project .pi,
.zoho-project .do-icon{
	background: #22c55e1a;	
}
.zoho-project .do-card::before{
	background: linear-gradient(100deg, #22c55e, #00d4b4);	
}
.zoho-project .eng-card::before{
	background: linear-gradient(90deg, #00d4b4, #22c55e);
}
.zoho-project .ec-project::before{
	background: linear-gradient(90deg, #00d4b4, #22c55e);
}
.zoho-project .ec-retainer::before{
	background: linear-gradient(90deg, #8b5cf6, #1a6bff);	
}
.zoho-one .main-h1{
		color: #00d4b4;
	}
	.zoho-one .h1 em{
		background: linear-gradient(100deg,#fb923c,#f59e0b);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}
	.zoho-one .svc-badge,
	.zoho-one .uc-tool{ 
		background: #f57c001a;
		border: 1px solid #f57c0038;
		color: #fb923c;
	}
	.zoho-one .btn-outline{ 
		background: transparent;
		border: 1px solid #f57c00;
		color: #f57c00;
	}
	.zoho-one .btn-outline:hover{
		background: #f57c001a;
	}
	.zoho-one .btn-p,
	.zoho-one .mc-btn-p,
	.zoho-one .ec-pop,
	.zoho-one .btn-solid,
	.zoho-one .persona::before,
	.zoho-one .sb-btn{
		background: #f57c00;
	}
	.zoho-one .uc-item.open .uc-arr,
	.zoho-one .fi.open .fi-icon{
		background: #f57c00;
		border-color: #f57c00;
	}
	.zoho-one .arch-list li {
		list-style: disc;
	}
	.zoho-one .arch-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .09);
	}
	.zoho-one .ec-audit::before {
		background: linear-gradient(90deg, #00d4b4, #22c55e);
	}
	.zoho-one .ec-project::before {
		background: linear-gradient(100deg, #fb923c, #f59e0b);
	}
	.zoho-one .ec-retainer::before {
		background: linear-gradient(90deg, #8b5cf6, #1a6bff);
	}
	.bi h3{
		margin-top: 7px;
		margin-bottom: 0px;
	}
	.faq h3{
		margin-bottom: 0;
		line-height: 1.3px;
	}
	.zoho-one .sh .lbl,
	.zoho-one .uc-item.open .uc-title,
	.zoho-one .ec-price{
		color: #f57c00;
	}
	.zoho-one .pi,
	.zoho-one .do-icon{
		background: #f57c001a;
	}
	.zoho-one .do-card.highlight {
		border-color: #f57c0038;
		background: linear-gradient(145deg, #f57c001a, #00d4b408);
	}
	.zoho-one .do-card::before{
		background: linear-gradient(100deg, #fb923c, #f59e0b);
	}
.zoho-one .cta-banner h2 span,
.zoho-pages .cta-banner h2 span{
	color: #00d4b4;
}
.zoho-books .uc-item.open .uc-arr {
    background: #22c55e;
    border-color: #22c55e;
}
.zoho-books h2..mc-title{font-size: 28px;}
.zoho-crm .cta-banner h2 span {
    color: #f57c00;
}
.hire-aws .comp-table th.col-im{color: #000000; !important}

/*case study design */
.cs-eyebrow{
	margin-bottom: 0;
}
.case-study.hero{max-width: 100%;}
.case-study .hero-in{width: 100%;}
/* ── CASE STUDY META TAGS ── */
.cs-meta { display:flex; align-items:center; gap:10px; margin-bottom:22px; flex-wrap:wrap; }
.cs-tag  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:4px 11px; border-radius:5px; border:1px solid; }
.cs-tag-sector  { color:#fb923c; background:rgba(249,115,22,.1); border-color:rgba(249,115,22,.22); }
.cs-tag-type    { color:rgba(0,212,180,.8); background:rgba(0,212,180,.07); border-color:rgba(0,212,180,.2); }
.cs-tag-nda     { color:rgba(180,195,220,.6); background:rgba(180,195,220,.06); border-color:rgba(180,195,220,.12); }
/* ── 5-AUDIENCE GRID ── */
.audience-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:32px; }
.aud-card {
  background: #ffffff;
  border:1px solid #e2e8f0;
  border-radius:13px;
  padding:22px 16px;
  text-align:center;
  transition:all .22s;
  position:relative;
  overflow:hidden;
  cursor:default;
}
.aud-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(100deg,#fb923c,#f59e0b); opacity:0; transition:opacity .22s; }
.aud-card:hover { border-color:rgba(249,115,22,.22); transform:translateY(-3px); box-shadow:0 10px 28px rgba(0,0,0,.08); }
.aud-card:hover::before { opacity:1; }
.aud-icon  { font-size:26px; margin-bottom:10px; }
.aud-label { font-family:var(--f-d); font-size:13px; font-weight:700; color: #0a1628; margin-bottom:5px; letter-spacing:-.2px; }
.aud-sub   { font-size:11.5px; color: #8896b0; line-height:1.5; }
/* ── MINI DASHBOARD PANELS (page-specific) ── */
.case-study .dash-panel-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px; }
.case-study .dash-mini {
  background:#050d1a;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  overflow:hidden;
}
.case-study .dm-bar  { background:#030a12; padding:9px 14px; border-bottom:1px solid rgba(255,255,255,.05); display:flex; align-items:center; justify-content:space-between; }
.case-study .dm-t    { font-family:var(--f-m); font-size:8.5px; color:rgba(255,255,255,.25); letter-spacing:.08em; }
.case-study .dm-lv   { font-size:7.5px; background:rgba(249,115,22,.1); border:1px solid rgba(249,115,22,.22); color:#fb923c; padding:2px 7px; border-radius:3px; font-family:var(--f-m); }
.case-study .dm-body { padding:12px; }
.case-study .dm-kpi  { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:8px; }
.case-study .dm-k    { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:6px; padding:8px; }
.case-study .dm-kl   { font-size:7px; font-family:var(--f-m); color:rgba(255,255,255,.28); margin-bottom:3px; }
.case-study .dm-kv   { font-family:var(--f-d); font-size:16px; font-weight:800; line-height:1; }
.case-study .dm-kd   { font-size:6.5px; color:rgba(255,255,255,.22); margin-top:2px; }
.case-study .dm-row  { display:flex; align-items:center; gap:7px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.04); }
.case-study .dm-row:last-child { border-bottom:none; }
.case-study .dm-dot  { width:5px; height:5px; border-radius:50%; flex-shrink:0; }
.case-study .dm-rn   { font-size:9px; color:rgba(255,255,255,.5); flex:1; font-family:var(--f-b); }
.case-study .dm-rv   { font-size:8px; color:rgba(255,255,255,.28); font-family:var(--f-m); }
.case-study .dm-rb   { font-size:7.5px; padding:1px 5px; border-radius:3px; font-family:var(--f-m); }
.case-study .dm-bar-chart { display:flex; align-items:flex-end; gap:3px; height:40px; padding:4px 0 0; }
.case-study .dm-bc-col { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; }
.case-study .dm-bc-bar { width:100%; border-radius:2px 2px 0 0; }
.case-study .dm-bc-lbl { font-size:6.5px; color:rgba(255,255,255,.22); font-family:var(--f-m); }

/* ── HORECA CAPABILITY SHOWCASE ── */
.horeca-section { background:linear-gradient(160deg,#150a02 0%,#0f1628 100%); padding:80px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.horeca-inner  { max-width:1200px; margin:0 auto; padding:0 36px; }
.horeca-grid   { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:48px; }
.horeca-card {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  padding:26px;
  transition:all .22s;
}
.horeca-card:hover { background:rgba(255,255,255,.06); border-color:rgba(249,115,22,.22); }
.hc-icon  { font-size:24px; margin-bottom:14px; }
.hc-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:white; margin-bottom:8px; letter-spacing:-.2px; }
.hc-desc  { font-size:13px; color:rgba(180,200,228,.55); line-height:1.65; }
.hc-metric { display:inline-flex; align-items:center; gap:5px; background:rgba(249,115,22,.1); border:1px solid rgba(249,115,22,.22); border-radius:5px; padding:3px 9px; margin-top:12px; font-family:var(--f-m); font-size:10px; color:#fb923c; }

/* ── HORECA VERTICAL CTA ── */
.horeca-cta-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:32px; }
.hcta-card {
  background:rgba(249,115,22,.06);
  border:1px solid rgba(249,115,22,.18);
  border-radius:12px;
  padding:20px 18px;
  text-align:center;
  transition:all .2s;
}
.hcta-card:hover { background:rgba(249,115,22,.1); transform:translateY(-2px); }
.hcta-icon  { font-size:24px; margin-bottom:10px; }
.hcta-label { font-family:var(--f-d); font-size:13px; font-weight:700; color:white; margin-bottom:5px; }
.hcta-sub   { font-size:11.5px; color:rgba(180,200,228,.5); line-height:1.5; }

/* ── NDA NOTICE BANNER ── */
.nda-banner {
  display:flex; align-items:flex-start; gap:14px;
  background:rgba(180,195,220,.05);
  border:1px solid rgba(180,195,220,.12);
  border-radius:12px;
  padding:18px 22px;
  margin-bottom:32px;
}
.nda-icon { font-size:20px; flex-shrink:0; margin-top:2px; }
.nda-text { font-size:13.5px; color:#4a5568; line-height:1.65; }
.nda-text strong { color:#0a1628; }

.hero.cs-elementiq {
    background: linear-gradient(160deg, #06050f 0%, #0a1628 65%, #f4f6fb 100%);
    padding: 76px 36px 0;
    position: relative;
    overflow: hidden;
}
	.cs-elementiq .h1 em {
		background: linear-gradient(100deg,#818cf8,#06b6d4);
		background-clip: text;
	}
	.cs-elementiq .btn-p{
		background: #4f46e5;
		display: inline-flex;
    align-items: center;
    gap: 7px;
    color: white;
    padding: 13px 26px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--f-d);
    border: none;
    cursor: pointer;
    transition: all .2s;
	}
/* ── CASE STUDY META ── */
.cs-meta { display:flex; align-items:center; gap:10px; margin-bottom:22px; flex-wrap:wrap; }
.cs-tag  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:4px 11px; border-radius:5px; border:1px solid; }
.cs-tag-sector  { color:#818cf8; background:rgba(79,70,229,.1); border-color:rgba(79,70,229,.22); }
.cs-tag-type    { color:rgba(0,212,180,.8); background:rgba(0,212,180,.07); border-color:rgba(0,212,180,.2); }
.cs-tag-age     { color:rgba(245,158,11,.8); background:rgba(245,158,11,.07); border-color:rgba(245,158,11,.2); }
.cs-tag-client  { color:rgba(180,195,220,.6); background:rgba(180,195,220,.06); border-color:rgba(180,195,220,.12); }

/* ── CLIENT LOGO STRIP ── */
.client-strip {
  display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:12px 18px;
  margin-bottom:28px;
  flex-wrap:wrap;
}
.cs-lbl { font-family:var(--f-m); font-size:9px; letter-spacing:.1em; text-transform:uppercase; /*color:rgba(255,255,255,.28);*/ color: rgba(212,225,223,.55); margin-right:4px; flex-shrink:0; }
.cl-badge {
  font-family:var(--f-d); font-size:13px; font-weight:800;
  padding:5px 14px; border-radius:6px; letter-spacing:-.3px;
}
.cl-711   { background:#ff6600; color:white; }
.cl-wmt   { background:#0071ce; color:white; }
.cl-badge.cl-goodwill{font-family:var(--f-m);font-size:10px;/*color:rgba(255,255,255,.3);*/ color: rgba(212,225,223,.55); }
/* ── VERSION TIMELINE ── */
.version-timeline {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:0; border:1px solid #e2e8f0;
  border-radius:14px; overflow:hidden;
  margin:40px 0;
}
.vt-item {
  padding:28px 24px;
  border-right:1px solid #e2e8f0;
  background:#ffffff;
  position:relative;
  overflow:hidden;
}
.vt-item:last-child { border-right:none; }
.vt-item.vt-active { background:linear-gradient(145deg,rgba(79,70,229,.1),rgba(6,182,212,.04)); border-right-color:rgba(79,70,229,.22); }
.vt-era  { font-family:var(--f-m); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:#8896b0; margin-bottom:8px; }
.vt-ver  { font-family:var(--f-d); font-size:20px; font-weight:800; letter-spacing:-.5px; color:#0a1628; margin-bottom:6px; }
.vt-item.vt-active .vt-ver { color:#4f46e5; }
.vt-tag  { display:inline-flex; align-items:center; gap:4px; font-family:var(--f-m); font-size:9px; color:#818cf8; background:rgba(79,70,229,.1); border:1px solid rgba(79,70,229,.22); padding:2px 8px; border-radius:4px; margin-bottom:12px; }
.vt-desc { font-size:13px; color:#4a5568; line-height:1.6; }
.vt-arrow {
  position:absolute; right:-1px; top:50%;
  transform:translateY(-50%);
  width:22px; height:22px; background:#f4f6fb;
  border:1px solid #e2e8f0; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:10px; color:#8896b0; z-index:2;
}

/* ── DISPATCH BOARD (visual centrepiece) ── */
.dispatch-board {
  background:#040a14;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  overflow:hidden;
  margin:32px 0;
}
.db-header {
  background:#020609;
  padding:10px 16px;
  border-bottom:1px solid rgba(255,255,255,.05);
  display:flex; align-items:center; justify-content:space-between;
}
.db-title { font-family:var(--f-m); font-size:9px; color:rgba(255,255,255,.35); letter-spacing:.1em; }
.db-zones { display:flex; gap:10px; }
.db-zone  { font-family:var(--f-m); font-size:8px; padding:2px 8px; border-radius:3px; }
.dz-est { background:rgba(79,70,229,.2); color:#818cf8; border:1px solid rgba(79,70,229,.3); }
.dz-cst { background:rgba(0,212,180,.15); color:#00d4b4; border:1px solid rgba(0,212,180,.25); }
.dz-mst { background:rgba(245,158,11,.15); color:#f59e0b; border:1px solid rgba(245,158,11,.25); }
.dz-pst { background:rgba(239,68,68,.15); color:#ef4444; border:1px solid rgba(239,68,68,.25); }
.db-body { padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.db-panel { background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05); border-radius:8px; padding:10px; }
.db-pl   { font-size:8px; font-family:var(--f-m); color:rgba(255,255,255,.22); margin-bottom:8px; letter-spacing:.06em; }
.db-wo   { display:flex; align-items:center; gap:7px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,.04); }
.db-wo:last-child { border-bottom:none; padding-bottom:0; }
.db-status { width:8px; height:8px; border-radius:2px; flex-shrink:0; }
.st-pending  { background:#f59e0b; box-shadow:0 0 6px rgba(245,158,11,.6); }
.st-accepted { background:#22c55e; box-shadow:0 0 6px rgba(34,197,94,.5); }
.st-delayed  { background:#ef4444; box-shadow:0 0 6px rgba(239,68,68,.5); animation:pulse 1.5s infinite; }
.st-transit  { background:#818cf8; box-shadow:0 0 6px rgba(129,140,248,.5); }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.45} }
.db-wo-info { flex:1; }
.db-wo-id   { font-family:var(--f-m); font-size:8px; color:rgba(255,255,255,.5); }
.db-wo-loc  { font-size:9px; color:rgba(255,255,255,.35); }
.db-wo-tz   { font-family:var(--f-m); font-size:7.5px; color:rgba(255,255,255,.22); }
.db-wo-badge { font-size:7.5px; padding:1px 6px; border-radius:3px; font-family:var(--f-m); flex-shrink:0; }
.b-pending  { background:rgba(245,158,11,.12); color:#fbbf24; border:1px solid rgba(245,158,11,.25); }
.b-accepted { background:rgba(34,197,94,.1); color:#22c55e; border:1px solid rgba(34,197,94,.2); }
.b-delayed  { background:rgba(239,68,68,.12); color:#ef4444; border:1px solid rgba(239,68,68,.25); }
.b-transit  { background:rgba(129,140,248,.1); color:#818cf8; border:1px solid rgba(129,140,248,.2); }
.callout-key {
    background: rgba(26, 107, 255, .07);
    border: 1px solid rgba(26, 107, 255, .18);
    border-left: 3px solid #1a6bff;
}
	.cl-blue {
    color: #1a6bff;
}
	.callout-tip {
    background: rgba(0, 212, 180, .07);
    border: 1px solid rgba(0, 212, 180, .18);
    border-left: 3px solid #00d4b4;
}
	.callout {
    border-radius: 12px;
    padding: 20px 24px;
    margin: 24px 0;
}
	.callout-label {
    font-family: var(--f-m);
    font-size: 9.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
	.callout p {
    font-size: 14.5px;
    margin-bottom: 0;
    line-height: 1.68;
		color: rgba(255,255,255,.45);
}
	.cl-teal {
    color: #00d4b4;
}
/* ── TECH MODULE GRID ── */
.module-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:32px; }
.mod-card {
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:13px;
  padding:22px 18px;
  transition:all .2s;
  position:relative;
  overflow:hidden;
}
.mod-card::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0; height:2px;
  background:t(100deg,#818cf8,#06b6d4);
  opacity:0; transition:opacity .2s;
}
.mod-card:hover { border-color:rgba(79,70,229,.22); transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.mod-card:hover::after { opacity:1; }
.mod-icon  { font-size:22px; margin-bottom:12px; }
.mod-title { font-family:var(--f-d); font-size:14px; font-weight:700; color:#0a1628; margin-bottom:6px; letter-spacing:-.2px; }
.mod-desc  { font-size:12.5px; color:#4a5568; line-height:1.6; }

/* ── ELEMENTIQ UPGRADE SECTION ── */
.elementiq-band {
  background:linear-gradient(135deg,#06050f 0%,#0a0f2e 50%,#060d1e 100%);
  border-top:1px solid rgba(79,70,229,.2);
  border-bottom:1px solid rgba(79,70,229,.2);
  padding:88px 0;
  position:relative;
  overflow:hidden;
}
.elementiq-band::before {
  content:'';
  position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 80% at 80% 50%, rgba(79,70,229,.12), transparent);
}
.eq-inner { max-width:1200px; margin:0 auto; padding:0 36px; position:relative; z-index:1; }
.eq-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(79,70,229,.15);
  border:1px solid rgba(79,70,229,.3);
  border-radius:8px;
  padding:7px 16px;
  margin-bottom:24px;
}
.eq-badge-icon { font-size:14px; }
.eq-badge-text { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#818cf8; }
.eq-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.eq-title { font-family:var(--f-d); font-size:clamp(32px,4vw,52px); font-weight:900; letter-spacing:-2px; color:white; line-height:1.05; margin-bottom:16px; }
.eq-title span { background:t(100deg,#818cf8,#06b6d4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.eq-desc  { font-size:16px; color:rgba(180,200,228,.65); line-height:1.75; font-weight:300; margin-bottom:28px; }
.eq-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.eq-pill  { font-family:var(--f-m); font-size:11px; padding:5px 12px; border-radius:5px; background:rgba(79,70,229,.12); border:1px solid rgba(79,70,229,.25); color:#818cf8; }
.eq-compare { display:flex; flex-direction:column; gap:10px; }
.eq-row {
  display:grid; grid-template-columns:1fr 24px 1fr;
  align-items:center; gap:8px;
}
.eq-old {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  padding:12px 16px;
}
.eq-new {
  background:rgba(79,70,229,.08);
  border:1px solid rgba(79,70,229,.2);
  border-radius:8px;
  padding:12px 16px;
}
.eq-arrow { text-align:center; color:rgba(79,70,229,.6); font-size:14px; }
.eq-row-label { font-family:var(--f-m); font-size:9px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:3px; opacity:.5; }
.eq-row-val   { font-family:var(--f-d); font-size:13px; font-weight:600; line-height:1.3; }
.eq-old .eq-row-label { color:rgba(255,255,255,.35); }
.eq-old .eq-row-val   { color:rgba(255,255,255,.55); }
.eq-new .eq-row-label { color:#818cf8; }
.eq-new .eq-row-val   { color:white; }

/* ── SKILL MATCH VISUALISER ── */
.skill-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:0;}
.skill-match {
  background:#040a14;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  padding:16px;
  margin-top:24px;
}
.sm-title { font-family:var(--f-m); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.25); margin-bottom:12px; }
.sm-row   { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.sm-row:last-child { margin-bottom:0; }
.sm-label { font-size:10px; color:rgba(255,255,255,.45); font-family:var(--f-m); width:110px; flex-shrink:0; }
.sm-bar-wrap { flex:1; background:rgba(255,255,255,.05); border-radius:3px; height:6px; overflow:hidden; }
.sm-bar   { height:100%; border-radius:3px; transition:width .3s; }
.sm-val   { font-family:var(--f-m); font-size:9px; color:rgba(255,255,255,.3); width:32px; text-align:right; flex-shrink:0; }
	.cs-elementiq .uc-item.open .uc-arr {
    background:  #4f46e5;
    border-color:  #4f46e5;
    color: white;
	}
	.cs-elementiq .uc-item.open .uc-title {
    color: #4f46e5;
}
.case-study.cs-elementiq .sh .lbl{color: #00d4b4;}
 .case-study.cs-elementiq .sh p.p-mu{color: rgba(212,225,223,.55);} 
.case-study.cs-elementiq .bs-num {
    font-family: var(--f-d);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1;
    color: #00d4b4;
    min-width: 88px;
}
.case-study.cs-elementiq .fi.open .fi-icon{
	background: #4f46e5;
	border-color: #4f46e5;
}
.case-study.cs-elementiq .sb-btn{
	background: #4f46e5;
}
.related-heading{
	font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4f46e5;margin-bottom:14px;
}
.hero.case-study.executive-bi-casestudy {
    background: linear-gradient(160deg, #020812 0%, #0a1628 65%, #f4f6fb 100%);
    padding: 76px 36px 0;
    position: relative;
    overflow: hidden;
	max-width: 100%;
}
.hero.case-study.executive-bi-casestudy .hero-in{
	width: 100%;
}
.case-study.executive-bi-casestudy .ms-strip,
.case-study .ms-strip{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: rgba(6, 13, 30, .82);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}
.case-study .blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 32px 0 0;
}
.case-study .blog-tag {
    font-size: 11.5px;
    padding: 4px 11px;
    background: #f4f6fb;
		border: 1px solid #e2e8f0;
		color: #8896b0;
    border-radius: 5px;
    font-family: var(--f-m);
}
.case-study .before-after {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 24px 0;
}
.case-study .ba-panel {
    border-radius: 12px;
    padding: 22px 24px;
}
.case-study .ba-before {
    background: rgba(239, 68, 68, .06);
    border: 1px solid rgba(239, 68, 68, .15);
    border-left: 3px solid #ef4444;
}
.case-study .ba-after {
    background: rgba(34, 197, 94, .06);
    border: 1px solid rgba(34, 197, 94, .15);
    border-left: 3px solid var(--green);
}
.case-study .ba-panel {
    border-radius: 12px;
    padding: 22px 24px;
}
.case-study .ba-panel ul {
    margin: 0;
    gap: 6px;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.case-study .ba-panel li {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 13.5px;
    color: var(--txt2);
    line-height: 1.55;
}
.case-study .ba-before li::before {
    content: '✗';
    color: #ef4444;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 1px;
}
.case-study .ba-after li::before {
    content: '✓';
    color: var(--green);
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 1px;
}
.case-study .h2-dk {
    color: white;
}
.cs-restaurant.hero {
    background: linear-gradient(160deg, var(--hero-bg) 0%, #0a1628 65%, var(--page) 100%);
    padding: 76px 36px 0;
    position: relative;
    overflow: hidden;
}
.cs-restaurant .h1 em{background: linear-gradient(100deg,#fb923c,#f59e0b); background-clip: text;}
.cs-restaurant .btn-p, .mc-btn-p{background: #f97316;}
.cs-restaurant .btn-p{border: none;}
.cs-restaurant .p-mu {
    color: rgba(180, 200, 228, .62);
}
.cs-restaurant .uc-item.open .uc-title {
    color: #f97316;
}
.cs-restaurant .uc-item.open .uc-arr,
.cs-restaurant .fi.open .fi-icon{
    background: #f97316;
    border-color: #f97316;
	}
.case-study.cs-restaurant .sb-btn{background:#f97316; }
.cs-restaurant .fi-icon{
		background: #f4f6fb;
		border: 1px solid #e2e8f0;
		color: #8896b0;
	}
	
.cs-restaurant .bs-num {
    font-family: var(--f-d);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1;
    color: var(--teal);
    min-width: 88px;
}
.cs-restaurant .fi.open {
    border-color: rgba(249,115,22,.22);
}
/* Tablet & Mobile */
@media (max-width: 1200px) {

  .nav-toggle {
    display: block;
  }
	.nav-wrap{
		justify-content: space-between;
	}
	.nl.open.mob-industries{
    margin-bottom: 30px;
}
/*   .nav-links {
    position: fixed;
    top: 64px;
    left: -100%;
	  right: -100%;
    width: 280px;
    height: calc(100vh - 64px);
    background: #080f20;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    transition: left 0.3s ease;
    border-right: 1px solid var(--dk-bdr);
    overflow-y: auto;
  } */
	.sp-btn-p, .sp-btn-s{
		display: block;
		margin-bottom: 10px;
	}
	.ms-item{
		font-size: 13px;
	}
	.mobile-sub .ms-item{
		padding: 6px 0;
	}
	.nav-links {
  display: none;
  position: fixed;
  top: 64px;
  right: 0;
  width: 300px;
  height: calc(100vh - 64px);
  background: #080f20;
  padding: 20px;
  z-index: 999;
}

.nav-links.open {
  display: block;
}
	.nl-arr{font-size: 13px;}
/*   .nav-links.open {
    left: 0;
	  right: 0;
  } */
	.nav-links.open .nl.open{
		flex-direction: column;
		align-items: flex-start;
	}
  .nl, .nl-plain {
    width: 100%;
    padding: 12px;
    font-size: 14px;
  }

  .nav-r {
/*     display: none; /* optional */ 
	  flex-direction: column;
 align-items: flex-start;
 margin-top: 30px;
  }

  .mega {
    display: none !important; /* disable mega */
  }

  .nav-links {
    flex-direction: column;
  }

/*   .nl {
    flex-direction: column;
    align-items: flex-start;
  }
 */
	.nl{
		white-space: normal;
	}
  .mobile-sub {
    width: 100%;
    display: none;
    padding-left: 12px;
	  padding-right: 12px;
    margin-top: 5px;
  }

  .mobile-sub a {
    display: block;
    padding: 8px 0;
    font-size: 13px;
    color: var(--muted);
    text-decoration: none;
  }

  .mobile-sub a:hover {
    color: white;
  }

  .nl.open .mobile-sub {
    display: block;
  }
	.mobile-sub-inner {
  display: none;
  padding-left: 12px;
}

.mobile-sub-inner a {
  font-size: 12px;
  padding: 6px 0;
/*   color: rgba(136,150,180,.8); */
	color: rgba(212,225,223,.55);
}

/* show when open */
.ms-item.open .mobile-sub-inner {
  display: block;
	padding-top: 5px;
}
	.mob-pad{
		padding-bottom: 0px;
	}
	.mobile-sub.insights-sub{
		max-height: 320px;
    overflow: scroll;
    padding-bottom: 20px;
	}
	.mobile-sub.about-sub{
		max-height: 270px;
    overflow: scroll;
	}
	.mobile-sub-inner.zoho-sub,
	.mobile-sub.industries-sub{
		max-height: 300px;
		overflow: scroll;
	}
}
/* Tablet */
@media (max-width: 992px) {
  .foot-top {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .foot-links-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
	.zoho-people .pain-grid,
	.zoho-people .do-grid,
	.zoho-people .process {
		grid-template-columns: repeat(2, 1fr);
	}
	.zoho-people .proc:nth-child(1),
	.zoho-people .proc:nth-child(2){
		border-bottom: 1px solid #e2e8f0;
	}
	.api.bidashboard .lng-grid{
		grid-template-columns: 1fr;
	}
	button#chatbot-launcher {
    bottom: 13% !important;
    right: 10% !important;
}
}
@media (max-width: 768px){
	.manufacturing .pain-grid,
	.finance .pain-grid,
	.manufacturing .svc-grid,
	.finance .svc-grid, .api .int-grid,
	.api .pain-grid, .api .do-grid,
	.home-page .ai-grid,
	.zoho-people .ms-strip,
	.api.bidashboard .tool-grid,
	.predictive .model-grid,
	.aiagent .pain-grid,
	.aiagent .do-grid,
	.llm-generative .ms-strip,
	.llm-generative .pain-grid,
	.llm-generative .do-grid,
	.aidocument-processing .ms-strip,
	.aidocument-processing .pain-grid,
	.aidocument-processing .do-grid,
	.case-study .built-grid,
	.case-study.zohone-solarinstaller .arch-grid,
	.case-study.zohone-solarinstaller .rel-grid,
	.case-study .pain-grid,
	.case-study .audience-grid,
	.case-study .horeca-cta-row,
	.case-study .horeca-grid,
	.case-study .module-grid,
	.bi-reporting .do-grid,
	.cloud-service .rel-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.zoho-people .hero-in,
	.hero.hire-aws .hero-in,
	.retail .hero-in{
		gap: 0;
		margin-bottom: 30px;
	}
	
	.manufacturing .cta-banner,
	.finance .cta-banner,
	.api .cta-banner,
	.zoho-pages .impact-grid,
	.zoho-pages .cta-banner,
	.zoho-people .cta-banner,
	.aiagent .cta-banner{
		grid-template-columns: 1fr;
		gap: 25px;
	}
	.hero.api.bidashboard .hero-in
	{max-width: 100%;}
	.zoho-people .hero-in,
	.zoho-people .eng-grid,
	.zoho-people .impact-grid,
	.zoho-people .test-grid,
	.zoho-people .uc-item.open .uc-body,
	 .hero.api.bidashboard .hero-in,
	.api.bidashboard .eng-grid,
	.api.bidashboard .process,
	.api.bidashboard .test-grid,
	.aiagent .eng-grid,
	.aiagent .persona-grid,
	.aiagent .faq-grid,
	.aiagent .test-grid,
	.llm-generative .impact-grid,
	.llm-generative .eng-grid,
	.llm-generative .test-grid,
	.aidocument-processing .impact-grid,
	.aidocument-processing .eng-grid,
	.aidocument-processing .persona-grid,
	.aidocument-processing .faq-grid,
	.aidocument-processing .test-grid,
	.case-study .results-layout,
	.case-study .dash-panel-row,
	.case-study.cs-elementiq .version-timeline,
	.case-study .eq-grid,
	.hero-in,
	.cloud-service .migration-grid,
	.cloud-service .eng-grid,
	.cloud-service .process,
	.cloud-service .faq-grid,
	.cloud-service .impact-grid{
		grid-template-columns: 1fr !important;
	}
	.manufacturing .cta-banner .cta-r,
	.finance .cta-banner .cta-r,
	.api .cta-banner .cta-r,
	.zoho-pages .cta-banner .cta-r,
	.zoho-people .cta-banner .cta-r,
	.aiagent .cta-banner .cta-r{
		align-items: flex-start;
	}
	.sec.manufacturing,
	.sec.finance{
		padding: 50px 36px;
	}
	.home-page .process-row,
	.zoho-pages .ind-grid,
	.aiagent .rel-grid{
		grid-template-columns: repeat(3,1fr);
	}
	.home-page .case-grid{
		grid-template-columns: repeat(2,1fr);
	}
	.home-page .ind-grid-l{
		grid-template-columns: repeat(4,1fr);
	}
	.zoho-people .ms:nth-child(1),
	.zoho-people .ms:nth-child(2){
		border-bottom: 1px solid #ffffff0f;
	}
	.zoho-inventory .bom-row{
    gap: 5px;
}
	.zoho-one .complexity-badge,
.zoho-one .cmp-label,
.zoho-one .cmp-stars{
    display: block;
}
 
.zoho-one .arch-grid{
    grid-template-columns: repeat(2, 1fr);
}
	.hero-stats.api{
		margin-top: 30px;
	}
}
@media (max-width: 690px){
	.zoho-people .persona-grid,
	.case-study .cs-layout{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 620px){
	.manufacturing .hero-in .hero-left, .finance .hero-in .hero-left
	{width: 100%;}
	.manufacturing .hero-in, .finance .hero-in, .hero.api .hero-in
	{display: block;}
	.manufacturing .impact-grid, .finance .impact-grid
	{display: block;}
	.manufacturing .impact-grid .impact-dark, 
	.finance .impact-grid .impact-dark{margin-bottom: 20px;}
	.manufacturing .persona-grid, 
	.finance .persona-grid,
	.manufacturing .process,
	.finance .process,
	.manufacturing .faq-grid,
	.finance .faq-grid,
	.manufacturing .test-grid,
	.finance .test-grid,
	.manufacturing .rel-grid,
	.finance .rel-grid,
	.api .eng-grid,
	.api .process,
	.api .persona-grid,
	.api .faq-grid,.api .int-grid,
	.api .pain-grid, .api .do-grid,
	.home-page .ai-grid,
	.home-page .case-grid,
	.home-page .test-grid,
	.home-page .process-row,
	.zoho-pages .marketplace-container,
	.zoho-pages .ai-zoho-banner,
	.zoho-pages .prod-panel.vis,
	.zoho-pages .case-featured,
	.zoho-pages .test-featured,
	.zoho-pages .persona-grid,
	.zoho-pages .process,
	.zoho-pages .faq-grid,
	.zoho-pages .rel-grid,
	.zoho-people .hero-in
	.zoho-people .impact-grid,
	.zoho-people .faq-grid,
	.zoho-people .do-grid,
	.zoho-people .pain-grid,
	.zoho-people .ms-strip,
	.api.bidashboard .faq-grid,
	.api.bidashboard .impact-grid,
	.predictive .model-grid,
	.aiagent .rel-grid,
	.aiagent .process,
	.llm-generative .process,
	.llm-generative .persona-grid,
	.llm-generative .faq-grid,
	.llm-generative .rel-grid,
	.aidocument-processing .rel-grid,
	.aidocument-processing .process,
	.aidocument-processing .pain-grid,
	.case-study .rel-grid,
	.case-study .before-after,
	.case-study .impact-grid,
	.case-study .faq-grid,
	.case-study .skill-match-grid,
	.case-study.cs-challenges-grid,
	.case-study.cs-realestate .map-features,
	.bi-reporting .do-grid,
	.bi-reporting .schedule-grid,
	.bi-reporting .impact-grid,
	.project-resucue .scenario-grid,
	.project-resucue .impact-grid,
	.project-resucue .eng-grid,
	.project-resucue .process,
	.project-resucue .rel-grid{
		grid-template-columns: 1fr !important;
	}
	 .hero-industry.zoho-pages .hero-left{
		width: 100%;
	}
	.manufacturing .metrics-strip,
	.finance .metrics-strip, .hero-stats.api .ms-strip{
		display: block;
		margin-bottom: 0;
	}
	.manufacturing .proc,
	.finance .proc{
		border-right: 0;
		border-bottom: 1px solid var(--bdr);
	}
	.manufacturing .proc:last-child,
	.finance .proc:last-child{
		border-bottom: 0;
	}
	.api .uc-item.open .uc-body{
		display: block !important;
	}
	.home-page .ind-grid-l{
		grid-template-columns: repeat(3,1fr);
	}
	.home-page .stats-in,
	.zoho-pages .ind-grid,
	.zoho-people .rel-grid,
	.api.bidashboard .rel-grid,
	.aiagent .ms-strip,
	.case-study .metrics-band,
	.case-study.executive-bi-casestudy .ms-strip,
	.case-study .ms-strip{
		grid-template-columns: repeat(2,1fr) !important;
	}
	.hero.aiagent, .hero.llm-generative{
		padding: 96px var(--gut) 0px 40px;
	}
	.hero.llm-generative .hero-in{
		gap: 30px;
	}
	.zoho-pages .free-banner,
	.zoho-people .mkt-badge{
		display: block;
	}
	.zoho-people .ms:nth-child(3){
		border-bottom: 1px solid #ffffff0f;
	}
	.zoho-one .arch-grid,
	.aiagent .impact-grid{
    grid-template-columns: 1fr;
}
 
.zoho-one .connection-strip{
    padding: 20px 20px;
    display: block;
}
	.zoho-creator .user-type-grid{
   grid-template-columns: repeat(2, 1fr);
}
 
.zoho-project .td-rule{
  display: block;
}
}/* Mobile */
@media (max-width: 576px) {
  .foot-links-grid {
    grid-template-columns: 1fr;
  }

  .foot-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .foot-policies {
    flex-wrap: wrap;
    gap: 10px;
  }
	.finance .cta-banner,
	.manufacturing .cta-banner,
	.api .cta-banner,
	.zoho-pages .cta-banner,
	.zoho-people .cta-banner,
	.aiagent .cta-banner{
		padding: 30px;
	}

	.finance .cta-banner .cta-r .btn-w,
	.manufacturing .cta-banner .cta-r .btn-w,
	.api .cta-banner .cta-r .btn-w,
	.zoho-pages .cta-banner .cta-r .btn-w,
	.zoho-people .cta-banner .cta-r .btn-w,
	.aiagent .cta-banner .cta-r .btn-w{
		white-space: normal;
	}
	.aiagent .uc-item.open .uc-body,
	.llm-generative .uc-item.open .uc-body,
	.aidocument-processing .uc-item.open .uc-body{
		display: block;
	}
	.case-study.zohone-solarinstaller .arch-grid,
	.case-study.zohone-solarinstaller .built-grid,
	.case-study .built-grid,
	.case-study .pain-grid,
	.case-study .audience-grid,
	.case-study .horeca-cta-row,
	.case-study .horeca-grid{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 530px){
.zoho-one .conn-arrow{
    text-align: center;
    transform: rotate(90deg);
}
	.api .rel-grid{
		grid-template-columns: repeat(2,1fr);
	}
	.case-study .db-body{
		grid-template-columns: 1fr;
	}
	
}
@media (max-width: 500px){
	.home-page .ind-grid-l,
	.zoho-pages .metrics-strip{
		grid-template-columns: repeat(2,1fr);
	}
	.zoho-pages .azb-right,
	.api.bidashboard .tool-grid,
	.case-study .built-grid,
	.case-study .module-grid{
		grid-template-columns: 1fr !important;
	}
	.h1{
		font-size: 40px !important;
	}
}
@media (max-width: 480px){
	.manufacturing .pain-grid, .manufacturing .svc-grid,
	.finance .pain-grid, .finance .svc-grid,
	.manufacturing .pain-grid,
	.finance .pain-grid,
	.zoho-pages .azb-right,
	.zoho-people .process,
	.zoho-people .rel-grid,
	.zoho-inventory .channel-grid,
	.api.bidashboard .rel-grid,
	.aiagent .pain-grid,
	.aiagent .do-grid,
	.llm-generative .pain-grid,
	.llm-generative .do-grid,
	.aidocument-processing .do-grid{
		grid-template-columns: 1fr !important;
	}
	.zoho-people .proc:nth-child(3){
		border-bottom: 1px solid #e2e8f0;
	}
	.zoho-people .mc-right{
		align-items: start;
		flex-direction: column;
	}
	.zoho-inventory .bom-row{
    display: block;
}
.zoho-inventory .bom-arrow{
    text-align: center;
}
.zoho-inventory .bom-item{
    margin-bottom: 10px;
}
	.zoho-creator .user-type-grid{
   grid-template-columns: 1fr !important;
}
 
.zoho-project .td-then{
    white-space: normal;
}
	.case-study.cs-elementiq.mid-cta .mid-cta-in{
		display: block;
	}
	
}
@media (max-width: 400px){
	.manufacturing .impact-grid .impact-dark .bs,
	.zoho-pages .impact-grid .impact-dark .bs,
	.api.bidashboard .impact-grid .impact-dark .bs,
	.aiagent .impact-grid .impact-dark .bs,
	.llm-generative .impact-grid .impact-dark .bs,
	.aidocument-processing .impact-grid .impact-dark .bs,
	.case-study .results-layout .result-stats .rs,
	.case-study .impact-grid .impact-dark .bs,
	.zd-tabs.mob-block,
	.impact-grid .impact-dark .bs{
		display: block;
	}
	.manufacturing .uc-item.open .uc-body{
		padding: 0 22px 24px 24px;
	}
	.zoho-pages .ind-grid,
	.api .rel-grid,
	.case-study .ms-strip,
	.case-study.executive-bi-casestudy .ms-strip,
	.case-study .metrics-band{
		grid-template-columns: 1fr !important;
	}
	.sticky-bar .sb-left{
		display: block;
	}
	.predictive .bs{
		display: block;
	}
	
	.mid-cta.zoho-crm .mid-cta-in,
	.mid-cta .mid-cta-in{
		display: block;
	}
	.mid-cta.zoho-crm .mid-cta-in .mc-right,
	.mid-cta .mid-cta-in .mc-right{
		margin-top: 15px;
	}
}
/*existing pages old design css */
/*Hire Azure Devops page - main-2.css */
/*Body CSS*/


/* extra css for fixing design issues on existing pages */
main.services-page.bannerImg.web-application-dev.node-js.highcharts .individual-specialization{
    min-height: 240px !important;
}
main.services-page.bannerImg.web-application-dev.node-js.highcharts .individual-specialization .specialization-details,
main.services-page.bannerImg.web-application-dev.node-js.highcharts .individual-specialization img {
    position: relative;
    z-index: 1;
}
main.services-page.bannerImg.web-application-dev.node-js.highcharts .individual-specialization:before{
    z-index: 1;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .cta-section:before {
    width: 98%;
    z-index: 0;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .cta-content {
    text-align: center;
}

.services-page.bannerImg.web-application-dev.node-js.highcharts .cta-btn-div .cta-btn-new.arrow:hover:before{
    top: 0px;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .industry-card .card-content h5{
    color: #ffffff;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .industry-card {
    padding: 0px; 
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .faq-section {
    padding-top: 6em;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .faq-section .mt-5 {
    margin-top: 3rem !important;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .formTxtHeading h3 {
    color: #222222;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .services-banner.section2.form-section .container{
   padding-left: 30px;
   padding-right: 30px;
}
.services-page.asp-net .stats-section .banner-stats .stats-box.stats-headingtag h6{
    color: #ffffff;
}
.services-page.asp-net .services-banner {
    background: unset;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
}
.services-page.asp-net .expertize-card:hover {
    transform: translateY(-15px) ! Important;
    box-shadow: 0 14px 18px 0 #ccc;
}
.services-page.asp-net .expertize-card {
    padding: 30px;
    text-align: center;
    box-shadow: 0 0 18px 0 #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: all .5s linear;
    margin-bottom: 30px;
    min-height: 385px;
	height: 100%;
}
.services-page.asp-net .expertize-card:hover::before {
    width: 600px;
    height: 495px;
    border-radius: 0;
    transition: all .5s linear;
}
 
.services-page.asp-net .expertize-card::before {
    content: "";
    position: absolute;
    width: 306px;
    height: 325px;
    border-radius: 50%;
    top: -105px;
    left: -130px;
    background: #eff6ff;
    z-index: 1;
}
.services-page.asp-net .expertize-card:hover .expertize-icon {
    transform: rotateY(360deg);
    transition: all .5s linear;
}
.services-page.asp-net .expertize-icon {
    position: relative;
    z-index: 1;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    margin: 0 auto 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 18px 0 #eaeaea;
    transition: all .5s linear;
}
.services-page.asp-net .expertize-desc h3 {
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
}
.services-page.asp-net .expertize-desc h3::after {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width: 40px;
    background: #001c64;
}
.services-page.asp-net .expertize-desc p {
    font-size: 14px;
}
.services-page.asp-net .expertize-card:hover::after {
    width: 100%;
    transition: width .2s linear;
}
.services-page.asp-net .expertize-card::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 50%;
    background: #001c64;
    transition: all .5s linear;
}
.asp-net .expertize-desc {
    position: relative;
    z-index: 1;
}
.services-page.asp-net  expertize-section.alt .services-section-heading {
    margin-bottom: 50px;
}
.services-page.asp-net .cta-content {
    position: relative;
}
.services-page.asp-net .cta-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 95%;
    background: #001C64;
    z-index: 0;
    border-radius: 0 25px 25px 0;
}
.services-page.asp-net .faq-section {
    padding-top: 6em;
    position: relative;
    margin-top: 6em;
    padding-bottom: 6em;
}
.services-page.asp-net .faq-section::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: 98%;
    background: #001c64;
    border-radius: 25px 0 0 25px;
}
.services-page.asp-net .faq-section .img-fluid {
    max-width: calc(100% - 20px);
    height: auto;
    display: flex;
    margin: auto;
    animation: imageanimation 4s ease-in-out 0s infinite;
}
.services-page.asp-net .faq-section h2 {
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 3rem !important;
}
.services-page.asp-net .faq-accordion {
    border-radius: 12px;
    background: #fff;
}
.services-page.asp-net .faq-section .mt-5 {
    margin-top: 3rem !important;
}
 .services-page.asp-net .methodology-section {
    position: relative;
}
.services-page.asp-net .methodology-section::before {
    content: '';
    position: absolute;
    left: -200px;
    right: -150px;
    height: 100%;
    display: block;
    background: url(/wp-content/uploads/2021/07/proccess-box-arrow.png) no-repeat;
    bottom: 22px;
    background-position: bottom;
    z-index: 0;
}
.methodology-section .row.mt-5 .col-md-6:nth-child(1):before {
    content: "01";
}
.methodology-section .row.mt-5 .col-md-6:nth-child(2):before {
    content: "02";
}
.methodology-section .row.mt-5 .col-md-6:nth-child(3):before {
    content: "03";
}
.methodology-section .row.mt-5 .col-md-6:nth-child(4):before {
    content: "04";
}
@keyframes imageanimation{
    0% {
      transform: translateX(0);
    }
    35% {
      transform: translateX(-12px);
    }
    70% {
      transform: translateX(12px);
    }
    100% {
      transform: translateX(0);
    }
}
.services-page.asp-net .how-we-work-process-2 {
    height: auto;
}
.services-page.asp-net .methodology-section::before{
    display: none;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .services-banner.section1.banner-bg{
	background: url(/wp-content/uploads/2025/08/Highcharts-Development-Services_banner.jpg) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    position: relative !important;
    padding: 160px 0 140px !important;
    color: #fff !important;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .section1.banner-bg .banner-content .headingH1.singleh1{
	font-size: 50px;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .section1.banner-bg .banner-content .headingH1.singleh1,
.services-page.bannerImg.web-application-dev.node-js.highcharts .section1.banner-bg .banner-content .headingH2{
	color: #fff !important;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts .section1.banner-bg .banner-content p{
	color: rgb(255 255 255 / .7);
}
.services-page.bannerImg.web-application-dev.node-js.highcharts.maui .services-banner.section1.banner-bg {
    background: url(/wp-content/uploads/2025/07/NET-MAUI-App-Development-Services_banner.jpg) !important;
    background-size: cover !important;
    background-position: right !important;
    background-attachment: scroll !important;
    position: relative !important;
    padding: 160px 0 140px !important;
    color: #fff !important;
    display: flex;
    align-items: center;
}
.services-page.bannerImg.web-application-dev.node-js.highcharts.maui .individual-specialization {
    min-height: 310px !important;
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .services-banner.hire-landing-pagebanner-sharepoint.first-bg {
    background: url(/wp-content/uploads/2024/01/Hire-Top-tier-SharePoint-Developers-at-Affordable-Prices.jpg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    position: relative;
	padding: 100px 0 50px;
	color: #fff;
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .services-banner.hire-landing-pagebanner-sharepoint.first-bg:before{
	height: 100%;
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .banner-content .headingH1.font70.mern{
	font-size: 58px;
	color: #ffffff;
	margin-bottom: 25px;
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .banner-content .banner-cta-btns.react-native.mern{
	margin-top: 60px;
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .our-services {
    padding-top: 0;
    padding-top: 5em !important;
    padding-bottom: 5em;
}
.sharepoint .services-box:hover {
    color: #fff;
    background: #001C64;
    transform: scale(1.05);
}
.sharepoint .services-box:hover img {
    filter: brightness(100);
}
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .services-banner.hire-landing-pagebanner-sharepoint.first-bg .banner-desc-list ul li p,
.services-page.hire-us.sharepoint-dev.affordable-sharepoint .font24,
.services-box:hover h3,
.sharepoint .services-box:hover .services-content p {
    color: #fff;
}
.sharepoint .services-box {
    padding: 25px 15px;
    background: transparent;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    height: 100%;
}
.affordable-sharepoint .sharepoint .services-box h3 {
    font-size: 20px;
    font-weight: 400;    
}
.affordable-sharepoint .sharepoint .row{
    margin-bottom: 20px;
}
.affordable-sharepoint .sharepoint .row.justify-center{
    margin-bottom: 3rem;
}
.affordable-sharepoint .hire-landing-models{
    background-image: unset;
    background-color: #ffffff;
}
.affordable-sharepoint .specialization-field{
    color: #333;
    text-align: center;
    overflow: hidden;
    padding: 19px 15px 30px;
    background: #F5F5F6;
    box-shadow: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin: 0 10px;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    box-shadow: none;
    height: 100%;
}
.affordable-sharepoint .hideContent {
    opacity: 1;
}
 
.affordable-sharepoint .when-to-hire:before{
    background: #ffffff;
}
.affordable-sharepoint .faq-section {
    padding-top: 6em;
}
.affordable-sharepoint .faq-section h2{
    margin-bottom: 3rem !important;
}
.affordable-sharepoint .text-center .cta-btn{
    margin-top: 3rem !important;
}
@media (min-width: 991px){
	.site-header .megamenu{
		padding: 30px 20px 30px 10px !important;
	}
   .timeline-panel-body{
	max-width: 450px;
}
	.hire-models-box .col-sm-6.col-md-6.col-lg-6 {
    padding: 0;
}
}
@media (max-width: 991px){
	.services-page.bannerImg.web-application-dev.node-js.highcharts .faq-section:before{
		display: none;
	}
}
@media (min-width: 768px){
	.services-page.bannerImg.web-application-dev.node-js.highcharts .cta-btn-div .cta-btn-new:before{
    top: 16px;
}
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
	.highcharts .column.left-column{
     flex-basis: 100%;
}
.highcharts .services-banner.section2.form-section .row{
     justify-content: center;
}
.highcharts .right-column{
     flex-basis: 65%;
}
}


.active-content {
  display: block;
}

.minh{
	min-height: 250px;
}
.df-btn.df-color2, .df-btn.df-color3, .df-btn.df-color4, .df-btn.df-color6, .df-btn.df-color8, .df-btn.df-color9, .df-btn.df-color10, .df-btn.df-color11, .df-btn.df-color12, .df-btn.df-color13, .df-btn.df-color14, .df-btn.df-color15, .df-btn.df-color16, .df-btn.df-color17, .df-btn.df-color18, .df-btn.df-color19, .df-btn.df-color20, .df-btn.df-color23, .df-btn.df-color24{
	color: #fff;
}
.df-contact-form-wrapper.df-style1 p, .df-contact-form-wrapper.df-style2 p {
    position: relative;
    margin-bottom: 20px;
}
.df-contact-form-wrapper p {
    margin: 0;
}
.df-btn.df-style3, .df-btn.df-style5 {
    min-width: 150px;
    padding: 0.7em 2.1em;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
.df-contact-form-wrapper .wpcf7-form-control-wrap input, .df-contact-form-wrapper .wpcf7-form-control-wrap textarea {
    width: 100%;
    border: 1px solid #eaeaea;
    height: 42px;
    padding: 8px 15px;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #666;
    display: block;
    font-weight: 300;
}
.df-line1-6 {
    line-height: 1.6em;
}
.df-051e31-c {
    color: #051e31;
}

.df-accordian.df-style2 .df-accordian-title {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 13px 20px;
    background-color: #fafafa;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.df-accordian.df-style2 .df-accordian-btn {
    display: block;
    height: 10px;
    width: 10px;
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}
.df-accordian.df-style2 .df-accordian-btn:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3px;
    left: 0;
}
.df-accordian.df-style2 .df-accordian-btn:before, .df-accordian.df-style2 .df-accordian-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: #051e31;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.df-accordian.df-style2 .df-accordian-btn:after {
    top: 3px;
    left: 0px;
}
.df-accordian.df-style2 .df-accordian-body {
    padding: 15px 20px;
    border: 1px solid #eaeaea;
    border-radius: 0 0 4px 4px;
    margin-top: -2px;
}
.marg-lg-b10 {
    height: 10px;
}
.single-post section.stats-section:before{display: none;}
.single-post .third-col-left .df-accordian-title{
	font-size: 16px;
    font-weight: 500;
    border: 1px solid #eaeaea !important;
    border-radius: 4px;
    padding: 13px 20px;
    background-color: #fafafa !important;
    position: relative;
    cursor: pointer;
	display: flex;
    align-items: center;
}
.single-post .third-col-left .df-accordian .df-accordian-icon{
	display: flex;
	margin-right: 10px;
}
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-btn
 {
    display: block;
    height: 10px;
    width: 10px;
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-btn:before, 
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: #051e31;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-btn:before
 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3px;
    left: 0;
}
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-btn:after
 {
    top: 3px;
    left: 0px;
}
.single-post .third-col-left .df-accordian.df-style2 .df-accordian-body
 {
    padding: 15px 20px;
    border: 1px solid #eaeaea;
    border-radius: 0 0 4px 4px;
    margin-top: -2px;
}
body.search.search-results .tb-content, body.archive.category .tb-content{opacity: 1 !important;}
.right-sidebar .tb-post-thumb {
    background-color: #fafafa;
}
.right-sidebar .tb-post-thumb, .tb-post-title a {
    display: block;
}
.right-sidebar .tb-post.tb-style3 .tb-post-thumb .tb-zoom-in1 {
    height: 100%;
    width: 100%;
}
.right-sidebar .tb-post.tb-style3 .tb-post-thumb .tb-bg {
    display: block;
    height: 100%;
    width: 100%;
}
.right-sidebar .tb-post.tb-style3.tb-size1 .tb-post-thumb {
    height: 90px;
    width: 90px;
    margin-right: 12px;
    margin-bottom: 0;
}
.right-sidebar .tb-post.tb-style3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.right-sidebar .tb-post.tb-style3 .tb-post-thumb {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 75px;
    width: 100px;
    margin-right: 20px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.single-post h1.blog-h1{
	font-weight: 900;
}
/*blog new design css */
.blog-hero-in { max-width:820px; margin:0 auto; }
.blog-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.blog-cat { font-family:var(--f-m); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#00d4b4; }
.blog-tag { font-family:var(--f-m); font-size:10px; background:rgba(124,58,237,.1); border:1px solid rgba(124,58,237,.22); color:#a78bfa; padding:2px 9px; border-radius:4px; }
.blog-h1 { font-family:var(--f-d); font-size:46px; font-weight:900; letter-spacing:-2px; color:white; line-height:1.08; margin-bottom:18px; }
.blog-h1 em { font-style:normal; background:linear-gradient(100deg,#a78bfa,#34d399); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.single-post .blog-deck { font-size:17px; color:rgba(255,255,255,.5); line-height:1.75; font-weight:300; margin-bottom:28px; }
.single-post .blog-meta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.bm-item { font-family:var(--f-m); font-size:11px; color:rgba(255,255,255,.3); }
.bm-dot  { width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.15); display:inline-block; margin:0 6px; vertical-align:middle; }
.article-content-section .article-body { padding:52px 0 80px; }
.article-content-section .article { max-width:820px; margin:0 auto; padding:0 36px; }
.article-content-section .prose h2 { font-family:var(--f-d); font-size:clamp(20px,2.5vw,30px); font-weight:800; letter-spacing:-1px; color:#0a1628; margin:48px 0 16px; line-height:1.2; }
.article-content-section .prose h3 { font-family:var(--f-d); font-size:18px; font-weight:700; color:#0a1628; margin:32px 0 12px; letter-spacing:-.3px; }
.article-content-section .prose p  { font-size:15px; color:#4a5568; line-height:1.85; margin-bottom:18px; }
.article-content-section .prose p strong { color:#0a1628; font-weight:600; }
.article-content-section .prose ul { margin:16px 0 20px; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.article-content-section .prose ul li { font-size:15px; color:#4a5568; line-height:1.7; display:flex; gap:10px; align-items:flex-start; }
.article-content-section .prose ul li::before { content:'→'; color:#00d4b4; flex-shrink:0; font-family:var(--f-m); font-size:12px; margin-top:4px; }
.article-content-section .prose hr { border:none; border-top:1px solid #e2e8f0; margin:48px 0; }

/* Era timeline */
.article-content-section .era-list { display:flex; flex-direction:column; gap:0; margin:32px 0; }
.article-content-section .era {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid var(--bdr);
  position: relative;
}
.article-content-section .era:last-child { border-bottom: none; }
.article-content-section .era-year {
  flex-shrink: 0;
}
.article-content-section .era-yr-label {
  font-family: var(--f-d);
  font-size: 22px;
  font-weight: 900 !important;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 4px;
}
.article-content-section .era-yr-sub {
  font-family: var(--f-m);
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8896b0;
}
.article-content-section .era-title { font-family:var(--f-d); font-size:18px; font-weight:700; color:#0a1628; margin-bottom:8px; letter-spacing:-.4px; }
.article-content-section .era-stack { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
.article-content-section .era-pill  { font-family:var(--f-m); font-size:11px; padding:3px 9px; border-radius:4px; background:#f4f6fb; border:1px solid #e2e8f0; color:#8896b0; }
.article-content-section .era-pill.current { background:rgba(124,58,237,.1); border-color:rgba(124,58,237,.22); color:#a78bfa; }
.article-content-section .era-text  { font-size:14px; color:#4a5568; line-height:1.75; }
.article-content-section .era-text strong { color:#0a1628; }
.article-content-section .era-lesson { margin-top:10px; padding:10px 14px; background:#f4f6fb; border-left:3px solid rgba(124,58,237,.22); border-radius:0 8px 8px 0; font-size:13px; color:#4a5568; font-style:italic; }
/* What stayed, what didn't */
.article-content-section .stayed-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:28px 0; }
.article-content-section .sg-panel { border-radius:12px; padding:22px; }
.article-content-section .sg-stayed { background:rgba(34,197,94,.04); border:1px solid rgba(34,197,94,.14); }
.article-content-section .sg-gone   { background:rgba(100,116,139,.04); border:1px solid rgba(100,116,139,.14); }
.article-content-section .sg-label  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
.article-content-section .sg-stayed .sg-label { color:#4ade80; }
.article-content-section .sg-gone   .sg-label { color:#8896b0; }
.article-content-section .sg-list   { display:flex; flex-direction:column; gap:6px; }
.article-content-section .sg-item   { font-size:13px; color:#4a5568; display:flex; gap:7px; line-height:1.5; }
.article-content-section .sg-stayed .sg-item::before { content:'✓'; color:#22c55e; flex-shrink:0; font-size:11px; margin-top:1px; }
.article-content-section .sg-gone .sg-item::before { content:'→'; color:#8896b0; flex-shrink:0; font-size:11px; margin-top:1px; }

/* Current stack panel */
.article-content-section .current-stack {
  background: #060d1e;
  border-radius: 16px;
  padding: 28px 32px;
  margin: 28px 0;
}
.article-content-section .cs-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:20px; }
.article-content-section .cs-rows  { display:flex; flex-direction:column; gap:10px; }
.article-content-section .cs-row   { display:flex; align-items:flex-start; gap:14px; }
.article-content-section .cs-cat   { font-family:var(--f-m); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.25); min-width:110px; flex-shrink:0; margin-top:3px; }
.article-content-section .cs-pills { display:flex; flex-wrap:wrap; gap:6px; }
.article-content-section .cs-pill  { font-family:var(--f-m); font-size:11px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.6); padding:3px 10px; border-radius:4px; }
.article-content-section .cs-pill.highlight { background:rgba(124,58,237,.1); border-color:rgba(124,58,237,.22); color:#a78bfa; }

/* Principle boxes */
.article-content-section .principle { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:flex-start; padding:18px 20px; background:var(--card); border:1px solid #e2e8f0; border-radius:12px; margin:12px 0; }
.article-content-section .pr-num  { font-family:var(--f-d); font-size:24px; font-weight:900 !important; color:rgba(167,139,250,.3); letter-spacing:-1px; flex-shrink:0; }
.article-content-section .pr-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:#0a1628; margin-bottom:5px; }
.article-content-section .pr-text  { font-size:13px; color:#4a5568; line-height:1.65; }
.article-content-section .pull-quote { border-left:3px solid #7c3aed; padding:16px 24px; background:rgba(124,58,237,.1); border-radius:0 10px 10px 0; margin:28px 0; }
.article-content-section .pq-text { font-family:var(--f-d); font-size:17px; font-weight:600; color:#0a1628; line-height:1.5; letter-spacing:-.3px; }
.article-content-section .blog-cta { background:#060d1e; border-radius:16px; padding:36px; margin:48px 0 0; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.article-content-section .bc-title { font-family:var(--f-d); font-size:22px; font-weight:700 !important; color:white; letter-spacing:-.5px; line-height: 1.2;margin-bottom:8px; }
.article-content-section .bc-title span { background:linear-gradient(100deg,#a78bfa,#34d399); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.article-content-section .bc-sub { font-size:13.5px; color:rgba(255,255,255,.4); line-height:1.65; }
.article-content-section .bc-btn { display:inline-flex; align-items:center; background:#7c3aed; color:white; padding:13px 24px; border-radius:10px; font-size:14px; font-weight:600; cursor:pointer; border:none; white-space:nowrap; transition:opacity .2s; }
.article-content-section .bc-btn:hover { opacity:.85; }
.article-content-section .related-posts { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:25px; }
.article-content-section .rp-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:20px; text-decoration:none; transition:all .2s; display:block; }
.article-content-section .rp-card:hover { border-color:rgba(124,58,237,.22); transform:translateY(-2px); }
.article-content-section .rp-cat   { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#00d4b4; margin-bottom:7px; }
.article-content-section .rp-title { font-family:var(--f-d); font-size:14px; font-weight:700 !important; color:#0a1628; line-height:1.35; }
.article-content-section{background: #f4f6fb;}
.article-content-section .related-posts-heading{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8896b0;margin-bottom:16px;}
.postid-46852 .blog-hero { background:linear-gradient(160deg,#07020f 0%,#0d0520 100%); padding:72px 36px 52px; }
.postid-46852 .addtoany_content, 
.postid-46947 .addtoany_content,
.postid-47130 .addtoany_content,
.postid-47168 .addtoany_content,
.postid-47209 .addtoany_content,
.postid-47224 .addtoany_content,
.postid-47247 .addtoany_content,
.postid-47255 .addtoany_content,
.postid-47272 .addtoany_content,
.postid-47292 .addtoany_content,
.postid-47306 .addtoany_content,
.postid-47403 .addtoany_content,
.postid-47428 .addtoany_content,
.postid-47760 .addtoany_content,
.postid-47838 .addtoany_content {display: none;}
.postid-46947 .blog-hero { background:linear-gradient(160deg,#07020f 0%,#0a0520 100%); padding:72px 36px 52px; }
.postid-46947 .blog-h1 em{background: linear-gradient(100deg,#a78bfa,#22d3ee); background-clip: text;}
.postid-47130 .blog-hero { background:linear-gradient(160deg,#020e06 0%,#061a0e 100%); padding:72px 36px 52px; }
.postid-47130 .blog-cat { color:#00d4b4; }
.postid-47130 .blog-tag { background: rgba(5,150,105,.1); border: 1px solid rgba(5,150,105,.22); color: #34d399; }
.postid-47130 .blog-h1 em {background:linear-gradient(100deg,#34d399,#22d3ee); background-clip: text; }
.postid-47760 .article-content-section .hidden-costs h3,
.postid-47838 .article-content-section .hidden-costs h3{margin-top: 5px;}
.article-content-section .prose p strong { color:#0a1628; font-weight:600; }
.article-content-section .prose ul { margin:16px 0 20px; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.article-content-section .prose ul li { font-size:15px; color:#4a5568; line-height:1.7; display:flex; gap:10px; align-items:flex-start; }
.article-content-section .prose ul li::before { content:'→'; color:#00d4b4; flex-shrink:0; font-family:var(--f-m); font-size:12px; margin-top:4px; }
.article-content-section .prose hr { border:none; border-top:1px solid #e2e8f0; margin:48px 0; }

/* Comparison table */
.article-content-section .compare-table { width:100%; border-collapse:collapse; margin:28px 0; font-size:14px; }
.article-content-section .compare-table th { padding:14px 18px; text-align:left; font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.article-content-section .compare-table th:first-child { background:#f4f6fb; color:#8896b0; width:35%; }
.article-content-section .compare-table th.th-dq  { background:rgba(37,99,235,.08); color:#60a5fa !important; }
.article-content-section .compare-table th.th-wh  { background:rgba(124,58,237,.08); color:#a78bfa !important; }
.article-content-section .compare-table td { padding:12px 18px; border-bottom:1px solid #e2e8f0; vertical-align:top; line-height:1.55; }
.article-content-section .compare-table td:first-child { font-size:13px; font-weight:600; color:#0a1628; background:#f4f6fb; }
.article-content-section .compare-table td.td-dq { background:rgba(37,99,235,.03); color:#4a5568 !important; font-size:13px; }
.article-content-section .compare-table td.td-wh { background:rgba(124,58,237,.03); color:#4a5568 !important; font-size:13px; }
.article-content-section .compare-table tr:last-child td { border-bottom:none; }
/* When to use each */
.article-content-section .use-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:28px 0; }
.article-content-section .use-panel { border-radius:14px; padding:24px; }
.article-content-section .up-dq { background:rgba(37,99,235,.05); border:1px solid rgba(37,99,235,.18); }
.article-content-section .up-wh { background:rgba(124,58,237,.05); border:1px solid rgba(124,58,237,.18); }
.article-content-section .up-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px; }
.article-content-section .up-dq .up-label { color:#60a5fa; }
.article-content-section .up-wh .up-label { color:#a78bfa; }
.article-content-section .up-list { display:flex; flex-direction:column; gap:8px; }
.article-content-section .up-item { font-size:13.5px; color:#4a5568; display:flex; gap:8px; align-items:flex-start; line-height:1.55; }
.article-content-section .up-dq .up-item::before { content:'✓'; color:#2563eb; flex-shrink:0; font-size:11px; margin-top:1px; }
.article-content-section .up-wh .up-item::before { content:'✓'; color:#7c3aed; flex-shrink:0; font-size:11px; margin-top:1px; }
/* The hidden costs box */
.article-content-section .hidden-costs {
  background: rgba(239,68,68,.05);
  border: 1px solid rgba(239,68,68,.18);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 28px 0;
}
.article-content-section .hc-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#f87171; margin-bottom:14px; }
.article-content-section .hc-list  { display:flex; flex-direction:column; gap:8px; }
.article-content-section .hc-item  { font-size:13.5px; color:#4a5568; display:flex; gap:8px; align-items:flex-start; line-height:1.55; }
.article-content-section .hc-item::before { content:'⚠'; color:#f59e0b; flex-shrink:0; font-size:11px; margin-top:1px; }

/* Decision flowchart styled */
.article-content-section .decision-flow {
  background: #060d1e;
  border-radius: 14px;
  padding: 28px;
  margin: 28px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.article-content-section .df-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:8px; }
.article-content-section .df-q { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:14px 18px; }
.article-content-section .df-question { font-size:13.5px; color:rgba(255,255,255,.8); font-weight:600; margin-bottom:8px; }
.article-content-section .df-answers { display:flex; flex-direction:column; gap:5px; }
.article-content-section .df-ans { font-size:12.5px; color:rgba(255,255,255,.5); display:flex; gap:8px; align-items:flex-start; }
.article-content-section .df-yes { color:#4ade80; flex-shrink:0; font-family:var(--f-m); font-size:10px; font-weight:700; margin-top:2px; }
.article-content-section .df-no  { color:#f87171; flex-shrink:0; font-family:var(--f-m); font-size:10px; font-weight:700; margin-top:2px; }

.article-content-section .pull-quote { border-left:3px solid #7c3aed; padding:16px 24px; background:rgba(124,58,237,.1); border-radius:0 10px 10px 0; margin:28px 0; }
.article-content-section .pull-quote.data-warehouse{border-left: 3px solid #7c3aed; background: rgba(124,58,237,.1);}
.article-content-section .pq-text { font-family:var(--f-d); font-size:17px; font-weight:600; color:#0a1628; line-height:1.5; letter-spacing:-.3px; font-style: italic; }
.article-content-section .real-world { background:linear-gradient(135deg,rgba(0,212,180,.06),rgba(37,99,235,.04)); border:1px solid rgba(0,212,180,.18); border-radius:14px; padding:24px 28px; margin:28px 0; }
.article-content-section .rw-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#00d4b4; margin-bottom:12px; }
.article-content-section .rw-text  { font-size:13.5px; color:#4a5568; line-height:1.75; }
.article-content-section .rw-text strong { color:#0a1628; }
/* Method cards */
.article-content-section.apiguide .method-cards { display:flex; flex-direction:column; gap:16px; margin:28px 0; }
.article-content-section.apiguide .mc { border-radius:14px; overflow:hidden; border:1px solid #e2e8f0; }
.article-content-section.apiguide .mc-header { padding:20px 24px 16px; display:flex; align-items:flex-start; gap:14px; }
.article-content-section.apiguide .mc-icon   { font-size:24px; flex-shrink:0; margin-top:2px; }
.article-content-section.apiguide .mc-badge  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
.article-content-section.apiguide .mc-name   { font-family:var(--f-d); font-size:20px; font-weight:800; letter-spacing:-.6px; color:#0a1628; margin-bottom:3px; }
.article-content-section.apiguide .mc-tagline { font-size:13px; color:#8896b0; font-family:var(--f-m); }
.article-content-section.apiguide .mc-body   { padding:0 24px 20px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.article-content-section.apiguide .mc-col-label { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; color:#8896b0; }
.article-content-section.apiguide .mc-list   { display:flex; flex-direction:column; gap:5px; }
.article-content-section.apiguide .mc-item   { font-size:13px; color:#4a5568; display:flex; gap:6px; line-height:1.5; }
.article-content-section.apiguide .mc-item.good::before { content:'✓'; color:#22c55e; flex-shrink:0; font-size:11px; margin-top:1px; }
.article-content-section.apiguide .mc-item.bad::before  { content:'✗'; color:#ef4444; flex-shrink:0; font-size:11px; margin-top:1px; }
.article-content-section.apiguide .mc-footer { padding:12px 24px 16px; border-top:1px solid #e2e8f0; font-size:13px; color:#4a5568; }
.article-content-section.apiguide .mc-footer strong { color:#0a1628; }

/* Method colours */
.article-content-section.apiguide .mc-rest   { border-top:3px solid #2563eb; }
.article-content-section.apiguide .mc-rest .mc-badge { color:#60a5fa; }
.article-content-section.apiguide .mc-hook   { border-top:3px solid #059669; }
.article-content-section.apiguide .mc-hook .mc-badge { color:#a78bfa; }
.article-content-section.apiguide .mc-gql    { border-top:3px solid #e91e9e; }
.article-content-section.apiguide .mc-gql .mc-badge { color:#f472b6; }
.article-content-section.apiguide .mc-soap   { border-top:3px solid #6b7280; }
.article-content-section.apiguide .mc-soap .mc-badge { color:#9ca3af; }
.article-content-section.apiguide .mc-ftp    { border-top:3px solid #d97706; }
.article-content-section.apiguide .mc-ftp .mc-badge { color:#fbbf24; }
.article-content-section.apiguide .mc-email  { border-top:3px solid #7c3aed; }
.article-content-section.apiguide.mc-email .mc-badge { color:#a78bfa; }

/* Push vs pull diagram */
.article-content-section.apiguide .push-pull {
  background: #060d1e;
  border-radius: 14px;
  padding: 28px;
  margin: 28px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.article-content-section.apiguide .pp-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px; }
.article-content-section.apiguide .pp-pull .pp-label { color:#60a5fa; }
.article-content-section.apiguide .pp-push .pp-label { color:#34d399; }
.article-content-section.apiguide .pp-flow { display:flex; flex-direction:column; gap:6px; }
.article-content-section.apiguide .pp-step { font-size:12.5px; color:rgba(255,255,255,.5); display:flex; gap:8px; line-height:1.5; }
.article-content-section.apiguide .pp-pull .pp-step::before { content:'→'; color:#60a5fa; flex-shrink:0; font-size:11px; margin-top:2px; }
.article-content-section.apiguide .pp-push .pp-step::before { content:'→'; color:#34d399; flex-shrink:0; font-size:11px; margin-top:2px; }
.article-content-section.apiguide .pp-verdict { margin-top:12px; font-size:12px; color:rgba(255,255,255,.35); font-family:var(--f-m); border-top:1px solid rgba(255,255,255,.07); padding-top:10px; }

/* Decision table */
.article-content-section.apiguide .decision-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:13.5px; }
.article-content-section.apiguide .decision-table th { background:var(--navy); color:rgba(255,255,255,.6) !important; font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:12px 16px; text-align:left; }
.article-content-section.apiguide .decision-table td { padding:12px 16px; border-bottom:1px solid var(--bdr); color:var(--txt2) !important; vertical-align:top; line-height:1.55; }
.article-content-section.apiguide .decision-table tr:last-child td { border-bottom:none; }
.article-content-section.apiguide .decision-table tr:hover td { background:rgba(5,150,105,.03); }
.article-content-section.apiguide .dt-method { font-family:var(--f-d); font-weight:700; color:var(--txt1); white-space:nowrap; }

/* What every integration needs */
.article-content-section.apiguide .must-have { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.article-content-section.apiguide .mh-card { background:var(--card); border:1px solid var(--bdr); border-radius:12px; padding:18px 20px; }
.article-content-section.apiguide .mh-icon  { font-size:18px; margin-bottom:8px; }
.article-content-section.apiguide .mh-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:var(--txt1); margin-bottom:5px; }
.article-content-section.apiguide .mh-body  { font-size:13.5px; color:var(--txt2); line-height:1.65; }

/* No API box */
.article-content-section.apiguide .no-api-box {
  background: linear-gradient(135deg,rgba(217,119,6,.08),rgba(124,58,237,.05));
  border: 1px solid rgba(217,119,6,.2);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 28px 0;
}
.article-content-section.apiguide .nab-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#fbbf24; margin-bottom:12px; }
.article-content-section.apiguide .nab-text  { font-size:14px; color:var(--txt2); line-height:1.78; }
.article-content-section.apiguide .nab-text strong { color:var(--txt1); }

.article-content-section.apiguide .pull-quote { border-left:3px solid #059669; padding:16px 24px; background:rgba(5,150,105,.1); border-radius:0 10px 10px 0; margin:28px 0; }
.article-content-section.apiguide .pq-text { font-family:var(--f-d); font-size:17px; font-weight:600; color:var(--txt1); line-height:1.5; letter-spacing:-.3px; }

.article-content-section.apiguide .real-world { background:linear-gradient(135deg,rgba(0,212,180,.06),rgba(37,99,235,.04)); border:1px solid rgba(0,212,180,.18); border-radius:14px; padding:24px 28px; margin:28px 0; }
.article-content-section.apiguide .rw-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#00d4b4; margin-bottom:12px; }
.article-content-section.apiguide .rw-text  { font-size:13.5px; color:var(--txt2); line-height:1.75; }
.article-content-section.apiguide .rw-text strong { color:var(--txt1); }

.article-content-section.apiguide .blog-cta { background:#060d1e; border-radius:16px; padding:36px; margin:48px 0 0; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.article-content-section.apiguide .bc-title { font-family:var(--f-d); font-size:22px; font-weight:700; color:white; letter-spacing:-.5px; margin-bottom:8px; }
.article-content-section.apiguide .bc-title span { background:linear-gradient(100deg,#34d399,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.article-content-section.apiguide .bc-sub { font-size:13.5px; color:rgba(255,255,255,.4); line-height:1.65; }
.article-content-section.apiguide .bc-btn { display:inline-flex; align-items:center; background:#059669; color:white; padding:13px 24px; border-radius:10px; font-size:14px; font-weight:600; cursor:pointer; border:none; white-space:nowrap; transition:opacity .2s; }
.article-content-section.apiguide .bc-btn:hover { opacity:.85; }
.postid-47168 .blog-hero { background:linear-gradient(160deg,#020812 0%,#0a1628 100%); padding:72px 36px 52px; }
.postid-47168 .blog-h1 em{ background: linear-gradient(100deg,#60a5fa,#00d4b4); background-clip: text;}
.postid-47168 .blog-tag{background: rgba(37,99,235,.1); border: 1px solid rgba(37,99,235,.22); color: #60a5fa;}
.postid-47168 .pull-quote.executive-bi { border-left: 3px solid #2563eb; background: rgba(37,99,235,.1);}
.postid-47168 .bc-title span{background: linear-gradient(100deg,#60a5fa,#00d4b4); background-clip: text;}
.postid-47168 .bc-btn{background: #2563eb;}
/* Problem frame */
.article-content-section .problem-frame {
  background: rgba(239,68,68,.05);
  border: 1px solid rgba(239,68,68,.18);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 28px 0;
}
.article-content-section .pf-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#f87171; margin-bottom:14px; }
.article-content-section .pf-list  { display:flex; flex-direction:column; gap:8px; }
.article-content-section .pf-item  { font-size:13.5px; color:var(--txt2); display:flex; gap:8px; line-height:1.55; }
.article-content-section .pf-item::before { content:'✗'; color:#ef4444; flex-shrink:0; font-size:11px; margin-top:2px; }

/* The two streams architecture */
.article-content-section .streams {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0;
}
.article-content-section .stream-card {
  background: #060d1e;
  border-radius: 14px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.08);
}
.article-content-section .sc-header { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.article-content-section .sc-num { font-family:var(--f-d); font-size:28px; font-weight:900 !important; letter-spacing:-1px; }
.article-content-section .sc-s1 .sc-num { color:#60a5fa; }
.article-content-section .sc-s2 .sc-num { color:#a78bfa; }
.article-content-section .sc-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:white; }
.article-content-section .sc-steps { display:flex; flex-direction:column; gap:7px; }
.article-content-section .sc-step { font-size:12.5px; color:rgba(255,255,255,.5); display:flex; gap:7px; align-items:flex-start; line-height:1.5; }
.article-content-section .sc-s1 .sc-step::before { content:'→'; color:#60a5fa; flex-shrink:0; font-size:11px; margin-top:2px; }
.article-content-section .sc-s2 .sc-step::before { content:'→'; color:#a78bfa; flex-shrink:0; font-size:11px; margin-top:2px; }

/* Output panel */
.article-content-section .output-panel {
  background: rgba(34,197,94,.06);
  border: 1px solid rgba(34,197,94,.2);
  border-radius: 12px;
  padding:18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 16px 0 28px;
}
.article-content-section .op-icon { font-size:22px; flex-shrink:0; }
.article-content-section .op-text { font-size:13.5px; color:var(--txt2); line-height:1.6; }
.article-content-section .op-text strong { color:var(--txt1); }

/* Insight boxes */
.article-content-section .insight-box {
  background: linear-gradient(135deg,rgba(37,99,235,.08),rgba(0,212,180,.05));
  border: 1px solid rgba(37,99,235,.2);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 28px 0;
}
.article-content-section .ib-eyebrow { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#60a5fa; margin-bottom:10px; }
.article-content-section .ib-title { font-family:var(--f-d); font-size:18px; font-weight:700; color:var(--txt1); margin-bottom:10px; letter-spacing:-.4px; }
.article-content-section .ib-body  { font-size:14px; color:var(--txt2); line-height:1.78; }

/* What we learned panel */
.article-content-section .learned-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0; }
.article-content-section .lg-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:20px; }
.article-content-section .lg-num  { font-family:var(--f-d); font-size:32px; font-weight:900 !important; color:#60a5fa; letter-spacing:-1px; margin-bottom:6px; }
.article-content-section .lg-title { font-family:var(--f-d); font-size:14px; font-weight:700; color:var(--txt1); margin-bottom:6px; }
.article-content-section .lg-body  { font-size:12.5px; color:var(--txt2); line-height:1.65; }

/* Where it applies */
.article-content-section .applies-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.article-content-section .ag-card { background:#f4f6fb; border:1px solid #e2e8f0; border-radius:10px; padding:16px 18px; display:flex; gap:10px; }
.article-content-section .ag-icon { font-size:18px; flex-shrink:0; margin-top:2px; }
.article-content-section .ag-text { font-size:13px; color:var(--txt2); line-height:1.6; }
.article-content-section .ag-text strong { color:var(--txt1); display:block; margin-bottom:3px; }

.article-content-section .pull-quote { border-left:3px solid #2563eb; padding:16px 24px; background:rgba(37,99,235,.1); border-radius:0 10px 10px 0; margin:28px 0; }
.article-content-section .pq-text { font-family:var(--f-d); font-size:17px; font-weight:600 !important; color:var(--txt1); line-height:1.5; letter-spacing:-.3px; }
.article-content-section .executive-bi .sc-num{opacity: 1;}
.article-content-section .dqa-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
/* Failure reasons grid */
.article-content-section .failure-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:28px 0; }
.article-content-section .fg-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:22px; border-left:3px solid #ef4444; }
.article-content-section .fg-num   { font-family:var(--f-d); font-size:28px; font-weight:900; color:rgba(239,68,68,.2); letter-spacing:-1px; margin-bottom:4px; }
.article-content-section .fg-title { font-family:var(--f-d); font-size:15px; font-weight:700; color:var(--txt1); margin-bottom:8px; }
.article-content-section .fg-body  { font-size:13px; color:var(--txt2); line-height:1.65; }

/* What used vs unused looks like */
.article-content-section .used-unused { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:28px 0; }
.article-content-section .uu-panel { border-radius:14px; padding:22px 24px; }
.article-content-section .uu-unused { background:rgba(239,68,68,.04); border:1px solid rgba(239,68,68,.14); }
.article-content-section .uu-used   { background:rgba(34,197,94,.04); border:1px solid rgba(34,197,94,.14); }
.article-content-section .uu-label  { font-family:var(--f-m); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
.article-content-section .uu-unused .uu-label { color:#f87171; }
.article-content-section .uu-used   .uu-label { color:#4ade80; }
.article-content-section .uu-list   { display:flex; flex-direction:column; gap:7px; }
.article-content-section .uu-item   { font-size:13px; color:var(--txt2); display:flex; gap:7px; align-items:flex-start; line-height:1.5; }
.article-content-section .uu-unused .uu-item::before { content:'✗'; color:#ef4444; flex-shrink:0; font-size:11px; margin-top:1px; }
.article-content-section .uu-used .uu-item::before { content:'✓'; color:#22c55e; flex-shrink:0; font-size:11px; margin-top:1px; }

/* The trust problem */
.article-content-section .trust-chain {
  background: var(--navy);
  border-radius: 14px;
  padding: 28px 32px;
  margin: 28px 0;
}
.article-content-section .tc-label { font-family:var(--f-m); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:20px; }
.article-content-section .tc-steps { display:flex; flex-direction:column; gap:0; }
.article-content-section .tc-step  { display:flex; align-items:flex-start; gap:14px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.article-content-section .tc-step:last-child { border-bottom:none; }
.article-content-section .tc-arrow { font-size:14px; color:rgba(255,255,255,.15); flex-shrink:0; margin-top:2px; font-family:var(--f-m); }
.article-content-section .tc-text  { font-size:13px; color:rgba(255,255,255,.5); line-height:1.55; }
.article-content-section .tc-text strong { color:rgba(255,255,255,.8); }

/* Fix cards */
.article-content-section .fix-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0; }
.article-content-section .fix-card { background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(0,212,180,.03)); border:1px solid rgba(34,197,94,.15); border-radius:12px; padding:20px; }
.article-content-section .fix-icon  { font-size:20px; margin-bottom:8px; }
.article-content-section .fix-title { font-family:var(--f-d); font-size:14px; font-weight:700; color:var(--txt1); margin-bottom:6px; }
.article-content-section .fix-body  { font-size:12.5px; color:var(--txt2); line-height:1.65; }

/* Checklist */
.article-content-section .checklist { display:flex; flex-direction:column; gap:10px; margin:24px 0; }
.article-content-section .cl-item   { display:flex; align-items:flex-start; gap:12px; padding:14px 18px; background:#ffffff; border:1px solid #e2e8f0; border-radius:10px; }
.article-content-section .cl-check  { font-size:18px; flex-shrink:0; margin-top:1px; }
.article-content-section .cl-text   { font-size:13.5px; color:var(--txt2); line-height:1.6; }
.article-content-section .cl-text strong { color:var(--txt1); display:block; margin-bottom:3px; }
.postid-47306 .blog-hero { background:linear-gradient(160deg,#120202 0%,#1a0505 100%); padding:72px 36px 52px; }
.postid-47306 .blog-h1 em { font-style:normal; background:linear-gradient(100deg,#f87171,#f59e0b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.postid-46947 .sb-btn,
.postid-46852 .sb-btn{background: #7c3aed;}
.api.case-study .btn-ow:hover, .api.case-study .btn-ow:visited, .api.case-study .btn-ow:active, .api.case-study .btn-ow:focus{color: rgba(255,255,255,.5);}
.cs-nav-link:hover, .cs-nav-link:active, .cs-nav-link:visited, .cs-nav-link:focus{color: #4a5568;}
.case-study .tl-body{color:#88919f !important;}
.case-study .related-cs-heading{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1a6bff;margin-bottom:14px;}
.book-aiaudit .fc-body input:focus+span, .book-aiaudit .fc-body input:not(:placeholder-shown)+span{opacity: 1;} 
.article-content-section .prose h3.era-title, .article-content-section .prose h3.sg-label,
.article-content-section .prose h3.pr-title, .article-content-section .prose h3.up-label, .article-content-section .prose h3.mc-name, 
.article-content-section .prose h3.pp-label, .article-content-section .prose h3.mh-title, .article-content-section .prose h3.ob-label {margin: 0 0 8px;}
.article-content-section .prose h3.sg-label, .article-content-section .prose h3.up-label {font-size: 12px;}
.article-content-section h3.sc-title{color: white !important; margin: 0 !important;}
.article-content-section h3.lg-title, .article-content-section h3.st-q{margin: 0 0 6px;}
.article-content-section h3.ag-title{margin: 0 0 3px;}
.article-content-section h3.af-label{font-size: 12px; margin: 0 0 8px; color: #fbbf24;}
.article-content-section .af-arch h3.af-label{color: #fbbf24;}
.article-content-section .af-arch h3.af-label{color: #fbbf24;}
.article-content-section .h3-space {
    margin-bottom: 20px;
}
.article-content-section .pattern-list h3.pat-name{font-size: 16px; font-weight: 300 !important; margin: 0px 0 0;}
.article-content-section .saas-list h3.class_h4{margin-top: 0; font-weight: 400 !important; color: #4a5568 !important;}
.zoho-people .bs-num{font-size: 28px;}
.article-content-section .gb-col.gb-existing .gb-col-label,
.article-content-section .ww-panel.ww-without .ww-label, 
.article-content-section .uu-unused .uu-label{font-size: 12px; color: #f87171; margin: 0 0 6px;}
.article-content-section .gb-col.gb-needed .gb-col-label,
.article-content-section .ww-panel.ww-with .ww-label,
.article-content-section .uu-used .uu-label{font-size: 12px; color: #4ade80; margin: 0 0 6px;}
.article-content-section h3.es-title{color: #fff; font-size: 15px;margin: 0 0 6px; }
.article-content-section h3.sign-title{color: #0a1628;margin-top: 0;font-size: 14px;margin-bottom: 5px;font-weight: 600;}
.article-content-section.blog-biprojects .fg-num{font-weight: 900 !important;}
.article-content-section.blog-biprojects h3.fg-title{margin: 0 0 6px; font-size: 15px;}
.article-content-section.blog-biprojects .tc-arrow{color: #8896b0;}
.article-content-section.blog-biprojects .h3heading{margin-bottom: 20px;}
.article-content-section.blog-biprojects .fix-grid h3.fix-title{margin: 0 0 6px;}
.single-post.elementor-template-full-width .addtoany_content{display: none;}
.g-recaptcha {
  transform: scale(0.9);
  transform-origin: 0 0;
}
@media (max-width: 768px){
	.article-content-section .use-grid,
	.article-content-section .scope-grid{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 620px){
	.article-content-section .stayed-grid,
	.article-content-section .blog-cta.api,
	.article-content-section.apiguide .must-have,
	.article-content-section .streams.executive-bi,
	.article-content-section .applies-grid,
	.article-content-section .example-grid,
	.article-content-section .tr-steps,
	.article-content-section .expect-reality,
	.article-content-section .warning-grid,
	.article-content-section .hc-grid,
	.article-content-section .without-with,
	.article-content-section .failure-grid,
	.article-content-section .used-unused,
	.article-content-section .fix-grid{
		grid-template-columns: 1fr;
	}
	.article-content-section .bc-btn{
		width: max-content;
		white-space: normal;
	}
	
}
@media (max-width: 500px){
	.article-content-section .related-posts,
	.article-content-section .learned-grid,
	.article-content-section .arch-features,
	.article-content-section .tc-body,
	.article-content-section .dq-answers,
	.article-content-section .dqa-answers,
	.article-content-section .lesson-grid,
	.article-content-section .signs-grid,
	.article-content-section .ia-grid,
	.article-content-section .before-after{
		grid-template-columns: 1fr;
	}
	.blog-h1{
		font-size: 30px;
		letter-spacing: normal;
	}
	.article-content-section .mvp-letter{
		font-size: 40px;
	}
	.article-content-section .etl-visual{
		display: block;
		padding: 15px;
	}
}

@media (max-width: 380px){
	.article-content-section .era{
		grid-template-columns: 70px 1fr;
	}
	.article-content-section .mvp-letter{
		font-size: 28px;
	}
	.sticky-bar{
		display: block !important;
	}
	.sb-right{
		margin-top: 10px;
	}
}