:root{
  --gx-bg:#03070c;
  --gx-bg-2:#07111d;
  --gx-bg-3:#0b1725;
  --gx-panel:#0b1624;
  --gx-panel-2:#0f1f32;
  --gx-panel-3:#132942;
  --gx-line:rgba(120,180,235,.16);
  --gx-line-strong:rgba(94,174,255,.34);
  --gx-text:#f3f7fb;
  --gx-muted:#8fa3b7;
  --gx-blue:#2f82ff;
  --gx-blue-2:#58a6ff;
  --gx-blue-3:#79c0ff;
  --gx-blue-deep:#173f7a;
  --gx-glow:0 0 40px rgba(47,130,255,.14);
  --gx-radius:18px;
  --gx-radius-sm:12px;
  --gx-max:1200px;
  --gx-nav:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--gx-bg)}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--gx-bg);color:var(--gx-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;background:
  radial-gradient(circle at 14% 8%,rgba(35,96,166,.18),transparent 28%),
  radial-gradient(circle at 92% 18%,rgba(27,84,148,.12),transparent 24%),
  linear-gradient(180deg,#03070c 0%,#06111b 56%,#03070c 100%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(var(--gx-max),calc(100% - 40px));margin-inline:auto}
.gx-section{padding:96px 0;position:relative}
.gx-section.compact{padding:72px 0}
.gx-section.alt{background:linear-gradient(180deg,rgba(8,18,30,.78),rgba(5,12,20,.65));border-block:1px solid rgba(116,174,226,.08)}
.gx-section::after{content:"";position:absolute;inset:auto 5% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(111,173,230,.12),transparent)}
.gx-kicker,.section-label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gx-blue-2);margin:0 0 14px}
.gx-title,.section-title{font-size:clamp(2.15rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.045em;margin:0;color:var(--gx-text);max-width:850px}
.gx-title .blue,.section-title .blue{color:var(--gx-blue-2)}
.gx-subtitle,.section-subtitle{margin:22px 0 0;color:var(--gx-muted);font-size:1.03rem;line-height:1.75;max-width:700px}
.gx-rule{height:1px;background:linear-gradient(90deg,rgba(100,170,235,.35),transparent);margin:34px 0}

/* NAV */
.gx-nav{position:fixed;inset:0 0 auto;z-index:1000;height:var(--gx-nav);display:flex;align-items:center;background:rgba(3,7,12,.7);border-bottom:1px solid rgba(95,159,217,.12);backdrop-filter:blur(18px) saturate(130%);transition:.3s ease}
.gx-nav.scrolled{background:rgba(3,7,12,.93);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.gx-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.gx-brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.gx-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(47,130,255,.2))}
.gx-brand-word{font-weight:800;font-size:1.35rem;letter-spacing:-.03em}.gx-brand-word span{color:var(--gx-blue-2)}
.gx-nav-links{display:flex;align-items:center;gap:4px}
.gx-nav-links a{font-size:.82rem;font-weight:650;color:#9fb1c4;padding:10px 11px;border-radius:9px;transition:.2s ease}
.gx-nav-links a:hover,.gx-nav-links a.active{color:#fff;background:rgba(64,137,211,.09)}
.gx-nav-cta{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:9px;border:1px solid rgba(82,163,240,.46);color:#d8edff;font-weight:750;font-size:.8rem;background:linear-gradient(180deg,rgba(48,130,255,.11),rgba(48,130,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.gx-nav-cta:hover{background:var(--gx-blue);color:white;border-color:var(--gx-blue)}
.gx-menu-btn{display:none;background:#0c1825;border:1px solid var(--gx-line);color:#fff;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center}
.gx-mobile{display:none;position:fixed;left:16px;right:16px;top:84px;background:rgba(6,14,23,.98);border:1px solid var(--gx-line-strong);border-radius:16px;padding:14px;z-index:999;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.gx-mobile.open{display:grid}.gx-mobile a{padding:12px 10px;color:#cad8e6;border-radius:9px}.gx-mobile a:hover{background:#0d1d2f}

/* BUTTONS */
.gx-btn,.btn,.btn-primary,.btn-outline,.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:9px;font-size:.86rem;font-weight:760;border:1px solid transparent;transition:.22s ease;cursor:pointer;text-decoration:none}
.gx-btn.primary,.btn-primary{background:linear-gradient(180deg,#4398ff,#2f78e8);color:#fff;box-shadow:0 10px 28px rgba(47,130,255,.22),inset 0 1px rgba(255,255,255,.25)}
.gx-btn.primary:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(47,130,255,.3)}
.gx-btn.ghost,.btn-outline{border-color:rgba(107,178,244,.28);background:rgba(10,25,40,.38);color:#d5e7f7}.gx-btn.ghost:hover,.btn-outline:hover{border-color:var(--gx-blue-2);background:rgba(47,130,255,.1);transform:translateY(-2px)}
.btn-white{background:#f4f8fc;color:#07111d}.btn-white:hover{transform:translateY(-2px);background:#fff}

/* HERO */
.gx-hero{padding:calc(var(--gx-nav) + 62px) 0 74px;position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(106,168,224,.1)}
.gx-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(40,112,187,.16),transparent 30%),linear-gradient(90deg,rgba(3,7,12,.96) 0%,rgba(3,7,12,.89) 42%,rgba(3,7,12,.35) 75%,rgba(3,7,12,.8) 100%);z-index:-1}
.gx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:44px;align-items:center;position:relative}
.gx-hero h1{font-size:clamp(3.3rem,6.1vw,6.1rem);line-height:.88;letter-spacing:-.058em;margin:0 0 26px;max-width:690px}.gx-hero h1 span{color:var(--gx-blue-2)}
.gx-hero-copy{font-size:1.06rem;line-height:1.78;color:#a7b8c8;max-width:620px;margin:0 0 28px}
.gx-actions{display:flex;gap:12px;flex-wrap:wrap}
.gx-hero-art{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.gx-hero-art img{width:118%;max-width:none;filter:saturate(1.08) contrast(1.03);transform:translateX(4%);mask-image:linear-gradient(to bottom,black 84%,transparent 100%)}
.gx-float-chip{position:absolute;padding:12px 14px;border-radius:13px;background:rgba(7,20,34,.76);border:1px solid rgba(99,174,241,.24);backdrop-filter:blur(14px);box-shadow:0 16px 50px rgba(0,0,0,.32);font-size:.75rem;color:#d4e8f8;display:flex;gap:9px;align-items:center}.gx-float-chip i{color:var(--gx-blue-2)}
.gx-float-chip.a{left:2%;top:19%}.gx-float-chip.b{right:2%;top:58%}.gx-float-chip.c{left:15%;bottom:8%}
.gx-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--gx-line);padding-top:24px;max-width:620px}.gx-proof div{padding-right:20px}.gx-proof div+div{padding-left:20px;border-left:1px solid var(--gx-line)}.gx-proof b{display:block;font-size:1.7rem;letter-spacing:-.04em}.gx-proof span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#71869b}

/* STRIP */
.gx-tech-strip{border-bottom:1px solid rgba(106,168,224,.1);background:#050b12;padding:18px 0}.gx-tech-track{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;color:#8fa1b4}.gx-tech-track span{display:flex;gap:8px;align-items:center;font-size:.82rem;font-weight:700;opacity:.86}.gx-tech-track i{font-size:1rem;color:#b7c9d8}

/* CARDS */
.gx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.gx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.gx-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.gx-card,.area-card,.capability-card,.detail-card,.project-item,.team-card,.pricing-card,.testimonial{position:relative;background:linear-gradient(180deg,rgba(14,30,48,.88),rgba(7,16,27,.88));border:1px solid var(--gx-line);border-radius:var(--gx-radius);box-shadow:inset 0 1px rgba(255,255,255,.015),0 18px 60px rgba(0,0,0,.18);overflow:hidden;transition:.28s ease;color:var(--gx-text)}
.gx-card:hover,.area-card:hover,.capability-card:hover,.detail-card:hover,.project-item:hover,.team-card:hover,.pricing-card:hover{transform:translateY(-5px);border-color:rgba(84,169,248,.38);box-shadow:0 22px 70px rgba(0,0,0,.3),0 0 36px rgba(47,130,255,.06)}
.gx-card.pad,.area-card,.capability-card,.detail-card,.pricing-card,.testimonial{padding:24px}.gx-card-icon,.capability-icon,.area-icon,.project-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(46,130,255,.2),rgba(46,130,255,.07));border:1px solid rgba(85,170,248,.28);color:var(--gx-blue-2);margin-bottom:18px}
.gx-card h3,.area-card h3,.capability-card h3,.detail-card h3,.project-item h3,.team-card h3,.pricing-card h3{margin:0 0 8px;color:#f3f7fb;font-size:1rem;letter-spacing:-.015em}.gx-card p,.area-card p,.capability-card p,.detail-card p,.project-item p,.team-card p,.pricing-card p,.testimonial p{margin:0;color:#8fa3b7;font-size:.86rem;line-height:1.7}
.gx-card-link{display:inline-flex;align-items:center;gap:8px;color:#8dccff;font-size:.8rem;font-weight:750;margin-top:16px}

/* FEATURE SPLIT */
.gx-feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch;margin-top:42px}.gx-feature-copy{padding:36px;border:1px solid var(--gx-line);border-radius:var(--gx-radius);background:linear-gradient(180deg,rgba(11,25,41,.92),rgba(6,14,24,.92));display:flex;flex-direction:column;justify-content:center}.gx-feature-copy h3{font-size:2rem;line-height:1.05;letter-spacing:-.035em;margin:0 0 16px}.gx-feature-copy p{color:#93a6b9;margin:0 0 24px}.gx-feature-visual{border:1px solid var(--gx-line);border-radius:var(--gx-radius);overflow:hidden;min-height:380px;background:#06111c}.gx-feature-visual img{width:100%;height:100%;object-fit:cover}

/* PROCESS */
.gx-process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.gx-step{padding:25px 24px;border-top:1px solid rgba(101,172,236,.3);background:linear-gradient(180deg,rgba(10,24,39,.44),rgba(7,15,24,.12))}.gx-step span{font-size:.67rem;letter-spacing:.18em;color:#61b0f7;font-weight:800}.gx-step h3{font-size:1.5rem;margin:11px 0 9px}.gx-step p{color:#8598aa;font-size:.87rem;margin:0}

/* PROJECTS */
.gx-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}.gx-project{min-height:320px;border:1px solid var(--gx-line);border-radius:var(--gx-radius);overflow:hidden;background:#07121e;position:relative}.gx-project-media{height:190px;background:#081827;overflow:hidden}.gx-project-media img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.gx-project:hover .gx-project-media img{transform:scale(1.03)}.gx-project-body{padding:20px}.gx-project-tag{display:inline-flex;padding:5px 8px;border:1px solid rgba(88,166,255,.24);border-radius:999px;color:#82c5ff;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:9px}.gx-project h3{margin:0 0 6px;font-size:1.08rem}.gx-project p{margin:0;color:#8fa2b4;font-size:.83rem}

/* TEAM */
.gx-team{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}.gx-person{display:grid;grid-template-columns:180px 1fr;min-height:250px;border:1px solid var(--gx-line);border-radius:var(--gx-radius);overflow:hidden;background:linear-gradient(180deg,#0c1b2c,#07101a)}.gx-person-photo{min-height:250px;position:relative;background:#06101a}.gx-person-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05) brightness(.86)}.gx-person-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(4,12,20,.35))}.gx-person-copy{padding:26px;display:flex;flex-direction:column;justify-content:center}.gx-person-role{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#68b9ff;font-weight:800;margin-bottom:8px}.gx-person h3{font-size:1.6rem;margin:0 0 10px}.gx-person p{font-size:.86rem;color:#91a5b8;margin:0}

/* HERO INTERNAL */
.gx-page-hero,.page-hero{padding:calc(var(--gx-nav) + 64px) 0 72px!important;background:linear-gradient(90deg,rgba(3,7,12,.96),rgba(5,17,29,.75)),url('../img/scene-racks.svg') center right/cover no-repeat!important;border-bottom:1px solid rgba(107,171,230,.13)!important;position:relative;overflow:hidden}.gx-page-hero .container,.page-hero .container{position:relative;z-index:1}.gx-page-hero h1,.page-hero h1{font-size:clamp(2.8rem,5vw,5.1rem)!important;max-width:790px;line-height:.95!important;letter-spacing:-.05em!important;margin:0!important;color:#fff!important}.gx-page-hero .highlight,.page-hero .highlight{color:var(--gx-blue-2)!important}.gx-page-hero p,.page-hero-subtitle{max-width:690px;color:#a3b6c8!important;font-size:1rem!important;line-height:1.75!important}.breadcrumb{font-size:.72rem!important;color:#6f8498!important;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px!important}.breadcrumb a{color:#8ecaff!important}

/* DETAILS LEGACY OVERRIDES */
body>section:not(.page-hero):not(.cta-section){padding:80px 0;background:transparent}.detail-content{max-width:780px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.detail-card ul{list-style:none;padding:0;margin:16px 0 0}.detail-card li{padding:9px 0;border-top:1px solid rgba(100,160,215,.08);font-size:.84rem;color:#91a5b8}.detail-card li i{color:var(--gx-blue-2)!important;margin-right:8px}.highlight{color:var(--gx-blue-2)!important}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-card{padding:28px;text-align:left}.pricing-price{font-size:2.2rem;font-weight:900;color:var(--gx-blue-2);letter-spacing:-.04em}.pricing-price small{font-size:.8rem;color:#8fa3b7;font-weight:600}.pricing-features{list-style:none;padding:0;margin:20px 0}.pricing-features li{padding:8px 0;color:#93a6b9;border-bottom:1px solid rgba(105,169,228,.08);font-size:.83rem}.pricing-features li i{color:#6ebeff!important;margin-right:8px}.pricing-badge{background:rgba(47,130,255,.15)!important;color:#88caff!important;border:1px solid rgba(80,160,238,.25)!important}

/* CTA */
.gx-cta,.cta-section{padding:88px 0!important;text-align:center;background:linear-gradient(180deg,#0b1b2e,#07111d)!important;border-block:1px solid rgba(104,169,228,.13);position:relative;overflow:hidden}.gx-cta::before,.cta-section::before{content:"";position:absolute;inset:-30% 20% auto;height:400px;background:radial-gradient(circle,rgba(47,130,255,.18),transparent 65%);pointer-events:none}.gx-cta h2,.cta-section h2{font-size:clamp(2.1rem,4.4vw,4.2rem)!important;line-height:1!important;letter-spacing:-.045em!important;color:#fff!important;max-width:840px;margin:0 auto 16px!important}.gx-cta p,.cta-section p{color:#92a6b9!important;max-width:620px;margin:0 auto 28px!important}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* CONTACT */
.gx-contact{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:34px}.gx-form{padding:26px;border:1px solid var(--gx-line);border-radius:var(--gx-radius);background:linear-gradient(180deg,rgba(14,28,44,.88),rgba(7,15,25,.9))}.gx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gx-field{display:grid;gap:8px}.gx-field.full{grid-column:1/-1}.gx-field label{font-size:.72rem;color:#91a4b7;font-weight:700}.gx-field input,.gx-field textarea{width:100%;border:1px solid rgba(110,173,229,.16);background:#07121e;color:#f3f7fb;border-radius:10px;padding:13px 14px;outline:none}.gx-field input:focus,.gx-field textarea:focus{border-color:rgba(88,166,255,.62);box-shadow:0 0 0 3px rgba(47,130,255,.08)}.gx-field textarea{min-height:150px;resize:vertical}.gx-contact-side{display:grid;gap:14px}.gx-contact-item{padding:21px;border:1px solid var(--gx-line);border-radius:14px;background:#081421}.gx-contact-item span{display:block;color:#71869b;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}.gx-contact-item b{font-size:.94rem}

/* FOOTER */
.gx-footer{padding:54px 0 30px;background:#02060a;border-top:1px solid rgba(102,165,222,.12)}.gx-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.gx-footer h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:#8da0b3;margin:0 0 12px}.gx-footer a{display:block;color:#7f92a4;font-size:.82rem;padding:4px 0}.gx-footer a:hover{color:#b9ddff}.gx-footer p{color:#718497;font-size:.8rem;max-width:310px}.gx-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(102,165,222,.1);padding-top:22px;margin-top:34px;color:#596e82;font-size:.72rem}

/* ANIMATION */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:none}.gx-tilt{transform-style:preserve-3d;transition:transform .2s ease}.gx-tilt>*{transform:translateZ(12px)}
@keyframes gxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.gx-float-chip{animation:gxFloat 6s ease-in-out infinite}.gx-float-chip.b{animation-delay:-2s}.gx-float-chip.c{animation-delay:-4s}

/* MOBILE */
@media(max-width:1050px){.gx-nav-links{display:none}.gx-menu-btn{display:flex}.gx-hero-grid{grid-template-columns:1fr}.gx-hero{padding-top:130px}.gx-hero-art{min-height:430px}.gx-hero-art img{width:100%;transform:none}.gx-float-chip.a{left:8%}.gx-grid-4{grid-template-columns:repeat(2,1fr)}.gx-feature-split,.gx-contact{grid-template-columns:1fr}.gx-footer-grid{grid-template-columns:1fr 1fr}.gx-team{grid-template-columns:1fr}}
@media(max-width:760px){:root{--gx-nav:68px}.container{width:min(100% - 28px,var(--gx-max))}.gx-section{padding:70px 0}.gx-hero{min-height:auto;padding:112px 0 54px}.gx-hero h1{font-size:clamp(3rem,15vw,4.9rem)}.gx-hero-copy{font-size:.96rem}.gx-hero-art{min-height:340px}.gx-float-chip{font-size:.66rem;padding:9px 10px}.gx-proof{grid-template-columns:1fr 1fr;gap:18px}.gx-proof div+div{padding-left:0;border-left:0}.gx-proof div:nth-child(3){grid-column:1/-1}.gx-grid-4,.gx-grid-3,.gx-grid-2,.gx-projects,.gx-process,.pricing-grid,.detail-grid{grid-template-columns:1fr}.gx-feature-copy{padding:26px}.gx-feature-visual{min-height:260px}.gx-person{grid-template-columns:125px 1fr;min-height:220px}.gx-person-photo{min-height:220px}.gx-person-copy{padding:18px}.gx-person h3{font-size:1.28rem}.gx-footer-grid{grid-template-columns:1fr}.gx-footer-bottom{flex-direction:column}.gx-form-grid{grid-template-columns:1fr}.gx-field.full{grid-column:auto}.gx-page-hero,.page-hero{padding:116px 0 56px!important}.gx-page-hero h1,.page-hero h1{font-size:3.2rem!important}.gx-tech-track{justify-content:flex-start}.gx-nav-cta{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}}
