/* ================================
   ATRAXIA - HEADER/HERO EXACTO PRO
   ================================ */

.atrx-pro-shell{width:min(1560px,calc(100% - 64px));margin:0 auto;}

/* HEADER */
.site-header.atrx-pro-header{
  position:sticky;top:0;z-index:100;
  background:linear-gradient(180deg,rgba(2,7,20,.88),rgba(2,7,20,.82));
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:none;
}
.atrx-pro-nav-wrap{
  height:110px;display:grid;grid-template-columns:320px 1fr auto;align-items:center;gap:36px;
}
.atrx-pro-brand{display:flex;align-items:center;min-width:0;overflow:hidden}
.atrx-pro-brand img{display:block;width:315px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(111,161,255,.10))}
.atrx-pro-menu{display:flex;justify-content:center;align-items:center;gap:40px;white-space:nowrap;font-size:15px;font-weight:500}
.atrx-pro-menu a{position:relative;color:#f4f7fe;opacity:.92;transition:opacity .2s ease,color .2s ease}
.atrx-pro-menu a:hover,.atrx-pro-menu a.active{opacity:1;color:#fff}
.atrx-pro-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-35px;height:2px;border-radius:99px;background:linear-gradient(90deg, rgba(212,119,255,.15), #db95ff 46%, rgba(92,169,255,.15));box-shadow:0 0 10px rgba(188,112,255,.45)}
.atrx-pro-nav-cta{height:56px;padding:0 30px;border-radius:14px;border:1px solid rgba(188,112,255,.55);background:rgba(9,12,28,.18);box-shadow:inset 0 0 0 1px rgba(73,210,255,.22);color:#fff;font-size:16px;font-weight:600;white-space:nowrap}
.atrx-pro-nav-cta:hover{background:rgba(13,18,40,.42);transform:none;filter:none}
.atrx-pro-toggle{display:none}

/* HERO */
.atrx-pro-hero.hero{min-height:760px;padding:88px 0 68px;position:relative;overflow:hidden;background:transparent}
.atrx-pro-hero:before{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(180deg,#020611 0%,#040917 45%,#020611 100%)}
.atrx-pro-stars,.atrx-pro-nebula{position:absolute;inset:0;pointer-events:none}
.atrx-pro-stars{z-index:-3;opacity:.95;
  background:
  radial-gradient(circle at 8% 18%,rgba(255,255,255,.50) 0 1px,transparent 1.7px),
  radial-gradient(circle at 13% 66%,rgba(255,255,255,.40) 0 1px,transparent 1.7px),
  radial-gradient(circle at 27% 26%,rgba(255,255,255,.35) 0 1px,transparent 1.5px),
  radial-gradient(circle at 41% 10%,rgba(255,255,255,.45) 0 1.1px,transparent 1.8px),
  radial-gradient(circle at 56% 22%,rgba(255,255,255,.32) 0 1px,transparent 1.5px),
  radial-gradient(circle at 68% 44%,rgba(255,255,255,.48) 0 1.1px,transparent 1.8px),
  radial-gradient(circle at 74% 16%,rgba(255,255,255,.42) 0 1px,transparent 1.6px),
  radial-gradient(circle at 84% 30%,rgba(255,255,255,.45) 0 1px,transparent 1.7px),
  radial-gradient(circle at 91% 64%,rgba(255,255,255,.36) 0 1px,transparent 1.7px),
  radial-gradient(circle at 94% 12%,rgba(255,255,255,.32) 0 1px,transparent 1.6px);
}
.atrx-pro-stars:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 72% 40%,rgba(255,255,255,.82) 0 1.3px,transparent 2.6px),
  radial-gradient(circle at 83% 34%,rgba(198,120,255,.95) 0 1.5px,transparent 3px),
  radial-gradient(circle at 88% 70%,rgba(86,182,255,.95) 0 1.4px,transparent 3px),
  radial-gradient(circle at 14% 26%,rgba(198,120,255,.78) 0 1.2px,transparent 2.8px);
 opacity:.45}
.atrx-pro-nebula{z-index:-2;background:
  radial-gradient(circle at 77% 34%, rgba(166,92,255,.28), transparent 0 19%),
  radial-gradient(circle at 85% 70%, rgba(33,154,255,.12), transparent 0 16%),
  radial-gradient(circle at 69% 58%, rgba(76,88,255,.10), transparent 0 22%);
 filter:blur(2px)}
.atrx-pro-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:center}
.atrx-pro-copy{padding-left:12px;max-width:680px}
.atrx-pro-eyebrow{margin-bottom:30px;color:#c6b1ff;font-size:11px;letter-spacing:.42em;font-weight:600}
.atrx-pro-copy h1{margin:0;color:#f9fbff;font-size:clamp(68px,6.2vw,86px);line-height:1.02;letter-spacing:-.07em;font-weight:800}
.atrx-pro-copy h1 span{background:linear-gradient(90deg,#d46fff 0%,#8e7aff 44%,#4db5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.atrx-pro-divider{width:58px;height:2px;margin:28px 0 26px;background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(223,120,255,.95));border-radius:99px}
.atrx-pro-copy p{max-width:610px;margin:0 0 44px;color:#d2d9e9;font-size:18px;line-height:1.75}
.atrx-pro-actions{display:flex;align-items:center;gap:38px;flex-wrap:wrap}
.atrx-pro-primary-cta{height:74px;min-width:296px;padding:0 34px;border-radius:10px;background:linear-gradient(90deg,#9447ff 0%,#54a8ff 100%);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px rgba(69,104,255,.30);font-size:16px;font-weight:700;gap:12px}
.atrx-pro-primary-cta:hover{transform:translateY(-2px);filter:brightness(1.04)}
.atrx-pro-rocket{display:inline-block;font-size:18px;transform:translateY(-1px)}
.atrx-pro-secondary-link{position:relative;display:inline-flex;align-items:center;gap:10px;padding-bottom:14px;color:#f5f7ff;font-size:17px;font-weight:500}
.atrx-pro-secondary-link:after{content:"";position:absolute;left:0;right:42px;bottom:0;height:2px;background:linear-gradient(90deg,rgba(212,109,255,.95),rgba(87,173,255,.95))}
.atrx-pro-secondary-link span{font-size:28px;line-height:1;transform:translateY(-1px)}

.atrx-pro-visual{display:flex;justify-content:flex-end;align-items:center}
.atrx-pro-visual-wrap{position:relative;width:min(100%,830px);aspect-ratio:870/760;display:flex;align-items:center;justify-content:center;isolation:isolate}
.atrx-pro-visual-wrap:before{content:"";position:absolute;inset:13% 4% 8% 10%;background:radial-gradient(circle at 52% 54%, rgba(177,107,255,.22), rgba(77,176,255,.10) 34%, transparent 68%);filter:blur(18px);z-index:-1}
.atrx-pro-hero-art{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 24px 46px rgba(37,55,124,.22));animation:atrxHeroFloat 7.2s ease-in-out infinite, atrxHeroDrift 18s ease-in-out infinite alternate;transform-origin:55% 58%;mask-image:radial-gradient(circle at center, black 62%, transparent 95%);-webkit-mask-image:radial-gradient(circle at center, black 62%, transparent 95%)}
.atrx-pro-orbit-ring{position:absolute;left:33%;top:23%;width:32%;height:32%;border-radius:50%;border:1px solid rgba(164,116,255,.28);transform:rotate(-12deg);box-shadow:0 0 16px rgba(155,92,255,.14) inset,0 0 14px rgba(86,182,255,.10);opacity:.55}
.atrx-pro-orbit-planet{position:absolute;left:33%;top:23%;width:32%;height:32%;border-radius:50%;animation:atrxPlanetOrbit 8s linear infinite}
.atrx-pro-orbit-planet i{position:absolute;top:-4%;left:71%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.12), rgba(20,25,40,.35) 16%, #050814 60%, #01030a 100%);box-shadow:0 0 0 3px rgba(161,98,255,.16),0 0 20px rgba(213,116,255,.34),0 0 32px rgba(84,170,255,.16)}
.atrx-pro-orbit-planet i:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
@keyframes atrxHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes atrxHeroDrift{0%{transform:translateY(0) rotate(-1.8deg) scale(1)}50%{transform:translateY(-10px) rotate(.8deg) scale(1.012)}100%{transform:translateY(0) rotate(1.8deg) scale(1)}}
@keyframes atrxPlanetOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* CLEAN OVERRIDES to stop older patches from interfering */
.atrx-pro-header .nav-links a.active:after{bottom:-35px!important}
.atrx-pro-header .menu-toggle{font-size:28px;color:#fff;background:transparent;border:0}

@media (max-width:1260px){
  .atrx-pro-shell{width:min(100%,calc(100% - 40px))}
  .atrx-pro-nav-wrap{grid-template-columns:290px 1fr auto;gap:22px}
  .atrx-pro-brand img{width:278px}
  .atrx-pro-menu{gap:26px;font-size:14px}
  .atrx-pro-copy h1{font-size:clamp(58px,5.8vw,76px)}
}
@media (max-width:1040px){
  .atrx-pro-nav-wrap{grid-template-columns:auto auto;grid-template-areas:'brand cta' 'menu menu';height:auto;padding:18px 0}
  .atrx-pro-brand{grid-area:brand}.atrx-pro-nav-cta{grid-area:cta;justify-self:end}.atrx-pro-menu{grid-area:menu;justify-content:flex-start;padding-top:6px}
  .atrx-pro-menu a.active:after{bottom:-12px}
  .atrx-pro-hero.hero{min-height:auto;padding:56px 0 48px}
  .atrx-pro-hero-grid{grid-template-columns:1fr;gap:24px}
  .atrx-pro-copy{max-width:100%;padding-left:0;text-align:center}
  .atrx-pro-divider,.atrx-pro-copy p{margin-left:auto;margin-right:auto}.atrx-pro-actions{justify-content:center}
  .atrx-pro-visual{justify-content:center}
}
@media (max-width:760px){
  .atrx-pro-nav-wrap{grid-template-columns:1fr auto;grid-template-areas:'brand toggle' 'menu menu' 'cta cta'}
  .atrx-pro-toggle{display:block}
  .atrx-pro-menu{display:none;flex-wrap:wrap;gap:18px 22px}.atrx-pro-menu.open{display:flex}
  .atrx-pro-nav-cta{justify-self:stretch;width:100%;justify-content:center;margin-top:6px}
  .atrx-pro-brand img{width:240px}
  .atrx-pro-copy h1{font-size:clamp(42px,11vw,60px)}
  .atrx-pro-copy p{font-size:16px}
  .atrx-pro-primary-cta{width:100%;min-width:0;height:64px}
  .atrx-pro-actions{gap:24px}
  .atrx-pro-secondary-link{font-size:16px}
  .atrx-pro-visual-wrap{width:min(100%,540px)}
  .atrx-pro-orbit-planet i{width:40px;height:40px}
}