:root{
  --growth:#f7c55b;--growth2:#ff8a3d;
  --capital:#4be2a0;--capital2:#29a8ff;
  --traffic:#25d8ff;--traffic2:#6a71ff;
  --automation:#a86bff;--automation2:#f04ed1;
  --cyan:#25d8ff;--violet:#a86bff;
}
html{background:#030914}
body{
  position:relative;
  overflow-x:hidden;
  background:
    linear-gradient(180deg,rgba(3,9,20,.86),rgba(3,10,23,.93) 42%,rgba(2,7,17,.97)),
    url('executive-site-bg.webp') center top/cover fixed no-repeat,
    #030914!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 14% 14%,rgba(247,197,91,.10),transparent 22%),
    radial-gradient(circle at 84% 21%,rgba(37,216,255,.10),transparent 24%),
    radial-gradient(circle at 79% 65%,rgba(168,107,255,.08),transparent 24%);
}
.topbar{
  background:rgba(3,10,23,.80)!important;
  border-bottom:1px solid rgba(109,204,255,.16)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.22);
}
.nav{min-height:80px}
.navlinks{font-weight:700}
.navlinks a{position:relative}
.navlinks a:not(.btn)::after{
  content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;
  background:linear-gradient(90deg,var(--traffic),var(--automation));transition:.25s;
}
.navlinks a:not(.btn):hover::after{right:0}
.btn{
  border:1px solid rgba(105,216,255,.25)!important;
  background:linear-gradient(100deg,#f7c55b,#47d9c5 50%,#5da2ff)!important;
  color:#04121d!important;
  box-shadow:0 14px 36px rgba(52,190,226,.18),0 0 25px rgba(247,197,91,.10)!important;
}
.btn:hover{box-shadow:0 19px 44px rgba(52,190,226,.30),0 0 34px rgba(247,197,91,.15)!important}
.btn.secondary{
  background:rgba(4,18,36,.72)!important;color:#eef8ff!important;
  border-color:rgba(89,204,255,.34)!important;backdrop-filter:blur(10px);
}
.hero-image{display:none!important}
.hero{
  position:relative;
  padding:104px 0 92px!important;
  min-height:720px;
  display:flex;align-items:center;
  border-bottom:1px solid rgba(93,204,255,.15)!important;
  background:
    linear-gradient(90deg,rgba(2,8,20,.98) 0%,rgba(2,9,22,.91) 42%,rgba(2,9,22,.49) 68%,rgba(2,9,22,.23) 100%),
    url('executive-pathways-bg.webp') center/cover no-repeat!important;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 23% 18%,rgba(247,197,91,.13),transparent 24%),
    radial-gradient(circle at 75% 22%,rgba(37,216,255,.12),transparent 23%),
    linear-gradient(180deg,rgba(1,7,18,.05),rgba(1,7,18,.23));
}
.hero::after{
  content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:150px;
  background:linear-gradient(90deg,transparent,rgba(37,216,255,.16),rgba(168,107,255,.14),transparent);
  filter:blur(38px);pointer-events:none;
}
.hero>.container{position:relative;z-index:2}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;gap:48px!important}
.kicker{
  color:#9feaff!important;letter-spacing:.17em!important;
  text-shadow:0 0 22px rgba(37,216,255,.18)
}
h1{font-size:clamp(48px,6.4vw,82px)!important;letter-spacing:-.055em;text-shadow:0 10px 42px rgba(0,0,0,.45)}
.lead{color:#d6e4f2!important}
.hero-panel,.quiz-card,.card,.path-card{
  background:linear-gradient(155deg,rgba(9,36,67,.78),rgba(4,17,36,.88))!important;
  border-color:rgba(109,204,255,.18)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.hero-panel{position:relative;overflow:hidden;border-color:rgba(123,213,255,.30)!important}
.hero-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 95% 0%,rgba(168,107,255,.18),transparent 36%);
}
.hero-panel>*{position:relative}
.stat{position:relative;overflow:hidden;background:rgba(3,15,31,.64)!important;border-color:rgba(255,255,255,.10)!important}
.stat::after{content:"";position:absolute;left:10%;right:10%;bottom:-13px;height:26px;filter:blur(12px);opacity:.7}
.stat:nth-child(1)::after{background:var(--growth)}.stat:nth-child(2)::after{background:var(--capital)}
.stat:nth-child(3)::after{background:var(--traffic)}.stat:nth-child(4)::after{background:var(--automation)}
.stat:nth-child(1) strong{color:var(--growth)!important}.stat:nth-child(2) strong{color:var(--capital)!important}
.stat:nth-child(3) strong{color:var(--traffic)!important}.stat:nth-child(4) strong{color:var(--automation)!important}
.section{position:relative}
.alt{background:linear-gradient(180deg,rgba(6,24,46,.52),rgba(4,14,29,.65))!important;border-color:rgba(89,190,255,.11)!important}
.path-grid{gap:20px!important}
.path-card{--a:var(--traffic);--b:var(--automation);overflow:hidden;min-height:390px}
.path-card::after{
  content:"";position:absolute;left:7%;right:7%;bottom:-15px;height:32px;border-radius:999px;
  background:linear-gradient(90deg,var(--a),var(--b));filter:blur(16px);opacity:.78;pointer-events:none;
}
.path-card::before{
  content:"";position:absolute!important;inset:0!important;height:auto!important;
  background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--a) 15%,transparent),transparent 34%)!important;
  opacity:1!important;pointer-events:none;
}
.path-card>*{position:relative;z-index:1}
.path-growth{--a:var(--growth);--b:var(--growth2)}
.path-capital{--a:var(--capital);--b:var(--capital2)}
.path-traffic{--a:var(--traffic);--b:var(--traffic2)}
.path-automation{--a:var(--automation);--b:var(--automation2)}
.path-card:hover{transform:translateY(-8px)!important;border-color:var(--a)!important;box-shadow:0 30px 76px rgba(0,0,0,.40),0 0 28px color-mix(in srgb,var(--a) 22%,transparent)!important}
.path-icon{
  width:66px!important;height:66px!important;padding:0!important;background:transparent!important;border:0!important;
  border-radius:18px!important;overflow:visible!important;box-shadow:0 12px 28px rgba(0,0,0,.26)
}
.path-icon img{width:66px;height:66px;display:block}
.path-card .tag{color:var(--a)!important}
.path-card .btn{background:linear-gradient(100deg,var(--a),var(--b))!important;color:#06101b!important}
.quiz-card{border-color:rgba(96,205,255,.26)!important;box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 35px rgba(37,216,255,.06)!important}
.progress{height:11px!important;background:rgba(255,255,255,.07)!important}
.progress span{background:linear-gradient(90deg,var(--growth),var(--capital),var(--traffic),var(--automation))!important}
.option{
  background:rgba(4,18,37,.78)!important;border-color:rgba(105,190,255,.16)!important;
  transition:.24s ease!important;
}
.option:hover{transform:translateX(6px)!important;border-color:rgba(80,220,255,.55)!important;background:rgba(9,39,72,.82)!important}
.result{background:linear-gradient(145deg,rgba(15,65,91,.42),rgba(50,25,80,.42))!important;border-color:rgba(91,215,255,.28)!important}
.how-card{position:relative;overflow:hidden}
.how-icon{width:58px;height:58px;margin-bottom:16px}
.how-icon img{width:58px;height:58px;display:block}
.card{transition:.28s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(90,210,255,.40)!important;box-shadow:0 29px 70px rgba(0,0,0,.37),0 0 28px rgba(37,216,255,.08)!important}
.contact-card{position:relative;overflow:hidden}
.contact-card::after{
  content:"";position:absolute;left:8%;right:8%;bottom:-16px;height:34px;
  background:linear-gradient(90deg,var(--growth),var(--traffic),var(--automation));filter:blur(17px);opacity:.8
}
.contact-card>*{position:relative;z-index:1}
.pulse-cta{position:relative;isolation:isolate;overflow:visible!important}
.pulse-cta::before,.pulse-cta::after{
  content:"";position:absolute;inset:-7px;border:2px solid rgba(75,226,160,.32);border-radius:999px;
  z-index:-1;pointer-events:none;animation:wwPulse 2.35s ease-out infinite;
}
.pulse-cta::after{inset:-15px;border-color:rgba(37,216,255,.22);animation-delay:1.05s}
@keyframes wwPulse{0%{transform:scale(.9);opacity:.9}72%{transform:scale(1.13);opacity:.14}100%{transform:scale(1.2);opacity:0}}
.reveal.show{animation:wwRise .62s ease both}
@keyframes wwRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.footer{background:rgba(1,7,17,.82)!important;border-top-color:rgba(90,195,255,.13)!important}
.nav-toggle{
  display:none;width:46px;height:42px;border-radius:13px;border:1px solid rgba(90,205,255,.28);
  background:rgba(4,20,40,.82);padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px
}
.nav-toggle span{display:block;width:21px;height:2px;background:#e7f8ff;border-radius:99px;transition:.22s}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:980px){
  .nav{position:relative;flex-direction:row!important;flex-wrap:wrap}
  .nav-toggle{display:flex;margin-left:auto}
  .navlinks{
    display:none!important;order:5;width:100%;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;padding:10px;margin-top:8px;border-radius:18px;background:rgba(3,14,30,.98);
    border:1px solid rgba(90,205,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.35)
  }
  .navlinks.is-open{display:flex!important}
  .navlinks a{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.06)}
  .navlinks a:last-child{border-bottom:0}
  .navlinks a::after{display:none}
  .hero{padding:78px 0 62px!important;min-height:auto;background:
    linear-gradient(180deg,rgba(2,8,20,.67),rgba(2,9,22,.88) 48%,rgba(2,9,22,.97) 100%),
    url('executive-pathways-bg.webp') 60% center/cover no-repeat!important}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-panel{max-width:700px}
}
@media(max-width:640px){
  .container{width:calc(100% - 24px)!important}
  .topbar .logo{width:210px!important;max-width:68vw!important}
  .hero{padding:62px 0 52px!important;background-position:62% center!important}
  h1{font-size:clamp(39px,12vw,55px)!important}
  h2{font-size:clamp(31px,10vw,44px)!important}
  .lead{font-size:17px!important}
  .hero-actions .btn{width:100%}
  .stat-grid{grid-template-columns:1fr 1fr!important}
  .path-card{min-height:0!important;padding:24px!important}
  .section{padding:62px 0!important}
  .quiz-card,.card,.hero-panel{padding:24px!important}
  .footer-grid{flex-direction:column;text-align:center}
}
@media(max-width:410px){
  .stat-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}