/* ══════════════════════════════════════════════
   GO4 Theme 2026 — Shared Subpage Stylesheet
   Extracted from go4-preview.html
   For all subpages (services, sectors, blog, etc.)
   ══════════════════════════════════════════════ */

/* ── Futuristic Display Fonts (Envato Elements) ── */
@font-face{
  font-family:'Kamern';
  src:url('/fonts/Kamern.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Felbion';
  src:url('/fonts/Felbion.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Qliphort';
  src:url('/fonts/Qliphort-Regular.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Plutur';
  src:url('/fonts/Plutur.ttf') format('truetype');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Preonix';
  src:url('/fonts/Preonix.ttf') format('truetype');
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* ── RESET & VARIABLES ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#050505;
  --bg-card:#0a0a0a;
  --bg-card-hover:#101010;
  --text:#f5f5f5;
  --muted:#aaa;
  --yellow:#ffd54a;
  --green:#25D366;
  --line:#1a1a1a;
  --display:'Felbion','Space Grotesk',sans-serif;
  --sans:'Kamern','Space Grotesk',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --max-width:900px;
  --wide-width:1200px;
}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Kamern','Space Grotesk',sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  cursor:none;
}
::selection{background:var(--yellow);color:var(--bg)}

/* ── CURSOR ── */
.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--yellow);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .15s,height .15s;mix-blend-mode:difference}
.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid rgba(255,213,74,.35);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}
body.cursor-hover .cursor-dot{width:10px;height:10px;background:rgba(255,213,74,.8)}
body.cursor-hover .cursor-ring{width:56px;height:56px;border-color:rgba(255,213,74,.5)}

/* ── PARTICLE CANVAS ── */
#particles{position:fixed;inset:0;z-index:1;pointer-events:none}

/* ── HEADER / NAV ── */
.go4-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 40px;
  background:rgba(5,5,5,.85);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.go4-header .logo{display:flex;align-items:center;text-decoration:none}
.go4-header .logo-img{height:32px;width:auto;transition:filter .3s}
.go4-header .logo-img:hover{filter:drop-shadow(0 0 8px rgba(255,213,74,.4))}

/* ── NAV LINKS ── */
.go4-nav{display:flex;align-items:center;gap:8px}
.go4-nav a{
  font-family:var(--display);font-size:11px;font-weight:400;
  letter-spacing:.25em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;
  padding:10px 18px;border-radius:30px;
  transition:all .3s;
}
.go4-nav a:hover,.go4-nav a.active{color:var(--yellow);background:rgba(255,255,255,.04)}
.go4-nav .cta-btn{
  color:var(--text);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;padding:10px 24px;
  margin-left:8px;
}
.go4-nav .cta-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,213,74,.3);color:var(--yellow)}

/* ── MOBILE NAV TOGGLE ── */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;transition:all .3s}

/* ── HERO BANNER (subpages) ── */
.page-hero{
  padding:140px 40px 80px;
  text-align:center;
  position:relative;z-index:2;
}
.page-hero h1{
  font-family:var(--display);
  font-size:clamp(24px,4vw,56px);
  font-weight:400;line-height:1.3;
  letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:20px;
}
.page-hero h1 .accent{color:var(--yellow)}
.page-hero .subtitle{
  font-family:var(--display);
  font-size:clamp(13px,1.3vw,16px);
  font-weight:400;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);max-width:750px;margin:0 auto;
}
.page-hero .meta{
  font-family:var(--sans);font-size:.95rem;
  color:var(--muted);margin-top:10px;
}

/* ── BREADCRUMB ── */
.breadcrumb{
  max-width:var(--max-width);
  margin:0 auto;padding:20px 20px 0;
  font-size:.85rem;color:var(--muted);
  position:relative;z-index:2;
}
.breadcrumb a{color:var(--yellow);text-decoration:none;transition:color .3s}
.breadcrumb a:hover{color:#ffe082}

/* ── MAIN CONTENT ── */
.page-content{
  max-width:var(--max-width);
  margin:0 auto;padding:40px 20px 60px;
  position:relative;z-index:2;
}
.page-content h2{
  font-family:var(--display);
  font-size:clamp(18px,2.5vw,28px);
  font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text);
  margin:40px 0 18px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,213,74,.2);
}
.page-content h3{
  font-family:var(--display);
  font-size:clamp(15px,1.8vw,20px);
  font-weight:500;letter-spacing:.08em;
  color:var(--text);
  margin:28px 0 12px;
}
.page-content p{
  margin-bottom:16px;font-size:1.05rem;
  line-height:1.8;color:var(--muted);
}
.page-content a{color:var(--yellow);text-decoration:none;border-bottom:1px solid rgba(255,213,74,.3);transition:all .3s}
.page-content a:hover{color:#ffe082;border-bottom-color:#ffe082}
.page-content strong{color:var(--text)}
.page-content em{color:var(--muted);font-style:italic}
.page-content ul,.page-content ol{
  margin:0 0 16px 20px;color:var(--muted);font-size:1.05rem;line-height:1.8;
}
.page-content li{margin-bottom:8px}

/* ── HIGHLIGHT BOX ── */
.highlight-box{
  background:rgba(255,213,74,.05);
  border-left:3px solid var(--yellow);
  padding:20px 25px;margin:25px 0;
  border-radius:0 12px 12px 0;
}
.highlight-box p{margin-bottom:8px;color:var(--muted)}
.highlight-box p:last-child{margin-bottom:0}
.highlight-box strong{color:var(--text)}

/* ── WARNING BOX (inline styles override) ── */
[style*="border-left:4px solid #ffc107"],
[style*="border-left: 4px solid #ffc107"]{
  background:rgba(255,193,7,.06)!important;
  border-left-color:var(--yellow)!important;
  border-radius:0 12px 12px 0;
  color:var(--muted)!important;
}

/* ── TABLES ── */
.comparison-table{
  width:100%;border-collapse:collapse;
  margin:20px 0;font-size:.95rem;
}
.comparison-table th{
  background:rgba(255,213,74,.12);
  color:var(--yellow);
  padding:14px 16px;text-align:left;
  font-family:var(--display);font-size:12px;
  letter-spacing:.15em;text-transform:uppercase;
  border-bottom:1px solid rgba(255,213,74,.2);
}
.comparison-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
}
.comparison-table td strong{color:var(--text)}
.comparison-table tr:nth-child(even){background:rgba(255,255,255,.02)}
.comparison-table tr:hover{background:rgba(255,213,74,.03)}

/* ── CTA SECTION ── */
.cta-section{
  background:rgba(255,213,74,.06);
  border:1px solid rgba(255,213,74,.15);
  color:var(--text);padding:40px 24px;
  text-align:center;margin-top:40px;
  border-radius:16px;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.cta-section h2{
  color:var(--text)!important;border:none!important;
  margin-top:0!important;padding-bottom:0!important;
}
.cta-section a{
  display:inline-block;
  background:var(--yellow);color:var(--bg);
  padding:14px 32px;border-radius:30px;
  text-decoration:none;font-family:var(--display);
  font-size:13px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  margin-top:15px;border:none;
  transition:all .3s;
}
.cta-section a:hover{background:#ffe082;box-shadow:0 0 40px rgba(255,213,74,.3);transform:scale(1.03);border-bottom:none}
.cta-section p{color:var(--muted)}

/* ── FAQ SECTION ── */
.faq-section{margin-top:35px}
.faq-item{
  margin-bottom:24px;
  padding:20px 24px;
  background:rgba(255,255,255,.02);
  border:1px solid var(--line);
  border-radius:12px;
  transition:all .3s;
}
.faq-item:hover{border-color:rgba(255,213,74,.15);background:rgba(255,255,255,.04)}
.faq-item h3{
  color:var(--yellow)!important;
  font-family:var(--display)!important;
  font-size:14px!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;margin-bottom:10px!important;
}
.faq-item p{margin-bottom:0;color:var(--muted)}

/* ── SPLIT LAYOUT (used on service/sector pages) ── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:var(--wide-width);width:100%;align-items:center;margin:60px auto;padding:0 20px;position:relative;z-index:2}
.split .label{font-family:var(--display);font-size:11px;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--yellow);margin-bottom:20px}
.split h2{font-family:var(--display);font-size:clamp(22px,3vw,42px);font-weight:500;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;border:none;padding:0}
.split p{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px}

/* ── STATS GRID ── */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:var(--max-width);margin:60px auto;text-align:center;position:relative;z-index:2}
.stat-item .stat-number{font-family:var(--display);font-size:clamp(36px,5vw,60px);font-weight:400;color:var(--yellow);line-height:1;letter-spacing:.06em;margin-bottom:10px}
.stat-item .stat-label{font-family:var(--display);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}

/* ── SERVICE CARDS ── */
.services-wrap{max-width:var(--wide-width);margin:60px auto;padding:0 20px;position:relative;z-index:2}
.services-wrap .section-label{font-family:var(--display);font-size:11px;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--yellow);margin-bottom:40px}
.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.service-card{
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:32px;
  position:relative;overflow:hidden;
  transition:all .4s;
}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,213,74,.25),transparent);opacity:0;transition:opacity .4s}
.service-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.service-card:hover::before{opacity:1}
.service-card .card-number{font-family:var(--display);font-size:11px;letter-spacing:.3em;color:rgba(255,213,74,.5);margin-bottom:16px}
.service-card h3{font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:var(--text)}
.service-card p{font-size:15px;line-height:1.7;color:var(--muted)}

/* ── SECTOR PILLS ── */
.sectors-wrap{max-width:1000px;margin:60px auto;text-align:center;position:relative;z-index:2;padding:0 20px}
.sectors-wrap .section-label{font-family:var(--display);font-size:11px;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--yellow);margin-bottom:40px}
.sector-list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.sector-pill{
  font-family:var(--display);font-size:12px;font-weight:400;
  letter-spacing:.3em;text-transform:uppercase;
  padding:14px 30px;
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;color:var(--muted);
  text-decoration:none;transition:all .3s;
}
.sector-pill:hover{border-color:rgba(255,213,74,.3);color:var(--yellow);background:rgba(255,255,255,.06)}

/* ── USP CARDS ── */
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--max-width);margin:40px auto;position:relative;z-index:2}
.usp-card{
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:28px 20px;
  text-align:center;transition:all .4s;
}
.usp-card:hover{border-color:rgba(255,213,74,.25);background:rgba(255,255,255,.06)}
.usp-card .usp-icon{font-size:28px;margin-bottom:14px;display:block}
.usp-card h4{font-family:var(--display);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;color:var(--yellow)}
.usp-card p{font-size:14px;line-height:1.7;color:var(--muted)}

/* ── GLASSMORPHISM CARD (generic) ── */
.glass-card{
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:32px;
  transition:all .4s;
}
.glass-card:hover{border-color:rgba(255,213,74,.2);background:rgba(255,255,255,.05)}

/* ── REVEAL ANIMATION ── */
.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* ── HORIZONTAL LINE SEPARATOR ── */
.h-line{width:60px;height:1px;background:var(--yellow);margin:30px auto;opacity:.5}

/* ── FOOTER ── */
.go4-footer{
  position:relative;z-index:2;
  text-align:center;padding:50px 20px 30px;
  border-top:1px solid var(--line);
  margin-top:60px;
}
.go4-footer .footer-nav{
  display:flex;justify-content:center;gap:24px;
  margin-bottom:20px;flex-wrap:wrap;
}
.go4-footer .footer-nav a{
  font-family:var(--display);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color .3s;
}
.go4-footer .footer-nav a:hover{color:var(--yellow)}
.go4-footer .footer-contact{
  display:flex;justify-content:center;gap:30px;
  margin-bottom:20px;flex-wrap:wrap;
}
.go4-footer .footer-contact a{
  font-family:var(--sans);font-size:13px;
  color:var(--muted);text-decoration:none;transition:color .3s;
}
.go4-footer .footer-contact a:hover{color:var(--yellow)}
.go4-footer .footer-line{
  font-family:var(--display);font-size:11px;
  color:var(--muted);letter-spacing:2px;opacity:.5;
  margin-top:20px;
}

/* ── WHATSAPP FLOAT ── */
.wa-float{
  position:fixed;bottom:32px;left:32px;z-index:500;
  width:52px;height:52px;border-radius:50%;
  background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.18);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .4s;
  backdrop-filter:blur(12px);text-decoration:none;
  opacity:0;animation:fadeIn 1s ease .5s forwards;
}
.wa-float:hover{background:rgba(37,211,102,.2);border-color:var(--green);box-shadow:0 0 24px rgba(37,211,102,.15);transform:scale(1.08)}
.wa-float svg{width:22px;height:22px;fill:var(--green);opacity:.75;transition:opacity .3s}
.wa-float:hover svg{opacity:1}
@keyframes fadeIn{to{opacity:1}}

/* ── JASMINE WIDGET (dark overrides) ── */
#bp-web-widget-container{z-index:499!important}
#bp-web-widget-container button.bpw-widget-btn,#bp-web-widget-container .bpw-floating-button{background:rgba(255,213,74,.08)!important;border:1px solid rgba(255,213,74,.15)!important;backdrop-filter:blur(12px)!important;box-shadow:none!important}
#bp-web-widget-container button.bpw-widget-btn:hover,#bp-web-widget-container .bpw-floating-button:hover{background:rgba(255,213,74,.18)!important;border-color:var(--yellow)!important}
#bp-web-widget-container .bpw-chat-container,#bp-web-widget-container .bpw-layout{background:#0a0a0a!important;border:1px solid #1a1a1a!important;border-radius:16px!important}
#bp-web-widget-container .bpw-header-container{background:#101010!important;border-bottom:1px solid #1a1a1a!important}
#bp-web-widget-container .bpw-composer,#bp-web-widget-container .bpw-keyboard{background:#0a0a0a!important;border-top:1px solid #1a1a1a!important}

/* ── VIDEO EMBED ── */
.video-container{
  position:relative;padding-bottom:56.25%;height:0;
  overflow:hidden;border-radius:16px;margin:30px 0;
  border:1px solid var(--line);
}
.video-container iframe,.video-container video{
  position:absolute;top:0;left:0;width:100%;height:100%;
  border:0;border-radius:16px;
}

/* ══════════════════════════════════════════════
   FX LAYERS — Immersive Background Effects
   (matches homepage exactly)
   ══════════════════════════════════════════════ */
.fx{position:fixed;inset:0;pointer-events:none;z-index:0}
.fx-grid{position:absolute;inset:-10%;opacity:0.16;background:linear-gradient(rgba(255,255,255,0.10) 1px,transparent 1px) 0 0/54px 54px,linear-gradient(90deg,rgba(255,255,255,0.10) 1px,transparent 1px) 0 0/54px 54px;mask-image:radial-gradient(circle at 50% 20%,black 0%,transparent 60%);transform:translateZ(0)}
.fx-dots{position:absolute;inset:0;opacity:0.10;background-image:radial-gradient(rgba(255,255,255,0.18) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(circle at 50% 30%,black 0%,transparent 70%)}
.fx-noise{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:0.16;animation:noiseShift 2.2s steps(2) infinite}
@keyframes noiseShift{0%{transform:translate(0,0)}50%{transform:translate(-1%,1%)}100%{transform:translate(1%,-1%)}}
.fx-sheen{position:absolute;inset:-70%;background:conic-gradient(from 180deg,transparent,rgba(255,213,74,0.14),transparent 60%);animation:spin 18s linear infinite;opacity:0.18;filter:blur(2px)}
@keyframes spin{to{transform:rotate(360deg)}}
.fx-beam{position:absolute;left:-25%;right:-25%;top:10%;height:150px;background:linear-gradient(90deg,transparent,rgba(255,213,74,0.16),transparent);filter:blur(18px);opacity:0.12;animation:beamMove 10.5s ease-in-out infinite;transform:translateZ(0)}
@keyframes beamMove{50%{transform:translate3d(0,620px,0)}}
.fx-circuit{position:absolute;inset:0;opacity:0.12;mask-image:radial-gradient(circle at 50% 26%,black 0%,transparent 65%)}
.fx-circuit path{stroke:rgba(255,255,255,0.18);stroke-width:1.2;fill:none;stroke-linecap:round;stroke-dasharray:10 18;animation:dash 4.8s linear infinite}
.fx-circuit .y{stroke:rgba(255,213,74,0.62)}
@keyframes dash{to{stroke-dashoffset:-220}}
.fx-glitch{position:absolute;inset:-6px;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:contrast(1.35) saturate(1.1);background:repeating-linear-gradient(90deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 6px),radial-gradient(circle at 30% 25%,rgba(255,213,74,0.10),transparent 48%),radial-gradient(circle at 72% 70%,rgba(255,255,255,0.06),transparent 55%);transform:translate3d(0,0,0)}
body.glitch-on .fx-glitch{opacity:0.45;animation:glitchJitter 120ms steps(2) 1}
@keyframes glitchJitter{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-1px,0)}100%{transform:translate3d(0,0,0)}}

/* ══════════════════════════════════════════════
   KINETIC TEXT — char-by-char reveal
   ══════════════════════════════════════════════ */
.char{display:inline-block;opacity:0.08;transition:opacity .12s ease}
.char.vis{opacity:1;text-shadow:0 0 30px rgba(255,213,74,.12)}

/* ══════════════════════════════════════════════
   3D CARD ENHANCEMENTS — perspective + glow
   ══════════════════════════════════════════════ */
.service-card,.usp-card,.glass-card{
  will-change:transform;
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
}
.service-card::after,.usp-card::after,.glass-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(circle at calc(var(--mouse-x,0.5)*100%) calc(var(--mouse-y,0.5)*100%),rgba(255,213,74,.08),transparent 60%);
  opacity:0;transition:opacity .4s;pointer-events:none;
}
.service-card:hover::after,.usp-card:hover::after,.glass-card:hover::after{opacity:1}

/* ══════════════════════════════════════════════
   FLOAT ANIMATION — subtle hover on cards
   ══════════════════════════════════════════════ */
.float{animation:cardFloat 6s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ══════════════════════════════════════════════
   SCROLL PROGRESS BAR
   ══════════════════════════════════════════════ */
.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--yellow),#ffe082);
  z-index:10000;pointer-events:none;
  box-shadow:0 0 10px rgba(255,213,74,.4);
  transition:width .08s linear;
}

/* ══════════════════════════════════════════════
   AUDIO TOGGLE — bottom right
   ══════════════════════════════════════════════ */
.audio-toggle{
  position:fixed;top:96px;left:32px;z-index:500;
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .4s;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;animation:fadeIn 1s ease 2.5s forwards;
}
.audio-toggle:hover{background:rgba(255,255,255,.1);border-color:rgba(255,213,74,.3)}
.audio-toggle svg{width:18px;height:18px;fill:var(--muted);transition:fill .3s}
.audio-toggle:hover svg{fill:var(--yellow)}
.audio-toggle.playing svg{fill:var(--yellow)}
@keyframes fadeIn{to{opacity:1}}

/* ══════════════════════════════════════════════
   STAT NUMBER GLOW
   ══════════════════════════════════════════════ */
.stat-number{text-shadow:0 0 40px rgba(255,213,74,.15)}

/* ══════════════════════════════════════════════
   REDUCED MOTION
   ══════════════════════════════════════════════ */
@media(prefers-reduced-motion:reduce){
  .fx-sheen,.fx-beam,.fx-circuit path,.fx-noise{animation:none}
  .cursor-dot,.cursor-ring{display:none}
  .float{animation:none}
  .char{opacity:1!important;transition:none}
}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  body{cursor:auto}
  .cursor-dot,.cursor-ring{display:none}
  .go4-header{padding:16px 20px}
  .go4-header .logo-img{height:24px}
  .go4-nav{
    display:none;position:fixed;top:0;left:0;right:0;bottom:0;
    flex-direction:column;align-items:center;justify-content:center;
    background:rgba(5,5,5,.97);backdrop-filter:blur(20px);gap:16px;z-index:200;
  }
  .go4-nav.open{display:flex}
  .go4-nav a{font-size:14px;letter-spacing:.2em}
  .nav-toggle{display:block;z-index:201}
  .page-hero{padding:100px 20px 50px}
  .page-content{padding:24px 16px 40px}
  .split{grid-template-columns:1fr;gap:40px}
  .stats-grid{grid-template-columns:1fr;gap:30px}
  .services-list{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:1fr;gap:16px}
  .sector-list{flex-direction:column;align-items:center}
  .wa-float{bottom:20px;left:20px;width:46px;height:46px}
  .go4-footer .footer-nav{flex-direction:column;gap:12px}
  .go4-footer .footer-contact{flex-direction:column;gap:8px}
}

/* ===== HOMOLOGAR CON EL HOME (Code 15jun) ===== */
.fx-sheen,.fx-beam{display:none!important}
a[href^="mailto:"],a[href^="tel:"]{font-family:var(--sans)!important;letter-spacing:.03em!important;text-transform:none!important}
.cta-btn,a.cta-btn,.contact-link,a.contact-link,.btn,a.btn{font-family:var(--sans)!important;text-transform:uppercase!important;letter-spacing:.08em!important}

/* ===== CUERPO KAMERN: palabras enteras (no cortar) + justificado (Code 15jun) ===== */
.page-content p,.page-content li,.page-content td,.page-content th,.page-content div{
  word-break:keep-all!important;
  overflow-wrap:break-word;
  hyphens:none!important;-webkit-hyphens:none!important;
}
.page-content p,.page-content li{text-align:justify;text-justify:inter-word}

/* ===== WhatsApp del footer = BOTÓN neutro (igual que los de junto) (Code 15jun) ===== */
.go4-footer .footer-contact a[href*="wa.me"]{
  border:1px solid rgba(255,255,255,.14);
  padding:10px 22px;border-radius:30px;
  letter-spacing:.04em;
  transition:all .3s;
}
.go4-footer .footer-contact a[href*="wa.me"]:hover{border-color:var(--yellow);color:var(--yellow)}

/* ===== FOOTER UNIFICADO (igual al home "HABLEMOS") (Code 15jun) ===== */
.go4-footer{text-align:center;padding:70px 20px 40px;border-top:1px solid var(--line);margin-top:60px;position:relative;z-index:2}
.go4-footer .foot-title{font-family:var(--display);font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.go4-footer .foot-sub{font-family:var(--sans);font-size:14px;color:var(--muted);margin-bottom:28px}
.go4-footer .foot-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.go4-footer .foot-btns a{font-family:var(--sans);font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding:14px 30px;border-radius:30px;text-decoration:none;border:1px solid rgba(255,255,255,.14);color:var(--text);transition:all .3s}
.go4-footer .foot-btns a:hover{border-color:var(--yellow);color:var(--yellow)}
.go4-footer .foot-cuentas{display:flex;gap:60px;justify-content:center;flex-wrap:wrap;margin:10px 0 18px}
.go4-footer .foot-cuentas .lbl{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}
.go4-footer .foot-cuentas a{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em;margin-bottom:4px}
.go4-footer .foot-cuentas a:hover{color:var(--yellow)}
.go4-footer .foot-social{display:flex;gap:30px;justify-content:center;margin:18px 0}
.go4-footer .foot-social a{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.go4-footer .foot-social a:hover{color:var(--yellow)}
.go4-footer .footer-line{font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.08em;opacity:.6;margin-top:20px}