/* existing stylesheet content */

/* ----- TecEngage header styles (moved from tecengage.html) ----- */
.site-header{
  background:#fff;
  border-bottom:1px solid #eef2f5;
  position:sticky;
  top:0;
  z-index:60;
}
.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  height:72px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
  font-weight:700;
}
.logo img{height:36px;width:36px;border-radius:6px}
.brand-text{margin-left:6px;font-weight:700;color:#0b2b2a}
.top-nav{display:flex;gap:28px;justify-content:center}
.top-nav a{color:#394249;text-decoration:none;font-weight:600;padding:8px 0}
.top-nav a:hover{color:#0b6b64}

/* Dropdown Styles */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.dropdown-arrow {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  min-width: 200px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 8px 0;
  z-index: 1000;
  border: 1px solid #e5e7eb;
}

.dropdown-menu a {
  display: block;
  padding: 12px 16px;
  color: #374151;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.dropdown-menu a:hover {
  background-color: #f3f4f6;
  color: #0b6b64;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown:hover .dropdown-arrow {
  transform: rotate(180deg);
}
.header-actions{display:flex;gap:18px;align-items:center}
.header-actions .signin{color:#394249;text-decoration:none;font-weight:600}
.btn-demo{background:linear-gradient(180deg,#24c1ad,#15a88f);color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(20,100,90,0.12)}
.btn-demo:hover{transform:translateY(-1px)}
@media (max-width:900px){
  .top-nav{display:none}
  .brand-text{display:none}
  .header-inner{grid-template-columns:auto 1fr;gap:12px}
}

/* ----- end TecEngage header styles ----- */

/* ----- TecEngage workflow / two-col styles ----- */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.two-col .col-left{display:flex}
.workflow-card{position:relative;background:linear-gradient(180deg, #ffffff, #fbffff);border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(13,38,43,0.06);width:100%;max-width:640px;overflow:visible}
.col-left{position:relative;overflow:visible}
.workflow-card::before{content:"";position:absolute;left:-80px;top:-80px;width:360px;height:360px;background:rgba(22,179,154,0.03);border-radius:36px;filter:blur(18px);z-index:-3}
.workflow-card::after{content:"";position:absolute;left:-40px;top:-40px;width:240px;height:240px;background:linear-gradient(135deg, rgba(22,179,154,0.12), rgba(22,179,154,0.03));border-radius:28px;z-index:-2}
.workflow-title{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.workflow-title .icon{width:44px;height:44px;border-radius:10px;background:#e9fbf8;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0a6b60}
.workflow-title h4{margin:0;font-size:16px}
.workflow-sub{color:var(--muted,#6b7280);font-size:13px;margin-top:6px}
.workflow-steps{margin:16px 0;padding:0;list-style:none}
.workflow-steps li{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f1f6f6}
.workflow-steps li:first-child{border-top:0}
.step-index{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:14px;border:2px solid #e6f6f4;color:#096b5f;background:#fff}
.step-index.completed{background:#0ad1a8;color:#fff;border-color:#0ad1a8}
.step-content{flex:1}
.step-content .title{font-weight:600}
.processing-badge{background:#e6fbf8;color:#0a6b60;padding:6px 10px;border-radius:999px;font-size:12px;margin-left:10px}
.workflow-stats{display:flex;gap:22px;margin-top:16px;padding-top:10px;border-top:1px solid #f1f6f6}
.workflow-stats .stat{flex:1;text-align:center}
.workflow-stats .stat .value{font-size:20px;font-weight:800;color:#0a6b60}
.workflow-stats .stat .label{font-size:12px;color:var(--muted,#6b7280);margin-top:6px}

@media (max-width:900px){.two-col{grid-template-columns:1fr;gap:20px}.workflow-card{max-width:100%}.workflow-card::after{display:none}}

/* ----- end workflow styles ----- */

/* Pale band used for specific sections on TecEngage */
.page-tecengage .pale-band{background:#f5faf9;padding-top:36px;padding-bottom:36px}
.page-tecengage .pale-band .highlights-grid{padding:18px 6px}

/* increase contrast of decorative teal shapes behind workflow card */
.page-tecengage .workflow-card::before{background:rgba(6,187,157,0.05)}
.page-tecengage .workflow-card::after{background:linear-gradient(135deg, rgba(6,187,157,0.10), rgba(6,187,157,0.03))}


/* ----- Highlights grid for TecEngage 'Why Enterprises Choose' ----- */
.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:18px}
.highlight-card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 8px 22px rgba(11,24,26,0.04);min-height:140px;display:flex;flex-direction:column;gap:12px}
.highlight-card .icon-circle{width:48px;height:48px;border-radius:12px;background:#e9fbf8;display:flex;align-items:center;justify-content:center}
.highlight-card .icon-circle img{width:28px;height:28px}
.highlight-card h4{margin:0;font-size:16px}
.highlight-card p.muted{margin:0;color:var(--muted,#6b7280);font-size:13px}
.section-title.center{margin-bottom:8px}

/* TecEngage specific: center eyebrow + title to match mock */
.page-tecengage .eyebrow.center,
.page-tecengage .section-title.center,
.page-tecengage .section-sub.center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.page-tecengage .eyebrow.center{color:#16b39a; font-weight:700; font-size:13px; margin-bottom:8px}
.page-tecengage .section-title.center{font-size:40px; line-height:1.04; margin-top:6px; margin-bottom:18px; max-width:980px}
.page-tecengage .highlights-grid{max-width:1100px; margin:0 auto; grid-template-columns:repeat(4,1fr); gap:22px}

/* Remove pale band and decorative teal shapes only for the workflow two-column section */
.page-tecengage .two-col.pale-band{
  background:transparent; /* keep spacing but remove the pale green background */
  padding-top:36px; padding-bottom:36px;
}
.page-tecengage .two-col.pale-band .workflow-card::before,
.page-tecengage .two-col.pale-band .workflow-card::after{
  display:none; /* remove decorative blurred/gradient shapes behind the card */
  content:none;
}

@media (max-width:1000px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.highlights-grid{grid-template-columns:1fr}}

/* Page-specific override: keep all highlight boxes in one row on TecEngage */
.page-tecengage .highlights-grid{grid-template-columns:repeat(4,1fr); gap:22px}

/* ----- end highlights ----- */
:root{
  --bg:#ffffff;
  --muted:#6b7a86;
  --accent:#12c0cf;
  --brand:#0b6b8a;
  --dark:#041e2a;
  --card:#f4f8fb;
  --radius:12px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#0f2130; background:var(--bg); -webkit-font-smoothing:antialiased}
.container{max-width:1200px; margin:0 auto; padding:28px}

.site-header{background:transparent; border-top:4px solid rgba(23,176,214,0.06); position:sticky; top:0; z-index:60}
.header-inner{display:flex; align-items:center; gap:20px; padding:12px 0}
.header-left{margin-right:auto}
.header-center{display:none}
.header-right{display:flex; align-items:center; gap:28px}
.logo picture, .logo img{display:block}
.logo img{height:44px}
.logo picture img{height:44px}
.logo img, .logo picture img, .logo picture{max-width:320px}
.logo{display:flex; align-items:center; gap:14px}
.brand-text{font-size:26px; font-weight:800; color:#082b3a; letter-spacing:0.2px}
.brand-text{margin-left:6px}

/* header badge removed */

/* Make header look like the sample: white background, subtle bottom divider, wider nav spacing */
.site-header{background:#fff; border-bottom:1px solid #e6eef4}
.top-nav{gap:28px}
.top-nav a{color:#445b66}
.top-nav a:hover{color:var(--brand)}
.btn-pill-outline{display:inline-block; padding:10px 20px; border-radius:28px; border:none; color:#fff; text-decoration:none; background:linear-gradient(90deg,#12c0cf,#2aa8f2); font-weight:700; box-shadow:0 6px 22px rgba(10,40,60,0.08)}
.header-inner{display:flex; align-items:center; gap:20px; padding:12px 0}
.top-nav{display:flex; gap:20px; align-items:center}
.top-nav a{color:var(--muted); text-decoration:none; font-weight:600; font-size:14px; padding:6px 6px}
.top-nav a:hover{color:var(--brand)}
.btn-outline{padding:8px 14px; border-radius:20px; border:1px solid var(--accent); color:var(--brand); background:#fff}
.btn-pill-outline{display:inline-block; padding:8px 18px; border-radius:28px; border:none; color:#fff; text-decoration:none; background:linear-gradient(90deg,#12c0cf,#2aa8f2); font-weight:700; box-shadow:0 6px 22px rgba(10,40,60,0.08)}

.hero{padding:80px 0 48px}
.hero-grid{display:grid; grid-template-columns:1fr 520px; gap:48px; align-items:center}
.hero-title{font-size:56px; line-height:1.02; margin:0 0 12px; font-weight:800}
.hero-left{position:relative; z-index:1}

/* soft decorative light-blue shape behind hero headings (index/about/contact) */
.hero-left::before{
  content:"";
  position:absolute;
  left:-18px;
  top:-26px;
  width:360px;
  height:160px;
  border-radius:20px;
  background: radial-gradient(circle at 30% 30%, rgba(18,192,207,0.14), rgba(42,168,242,0.06) 55%, rgba(255,255,255,0) 75%);
  filter:blur(6px);
  z-index:-1;
  pointer-events:none;
}

/* slightly smaller for About hero variation */
.about-hero .hero-left::before{ width:300px; height:140px; left:-12px; top:-18px; border-radius:16px }

/* Page-specific header layout for TecEngage: logo left, centered nav, actions right */
.page-tecengage .site-header{background:#fff; border-bottom:1px solid #e6eef4}
.page-tecengage .header-inner{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; height:72px; padding:12px 0}
.page-tecengage .top-nav{justify-self:center; display:flex; gap:26px; align-items:center}
.page-tecengage .top-nav a{font-weight:700; color:#445b66}
.page-tecengage .logo img{height:40px; width:40px}
.page-tecengage .brand-text{font-size:20px; font-weight:800; color:#082b3a}
.page-tecengage .header-actions{justify-self:end; display:flex; gap:16px; align-items:center}
.page-tecengage .btn-demo{padding:10px 16px}

@media (max-width:900px){
  .page-tecengage .top-nav{display:none}
  .page-tecengage .brand-text{display:none}
  .page-tecengage .header-inner{grid-template-columns:auto 1fr}
}

/* ===== TecTAP Page Styles (page-tectap) ===== */
.page-tectap .hero{padding:72px 0}
.page-tectap .hero-grid{grid-template-columns:1fr 520px; gap:40px; align-items:center}
.page-tectap .hero-title{font-size:44px}
.page-tectap .hero-right .hero-art{height:320px}
.page-tecengage .hero-right .hero-art{height:auto; min-height:520px}
.page-tecengage .hero-right .hero-art .hero-art-img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}

@media (max-width:1200px){
  .page-tecengage .hero-right .hero-art{min-height:420px}
}
@media (max-width:800px){
  .page-tecengage .hero-right .hero-art{min-height:260px}
}
.page-tectap .feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.page-tectap .feature{background:#fff; padding:20px; border-radius:12px; box-shadow:0 12px 30px rgba(8,30,45,0.05)}
.page-tectap .feature-icon-wrap{width:60px; height:60px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#e8fbfd,#ffffff); margin-bottom:10px}
.page-tectap .two-col{grid-template-columns:1fr 360px; gap:32px}
.page-tectap .pill-feature{display:flex; gap:16px; align-items:flex-start; background:#eef6fb; padding:16px 18px; border-radius:12px; margin-bottom:12px; box-shadow:0 6px 18px rgba(11,40,55,0.04)}
.page-tectap .pill-feature.pale-card{background:#eef6fb}
.page-tectap .pill-feature-icon{width:52px; height:52px; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(8,30,45,0.04); padding:8px}
.page-tectap .capabilities-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.page-tectap .cap{background:#fff; padding:18px; border-radius:12px; box-shadow:0 12px 30px rgba(8,30,45,0.04)}
.page-tectap .cap-icon{width:56px; height:56px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#f3f9fa,#fff); margin-bottom:12px}
.page-tectap .flow{margin-top:12px}
.page-tectap .flow-pill{background:#fff; padding:12px 18px; border-radius:999px; box-shadow:0 10px 30px rgba(8,30,45,0.06)}
.page-tectap .flow-pill-highlight{background:linear-gradient(90deg,#12c0cf,#2aa8f2); color:#fff}
.page-tectap .flow-arrow{color:var(--accent); font-weight:800; align-self:center; font-size:18px}
.page-tectap .flow-caption{color:var(--muted); text-align:center; font-size:14px; margin-top:12px}
.page-tectap .metrics-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.page-tectap .metric{background:#fff; padding:26px; border-radius:12px; box-shadow:0 18px 40px rgba(8,30,45,0.06); text-align:center}
.page-tectap .metric .num{font-size:28px; font-weight:800; color:var(--accent); margin-bottom:6px}
.page-tectap .cta-dark{background:linear-gradient(180deg,#112233,#0b2430); color:#fff; padding:44px 0}
.page-tectap .cta-dark .cta-inner{max-width:1100px; margin:0 auto; text-align:center}
.page-tectap .cta-dark .btn-primary{background:linear-gradient(90deg,#12c0cf,#2aa8f2); border-radius:22px; padding:10px 18px; color:#fff}

@media (max-width:1000px){
  .page-tectap .hero-grid{grid-template-columns:1fr}
  .page-tectap .feature-grid{grid-template-columns:1fr}
  .page-tectap .capabilities-grid{grid-template-columns:repeat(2,1fr)}
  .page-tectap .metrics-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .page-tectap .capabilities-grid{grid-template-columns:1fr}
}

/* hide decorative shape on small screens to avoid overlapping */
@media (max-width:720px){
  .hero-left::before, .about-hero .hero-left::before{ display:none }
}
.hero-title .accent{color:var(--accent)}
/* general accent utility: use site accent color (blue) */
.accent{color:var(--accent)}
.lead{color:var(--muted); max-width:560px; line-height:1.75}
/* paragraph rhythm */
p{line-height:1.7; color:#4b636b}
.hero-ctas{margin-top:18px; display:flex; gap:12px}
.btn-primary{background:linear-gradient(90deg,#12c0cf,#2aa8f2); color:#fff; padding:12px 20px; border-radius:26px; text-decoration:none; font-weight:700; display:inline-block; transition:transform .18s ease, box-shadow .18s ease, opacity .18s}
.btn-primary:hover{transform:translateY(-3px); box-shadow:0 14px 40px rgba(6,40,60,0.12); opacity:0.98}
.btn-ghost{background:transparent; border:2px solid rgba(0,0,0,0.06); padding:10px 16px; border-radius:26px; text-decoration:none; color:var(--brand); align-self:center}

/* Pill-style outline button used in header and contact hero */
.btn-pill-outline{display:inline-block; padding:8px 20px; border-radius:24px; border:2px solid #17c0d6; color:#17c0d6; text-decoration:none; background:#fff; font-weight:700; box-shadow:0 2px 0 rgba(23,176,214,0.06)}

.contact-hero{display:flex; align-items:center; justify-content:space-between; gap:16px}
.contact-left{font-size:20px; color:var(--muted); font-weight:700}
.contact-right{display:flex; justify-content:flex-end}

/* Header nav smaller spacing to match reference */
.top-nav a{margin-right:18px}
.top-nav a.btn-pill-outline{margin-left:6px}

/* Active nav link styling (shows which page is current) */
.top-nav a.active{
  color:var(--brand);
  font-weight:800;
  position:relative;
}
.top-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:3px;
  margin-left:auto;
  margin-right:auto;
  width:40%;
  background:linear-gradient(90deg,var(--accent),#2aa8f2);
  border-radius:4px;
}

/* Make footer sit closer by removing large top margin on footer elements */
.site-footer{padding:28px 0 14px}

.card-mock{background:linear-gradient(180deg, #f7fbfd, #ffffff); height:320px; border-radius:18px; box-shadow:0 8px 30px rgba(8,30,45,0.06); position:relative; display:flex; align-items:center; justify-content:center}
.mini-card{position:absolute; background:#fff; padding:10px 14px; border-radius:10px; box-shadow:0 8px 20px rgba(8,30,45,0.06); font-weight:700; color:var(--brand)}
.mini-card.right{right:24px; top:40px}
.mini-card.bottom{left:48px; bottom:26px}

/* CSS-based hero illustration (visible even without external image) */
.hero-illustration{display:flex; align-items:center; justify-content:center}
.illustration-frame{width:460px; height:240px; background:linear-gradient(180deg,#f3fbff,#fff); border-radius:18px; padding:26px; box-shadow:0 18px 60px rgba(8,30,45,0.06); position:relative}
.illustration-inner{width:76%; height:56%; background:#ffffff; border-radius:12px; box-shadow:inset 0 1px 0 rgba(11,45,67,0.02); margin:0;}
.illustration-dot{width:78px; height:78px; border-radius:50%; background:rgba(26,198,214,0.16); position:absolute; right:26px; top:-18px; box-shadow:0 6px 18px rgba(8,30,45,0.04)}

@media (max-width:1000px){
  .illustration-frame{width:100%; height:200px}
  .illustration-inner{width:88%; height:56%}
}

.features{padding:44px 0}
.section-title{font-size:32px; margin:8px 0 10px; text-align:center; font-weight:800}
.section-sub{color:var(--muted); text-align:center; margin-bottom:26px; max-width:820px; margin-left:auto; margin-right:auto}
.feature-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:18px}
.feature{background:#fbfdfe; padding:22px; border-radius:14px; box-shadow:0 10px 28px rgba(8,30,45,0.04); transition:transform .28s ease, box-shadow .28s ease}
.feature h3{margin:0 0 8px}

/* Remove underlines for feature card links but keep them clickable and accessible */
.feature{ text-decoration:none; color:inherit }
.feature:hover, .feature:active, .feature:visited{ text-decoration:none; color:inherit }
.feature h3, .feature p{ text-decoration:none }
.feature:focus-visible{ outline:3px solid rgba(18,192,207,0.16); outline-offset:6px; border-radius:10px }

/* Feature icon styles (placed above each card title) */
.feature-icon-wrap{width:68px; height:68px; background:linear-gradient(180deg,#0b6b8a 0%, #064055 100%); border-radius:12px; display:flex; align-items:center; justify-content:center; box-shadow:0 18px 48px rgba(3,34,45,0.22); margin-bottom:14px; border:1px solid rgba(3,34,45,0.28)}
.feature-icon{width:44px; height:44px; object-fit:contain; display:block}
/* Make icon container visibly contrasty when icon image is white/transparent */
.feature-icon-wrap{background:linear-gradient(180deg,#0b6b8a 0%, #064055 100%); border:1px solid rgba(3,34,45,0.28)}
.feature-icon{display:block; width:44px; height:44px}

/* About page specific styles */
.about-hero{padding:48px 0 28px}
.hero-art{height:220px; position:relative}
/* hero badges removed */
/* ensure hero image fills the art area */
.hero-art img.hero-art-img{width:100%; height:100%; object-fit:cover; border-radius:12px; display:block}
.values-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:36px 0}
.value-item{text-align:center}
.icon-circle{width:96px;height:96px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:20px;box-shadow:0 14px 36px rgba(10,40,60,0.10)}
.icon-circle img{width:68%; height:68%; object-fit:contain; display:block}

/* Darker backgrounds per icon to match sample */
.icon-circle.mission{background:linear-gradient(135deg,#008f94,#00b2b0);}
.icon-circle.vision{background:linear-gradient(135deg,#2b88ff,#5fb0ff);}
.icon-circle.values{background:linear-gradient(135deg,#008f94,#00b2b0);}

/* Ensure white/contrast for icons if needed */
.icon-circle img{filter:brightness(1) saturate(1);}

.story-grid{display:grid; grid-template-columns:1fr 460px; gap:30px; align-items:center; padding:36px 0}
.story-text h3{font-size:20px;margin-bottom:8px}
.story-text p{color:var(--muted); line-height:1.6}

.team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:22px 0}
.team-card{background:#fff;border-radius:12px;padding:18px;text-align:center;box-shadow:0 10px 26px rgba(8,30,45,0.05)}
.team-card img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-top:-34px;background:#fff;padding:6px}
.team-card h4{margin:10px 0 4px}
.team-card .role{color:var(--accent); font-weight:700; margin-bottom:8px}
.team-desc{color:var(--muted); font-size:13px}

.pillars-list{display:block; gap:18px; margin:18px 0}
.pillar{display:flex; gap:18px; align-items:center; background:#fff; padding:18px; border-radius:14px; box-shadow:0 14px 30px rgba(8,30,45,0.06); margin-bottom:16px}
.pillar h4{margin:0 0 6px; font-size:16px}
.pillar p{margin:0; color:var(--muted); font-size:14px; line-height:1.6}
.pillar-icon{width:56px; height:56px; border-radius:12px; background:linear-gradient(135deg,#17c0d6,#2aa8f2); display:flex; align-items:center; justify-content:center; flex:0 0 56px}
.pillar-icon img{width:62%; height:62%; object-fit:contain; display:block}

/* Support for image-based pillar icons: show icon centered on colored square */
.pillar-icon{width:56px; height:56px; border-radius:12px; background:linear-gradient(135deg,#17c0d6,#2aa8f2); display:flex; align-items:center; justify-content:center; flex:0 0 56px; padding:8px; box-sizing:border-box}
.pillar-icon img{width:100%; height:100%; object-fit:contain; display:block; border-radius:8px}

.highlights-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:26px 0}
.highlight-card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 12px 30px rgba(8,30,45,0.05);text-align:center}
.highlight-card{position:relative; overflow:visible}
.highlight-banner{height:84px; border-radius:10px; margin:-28px -18px 20px -18px; position:relative; display:flex; align-items:center; justify-content:center}
.highlight-banner-bar{position:absolute; left:18px; right:18px; top:18px; height:44px; border-radius:10px; background:linear-gradient(90deg,#17c0d6,#2aa8f2); box-shadow:0 10px 30px rgba(10,40,60,0.06)}
.highlight-banner-icon{position:relative; width:96px; height:96px; z-index:2; background:transparent; display:flex; align-items:center; justify-content:center}
.highlight-banner-icon img{width:86%; height:86%; object-fit:contain; display:block; filter:brightness(1.05) saturate(1.05)}
.highlight-card h4{margin-top:6px; margin-bottom:8px}
.highlight-card p{color:var(--muted); margin:0}
.highlight-banner{height:96px; margin:-30px -18px 22px -18px; position:relative; display:block}
.highlight-banner-bar{width:calc(100% - 40px); height:56px; margin:0 auto; border-radius:12px; background:linear-gradient(90deg,#17c0d6,#2aa8f2); box-shadow:0 12px 34px rgba(10,40,60,0.08); position:relative}
.highlight-banner-icon{position:absolute; left:50%; transform:translateX(-50%); top:12px; width:96px; height:96px; z-index:3; display:flex; align-items:center; justify-content:center}
.highlight-banner-icon img{width:86%; height:86%; object-fit:contain; display:block; opacity:0.98}
.highlight-card h4{margin-top:22px; margin-bottom:8px}

/* Contact page styles */
.contact-hero-section{padding:64px 0 36px; background:linear-gradient(180deg,#f7fcff 0%, #fff 40%)}
.contact-hero-title{font-size:40px; text-align:center; margin-bottom:8px; font-weight:800}
.contact-hero-sub{color:var(--muted); text-align:center; margin-bottom:28px}
.contact-grid{display:grid; grid-template-columns:360px 1fr; gap:40px; align-items:start}
.contact-info{padding:18px}
.info-heading{font-weight:700; margin-bottom:18px}
.info-item{display:flex; gap:14px; align-items:center; margin-bottom:18px}
.info-icon{width:46px;height:46px}
.contact-badge{width:56px; height:56px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#12c0cf,#2aa8f2); box-shadow:0 10px 28px rgba(10,40,60,0.08); padding:8px}
.contact-badge img{width:64%; height:64%; object-fit:contain; display:block}
.info-title{font-weight:700}
.info-muted{color:var(--muted); font-size:13px}

.contact-form-wrap{background:transparent}
.contact-form .row.two{display:flex; gap:14px}
.contact-form label{display:block}
.contact-form .label{display:block; font-size:13px; color:var(--muted); margin-bottom:8px}
.contact-form input, .contact-form textarea{width:100%; padding:10px 12px; border:1px solid #e6eef4; border-radius:8px; font-size:14px}
.contact-form textarea{resize:vertical}
.form-actions{margin-top:14px}
.btn-gradient{background:linear-gradient(90deg,#17c0d6,#2aa8f2); color:#fff; padding:12px 20px; border-radius:8px; border:none; font-weight:700}

.quick-actions-section{padding:48px 0 18px}
.quick-actions-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px}
.action-card{background:#fff; border-radius:12px; padding:22px; text-align:center; box-shadow:0 8px 26px rgba(8,30,45,0.04); transition:transform .28s ease, box-shadow .28s ease}
.action-icon-wrap{width:68px; height:68px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0b6b8a 0%, #064055 100%); box-shadow:0 12px 32px rgba(3,34,45,0.28); padding:10px}
.action-icon{width:36px; height:36px; margin-bottom:12px}
.btn-outline-small{display:inline-block; margin-top:12px; padding:8px 12px; border-radius:12px; border:1px solid #d9eef8; color:var(--brand); text-decoration:none; transition:transform .16s ease, box-shadow .16s}
.btn-outline-small:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(8,30,45,0.06)}

.locations-section{padding:36px 0 60px}
.locations-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px}
.location-card{background:var(--card); padding:20px; border-radius:12px; box-shadow:0 8px 18px rgba(8,30,45,0.03)}

@media (max-width:1000px){
  .contact-grid{grid-template-columns:1fr}
  .quick-actions-grid{grid-template-columns:1fr}
  .locations-grid{grid-template-columns:1fr}
}

/* --- Metrics / Numbers section --- */
.metrics{padding:56px 0; background:#f3f8fb}
.metrics .container{padding-left:56px; padding-right:56px}
.metrics .eyebrow{color:var(--accent); font-weight:800; font-size:12px; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px}
.metrics .section-title{font-size:32px; margin-bottom:14px}
.metrics-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:18px}
.metric{background:#fff; padding:36px 28px; border-radius:16px; box-shadow:0 22px 60px rgba(8,30,45,0.06); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center}
.metric .metric-icon{width:64px; height:64px; border-radius:50%; background:rgba(18,192,207,0.12); display:flex; align-items:center; justify-content:center; margin-bottom:18px}
.metric .num{font-size:44px; font-weight:800; color:var(--accent); margin-bottom:6px}
.metric h4{margin:0 0 8px; font-size:18px; color:var(--dark); font-weight:800}
.metric p.muted{margin:0; color:var(--muted); font-size:13px}

@media (max-width:1200px){
  .metrics .container{padding-left:36px; padding-right:36px}
}

@media (max-width:900px){
  .metrics-grid{grid-template-columns:1fr}
  .metrics{padding:36px 0}
  .metrics .container{padding-left:24px; padding-right:24px}
}

/* Reveal animation */
.reveal-on-scroll{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease}
.reveal-on-scroll.reveal{opacity:1; transform:translateY(0)}

/* Card hover subtle lift */
.action-card, .result-card, .feature, .highlight-card, .team-card{transition:transform .28s ease, box-shadow .28s ease}
.action-card:hover, .result-card:hover, .feature:hover, .highlight-card:hover, .team-card:hover{transform:translateY(-6px); box-shadow:0 18px 40px rgba(8,30,45,0.08)}

/* Back to top */
.back-to-top{position:fixed; right:18px; bottom:18px; width:44px; height:44px; border-radius:10px; border:none; background:linear-gradient(90deg,#17c0d6,#2aa8f2); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(8,30,45,0.12); opacity:0; transform:translateY(10px); transition:opacity .25s, transform .25s}

/* ----- Logo consistency: ensure same sizing and fallback behavior across pages ----- */
.site-header .logo img,
.site-header .logo picture img{
  height:44px;
  width:auto;
  border-radius:6px;
  display:block;
}
.site-header .logo{align-items:center; gap:10px}
.site-header .brand-text{
  font-size:18px;
  font-weight:800;
  color:#082b3a;
  margin-left:8px;
  line-height:1;
}
@media (max-width:900px){
  .site-header .brand-text{display:none}
}

/* Small tweak: ensure footer logo remains visually consistent */
.site-footer .footer-brand img{height:36px; width:auto}

/* ----- end logo consistency ----- */

/* SmartOffice capability band: full-bleed pale background and single-row capability items */
.page-smartoffice .pale-band{background:#f3f8fb; padding-top:28px; padding-bottom:28px}
.page-smartoffice .capabilities-row{display:flex; justify-content:center; gap:18px; margin-top:18px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:6px 6px}
.page-smartoffice .capabilities-row::-webkit-scrollbar{height:8px}
.page-smartoffice .capabilities-row::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.06); border-radius:8px}
.page-smartoffice .small-cap{background:#fff; padding:18px 22px; border-radius:12px; box-shadow:0 12px 30px rgba(8,30,45,0.06); min-width:160px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center}
.page-smartoffice .small-cap img{width:42px; height:42px; object-fit:contain}
.page-smartoffice .small-cap div{font-size:13px; color:var(--muted)}

@media (max-width:1000px){
  .page-smartoffice .small-cap{min-width:140px; padding:14px}
}
@media (max-width:720px){
  .page-smartoffice .capabilities-row{gap:12px}
  .page-smartoffice .small-cap{min-width:120px; padding:12px}
}

/* ensure the pale-band stretches full width even when .container constrains content */
.page-smartoffice .pale-band{width:100%;}

/* TecVerse pale band styling */
.pale-band{
  background:#f3f8fb;
  padding-top:48px;
  padding-bottom:48px;
}

/* Remove pale background only for the 'Why TecVerse' section (keep spacing) */
.page-tecverse #platform.pale-band{background:transparent}

/* TecVerse specific styles */
.page-tecverse .pale-band .container{
  max-width:1100px;
  padding-left:28px;
  padding-right:48px;
}

.page-tecverse .pale-band .two-col {
  display: grid;
  /* left column fixed to encourage wrapping like design, right column for feature panel */
  grid-template-columns: 520px 460px;
  gap: 64px;
  align-items: start;
}

.page-tecverse .pale-band .col-left {
  display:block !important; /* override earlier .two-col .col-left{display:flex} */
  max-width:520px;
  text-align: left;
}

.page-tecverse .pale-band .section-title {
  font-size: 3.25rem; /* larger for strong visual impact */
  line-height: 1.06;
  font-weight: 800;
  margin-bottom: 1.25rem;
  color: #0f1724;
  text-align: left;
  letter-spacing: -0.6px;
}

.page-tecverse .pale-band .eyebrow {
  color: #16b39a;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
  display: block;
  text-align: left;
}

/* small utility: teal accent used in headings */
.page-tecverse .accent-teal{color:#16b39a}

.page-tecverse .pale-band .section-text,
.page-tecverse .pale-band p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #6b7280;
  margin-bottom: 1.25rem;
  text-align: left;
}

.page-tecverse .pale-band .col-left .section-text{max-width:520px}

.page-tecverse .pale-band .container{padding-left:28px}

@media (max-width: 1100px){
  .page-tecverse .pale-band .container{max-width:920px;padding-left:36px;padding-right:36px}
  .page-tecverse .pale-band .two-col{grid-template-columns:1fr 360px}
}

@media (max-width: 768px) {
  .page-tecverse .pale-band .container{padding-left:28px;padding-right:28px}
  .page-tecverse .pale-band .two-col {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  
  .page-tecverse .pale-band .section-title {
    font-size: 2rem;
    line-height:1.15;
  }
}

/* Capabilities section: center heading and restore centered container */
.page-tecverse .pale-band .container.capabilities{
  padding-left:28px;
  padding-right:28px;
  max-width:1100px;
  margin:0 auto;
}
.page-tecverse .pale-band .container.capabilities .eyebrow.center,
.page-tecverse .pale-band .container.capabilities .section-title.center,
.page-tecverse .pale-band .container.capabilities .section-sub.center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.page-tecverse .pale-band .container.capabilities .section-title.center{
  font-size:40px;
  line-height:1.04;
  margin-bottom:8px;
  max-width:980px;
}

/* Center eyebrow for the 'How It Works' section on TecVerse */
.page-tecverse .how-it-works .eyebrow.center{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: var(--accent);
  font-weight:700;
  font-size:13px;
}

/* ensure capabilities title can wrap and is visible (debug/visibility aid) */
.page-tecverse .pale-band .container.capabilities .section-title.center{
  white-space: normal;
  overflow: visible;
}
.back-to-top.visible{opacity:1; transform:translateY(0)}

/* Mobile nav */

/* ===== SmartOffice Page Styles (page-smartoffice) ===== */
.page-smartoffice .pale-hero{background:linear-gradient(180deg,#f1fbff,#ffffff); padding:72px 0}
.page-smartoffice .hero-title{font-size:56px; color:#0b2740; font-weight:800; line-height:1.02; text-align:center}
.page-smartoffice .hero-inner{display:block; text-align:center}
.page-smartoffice .hero-art{border-radius:14px; box-shadow:0 24px 60px rgba(8,30,45,0.08); overflow:hidden}
.page-smartoffice .feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:28px}
.page-smartoffice .feature{background:#fff; padding:22px; border-radius:12px; box-shadow:0 12px 28px rgba(8,30,45,0.06); text-align:center}
.page-smartoffice .feature-icon-wrap{width:72px; height:72px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(180deg,#e8fbfd,#ffffff)}
.page-smartoffice .pill-list{display:flex; flex-direction:column; gap:10px; margin-top:18px; padding:0}
.page-smartoffice .pill .pillar{display:flex; gap:12px; align-items:center; background:transparent; box-shadow:none; padding:0}
.page-smartoffice .hero-art img{width:100%; height:100%; object-fit:cover}
.page-smartoffice .hero-art{max-width:1100px; margin:24px auto 0}
.page-smartoffice .lead{max-width:760px; margin:12px auto 0; text-align:center}
.page-smartoffice .hero .btn-primary{padding:12px 22px; font-size:16px}
.page-smartoffice .capabilities-row .small-cap{background:#fff; padding:18px; border-radius:10px; box-shadow:0 10px 26px rgba(8,30,45,0.04); display:flex; gap:8px; align-items:center; min-width:140px}
.page-smartoffice .capabilities-row .small-cap img{width:36px; height:36px}
.page-smartoffice .compare-grid .compare-card{background:#fff; padding:22px; border-radius:12px; box-shadow:0 12px 30px rgba(8,30,45,0.04)}
.page-smartoffice .compare-grid .compare-card.recommended{border:2px solid rgba(18,192,207,0.12)}
.page-smartoffice .badge{background:#12c0cf;color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.page-smartoffice .quick-actions-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px}
.page-smartoffice .action-card{background:#fff; border-radius:12px; padding:18px; text-align:center; box-shadow:0 10px 26px rgba(8,30,45,0.04)}
.page-smartoffice .action-icon-wrap{width:64px; height:64px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0b6b8a 0%, #064055 100%); box-shadow:0 12px 32px rgba(3,34,45,0.12); padding:10px}
.page-smartoffice .cta-dark{background:linear-gradient(180deg,#0b2330,#071827); color:#fff; padding:48px 0}
.page-smartoffice .cta-inner{max-width:1100px; margin:0 auto; text-align:center}

@media (max-width:1000px){
  .page-smartoffice .feature-grid{grid-template-columns:1fr}
  .page-smartoffice .compare-grid{grid-template-columns:1fr}
  .page-smartoffice .quick-actions-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .page-smartoffice .hero-title{font-size:28px}
}

/* ===== end SmartOffice styles ===== */
.nav-toggle{display:none; background:transparent; border:1px solid rgba(0,0,0,0.06); padding:8px 10px; border-radius:8px}
.top-nav.open{display:block}
@media (max-width:720px){
  .nav-toggle{display:inline-block}
  .top-nav{display:none; position:absolute; right:16px; top:64px; background:#fff; padding:12px; box-shadow:0 8px 30px rgba(8,30,45,0.06); border-radius:8px}
  .top-nav a{display:block; margin:8px 0}
}

/* Header: ensure the 'Book a Demo' pill appears as a filled gradient on contact and other pages */
.site-header .btn-pill-outline{
  background: linear-gradient(90deg, #12c0cf, #2aa8f2) !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 28px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 28px rgba(10,40,60,0.10) !important;
  text-decoration: none !important;
}

/* Remove underline from Sign In link */
.site-header .signin{
  text-decoration: none !important;
  color: #445b66;
  font-weight: 600;
}
.site-header .signin:hover{
  color: var(--brand);
}

/* Keep header layout tidy: push nav to center when using header-left / header-right layout */
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:20px}
.header-left{display:flex; align-items:center; gap:12px}
.header-right{display:flex; align-items:center; gap:18px}

@media (max-width:900px){
  .header-inner{padding:8px}
  .site-header .btn-pill-outline{padding:8px 14px}
}


@media (max-width:1000px){
  .values-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
}

/* Feature cards (TecVerse horizontal three cards) */
.feature-cards .cards-grid{display:flex; gap:20px; margin-top:18px}
.feature-cards .card.small{flex:1; display:flex; gap:16px; align-items:flex-start; background:#fff; border-radius:14px; padding:20px; box-shadow:0 12px 34px rgba(8,30,45,0.06)}
.feature-cards .card.small .card-icon{width:64px; height:64px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:linear-gradient(180deg,#12c0cf,#2aa8f2); box-shadow:0 12px 30px rgba(10,40,60,0.06); padding:10px}
.feature-cards .card.small .card-icon img{width:56%; height:56%; object-fit:contain; display:block}
.feature-cards .card.small h4{margin:4px 0 8px; font-size:16px}
.feature-cards .card.small p{margin:0; color:var(--muted); line-height:1.6}

@media (max-width:1000px){
  .feature-cards .cards-grid{flex-direction:column}
}

/* Dialer section styles (three large cards with prominent icon) */
.dialer-section .section-title{font-size:36px; margin-bottom:6px}
.dialer-section .eyebrow{margin-bottom:8px}
.dialer-section .highlights-grid{grid-template-columns:repeat(3,1fr); gap:30px; margin-top:22px}
.dialer-section .highlight-card{padding:28px;border-radius:16px;min-height:220px;box-shadow:0 22px 60px rgba(8,30,45,0.06)}
.dialer-section .highlight-card h4{font-size:18px;margin-top:6px}
.dialer-section .dialer-icon{
  width:120px;
  height:120px;
  border-radius:18px;
  background:linear-gradient(135deg,#12c0cf,#2aa8f2);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 20px 54px rgba(18,192,207,0.12);
  margin-bottom:12px;
}
.dialer-section .dialer-icon img{
  width:72%;
  height:72%;
  object-fit:contain;
  display:block;
}

@media (max-width:720px){
  .dialer-section .dialer-icon{width:96px;height:96px}
  .dialer-section .dialer-icon img{width:64%;height:64%}
}
.dialer-section .pill-list{display:flex;flex-wrap:wrap;gap:8px}
.dialer-section .pill{background:rgba(6,187,157,0.08);color:#0a6b60;padding:6px 10px;border-radius:999px;font-size:12px}

@media (max-width:1000px){
  .dialer-section .highlights-grid{grid-template-columns:repeat(1,1fr)}
}

/* Channels row (pills with icon + label) */
.channels-section .section-title{font-size:36px; margin-bottom:6px}
.channels-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.channel-pill{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(8,30,45,0.06);border:1px solid #f1f6f6;font-weight:600;color:#22313a}
.channel-pill img{width:28px;height:28px;display:block}
.channels-footer{margin-top:12px}

@media (max-width:720px){
  .channel-pill{padding:10px 12px; gap:8px}
  .channels-row{gap:12px}
}

/* Capabilities section (six cards grid) */
.capabilities{background:#f6fafc; padding:54px 0}
.capabilities .section-title{margin-top:0}
.capabilities-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px}
.cap{background:#fff; border-radius:14px; padding:22px; box-shadow:0 14px 40px rgba(8,30,45,0.06); min-height:120px; display:flex; flex-direction:column; gap:8px}
.cap h4{margin:0; font-size:16px}
.cap .muted{color:var(--muted); font-size:14px; margin-top:6px}
.cap-icon{width:72px; height:72px; border-radius:14px; background:linear-gradient(180deg,#e8fbfd,#ffffff); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(10,40,60,0.06); flex-shrink:0}
.cap-icon img{width:64%; height:64%; object-fit:contain; display:block}

@media (max-width:1000px){
  .capabilities-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:720px){
  .capabilities-grid{grid-template-columns:1fr}
  .capabilities{padding:28px 0}
}

/* How It Works - horizontal timeline */
.how-it-works{padding:54px 0}
.how-it-works .section-title{margin-bottom:18px}
.steps-grid{display:flex; gap:28px; align-items:flex-start; position:relative; padding-top:48px}
.steps-grid::before{content:""; position:absolute; left:6%; right:6%; top:58px; height:4px; background:linear-gradient(90deg,#12c0cf,#2aa8f2); border-radius:4px; z-index:1}
.step{flex:1; text-align:center; position:relative; z-index:2; padding-top:6px}
.step-icon{width:110px; height:110px; border-radius:50%; background:linear-gradient(180deg,#12c0cf,#2aa8f2); display:flex; align-items:center; justify-content:center; margin:0 auto 22px; box-shadow:0 20px 48px rgba(8,30,45,0.10)}
.step-icon img{width:60%; height:60%; object-fit:contain; display:block; filter:brightness(1.05)}
.step-number{position:absolute; left:50%; transform:translateX(-50%); top:84px; background:#06121a; color:#fff; padding:6px 12px; border-radius:18px; font-weight:800; font-size:13px; box-shadow:0 8px 22px rgba(3,20,28,0.2); z-index:3}
.step h4{margin:12px 0 8px}
.step p.muted{max-width:220px; margin:0 auto; color:var(--muted); line-height:1.6}

@media (max-width:1000px){
  .steps-grid{gap:20px}
  .steps-grid::before{left:4%; right:4%}
}

@media (max-width:720px){
  .steps-grid{flex-direction:column; align-items:center; padding-top:12px}
  .steps-grid::before{display:none}
  .step{width:100%; padding:18px 0}
  .step-number{position:static; transform:none; margin-top:-8px}
}

.results{padding:44px 0}
.results-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px}
.result-card{background:#fff; border-radius:14px; padding:28px; text-align:center; box-shadow:0 12px 34px rgba(8,30,45,0.06)}
.stat{font-size:36px; font-weight:800; color:var(--brand)}
.stat .muted{display:block; font-size:14px; font-weight:600; color:var(--muted)}

/* Result icons (circle above each stat) */
.result-icon-wrap{width:64px; height:64px; border-radius:50%; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#12c0cf,#2aa8f2); box-shadow:0 8px 20px rgba(10,40,60,0.08); border:1px solid rgba(255,255,255,0.12)}
.result-icon{width:34px; height:34px; object-fit:contain; display:block; filter:drop-shadow(0 2px 6px rgba(0,0,0,0.08))}

.industries{padding:44px 0}
.industry-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:18px}
.industry{background:transparent; text-align:center; padding:18px}
.industry img{height:44px; margin-bottom:8px}
.industry h4{margin:6px 0}
.industry p{color:var(--muted); font-size:13px; margin:0}

.cta-dark{background:linear-gradient(180deg,#062a38 0%, #083447 100%); padding:56px 0; color:#fff; text-align:center}
.cta-inner{max-width:760px; margin:0 auto}
.cta-inner h2{font-size:32px; margin:0 0 10px}
.cta-inner p{color:rgba(255,255,255,0.85); margin-bottom:18px}

.site-footer{background:#052731; color:#bcd3db; padding:36px 0 14px}
.footer-grid{display:flex; gap:20px; align-items:flex-start}
.footer-brand img{height:28px}
.footer-links{display:flex; gap:34px; margin-left:auto}
.footer-links h5{color:#fff; margin-bottom:8px}
.footer-links ul{list-style:none; padding:0; margin:0}
.footer-links li{font-size:13px; color:var(--muted); margin-bottom:6px}
.copyright{color:#9fb4bd; text-align:center; padding:12px 0 28px}

@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-right{order:2}
  .header-inner{padding:0 8px}
  .feature-grid{grid-template-columns:1fr}
  .results-grid{grid-template-columns:1fr}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{flex-direction:column}
}

@media (max-width:480px){
  .hero-title{font-size:30px}
  .container{padding:18px}
}

/* (Removed appended CTA & footer override styles per request) */

/* --- TecVerse platform two-column section & feature panel --- */
.two-col{display:grid; grid-template-columns:1fr 420px; gap:40px; align-items:center; padding:36px 0}
.eyebrow{color:var(--accent); font-weight:700; font-size:12px; letter-spacing:1px; text-transform:uppercase; margin-bottom:10px}
.col-left .section-title{font-size:28px; text-align:left}
.col-left .section-text{color:var(--muted); max-width:520px}
.col-right.panel{background:var(--card); border-radius:16px; padding:28px; box-shadow:0 14px 40px rgba(8,30,45,0.04)}
.features-panel h3{margin:0 0 16px; font-size:16px; font-weight:800; color:var(--dark)}
.feature-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px}
.feature-list li{display:flex; align-items:center; gap:14px; background:#fff; border-radius:12px; padding:12px 16px; box-shadow:0 6px 18px rgba(8,30,45,0.03)}
.feature-pill{width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#12c0cf,#2aa8f2); box-shadow:0 10px 30px rgba(10,40,60,0.06); flex-shrink:0}
.feature-pill::after{content:'✓'; color:#fff; font-weight:800}
.feature-list .text{color:var(--dark); font-weight:700}

@media (max-width:1000px){
  .two-col{grid-template-columns:1fr; gap:24px}
  .col-right.panel{order:2}
}

/* Larger icons for 'Why Enterprises Choose' highlights (highlight-1..4) */
.page-tecengage .features.pale-band .highlights-grid .highlight-card .icon-circle{
  width:120px;
  height:120px;
  border-radius:18px;
  margin:0 auto 14px auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-tecengage .features.pale-band .highlights-grid .highlight-card .icon-circle img{
  width:84%;
  height:84%;
  object-fit:contain;
  display:block;
}

@media (max-width:720px){
  .page-tecengage .features.pale-band .highlights-grid .highlight-card .icon-circle{
    width:96px;
    height:96px;
  }
  .page-tecengage .features.pale-band .highlights-grid .highlight-card .icon-circle img{
    width:80%;
    height:80%;
  }
}