/* ═══════════════════ VARIABLES ═══════════════════ */
:root {
  --black: #060608;
  --surface: #0d0d12;
  --surface2: #13131a;
  --border: rgba(255,255,255,0.07);
  --cyan: #00e5cc;
  --violet: #8b5cf6;
  --acid: #c8f500;
  --white: #f0f0f5;
  --muted: #6b6b80;
  --mid: #9090a8;
  --radius: 16px;
}

/* ═══════════════════ RESET ═══════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--black); color:var(--white); font-family:'DM Sans',sans-serif; overflow-x:hidden; line-height:1.6; }
h1,h2,h3,h4,h5,h6 { font-family:'Syne',sans-serif; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
img { max-width:100%; height:auto; }

/* ═══════════════════ UTILITY ═══════════════════ */
.gx-container { max-width:1280px; margin:0 auto; padding-left:56px; padding-right:56px; }
.gx-section { padding:100px 0; }
.gx-eyebrow { font-size:11px; letter-spacing:2.5px; text-transform:uppercase; color:var(--acid); font-weight:500; margin-bottom:20px; }
.gx-section-h2 { font-size:clamp(36px,4vw,58px); font-weight:800; letter-spacing:-2px; line-height:1.05; margin-bottom:20px; }
.gx-section-p { font-size:16px; color:var(--mid); line-height:1.8; max-width:540px; font-weight:300; }

/* ═══════════════════ NOISE BG ═══════════════════ */
.gx-noise {
  position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:0;
  opacity:0.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;
}

/* ═══════════════════ NAV ═══════════════════ */
.gx-nav {
  position:fixed; top:0; left:0; right:0; z-index:999;
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 56px;
  border-bottom:1px solid var(--border);
  background:rgba(6,6,8,0.8); backdrop-filter:blur(24px);
}
.gx-logo {
  font-family:'Syne',sans-serif; font-size:17px; font-weight:800;
  letter-spacing:-0.3px;
  display:flex; align-items:center; gap:10px; color:var(--white);
}
.gx-logo-mark {
  width:28px; height:28px; border-radius:6px;
  background:var(--cyan); display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:900; color:var(--black);
}
.gx-nav-links { display:flex; gap:24px; }
.gx-nav-link { color:var(--muted); font-size:14px; font-weight:400; transition:color 0.2s; }
.gx-nav-link:hover, .gx-nav-active { color:var(--white); }
.gx-nav-pill {
  background:var(--acid); color:var(--black); border:none;
  padding:10px 22px; border-radius:100px;
  font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500;
  cursor:pointer; transition:all 0.2s; display:inline-block;
}
.gx-nav-pill:hover { background:var(--cyan); transform:scale(1.04); }
.gx-mobile-toggle { display:none; background:none; border:none; color:var(--white); font-size:24px; cursor:pointer; }
.gx-mobile-menu { display:none; }
.gx-mobile-menu.open { display:flex; flex-direction:column; position:fixed; top:72px; left:0; right:0; background:var(--black); border-bottom:1px solid var(--border); padding:24px 56px; z-index:998; gap:16px; }
.gx-mobile-links { display:flex; flex-direction:column; gap:12px; }

/* ═══════════════════ BUTTONS ═══════════════════ */
.gx-btn-acid {
  background:var(--acid); color:var(--black); border:none;
  padding:15px 32px; border-radius:8px;
  font-family:'DM Sans',sans-serif; font-size:15px; font-weight:500;
  cursor:pointer; transition:all 0.25s; display:inline-block;
}
.gx-btn-acid:hover { background:var(--cyan); transform:translateY(-2px); }
.gx-btn-ghost {
  background:transparent; border:1px solid var(--border);
  color:var(--mid); padding:14px 28px; border-radius:8px;
  font-family:'DM Sans',sans-serif; font-size:15px; font-weight:400; cursor:pointer; transition:all 0.25s; display:inline-block;
}
.gx-btn-ghost:hover { border-color:rgba(255,255,255,0.25); color:var(--white); }
.gx-btn-dark {
  background:var(--black); color:var(--white); border:none;
  padding:15px 32px; border-radius:8px;
  font-family:'DM Sans',sans-serif; font-size:15px; font-weight:500;
  cursor:pointer; transition:all 0.25s; display:inline-block;
}
.gx-btn-dark:hover { background:var(--surface2); }

/* ═══════════════════ HERO ═══════════════════ */
.gx-hero {
  min-height:100vh; display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:80px;
  padding:140px 56px 80px; max-width:1400px; margin:0 auto;
  position:relative;
}
.gx-hero-eyebrow {
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid rgba(0,229,204,0.2); border-radius:4px;
  padding:5px 12px; margin-bottom:32px;
  font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--cyan); font-weight:500;
}
.gx-live-dot { width:5px; height:5px; background:var(--cyan); border-radius:50%; animation:gx-blink 1.8s infinite; }
@keyframes gx-blink { 0%,100%{opacity:1} 50%{opacity:0.2} }
.gx-hero-h1 {
  font-size:clamp(44px,5.5vw,78px); font-weight:800;
  line-height:1.0; letter-spacing:-3px; margin-bottom:28px;
}
.gx-stroke-text { -webkit-text-stroke:1px var(--cyan); color:transparent; }
.gx-hero-body { font-size:17px; color:var(--mid); line-height:1.75; margin-bottom:40px; max-width:460px; font-weight:300; }
.gx-hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.gx-kpis { display:flex; gap:0; margin-top:56px; }
.gx-kpi { flex:1; padding:0 28px 0 0; border-right:1px solid var(--border); }
.gx-kpi:last-child { border-right:none; padding-left:28px; }
.gx-kpi:first-child { padding-left:0; }
.gx-kpi-n { font-family:'Syne',sans-serif; font-size:38px; font-weight:800; color:var(--acid); line-height:1; }
.gx-kpi-l { font-size:13px; color:var(--muted); margin-top:6px; }

/* Dashboard card */
.gx-dash { background:var(--surface); border:1px solid var(--border); border-radius:20px; overflow:hidden; }
.gx-dash-header { padding:18px 20px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
.gx-dash-title { font-size:13px; color:var(--muted); }
.gx-dash-live { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--cyan); }
.gx-dash-body { padding:20px; }
.gx-dash-img { width:100%; height:auto; display:block; }
.gx-dash-rows { display:flex; flex-direction:column; gap:10px; margin-top:16px; }
.gx-dash-row { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:var(--surface2); border-radius:8px; }
.gx-dash-row-label { font-size:13px; color:var(--mid); }
.gx-dash-row-val { font-size:13px; font-weight:500; color:var(--cyan); }

/* ═══════════════════ MARQUEE ═══════════════════ */
.gx-marquee { overflow:hidden; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:18px 0; background:var(--surface); }
.gx-marquee-track { display:flex; gap:60px; animation:gx-scroll 20s linear infinite; width:max-content; }
@keyframes gx-scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.gx-marquee-item { font-size:13px; font-weight:500; color:var(--muted); white-space:nowrap; display:flex; align-items:center; gap:10px; }
.gx-marquee-sep { width:4px; height:4px; border-radius:50%; background:var(--acid); }

/* ═══════════════════ SERVICE CARDS ═══════════════════ */
.gx-svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:64px; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.gx-svc-card {
  background:var(--surface); padding:40px 32px;
  border-right:1px solid var(--border); transition:background 0.25s;
}
.gx-svc-card:last-child { border-right:none; }
.gx-svc-card:hover { background:var(--surface2); }
.gx-svc-card:hover .gx-svc-icon { border-color:var(--acid); }
.gx-svc-icon {
  width:48px; height:48px; border:1px solid var(--border); border-radius:10px;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  margin-bottom:24px; transition:border-color 0.2s;
}
.gx-svc-title { font-size:22px; font-weight:700; margin-bottom:12px; letter-spacing:-0.5px; }
.gx-svc-desc { font-size:14px; color:var(--muted); line-height:1.7; font-weight:300; }
.gx-svc-cta { margin-top:24px; font-size:13px; color:var(--acid); font-weight:500; display:inline-flex; align-items:center; gap:6px; transition:gap 0.2s; }
.gx-svc-card:hover .gx-svc-cta { gap:10px; }

/* ═══════════════════ FEATURE GRID ═══════════════════ */
.gx-feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-top:40px; }
.gx-feat { background:var(--surface); padding:36px 28px; border-right:1px solid var(--border); }
.gx-feat:last-child { border-right:none; }
.gx-feat-n { font-family:'Syne',sans-serif; font-size:64px; font-weight:800; color:rgba(200,245,0,0.1); line-height:1; margin-bottom:16px; }
.gx-feat-h { font-size:18px; font-weight:700; margin-bottom:10px; letter-spacing:-0.3px; }
.gx-feat-p { font-size:14px; color:var(--muted); line-height:1.7; font-weight:300; }

/* ═══════════════════ PROCESS BAR ═══════════════════ */
.gx-process { display:grid; grid-template-columns:repeat(4,1fr); margin-top:40px; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.gx-proc-step { padding:28px; border-right:1px solid var(--border); }
.gx-proc-step:last-child { border-right:none; }
.gx-proc-n { font-family:'Syne',sans-serif; font-size:42px; font-weight:800; color:rgba(255,255,255,0.06); line-height:1; margin-bottom:12px; }
.gx-proc-h { font-size:15px; font-weight:600; margin-bottom:8px; }
.gx-proc-p { font-size:13px; color:var(--muted); line-height:1.5; font-weight:300; }

/* ═══════════════════ WHY US GRID ═══════════════════ */
.gx-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-top:64px; }
.gx-why-card { background:var(--surface); padding:32px; border-right:1px solid var(--border); }
.gx-why-card:last-child { border-right:none; }
.gx-why-icon { font-size:28px; margin-bottom:16px; }
.gx-why-title { font-size:18px; font-weight:700; margin-bottom:8px; }
.gx-why-desc { font-size:14px; color:var(--muted); line-height:1.7; font-weight:300; }

/* ═══════════════════ TESTIMONIALS ═══════════════════ */
.gx-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px; }
.gx-test-card {
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:32px; display:flex; flex-direction:column; justify-content:space-between;
  transition:border-color 0.2s;
}
.gx-test-card:hover { border-color:rgba(200,245,0,0.3); }
.gx-test-metric {
  display:inline-block; padding:4px 12px; border-radius:100px;
  background:rgba(200,245,0,0.1); border:1px solid rgba(200,245,0,0.2);
  color:var(--acid); font-size:12px; font-weight:500; margin-bottom:20px;
}
.gx-test-quote { font-size:15px; color:var(--mid); line-height:1.65; font-weight:300; font-style:italic; margin-bottom:24px; }
.gx-test-author { display:flex; align-items:center; gap:12px; }
.gx-test-avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.gx-test-avatar-placeholder { width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--acid),var(--cyan)); }
.gx-test-name { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; }
.gx-test-role { font-size:12px; color:var(--muted); }

/* ═══════════════════ BLOG CARDS ═══════════════════ */
.gx-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px; }
.gx-blog-card {
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  overflow:hidden; transition:all 0.2s; cursor:pointer;
}
.gx-blog-card:hover { background:var(--surface2); }
.gx-blog-card:hover .gx-blog-img img { transform:scale(1.05); }
.gx-blog-img { overflow:hidden; height:200px; }
.gx-blog-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
.gx-blog-body { padding:24px; }
.gx-blog-tag { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:var(--acid); font-weight:500; margin-bottom:12px; display:block; }
.gx-blog-h { font-size:18px; font-weight:700; line-height:1.3; margin-bottom:12px; letter-spacing:-0.3px; }
.gx-blog-p { font-size:14px; color:var(--muted); line-height:1.65; font-weight:300; }
.gx-blog-foot { display:flex; align-items:center; gap:10px; margin-top:20px; font-size:12px; color:var(--muted); }
.gx-blog-avatar { width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,var(--acid),var(--cyan)); }

/* Featured blog */
.gx-blog-featured { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:40px; background:var(--surface); }
.gx-blog-featured:hover { background:var(--surface2); }
.gx-blog-featured img { width:100%; height:100%; object-fit:cover; min-height:300px; }
.gx-blog-featured-body { padding:40px; display:flex; flex-direction:column; justify-content:center; }

/* ═══════════════════ AUDIT FORM ═══════════════════ */
.gx-audit { margin:0 56px 100px; border:1px solid var(--border); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; }
.gx-audit-left { background:var(--acid); color:var(--black); padding:60px 52px; display:flex; flex-direction:column; justify-content:space-between; }
.gx-audit-title { font-family:'Syne',sans-serif; font-size:44px; font-weight:800; letter-spacing:-2px; line-height:1.05; margin-bottom:16px; }
.gx-audit-sub { font-size:16px; line-height:1.6; color:rgba(0,0,0,0.65); font-weight:300; max-width:360px; }
.gx-audit-promises { margin-top:40px; display:flex; flex-direction:column; gap:10px; }
.gx-audit-prom { display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(0,0,0,0.7); }
.gx-prom-check { width:18px; height:18px; border-radius:50%; background:var(--black); display:flex; align-items:center; justify-content:center; font-size:10px; color:var(--acid); flex-shrink:0; }
.gx-audit-right { background:var(--surface); padding:60px 52px; }
.gx-audit-right h3 { font-family:'Syne',sans-serif; font-size:24px; font-weight:700; letter-spacing:-0.5px; margin-bottom:28px; }
.gx-audit-fields { display:flex; flex-direction:column; gap:16px; }
.gx-afield { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gx-input {
  background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:8px;
  padding:14px 16px; color:var(--white); font-family:'DM Sans',sans-serif; font-size:14px;
  outline:none; transition:border-color 0.2s; width:100%;
}
.gx-input:focus { border-color:rgba(200,245,0,0.5); }
.gx-input::placeholder { color:var(--muted); }
.gx-audit-submit {
  background:var(--acid); border:none; color:var(--black);
  padding:16px; width:100%; border-radius:8px;
  font-family:'DM Sans',sans-serif; font-size:15px; font-weight:500; cursor:pointer; transition:all 0.25s;
}
.gx-audit-submit:hover { background:var(--cyan); transform:translateY(-1px); }
.gx-audit-note { font-size:12px; color:var(--muted); text-align:center; margin-top:8px; }

/* ═══════════════════ SERVICE PAGE HERO ═══════════════════ */
.gx-svc-hero { position:relative; min-height:80vh; display:flex; align-items:flex-end; overflow:hidden; }
.gx-svc-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gx-svc-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, var(--black), rgba(6,6,8,0.7), rgba(6,6,8,0.3)); }
.gx-svc-hero-content { position:relative; z-index:1; max-width:1280px; margin:0 auto; padding:160px 56px 80px; width:100%; }
.gx-svc-hero-tag { display:inline-block; border:1px solid var(--border); border-radius:4px; padding:5px 12px; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-bottom:28px; }
.gx-svc-hero-h { font-size:clamp(52px,7vw,90px); font-weight:800; letter-spacing:-3px; line-height:0.95; margin-bottom:24px; }
.gx-svc-hero-p { font-size:18px; color:var(--mid); line-height:1.7; max-width:560px; font-weight:300; margin-bottom:40px; }

/* ═══════════════════ IMAGE SLIDER ═══════════════════ */
.gx-slider { position:relative; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:var(--surface); }
.gx-slider-viewport { position:relative; aspect-ratio:16/9; overflow:hidden; }
.gx-slider-slide { position:absolute; inset:0; opacity:0; transition:opacity 0.5s; }
.gx-slider-slide.active { opacity:1; }
.gx-slider-slide img { width:100%; height:100%; object-fit:cover; }
.gx-slider-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(6,6,8,0.9), rgba(6,6,8,0.3), transparent); }
.gx-slider-text { position:absolute; bottom:0; left:0; right:0; padding:32px; }
.gx-slider-text h3 { font-size:24px; font-weight:700; margin-bottom:8px; }
.gx-slider-text p { font-size:14px; color:var(--mid); font-weight:300; max-width:460px; }
.gx-slider-btn { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:rgba(6,6,8,0.6); backdrop-filter:blur(8px); border:1px solid var(--border); color:var(--white); font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }
.gx-slider-btn:hover { background:rgba(6,6,8,0.8); }
.gx-slider-prev { left:16px; }
.gx-slider-next { right:16px; }
.gx-slider-dots { display:flex; justify-content:center; gap:8px; padding:16px; }
.gx-slider-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.2); border:none; cursor:pointer; transition:all 0.2s; }
.gx-slider-dot.active { background:var(--acid); width:24px; border-radius:4px; }

/* ═══════════════════ PAGE HERO (SIMPLE) ═══════════════════ */
.gx-page-hero { padding:140px 0 60px; }
.gx-page-hero-h { font-size:clamp(44px,5vw,72px); font-weight:800; letter-spacing:-3px; line-height:1; margin-bottom:24px; }
.gx-page-hero-p { font-size:18px; color:var(--mid); line-height:1.7; max-width:560px; font-weight:300; }

/* ═══════════════════ ABOUT ═══════════════════ */
.gx-about-story { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.gx-team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:48px; }
.gx-team-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:border-color 0.2s; }
.gx-team-card:hover { border-color:rgba(200,245,0,0.3); }
.gx-team-card:hover img { transform:scale(1.05); }
.gx-team-img { overflow:hidden; aspect-ratio:1; }
.gx-team-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
.gx-team-info { padding:20px; }
.gx-team-name { font-family:'Syne',sans-serif; font-size:16px; font-weight:700; }
.gx-team-role { font-size:12px; color:var(--acid); font-weight:500; margin-bottom:8px; }
.gx-team-desc { font-size:12px; color:var(--muted); line-height:1.6; font-weight:300; }

.gx-timeline { display:grid; grid-template-columns:repeat(5,1fr); gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-top:48px; }
.gx-timeline-item { background:var(--surface); padding:24px; border-right:1px solid var(--border); }
.gx-timeline-item:last-child { border-right:none; }
.gx-timeline-year { font-family:'Syne',sans-serif; font-size:28px; font-weight:800; color:var(--acid); margin-bottom:8px; }
.gx-timeline-h { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; margin-bottom:8px; }
.gx-timeline-p { font-size:12px; color:var(--muted); line-height:1.6; font-weight:300; }

.gx-stats-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-top:64px; }
.gx-stat { background:var(--surface); padding:32px; text-align:center; border-right:1px solid var(--border); }
.gx-stat:last-child { border-right:none; }
.gx-stat-n { font-family:'Syne',sans-serif; font-size:clamp(32px,4vw,48px); font-weight:800; color:var(--acid); margin-bottom:8px; }
.gx-stat-l { font-size:14px; color:var(--muted); }

/* ═══════════════════ CONTACT ═══════════════════ */
.gx-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.gx-contact-form { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:40px; }
.gx-contact-form h2 { font-size:24px; font-weight:700; margin-bottom:28px; }
.gx-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.gx-form-group { margin-bottom:16px; }
.gx-form-label { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.gx-contact-cards { display:flex; flex-direction:column; gap:16px; }
.gx-contact-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:24px; display:flex; align-items:flex-start; gap:16px; transition:border-color 0.2s; }
.gx-contact-card:hover { border-color:rgba(200,245,0,0.3); }
.gx-contact-icon { width:48px; height:48px; border-radius:12px; background:rgba(200,245,0,0.1); border:1px solid rgba(200,245,0,0.2); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.gx-contact-label { font-size:12px; color:var(--muted); margin-bottom:4px; }
.gx-contact-value { font-family:'Syne',sans-serif; font-size:16px; font-weight:700; }
.gx-contact-sub { font-size:12px; color:var(--muted); margin-top:2px; }
.gx-map { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; flex:1; min-height:250px; }
.gx-map iframe { width:100%; height:100%; min-height:250px; border:0; filter:invert(90%) hue-rotate(180deg) brightness(0.9) contrast(1.1); }
.gx-social-bar { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:20px; display:flex; gap:12px; flex-wrap:wrap; }
.gx-social-link { padding:8px 16px; border-radius:8px; background:rgba(255,255,255,0.04); border:1px solid var(--border); font-size:12px; color:var(--muted); transition:all 0.2s; }
.gx-social-link:hover { color:var(--acid); border-color:rgba(200,245,0,0.3); }

/* ═══════════════════ CTA BANNER ═══════════════════ */
.gx-cta-banner {
  background:var(--acid); border-radius:var(--radius); padding:60px; text-align:center;
  margin:0 auto; max-width:1280px;
}
.gx-cta-banner h2 { font-size:clamp(28px,3.5vw,44px); font-weight:800; letter-spacing:-2px; color:var(--black); margin-bottom:16px; }
.gx-cta-banner p { color:rgba(0,0,0,0.6); font-size:16px; font-weight:300; max-width:480px; margin:0 auto 32px; }
.gx-cta-banner .gx-btn-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ═══════════════════ NEWSLETTER ═══════════════════ */
.gx-newsletter { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:60px; text-align:center; max-width:1280px; margin:0 auto; }
.gx-newsletter-form { display:flex; gap:12px; max-width:400px; margin:0 auto; flex-wrap:wrap; justify-content:center; }
.gx-newsletter-form .gx-input { flex:1; min-width:200px; }

/* ═══════════════════ FOOTER ═══════════════════ */
.gx-footer { border-top:1px solid var(--border); }
.gx-footer .gx-container { padding-top:64px; padding-bottom:64px; }
.gx-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; margin-bottom:64px; }
.gx-footer-brand p { font-size:14px; color:var(--muted); line-height:1.7; font-weight:300; margin-top:8px; }
.gx-footer-social { display:flex; gap:16px; margin-top:20px; }
.gx-footer-social a { font-size:12px; color:var(--muted); transition:color 0.2s; }
.gx-footer-social a:hover { color:var(--acid); }
.gx-footer h4 { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; margin-bottom:16px; }
.gx-footer ul { display:flex; flex-direction:column; gap:10px; }
.gx-footer li { font-size:14px; color:var(--muted); }
.gx-footer li a { transition:color 0.2s; }
.gx-footer li a:hover { color:var(--white); }
.gx-footer-bottom { border-top:1px solid var(--border); padding-top:32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.gx-footer-bottom span { font-size:13px; color:var(--muted); }
.gx-footer-legal { display:flex; gap:24px; }
.gx-footer-legal a { font-size:13px; color:var(--muted); transition:color 0.2s; }
.gx-footer-legal a:hover { color:var(--white); }

/* ═══════════════════ WP-SPECIFIC ═══════════════════ */
.wp-block-image img { border-radius:var(--radius); }
.entry-content { font-size:16px; color:var(--mid); line-height:1.8; }
.entry-content h2 { font-size:32px; margin:40px 0 16px; color:var(--white); }
.entry-content h3 { font-size:24px; margin:32px 0 12px; color:var(--white); }
.entry-content p { margin-bottom:20px; }
.entry-content ul, .entry-content ol { margin:0 0 20px 24px; }
.entry-content li { margin-bottom:8px; }
.entry-content a { color:var(--acid); text-decoration:underline; }
.entry-content blockquote { border-left:3px solid var(--acid); padding-left:20px; font-style:italic; color:var(--mid); margin:24px 0; }

/* Pagination */
.gx-pagination { display:flex; justify-content:center; gap:8px; margin-top:48px; }
.gx-pagination a, .gx-pagination span { padding:10px 16px; border-radius:8px; font-size:14px; border:1px solid var(--border); color:var(--muted); transition:all 0.2s; }
.gx-pagination a:hover { border-color:var(--acid); color:var(--acid); }
.gx-pagination .current { background:var(--acid); color:var(--black); border-color:var(--acid); }

/* ═══════════════════ RESPONSIVE ═══════════════════ */
@media (max-width:1024px) {
  .gx-container { padding-left:24px; padding-right:24px; }
  .gx-nav { padding:16px 24px; }
  .gx-hero { grid-template-columns:1fr; padding:120px 24px 60px; gap:40px; }
  .gx-hero .gx-dash { display:none; }
  .gx-svc-grid, .gx-feat-grid { grid-template-columns:1fr; }
  .gx-svc-card, .gx-feat { border-right:none; border-bottom:1px solid var(--border); }
  .gx-svc-card:last-child, .gx-feat:last-child { border-bottom:none; }
  .gx-process { grid-template-columns:1fr 1fr; }
  .gx-proc-step:nth-child(2) { border-right:none; }
  .gx-why-grid { grid-template-columns:1fr 1fr; }
  .gx-why-card:nth-child(2), .gx-why-card:last-child { border-right:none; }
  .gx-testimonials, .gx-blog-grid { grid-template-columns:1fr; }
  .gx-audit { margin:0 24px 60px; grid-template-columns:1fr; }
  .gx-svc-hero-content { padding:120px 24px 60px; }
  .gx-about-story { grid-template-columns:1fr; gap:32px; }
  .gx-team-grid { grid-template-columns:1fr 1fr; }
  .gx-timeline { grid-template-columns:1fr 1fr; }
  .gx-timeline-item:nth-child(2n) { border-right:none; }
  .gx-stats-bar { grid-template-columns:1fr 1fr; }
  .gx-stat:nth-child(2) { border-right:none; }
  .gx-contact-grid { grid-template-columns:1fr; }
  .gx-blog-featured { grid-template-columns:1fr; }
  .gx-footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
  .gx-nav-links { display:none; }
  .gx-nav-pill { display:none; }
  .gx-mobile-toggle { display:block; }
  .gx-kpis { flex-wrap:wrap; gap:16px; }
  .gx-kpi { border-right:none; padding:0; flex:unset; width:45%; }
  .gx-afield { grid-template-columns:1fr; }
  .gx-form-row { grid-template-columns:1fr; }
  .gx-process { grid-template-columns:1fr; }
  .gx-proc-step { border-right:none; border-bottom:1px solid var(--border); }
  .gx-proc-step:last-child { border-bottom:none; }
  .gx-why-grid { grid-template-columns:1fr; }
  .gx-why-card { border-right:none; border-bottom:1px solid var(--border); }
  .gx-why-card:last-child { border-bottom:none; }
  .gx-team-grid { grid-template-columns:1fr; }
  .gx-timeline { grid-template-columns:1fr; }
  .gx-timeline-item { border-right:none; border-bottom:1px solid var(--border); }
  .gx-timeline-item:last-child { border-bottom:none; }
  .gx-stats-bar { grid-template-columns:1fr; }
  .gx-stat { border-right:none; border-bottom:1px solid var(--border); }
  .gx-stat:last-child { border-bottom:none; }
  .gx-footer-grid { grid-template-columns:1fr; }
}