:root{
  --bg:#020817;
  --panel:#0f172a;
  --panel-border:rgba(255,255,255,.08);
  --text:#ffffff;
  --muted:#b8c4d9;
  --gold:#d9b354;
  --blue:#3b82f6;
  --purple:#8b5cf6;
  --max-width:1400px;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

/* Prevent sticky header from covering section headings on scroll/anchor jumps */
.hero,
.industry-section,
.specialization,
.cta-section{
  scroll-margin-top:130px;
}

body{
  background:#020817;
  color:#fff;
  font-family:Inter,sans-serif;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
  radial-gradient(circle at 70% 20%,rgba(59,130,246,.18),transparent 35%),
  radial-gradient(circle at 80% 75%,rgba(139,92,246,.14),transparent 35%),
  linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),
  linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:auto,auto,72px 72px,72px 72px;
  pointer-events:none;
  z-index:-2;
}

body::after{
  content:"";
  position:fixed;
  width:700px;
  height:700px;
  right:-150px;
  top:120px;
  border-radius:50%;
  background:radial-gradient(circle,
  rgba(59,130,246,.25),
  rgba(139,92,246,.12),
  transparent 70%);
  filter:blur(60px);
  animation:floatGlow 14s ease-in-out infinite;
  z-index:-1;
}

@keyframes floatGlow{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-40px);
  }
}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:112px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:rgba(2,8,23,.94);
  border-bottom:1px solid rgba(255,255,255,.08);

  display:flex;
  align-items:center;
  gap:34px;

  padding:0 64px;
}

.logo img{
  height:58px;
  width:auto;
  display:block;
}

.desktop-nav{
  display:flex;
  gap:32px;
  margin-left:auto;
  flex-shrink:0;
}

.desktop-nav a{
  color:#cbd5e1;
  text-decoration:none;
  font-size:16px;
  white-space:nowrap;
}

.desktop-nav a:hover,
.desktop-nav a.active{
  color:#fff;
}

.desktop-nav a.active{
  border-bottom:2px solid var(--gold);
  padding-bottom:10px;
}

.top-cta{
  background:linear-gradient(135deg,#f2d27a,#c79632);
  color:#050505;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
  padding:18px 28px;
  border-radius:10px;
  white-space:nowrap;
  flex-shrink:0;
}

.menu-btn{
  display:none;
  background:none;
  border:0;
  cursor:pointer;
  flex-direction:column;
  justify-content:center;
  padding:8px;
  margin-left:auto;
}

.menu-btn span{
  display:block;
  width:30px;
  height:2px;
  background:#fff;
  margin:7px 0;
  border-radius:2px;
}

.mobile-menu{
  display:none;
  background:#050915;
  padding:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-menu a{
  display:block;
  padding:14px;
  color:#d7e2f2;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-menu.open{
  display:block;
}

.hero{
  max-width:var(--max-width);
  margin:auto;
  min-height:min(90vh,920px);

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;

  padding:140px 40px 120px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 38%,rgba(59,130,246,.28),transparent 28%),
    radial-gradient(circle at 90% 60%,rgba(139,92,246,.16),transparent 25%),
    linear-gradient(135deg,#020817 0%,#06152c 58%,#020817 100%);
}

.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:88px 88px;
  opacity:.5;
  pointer-events:none;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.eyebrow{
  color:#a5c8ff;
  text-transform:uppercase;
  letter-spacing:6px;
  font-weight:700;
  margin-bottom:24px;
}

.hero h1{
  font-family:Playfair Display,serif;
  font-size:5.6rem;
  line-height:1;
  margin-bottom:32px;
}

.hero h1 span{
  background:linear-gradient(90deg,#8ec5ff,#9c7dff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-subtitle{
  color:var(--muted);
  font-size:1.35rem;
  line-height:1.8;
  max-width:700px;
}

.hero-actions{
  display:flex;
  gap:20px;
  margin-top:40px;
}

.btn{
  text-decoration:none;
  padding:18px 34px;
  border-radius:14px;
  font-weight:700;
}

.btn.gold{
  background:var(--gold);
  color:#000;
}

.btn.outline{
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
}

.hero-visual{
  position:relative;
  z-index:2;
  min-height:440px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.talent-network{
  position:relative;
  width:min(540px,92%);
  aspect-ratio:1 / .9;
  border-radius:36px;
  background:
    radial-gradient(circle at 62% 24%,rgba(255,255,255,.85),transparent 4%),
    radial-gradient(circle at 52% 50%,rgba(59,130,246,.30),transparent 36%),
    radial-gradient(circle at 70% 60%,rgba(139,92,246,.22),transparent 32%);
  animation:floaty 10s ease-in-out infinite;
}

.talent-network:before{
  content:"";
  position:absolute;
  inset:0;
  background:center / contain no-repeat
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20500%22%3E%3Cg%20stroke%3D%22%236aa8ff%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.28%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%22120%22%20y1%3D%2290%22%20x2%3D%22200%22%20y2%3D%22180%22%2F%3E%3Cline%20x1%3D%22200%22%20y1%3D%22180%22%20x2%3D%22300%22%20y2%3D%2270%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%2270%22%20x2%3D%22410%22%20y2%3D%22200%22%2F%3E%3Cline%20x1%3D%22410%22%20y1%3D%22200%22%20x2%3D%22470%22%20y2%3D%22110%22%2F%3E%3Cline%20x1%3D%22470%22%20y1%3D%22110%22%20x2%3D%22520%22%20y2%3D%22260%22%2F%3E%3Cline%20x1%3D%22520%22%20y1%3D%22260%22%20x2%3D%22200%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22200%22%20y1%3D%22330%22%20x2%3D%22470%22%20y2%3D%22400%22%2F%3E%3Cline%20x1%3D%22470%22%20y1%3D%22400%22%20x2%3D%22400%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22400%22%20y1%3D%22330%22%20x2%3D%22300%22%20y2%3D%22440%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22440%22%20x2%3D%22130%22%20y2%3D%22400%22%2F%3E%3Cline%20x1%3D%22130%22%20y1%3D%22400%22%20x2%3D%2270%22%20y2%3D%22250%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%22250%22%20x2%3D%22120%22%20y2%3D%2290%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22200%22%20y2%3D%22180%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22410%22%20y2%3D%22200%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22200%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22400%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22300%22%20y2%3D%2270%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22250%22%20x2%3D%22300%22%20y2%3D%22440%22%2F%3E%3Cline%20x1%3D%22200%22%20y1%3D%22180%22%20x2%3D%22200%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22410%22%20y1%3D%22200%22%20x2%3D%22400%22%20y2%3D%22330%22%2F%3E%3Cline%20x1%3D%22120%22%20y1%3D%2290%22%20x2%3D%22300%22%20y2%3D%2270%22%2F%3E%3Cline%20x1%3D%22470%22%20y1%3D%22110%22%20x2%3D%22300%22%20y2%3D%2270%22%2F%3E%3Cline%20x1%3D%22470%22%20y1%3D%22400%22%20x2%3D%22300%22%20y2%3D%22440%22%2F%3E%3Cline%20x1%3D%22130%22%20y1%3D%22400%22%20x2%3D%22300%22%20y2%3D%22440%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22250%22%20r%3D%2216%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22250%22%20r%3D%226.5%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22250%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2290%22%20r%3D%2210%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2290%22%20r%3D%224.5%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2290%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2270%22%20r%3D%2211%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2270%22%20r%3D%224.7%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2270%22%20r%3D%223.2%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22110%22%20r%3D%2210%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22110%22%20r%3D%224.5%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22110%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22260%22%20r%3D%2210%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22260%22%20r%3D%224.5%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22260%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22400%22%20r%3D%2210%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22400%22%20r%3D%224.5%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22400%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22440%22%20r%3D%2211%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22440%22%20r%3D%224.7%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22440%22%20r%3D%223.2%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22400%22%20r%3D%2210%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22400%22%20r%3D%224.5%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22400%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22250%22%20r%3D%2210%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22250%22%20r%3D%224.5%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22250%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22180%22%20r%3D%228%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22180%22%20r%3D%223.9%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22180%22%20r%3D%222.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22410%22%20cy%3D%22200%22%20r%3D%228%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22410%22%20cy%3D%22200%22%20r%3D%223.9%22%20fill%3D%22%239f72ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22410%22%20cy%3D%22200%22%20r%3D%222.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22330%22%20r%3D%228%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22330%22%20r%3D%223.9%22%20fill%3D%22%234d9bff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22330%22%20r%3D%222.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%22330%22%20r%3D%228%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%22330%22%20r%3D%223.9%22%20fill%3D%22%23e7c46a%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%22330%22%20r%3D%222.4%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:radial-gradient(ellipse at 55% 50%,#000 0%,#000 60%,transparent 84%);
          mask-image:radial-gradient(ellipse at 55% 50%,#000 0%,#000 60%,transparent 84%);
  opacity:.9;
  z-index:1;
  transform-origin:55% 50%;
  animation:netDrift 16s ease-in-out infinite alternate;
}

.talent-network:after{
  content:"";
  position:absolute;
  inset:12%;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 52% 48%,rgba(59,130,246,.4),transparent 60%),
    radial-gradient(circle at 66% 60%,rgba(139,92,246,.3),transparent 60%);
  filter:blur(26px);
  animation:glowPulse 7s ease-in-out infinite;
  pointer-events:none;
}

@keyframes floaty{
  0%,100%{transform:translateY(-6px);}
  50%{transform:translateY(6px);}
}

@keyframes netDrift{
  0%{transform:scale(1) translate(0,0);}
  50%{transform:scale(1.025) translate(.8%,-.8%);}
  100%{transform:scale(1.01) translate(-.8%,.6%);}
}

@keyframes glowPulse{
  0%,100%{opacity:.55;transform:scale(1);}
  50%{opacity:1;transform:scale(1.07);}
}

.industry-section,
.specialization{
  max-width:var(--max-width);
  margin:auto;
  padding:140px 40px 120px;
}

.cta-section{
  max-width:var(--max-width);
  margin:auto;
  padding:140px 40px 180px;
  position:relative;
  text-align:center;
}

.center{
  text-align:center;
}

.industry-section h2,
.specialization h2,
.cta-section h2{
  font-family:Playfair Display,serif;
  text-align:center;
  font-size:4rem;
  margin:24px 0 60px;
  scroll-margin-top:130px;
}

.specialization h2{
  text-align:left;
  margin-top:8px;
}

.industry-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.industry-card{
  background:linear-gradient(135deg,
  rgba(30,41,59,.9),
  rgba(15,23,42,.9));
  border:1px solid var(--panel-border);
  border-radius:24px;
  padding:40px;
  transition:.3s;
}

.industry-card:hover{
  transform:translateY(-8px);
}

.industry-card h3{
  font-size:1.6rem;
  margin-bottom:16px;
}

.industry-card p{
  color:var(--muted);
  line-height:1.7;
}

.specialization{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
}

.specialization-copy p{
  color:var(--muted);
  line-height:1.9;
  font-size:1.1rem;
}

.specialization-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.specialization-grid div{
  background:linear-gradient(135deg,
  rgba(30,41,59,.9),
  rgba(15,23,42,.9));
  border:1px solid var(--panel-border);
  border-radius:24px;
  padding:32px;
}

.specialization-grid h3{
  margin-bottom:12px;
}

.specialization-grid p{
  color:var(--muted);
  line-height:1.7;
}

.gold-text{
  color:var(--gold);
  text-align:center;
}

.cta-section p{
  color:var(--muted);
  text-align:center;
  max-width:800px;
  margin:auto;
  line-height:1.8;
}

.center-actions{
  justify-content:center;
  margin-top:48px;
  margin-bottom:8px;
}

.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr 1fr;
  gap:40px;
  padding:80px 60px;
}

.footer-brand img{
  height:55px;
  margin-bottom:20px;
}

.footer-brand p{
  color:var(--muted);
  line-height:1.8;
}

.site-footer h4{
  color:var(--gold);
  margin-bottom:20px;
}

.site-footer a{
  display:block;
  color:#d7e2f2;
  text-decoration:none;
  margin-bottom:12px;
}

@media(max-width:1100px){

.hero,
.industry-section,
.specialization,
.cta-section{
  scroll-margin-top:100px;
}

.industry-section,
.specialization{
  padding-top:110px;
}

.hero{
  grid-template-columns:1fr;
  padding:110px 28px 80px;
  min-height:auto;
}

.hero-copy{
  order:1;
}

.hero-visual{
  order:2;
  min-height:320px;
}

.specialization{
  grid-template-columns:1fr;
}

.industry-grid{
  grid-template-columns:1fr 1fr;
}

.site-footer{
  grid-template-columns:1fr 1fr;
}

.desktop-nav,
.top-cta{
  display:none;
}

.menu-btn{
  display:flex;
}

.site-header{
  height:96px;
  padding:0 28px;
}

.talent-network{
  width:min(420px,90%);
}

.cta-section{
  padding:110px 28px 140px;
}

}

@media(max-width:768px){

.hero h1{
  font-size:3.4rem;
}

.industry-section h2,
.specialization h2,
.cta-section h2{
  font-size:2.6rem;
}

.industry-section,
.specialization{
  padding:96px 20px 80px;
}

.industry-grid{
  grid-template-columns:1fr;
}

.specialization-grid{
  grid-template-columns:1fr;
}

.site-footer{
  grid-template-columns:1fr;
}

.cta-section{
  padding:96px 20px 120px;
}

}

@media(prefers-reduced-motion:reduce){
  .talent-network,
  .talent-network:before,
  .talent-network:after,
  body::after{
    animation:none;
  }
}