/* ============================================================
   General Audio Transcription Services — Premium Scoped Styles
   Prefix: .gat-  (no global bleed)
   Palette: --gat-primary:#00807f  --gat-accent:#11b7b7
   ============================================================ */

:root {
  --gat-primary : #00807f;
  --gat-accent  : #11b7b7;
  --gat-dark    : #080f1a;
  --gat-card-bg : rgba(255,255,255,.04);
  --gat-border  : rgba(255,255,255,.08);
  --gat-text    : rgba(255,255,255,.85);
  --gat-muted   : rgba(255,255,255,.55);
}

/* ── Wrapper ─────────────────────────────────────────────── */
.gat-wrapper { background:#060d18; color:var(--gat-text); overflow:hidden; }

/* ── Hero ────────────────────────────────────────────────── */
.gat-hero {
  position:relative; padding:120px 0 90px; overflow:hidden;
  background:linear-gradient(135deg,#060d18 0%,#0a1628 55%,#071214 100%);
}

/* Video background */
.gat-video-bg {
  position:absolute; inset:0; width:100%; height:100%;
  overflow:hidden; z-index:0; pointer-events:none;
}
.gat-video-bg video {
  width:100%; height:100%; object-fit:cover;
  display:block;
}
.gat-video-overlay {
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(
    135deg,
    rgba(6,13,24,.91) 0%,
    rgba(10,22,40,.86) 50%,
    rgba(7,18,20,.91) 100%
  );
}
/* Orbs stay position:absolute — only boost z-index above video overlay */
.gat-hero .gat-orb   { z-index:2; }
/* Content above overlay (z-index:1) and orbs (z-index:2) */
.gat-hero .container { position:relative; z-index:3; }
.gat-orb {
  position:absolute; border-radius:50%; filter:blur(90px);
  pointer-events:none; animation:gatPulse 8s ease-in-out infinite;
}
.gat-orb--1 { width:520px; height:520px; top:-140px; left:-160px;
  background:radial-gradient(circle,rgba(0,128,127,.22),transparent 70%); }
.gat-orb--2 { width:380px; height:380px; bottom:-100px; right:-100px;
  background:radial-gradient(circle,rgba(17,183,183,.16),transparent 70%);
  animation-delay:3s; }
.gat-orb--3 { width:260px; height:260px; top:40%; left:55%;
  background:radial-gradient(circle,rgba(0,128,127,.12),transparent 70%);
  animation-delay:5s; }
@keyframes gatPulse {
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(1.15);opacity:1}
}

.gat-hero-inner { min-height:460px; }

/* Glass backdrop panel behind left content — ensures readability over any video */
.gat-hero-copy {
  position:relative;
  padding:36px 40px;
  border-radius:24px;
  background:rgba(6,13,24,.55);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
}

.gat-breadcrumb { display:flex; align-items:center; gap:6px;
  font-size:.8rem; color:rgba(255,255,255,.65) !important; margin-bottom:18px; flex-wrap:wrap; }
.gat-breadcrumb a { color:rgba(255,255,255,.65) !important; text-decoration:none; }
.gat-breadcrumb a:hover { color:var(--gat-accent) !important; }
.gat-breadcrumb .bi { font-size:.65rem; }

.gat-eyebrow {
  display:inline-flex; align-items:center; gap:8px; font-size:.8rem;
  font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--gat-accent);
  background:rgba(17,183,183,.1);
  border:1px solid rgba(17,183,183,.28);
  backdrop-filter:blur(16px) saturate(180%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  border-radius:50px; padding:6px 16px; margin-bottom:22px;
  box-shadow:0 2px 16px rgba(17,183,183,.14), inset 0 1px 0 rgba(255,255,255,.1);
}

.gat-hero h1 {
  font-size:clamp(2.2rem,5vw,3.6rem); font-weight:800; line-height:1.12;
  color:#fff !important; margin-bottom:22px; letter-spacing:-.02em;
}
.gat-hero h1 span {
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}

.gat-hero-sub { font-size:1.05rem; color:rgba(255,255,255,.82) !important; line-height:1.7;
  max-width:560px; margin-bottom:32px; }

/* Stats pills — liquid glass */
.gat-hero-stats { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; }
.gat-stat-pill {
  display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px; padding:12px 20px;
  backdrop-filter:blur(22px) saturate(180%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 4px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.08);
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.gat-stat-pill:hover {
  border-color:rgba(17,183,183,.42);
  transform:translateY(-3px);
  box-shadow:0 8px 32px rgba(0,128,127,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
.gat-sp-icon {
  width:38px; height:38px; border-radius:10px;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  display:flex; align-items:center; justify-content:center;
  font-size:1rem; color:#fff; flex-shrink:0;
}
.gat-sp-val { font-size:1.15rem; font-weight:800; color:#fff !important; }
.gat-sp-lbl { font-size:.72rem; color:rgba(255,255,255,.75) !important; font-weight:500; }

/* CTA buttons */
.gat-hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.gat-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 28px; border-radius:12px; font-size:.9rem;
  font-weight:700; text-decoration:none !important; border:none;
  cursor:pointer; transition:all .3s;
  color:#fff !important;
}
.gat-btn--primary {
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  color:#fff !important; box-shadow:0 6px 24px rgba(0,128,127,.35);
}
.gat-btn--primary:hover { transform:translateY(-2px);
  box-shadow:0 10px 32px rgba(0,128,127,.5); color:#fff !important; }
.gat-btn--ghost {
  background:rgba(255,255,255,.09); color:#fff !important;
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 4px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.14);
}
.gat-btn--ghost:hover {
  background:rgba(255,255,255,.15);
  border-color:rgba(17,183,183,.55); color:#fff !important;
  box-shadow:0 6px 28px rgba(17,183,183,.22), inset 0 1px 0 rgba(255,255,255,.2);
}

/* Hero visual */
.gat-visual {
  position:relative; width:440px; height:440px;
  perspective:800px; margin:0 auto;
}
@media(max-width:991px){ .gat-visual{ width:320px; height:320px; } }

.gat-ring {
  position:absolute; border-radius:50%; border:1px solid;
  top:50%; left:50%; transform:translate(-50%,-50%);
}
.gat-ring--1 { width:100%; height:100%;
  border-color:rgba(17,183,183,.18); animation:gatSpin 22s linear infinite; }
.gat-ring--2 { width:78%; height:78%;
  border-color:rgba(0,128,127,.25); animation:gatSpin 16s linear infinite reverse; }
@keyframes gatSpin { to{ transform:translate(-50%,-50%) rotate(360deg); } }

.gat-dot {
  position:absolute; border-radius:50%;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  animation:gatDotFloat 6s ease-in-out infinite;
}
.gat-dot--1 { width:10px;height:10px; top:8%;left:50%;
  box-shadow:0 0 16px rgba(0,128,127,.7); }
.gat-dot--2 { width:8px;height:8px; top:50%;right:5%;
  animation-delay:2s; box-shadow:0 0 12px rgba(17,183,183,.7); }
.gat-dot--3 { width:7px;height:7px; bottom:12%;left:18%;
  animation-delay:4s; box-shadow:0 0 10px rgba(0,128,127,.7); }
@keyframes gatDotFloat {
  0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)}
}

/* Float badges */
/* Float badges — liquid glass */
.gat-float-badge {
  position:absolute; z-index:10;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(28px) saturate(200%);
  -webkit-backdrop-filter:blur(28px) saturate(200%);
  border-radius:18px;
  padding:10px 14px; display:flex; align-items:center; gap:10px;
  box-shadow:
    0 8px 32px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.08);
  animation:gatBadgeFloat 5s ease-in-out infinite;
}
.gat-float-badge--tl { top:10%; left:-4%; animation-delay:0s; }
.gat-float-badge--tr { top:18%; right:-4%; animation-delay:1.5s; }
.gat-float-badge--bl { bottom:18%; left:-4%; animation-delay:3s; }
.gat-float-badge--br { bottom:10%; right:-4%; animation-delay:4.5s; }
@keyframes gatBadgeFloat {
  0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)}
}
.gat-fb-icon {
  width:36px; height:36px; border-radius:10px;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:.95rem;
}
.gat-fb-val { font-size:1rem; font-weight:800; color:#fff; line-height:1; }
.gat-fb-lbl { font-size:.68rem; color:var(--gat-muted); }

/* Central card */
/* Central card — liquid glass with iridescent shimmer */
.gat-central-card {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:280px;
  background:rgba(255,255,255,.08);
  background-image:linear-gradient(
    135deg,
    rgba(17,183,183,.12) 0%,
    rgba(255,255,255,.04) 45%,
    rgba(0,128,127,.1) 100%
  );
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px; padding:22px;
  backdrop-filter:blur(36px) saturate(220%);
  -webkit-backdrop-filter:blur(36px) saturate(220%);
  box-shadow:
    0 24px 64px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.1),
    0 0 0 1px rgba(17,183,183,.1);
  z-index:5;
}
@media(max-width:991px){ .gat-central-card{ width:220px; padding:16px; } }

.gat-cc-header {
  display:flex; align-items:center; gap:10px; margin-bottom:18px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.1);
}
.gat-cc-icon {
  width:36px; height:36px; border-radius:10px;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:.9rem;
}
.gat-cc-title { font-size:.82rem; font-weight:700; color:#fff; flex:1; }
.gat-cc-live { display:flex; align-items:center; gap:5px;
  font-size:.68rem; color:var(--gat-accent); font-weight:600; }
.gat-live-dot {
  width:7px; height:7px; border-radius:50%; background:var(--gat-accent);
  animation:gatLiveBlink 1.4s ease-in-out infinite;
}
@keyframes gatLiveBlink { 0%,100%{opacity:1} 50%{opacity:.3} }

.gat-wf-rows { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.gat-wf-row { display:flex; align-items:center; gap:8px; }
.gat-wf-label { font-size:.68rem; color:var(--gat-muted); width:90px; flex-shrink:0; }
.gat-wf-bar { flex:1; height:5px;
  background:rgba(255,255,255,.1);
  border-radius:10px; overflow:hidden;
  backdrop-filter:blur(4px);
}
.gat-wf-fill {
  height:100%; border-radius:10px;
  animation:gatBarGrow .9s cubic-bezier(.4,0,.2,1) forwards;
  width:0;
}
@keyframes gatBarGrow { to{ width:var(--fw,0%); } }
.gat-wf-fill--done    { background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent)); }
.gat-wf-fill--active  { background:linear-gradient(90deg,var(--gat-accent),#7ef2f2); }
.gat-wf-fill--pending { background:rgba(255,255,255,.2); }
.gat-wf-badge {
  font-size:.62rem; font-weight:700; padding:2px 7px;
  border-radius:6px; flex-shrink:0;
}
.gat-wf-badge--done    { background:rgba(0,128,127,.2); color:var(--gat-accent); }
.gat-wf-badge--active  { background:rgba(17,183,183,.15); color:#7ef2f2; }
.gat-wf-badge--pending { background:rgba(255,255,255,.08); color:var(--gat-muted); }

.gat-cc-footer {
  display:flex; align-items:center; gap:8px;
  padding-top:14px; border-top:1px solid rgba(255,255,255,.1);
}
.gat-cc-footer-lbl { font-size:.68rem; color:var(--gat-muted); white-space:nowrap; }
.gat-footer-bar { flex:1; height:6px; background:rgba(255,255,255,.08);
  border-radius:10px; overflow:hidden; }
.gat-footer-fill {
  height:100%; border-radius:10px;
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  animation:gatBarGrow .9s cubic-bezier(.4,0,.2,1) forwards 0.4s; width:0;
}
.gat-cc-footer-pct { font-size:.8rem; font-weight:800; color:#fff; }

/* ── Services Section (LIGHT) ───────────────────────────── */
.gat-services-section {
  padding:90px 0;
  background:linear-gradient(180deg,#f0f7f7 0%,#e8f4f4 100%);
}
.gat-badge {
  display:inline-flex; align-items:center; gap:7px; font-size:.78rem;
  font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gat-primary); background:rgba(0,128,127,.1);
  border:1px solid rgba(0,128,127,.22); border-radius:50px;
  padding:5px 16px; margin-bottom:14px;
}
.gat-heading {
  font-size:clamp(1.7rem,4vw,2.6rem); font-weight:800;
  color:#0d2020 !important;
  margin-bottom:14px; line-height:1.2;
}
.gat-heading span {
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gat-lead { font-size:1rem; color:#4a6464 !important; line-height:1.7; }

/* Service cards — on light background */
.gat-service-card {
  background:#fff; border:1px solid rgba(0,128,127,.14);
  border-radius:20px; overflow:hidden; height:100%;
  box-shadow:0 2px 16px rgba(0,128,127,.07);
  transition:transform .35s, border-color .35s, box-shadow .35s;
}
.gat-service-card:hover {
  transform:translateY(-8px);
  border-color:rgba(17,183,183,.4);
  box-shadow:0 20px 50px rgba(0,128,127,.15);
}
.gat-sc-img { height:200px; overflow:hidden; }
.gat-sc-img img { width:100%; height:100%; object-fit:cover;
  transition:transform .45s; }
.gat-service-card:hover .gat-sc-img img { transform:scale(1.06); }
.gat-sc-body { padding:22px; }
.gat-sc-body h4 { font-size:1rem; font-weight:700;
  color:#0d2020 !important; margin-bottom:8px; }
.gat-sc-body p { font-size:.88rem; color:#4a6464 !important;
  line-height:1.6; margin-bottom:0; }

/* ── Process Section (DARK) ─────────────────────────────── */
.gat-process-section {
  padding:90px 0;
  background:linear-gradient(180deg,#071214 0%,#060d18 100%);
}
.gat-process-section .gat-heading { color:#fff !important; }
.gat-process-section .gat-lead { color:rgba(255,255,255,.65) !important; }
.gat-process-section .gat-badge { color:var(--gat-accent); background:rgba(17,183,183,.1); border-color:rgba(17,183,183,.2); }
.gat-process-grid { display:flex; flex-wrap:wrap; gap:0; position:relative; }
.gat-process-grid::before {
  content:''; position:absolute; top:36px; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent),transparent);
  z-index:0;
}
@media(max-width:767px){ .gat-process-grid::before{ display:none; } }

.gat-process-step {
  flex:1; min-width:180px; display:flex; flex-direction:column;
  align-items:center; text-align:center; padding:0 16px;
  position:relative; z-index:1;
}
.gat-ps-num {
  width:72px; height:72px; border-radius:50%;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; font-weight:900; color:#fff;
  box-shadow:0 8px 28px rgba(0,128,127,.4); margin-bottom:20px;
  transition:transform .3s;
}
.gat-process-step:hover .gat-ps-num { transform:scale(1.1); }
.gat-ps-title { font-size:.95rem; font-weight:700; color:#fff !important; margin-bottom:8px; }
.gat-ps-desc { font-size:.83rem; color:rgba(255,255,255,.65) !important; line-height:1.6; }

/* ── Why Choose Us (LIGHT) ──────────────────────────────── */
.gat-why-section {
  padding:90px 0;
  background:linear-gradient(135deg,#f0f7f7 0%,#eaf4f4 100%);
}
.gat-why-section .gat-heading { color:#0d2020 !important; }
.gat-why-section .gat-lead { color:#4a6464 !important; }
.gat-why-section .gat-badge { color:var(--gat-primary); background:rgba(0,128,127,.1); border-color:rgba(0,128,127,.22); }

/* Why card — premium redesign */
.gat-why-card {
  background:#fff;
  border:1px solid rgba(0,128,127,.13);
  border-radius:24px;
  padding:32px 28px;
  height:100%;
  box-shadow:0 2px 20px rgba(0,128,127,.07);
  transition:transform .35s, border-color .35s, box-shadow .35s;
  position:relative;
  overflow:hidden;
}
/* Gradient accent top-bar on hover */
.gat-why-card::before {
  content:''; position:absolute;
  top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  opacity:0; transition:opacity .35s;
}
.gat-why-card:hover::before { opacity:1; }
.gat-why-card:hover {
  transform:translateY(-8px);
  border-color:rgba(17,183,183,.4);
  box-shadow:0 20px 50px rgba(0,128,127,.15);
}
/* Top row: icon + metric side by side */
.gat-wc-top {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:18px;
}
.gat-wc-icon {
  width:56px; height:56px; border-radius:16px;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  display:flex; align-items:center; justify-content:center;
  font-size:1.45rem; color:#fff;
  box-shadow:0 8px 24px rgba(0,128,127,.28);
  transition:transform .3s, box-shadow .3s;
}
.gat-why-card:hover .gat-wc-icon {
  transform:scale(1.08) rotate(-4deg);
  box-shadow:0 12px 32px rgba(0,128,127,.4);
}
.gat-wc-metric {
  font-size:1.65rem; font-weight:900; line-height:1;
  background:linear-gradient(135deg,var(--gat-primary),var(--gat-accent));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gat-wc-divider {
  height:1px;
  background:linear-gradient(90deg,rgba(0,128,127,.18),transparent);
  margin-bottom:16px;
}
.gat-wc-title { font-size:1rem; font-weight:700;
  color:#0d2020 !important; margin-bottom:10px; }
.gat-wc-desc { font-size:.88rem; color:#4a6464 !important; line-height:1.65; }

/* ── Use Cases (DARK) ───────────────────────────────────── */
.gat-usecases-section {
  padding:90px 0;
  background:linear-gradient(180deg,#060d18 0%,#071e1e 100%);
}
.gat-usecases-section .gat-heading { color:#fff !important; }
.gat-usecases-section .gat-lead { color:rgba(255,255,255,.65) !important; }
.gat-usecases-section .gat-badge { color:var(--gat-accent); background:rgba(17,183,183,.1); border-color:rgba(17,183,183,.2); }
.gat-uc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:20px; }
.gat-uc-pill {
  background:var(--gat-card-bg); border:1px solid var(--gat-border);
  border-radius:16px; padding:20px 18px; display:flex; align-items:center; gap:14px;
  transition:all .3s;
}
.gat-uc-pill:hover {
  border-color:rgba(17,183,183,.35); background:rgba(17,183,183,.05);
  transform:translateY(-4px);
}
.gat-uc-icon {
  width:42px; height:42px; flex-shrink:0; border-radius:12px;
  background:rgba(17,183,183,.12); display:flex; align-items:center;
  justify-content:center; font-size:1.1rem; color:var(--gat-accent);
}
.gat-uc-label { font-size:.88rem; font-weight:600; color:#fff !important; }

/* ── FAQ Section (LIGHT) ────────────────────────────────── */
.gat-faq-section {
  padding:90px 0;
  background:linear-gradient(180deg,#f0f7f7 0%,#e8f4f4 100%);
}
.gat-faq-section .gat-heading { color:#0d2020 !important; }
.gat-faq-section .gat-lead { color:#4a6464 !important; }
.gat-faq-section .gat-badge { color:var(--gat-primary); background:rgba(0,128,127,.1); border-color:rgba(0,128,127,.22); }

/* Bootstrap accordion overrides — light FAQ section */
.gat-faq-section .accordion-item {
  background:#fff !important;
  border:1px solid rgba(0,128,127,.15) !important;
  border-radius:16px !important; margin-bottom:12px; overflow:hidden;
  transition:border-color .3s, box-shadow .3s;
}
.gat-faq-section .accordion-item:hover {
  border-color:rgba(17,183,183,.35) !important;
  box-shadow:0 4px 20px rgba(0,128,127,.1);
}
.gat-faq-section .accordion-button {
  background:#fff !important; color:#0d2020 !important;
  font-size:.9rem; font-weight:600; padding:18px 22px;
  box-shadow:none !important;
}
.gat-faq-section .accordion-button::after { filter:none; }
.gat-faq-section .accordion-button:not(.collapsed) {
  background:#f0fafa !important; color:var(--gat-primary) !important;
}
.gat-faq-section .accordion-body {
  background:#fff; color:#4a6464 !important;
  font-size:.88rem; line-height:1.7; padding:0 22px 18px;
}
.gat-faq-num {
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:8px;
  background:rgba(0,128,127,.12); color:var(--gat-primary);
  font-size:.75rem; font-weight:800; flex-shrink:0;
}

/* ── CTA Section ─────────────────────────────────────────── */
.gat-cta-section {
  padding:80px 0;
  background:linear-gradient(135deg,#060d18 0%,#0a1628 100%);
  position:relative; overflow:hidden;
}
.gat-cta-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at center,rgba(0,128,127,.12) 0%,transparent 70%);
  pointer-events:none;
}
.gat-cta-inner { position:relative; z-index:1; }
.gat-cta-section h2 { font-size:clamp(1.7rem,4vw,2.5rem); font-weight:800; color:#fff !important; margin-bottom:16px; }
.gat-cta-section h2 span {
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gat-cta-section p { color:rgba(255,255,255,.75) !important; font-size:1rem; line-height:1.7; }

.gat-glow-sep {
  width:80px; height:3px; margin:0 auto 24px;
  background:linear-gradient(90deg,var(--gat-primary),var(--gat-accent));
  border-radius:4px; box-shadow:0 0 16px rgba(0,128,127,.5);
}

/* ── Scroll fade-up ──────────────────────────────────────── */
.gat-fade-up { opacity:0; transform:translateY(30px);
  transition:opacity .7s ease, transform .7s ease; }
.gat-fade-up.gat-visible { opacity:1; transform:translateY(0); }

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:991px){
  .gat-hero { padding:80px 0 60px; }
  .gat-float-badge--tr,
  .gat-float-badge--bl,
  .gat-float-badge--br { display:none; }
}
@media(max-width:767px){
  .gat-process-step { min-width:140px; }
  .gat-hero-stats { gap:8px; }
  .gat-stat-pill { padding:10px 14px; }
}

/* ── Light-mode overrides ────────────────────────────────── */
@media(prefers-color-scheme:light){
  :root {
    --gat-dark    : #f4f8f8;
    --gat-card-bg : rgba(0,128,127,.06);
    --gat-border  : rgba(0,128,127,.18);
    --gat-text    : #1a2e2e;
    --gat-muted   : #4a6464;
  }

  .gat-wrapper                  { background:#f4f8f8; color:#1a2e2e; }
  .gat-hero                     { background:linear-gradient(135deg,#eef6f6 0%,#f0f9f9 55%,#e8f4f4 100%); }
  .gat-hero h1                  { color:#0d2020; }
  .gat-hero-sub                 { color:#4a6464; }
  .gat-orb--1                   { background:radial-gradient(circle,rgba(0,128,127,.12),transparent 70%); }
  .gat-orb--2                   { background:radial-gradient(circle,rgba(17,183,183,.09),transparent 70%); }
  .gat-orb--3                   { background:radial-gradient(circle,rgba(0,128,127,.07),transparent 70%); }

  .gat-breadcrumb               { color:#4a6464; }
  .gat-breadcrumb a             { color:#4a6464; }

  .gat-stat-pill                { background:rgba(0,128,127,.08); border-color:rgba(0,128,127,.2); }
  .gat-sp-val                   { color:#0d2020; }

  .gat-btn--ghost               { background:rgba(0,0,0,.05); color:#0d2020; border-color:rgba(0,128,127,.3); }
  .gat-btn--ghost:hover         { background:rgba(0,128,127,.1); color:#0d2020; }

  .gat-float-badge              { background:rgba(255,255,255,.92); border-color:rgba(0,128,127,.25); box-shadow:0 4px 20px rgba(0,0,0,.1); }
  .gat-fb-val                   { color:#0d2020; }

  .gat-central-card             { background:rgba(255,255,255,.97); border-color:rgba(0,128,127,.2); box-shadow:0 10px 40px rgba(0,128,127,.1); }
  .gat-cc-title                 { color:#0d2020; }
  .gat-wf-label                 { color:#4a6464; }
  .gat-wf-bar                   { background:rgba(0,0,0,.08); }
  .gat-wf-fill--pending         { background:rgba(0,0,0,.15); }
  .gat-footer-bar               { background:rgba(0,0,0,.08); }
  .gat-cc-footer-pct            { color:#0d2020; }

  .gat-services-section         { background:linear-gradient(180deg,#f4f8f8 0%,#eef6f6 100%); }
  .gat-process-section          { background:linear-gradient(180deg,#eef6f6 0%,#f4f8f8 100%); }
  .gat-why-section              { background:linear-gradient(135deg,#f4f8f8 0%,#eaf4f4 100%); }
  .gat-usecases-section         { background:linear-gradient(180deg,#f4f8f8 0%,#e8f2f2 100%); }
  .gat-faq-section              { background:linear-gradient(180deg,#e8f2f2 0%,#f4f8f8 100%); }
  .gat-cta-section              { background:linear-gradient(135deg,#f4f8f8 0%,#eaf4f4 100%); }
  .gat-cta-section::before      { background:radial-gradient(ellipse at center,rgba(0,128,127,.07) 0%,transparent 70%); }
  .gat-cta-section h2           { color:#0d2020 !important; }
  .gat-cta-section p            { color:#4a6464 !important; }
  /* Ghost button on light CTA background */
  .gat-cta-section .gat-btn--ghost {
    background:rgba(0,128,127,.07) !important;
    color:var(--gat-primary) !important;
    border-color:rgba(0,128,127,.4) !important;
    box-shadow:0 2px 12px rgba(0,128,127,.1) !important;
  }
  .gat-cta-section .gat-btn--ghost:hover {
    background:rgba(0,128,127,.14) !important;
    color:var(--gat-primary) !important;
    border-color:rgba(0,128,127,.65) !important;
  }
  .gat-lead                     { color:#4a6464; }

  .gat-service-card             { background:#fff; border-color:rgba(0,128,127,.15); box-shadow:0 2px 14px rgba(0,128,127,.07); }
  .gat-service-card:hover       { border-color:rgba(0,128,127,.4); box-shadow:0 12px 36px rgba(0,128,127,.13); }
  .gat-sc-body h4               { color:#0d2020; }
  .gat-sc-body p                { color:#4a6464; }

  .gat-process-step .gat-ps-title { color:#0d2020 !important; }
  .gat-process-step .gat-ps-desc  { color:#4a6464 !important; }

  .gat-why-card                 { background:#fff; border-color:rgba(0,128,127,.12); }
  .gat-why-card:hover           { border-color:rgba(0,128,127,.4); box-shadow:0 20px 50px rgba(0,128,127,.13); }
  .gat-wc-title                 { color:#0d2020 !important; }
  .gat-wc-desc                  { color:#4a6464 !important; }
  .gat-wc-divider               { background:linear-gradient(90deg,rgba(0,128,127,.15),transparent); }

  .gat-uc-pill                  { background:#fff; border-color:rgba(0,128,127,.12); }
  .gat-uc-pill:hover            { background:rgba(0,128,127,.06); border-color:rgba(0,128,127,.3); }
  .gat-uc-label                 { color:#0d2020 !important; }
  .gat-uc-icon                  { background:rgba(0,128,127,.1); }

  .gat-faq-section .accordion-item       { background:#fff !important; border-color:rgba(0,128,127,.15) !important; }
  .gat-faq-section .accordion-button     { color:#0d2020 !important; }
  .gat-faq-section .accordion-button:not(.collapsed) { color:var(--gat-primary) !important; }
  .gat-faq-section .accordion-button::after { filter:none; }
  .gat-faq-section .accordion-body       { color:#4a6464; }

  .gat-cta-section h2           { color:#0d2020 !important; }
  .gat-cta-section p            { color:#4a6464 !important; }
  /* Ghost button on light CTA background */
  .gat-cta-section .gat-btn--ghost {
    background:rgba(0,128,127,.07) !important;
    color:var(--gat-primary) !important;
    border-color:rgba(0,128,127,.4) !important;
    box-shadow:0 2px 12px rgba(0,128,127,.1) !important;
  }
  .gat-cta-section .gat-btn--ghost:hover {
    background:rgba(0,128,127,.14) !important;
    color:var(--gat-primary) !important;
    border-color:rgba(0,128,127,.65) !important;
  }
  /* Section-heading overrides: dark sections rendered light in light-OS mode */
  .gat-process-section .gat-heading  { color:#0d2020 !important; }
  .gat-process-section .gat-lead     { color:#4a6464 !important; }
  .gat-process-section .gat-badge    { color:var(--gat-primary) !important; }
  .gat-usecases-section .gat-heading { color:#0d2020 !important; }
  .gat-usecases-section .gat-lead    { color:#4a6464 !important; }
  .gat-usecases-section .gat-badge   { color:var(--gat-primary) !important; }
}