/* Source style block 1, line 1. */
/* AION Homepage Hero v2.0 — clean WordPress/Elementor-safe component
   Owns only #aion-home and descendants. */

#aion-home,
#aion-home *{
  box-sizing:border-box;
}

#aion-home{
  position:relative;
  width:100%;
  min-height:100svh;
  margin:0;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#020812;
  color:#fff;
  font-family:Inter,Arial,Helvetica,sans-serif;
}

/* ---------- Scene ---------- */
#aion-home .aion-hero-v053g-clean__stage{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#020812;
  pointer-events:none;
}

#aion-home .aion-hero-v053g-clean__fill{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  opacity:.78;
  filter:blur(14px) saturate(1.12) contrast(1.03) brightness(.90);
  transform:scale(1.04);
  user-select:none;
  -webkit-user-drag:none;
}



















/* restrained daylight veil */
#aion-home .aion-hero-v053g-clean__stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:90;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,8,17,.12) 0%,rgba(2,8,17,.035) 34%,rgba(2,8,17,0) 100%),
    linear-gradient(180deg,rgba(2,8,17,.015) 0%,rgba(2,8,17,0) 48%,rgba(2,8,17,.055) 100%),
    radial-gradient(circle at 82% 28%,rgba(255,225,164,.055),transparent 30%);
}

/* softened directional sun/ray atmosphere */
#aion-home .aion-hero-v053g-clean__stage::before{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:88;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 21%,
      rgba(255,238,184,.34) 0%,
      rgba(255,216,130,.19) 10%,
      rgba(255,216,130,.08) 23%,
      rgba(255,216,130,.02) 42%,
      transparent 60%),
    conic-gradient(from 204deg at 82% 21%,
      transparent 0deg,
      rgba(255,230,165,0) 5deg,
      rgba(255,230,165,.18) 12deg,
      transparent 22deg,
      transparent 30deg,
      rgba(255,230,165,.12) 39deg,
      transparent 53deg,
      transparent 62deg,
      rgba(255,230,165,.10) 72deg,
      transparent 90deg,
      transparent 360deg);
  mix-blend-mode:screen;
  opacity:.62;
  filter:blur(6px) saturate(1.06) brightness(1.08);
  transform:translate3d(-3%,1%,0) rotate(-4deg) scale(1.08);
  animation:aionHeroSun 9.5s ease-in-out infinite alternate;
}



/* ---------- Copy ---------- */






/* ---------- Scroll cue ---------- */
#aion-home .aion-hero-v053g-clean__scroll{
  position:absolute;
  right:clamp(26px,4vw,68px);
  bottom:clamp(24px,3.8vh,46px);
  z-index:190;
  display:flex;
  align-items:center;
  gap:14px;
  color:#f0fbff;
  font-size:clamp(12px,.9vw,15px);
  font-weight:750;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:0 0 14px rgba(101,231,255,.22);
}

#aion-home .aion-hero-v053g-clean__scroll-icon{
  display:inline-block;
  position:relative;
  width:34px;
  height:52px;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(101,231,255,.72);
  border-radius:999px;
  background:transparent;
  box-shadow:0 0 20px rgba(101,231,255,.13);
}

#aion-home .aion-hero-v053g-clean__scroll-icon::before,
#aion-home .aion-hero-v053g-clean__scroll-icon::after{
  content:none;
  display:none;
}

#aion-home .aion-hero-v053g-clean__scroll-dot{
  position:absolute;
  left:50%;
  top:9px;
  display:block;
  width:4px;
  height:4px;
  margin-left:-2px;
  border-radius:999px;
  background:rgba(0,228,228,.95);
  box-shadow:0 0 8px rgba(0,228,228,.35);
  opacity:.25;
  transform:translate3d(0,0,0);
  animation:aionHeroScrollDot 1.55s ease-in-out infinite;
  will-change:transform,opacity;
}

#aion-home .aion-hero-v053g-clean__scroll{
  transition:color .24s ease,text-shadow .24s ease,filter .24s ease;
}

#aion-home .aion-hero-v053g-clean__scroll-icon{
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}

#aion-home.is-aion-scroll-armed .aion-hero-v053g-clean__scroll{
  color:#fff;
  text-shadow:0 0 10px rgba(255,255,255,.58),0 0 24px rgba(101,231,255,.72);
  filter:brightness(1.16);
}

#aion-home.is-aion-scroll-armed .aion-hero-v053g-clean__scroll-icon{
  border-color:rgba(255,255,255,.92);
  box-shadow:0 0 10px rgba(255,255,255,.3),0 0 30px rgba(101,231,255,.52);
  transform:scale(1.06);
}

#aion-home.is-aion-scroll-armed .aion-hero-v053g-clean__scroll-dot{
  animation-duration:.72s;
}

@media (prefers-reduced-motion:reduce){
  #aion-home .aion-hero-v053g-clean__scroll,
  #aion-home .aion-hero-v053g-clean__scroll-icon{
    transition:none;
  }
}

/* ---------- Headline Connected glitch ---------- */
#aion-home .aion-homepage-headline__line{
  position:relative;
  display:inline-block;
}

#aion-home .aion-homepage-headline--mobile{
  display:none;
}

#aion-home .aion-homepage-headline__line--connected,
#aion-home .aion-homepage-headline__line--intelligent,
#aion-home .aion-homepage-headline__line--operations{
  color:rgba(255,255,255,.96);
}

#aion-home .aion-homepage-headline__glitch{
  position:relative;
  display:inline-block;
}

#aion-home .aion-homepage-headline__glitch::before,
#aion-home .aion-homepage-headline__glitch::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
}

#aion-home .aion-homepage-headline__glitch::before{
  color:rgba(255,255,255,.96);
  text-shadow:-2px 0 rgba(255,255,255,.42);
}

#aion-home .aion-homepage-headline__glitch::after{
  color:rgba(255,255,255,.90);
  text-shadow:2px 0 rgba(255,255,255,.34);
}

#aion-home .aion-homepage-headline__glitch.is-letter-shift{
  filter:brightness(1.08);
}

#aion-home .aion-homepage-headline__glitch.is-letter-shift::before,
#aion-home .aion-homepage-headline__glitch.is-letter-shift::after{
  opacity:.34;
}

#aion-home .aion-homepage-headline__glitch.is-glitch{
  animation:aionHeroGlitchBase .19s steps(2,end) 1;
}

#aion-home .aion-homepage-headline__glitch.is-glitch::before{
  animation:aionHeroGlitchA .19s steps(2,end) 1;
}

#aion-home .aion-homepage-headline__glitch.is-glitch::after{
  animation:aionHeroGlitchB .19s steps(2,end) 1;
}

/* ---------- Tablet ---------- */


/* ---------- Large desktop ---------- */


/* ---------- Mobile: purpose-built portrait composition ---------- */
@media (max-width:780px){
  #aion-home{
    min-height:max(720px,100svh);
  }

  

  #aion-home .aion-hero-v053g-clean__fill{
    opacity:.58;
    filter:blur(12px) saturate(1.08) contrast(1.02) brightness(.92);
  }

  

  

  

  

  

  #aion-home .aion-hero-v053g-clean__scroll{
    right:20px;
    bottom:22px;
    font-size:11px;
    letter-spacing:.13em;
  }

  #aion-home .aion-hero-v053g-clean__stage::before{
    opacity:.40;
  }

  
}

/* ---------- Motion ---------- */
@keyframes aionHeroOrchard{
  0%,100%{
    opacity:.92;
    transform:translate3d(-.18%,-1.20%,0) scale(1.018) rotate(-.04deg);
    filter:saturate(1.06) contrast(1.02) brightness(1.02);
  }
  40%{
    opacity:1;
    transform:translate3d(.26%,-1.38%,0) scale(1.026) rotate(.06deg);
    filter:saturate(1.13) contrast(1.05) brightness(1.08);
  }
  70%{
    opacity:.96;
    transform:translate3d(.10%,-1.30%,0) scale(1.022) rotate(.02deg);
    filter:saturate(1.10) contrast(1.04) brightness(1.05);
  }
}

@keyframes aionHeroRiver{
  0%,100%{
    opacity:.23;
    transform:translate3d(3.72%,2.36%,0) scale(.596);
    filter:brightness(.97) blur(.04px);
  }
  32%{
    opacity:.48;
    transform:translate3d(4.01%,2.24%,0) scale(.608);
    filter:brightness(1.18);
  }
  64%{
    opacity:.34;
    transform:translate3d(4.23%,2.16%,0) scale(.602);
    filter:brightness(1.07) blur(.01px);
  }
}

@keyframes aionHeroSignal{
  0%,100%{opacity:.03;filter:brightness(.78) blur(.25px)}
  50%{opacity:.105;filter:brightness(1.18) blur(.05px)}
}

@keyframes aionHeroDrone{
  0%,100%{opacity:.075;transform:translate3d(-8.5%,-9.6%,0) scale(.66)}
  44%{opacity:.12;transform:translate3d(-8.1%,-10.05%,0) scale(.663)}
}

@keyframes aionHeroSun{
  0%{opacity:.48;transform:translate3d(-4%,1.3%,0) rotate(-5deg) scale(1.05)}
  48%{opacity:.68;transform:translate3d(.4%,-.9%,0) rotate(-.8deg) scale(1.10)}
  100%{opacity:.52;transform:translate3d(2.5%,-.3%,0) rotate(2deg) scale(1.07)}
}

@keyframes aionHeroRayStreak{
  0%{opacity:.24;transform:translate3d(13%,-16%,0) skewX(-11deg) scale(1.02)}
  46%{opacity:.48;transform:translate3d(1%,5%,0) skewX(-11deg) scale(1.09)}
  100%{opacity:.30;transform:translate3d(-4%,12%,0) skewX(-11deg) scale(1.05)}
}

@keyframes aionHeroScrollDot{
  0%{transform:translate3d(0,0,0);opacity:.25}
  30%{opacity:.95}
  72%{transform:translate3d(0,20px,0);opacity:.95}
  100%{transform:translate3d(0,20px,0);opacity:0}
}

@keyframes aionHeroGlitchBase{
  0%{transform:none;filter:none}
  25%{transform:translateX(-1px);filter:brightness(1.18)}
  50%{transform:translateX(1px)}
  75%{transform:translateX(-.5px)}
  100%{transform:none;filter:none}
}

@keyframes aionHeroGlitchA{
  0%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  25%{opacity:.76;clip-path:inset(12% 0 62% 0);transform:translate(-2px,-1px)}
  50%{opacity:.48;clip-path:inset(58% 0 18% 0);transform:translate(2px,1px)}
  75%{opacity:.36;clip-path:inset(34% 0 42% 0);transform:translate(-1px,0)}
  100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
}

@keyframes aionHeroGlitchB{
  0%{opacity:0;clip-path:inset(100% 0 0 0);transform:none}
  25%{opacity:.62;clip-path:inset(66% 0 9% 0);transform:translate(2px,0)}
  50%{opacity:.44;clip-path:inset(24% 0 53% 0);transform:translate(-2px,1px)}
  75%{opacity:.34;clip-path:inset(72% 0 8% 0);transform:translate(1px,0)}
  100%{opacity:0;clip-path:inset(100% 0 0 0);transform:none}
}

@media (prefers-reduced-motion:reduce){
  #aion-home *,
  #aion-home *::before,
  #aion-home *::after{
    animation:none !important;
    transition:none !important;
  }

  
}

/* ---------- Brand lockup ---------- */

/* ==========================================================================\n   AION HERO v3.0 — REGISTERED ARTBOARD + RELATIONAL CONTENT STACK\n   The scene scales as one 16:9 composition. Brand and copy share one flow\n   container, so they cannot collide at arbitrary desktop aspect ratios.\n   ========================================================================== */

#aion-home .aion-hero-v053g-clean__stage{
  contain:paint;
}

#aion-home .aion-hero-v053g-clean__plate{
  position:absolute;
  left:50%;
  top:50%;
  width:max(100vw,calc(100svh * 16 / 9));
  aspect-ratio:16 / 9;
  height:auto;
  transform:translate3d(-50%,-50%,0);
  overflow:hidden;
  z-index:1;
  box-shadow:0 0 52px rgba(2,8,17,.12);
}

#aion-home .aion-hero-v053g-clean__reference,
#aion-home .aion-hero-v053g-clean__base,
#aion-home .aion-hero-v053g-clean__layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center center;
  transform-origin:50% 50%;
  user-select:none;
  -webkit-user-drag:none;
  backface-visibility:hidden;
}

#aion-home .aion-hero-v053g-clean__reference{
  z-index:1;
  opacity:.96;
  filter:saturate(1.13) contrast(1.06) brightness(1.08);
}

#aion-home .aion-hero-v053g-clean__base{
  z-index:2;
  opacity:.018;
}

#aion-home .aion-hero-v053g-clean__layer.turbines{
  z-index:10;
  opacity:.04;
  transform:translate3d(7.4%,-21.4%,0) scale(.63);
}

#aion-home .aion-hero-v053g-clean__layer.water{
  z-index:20;
  opacity:.36;
  mix-blend-mode:lighten;
  transform:translate3d(3.72%,2.36%,0) scale(.596);
  -webkit-mask-image:radial-gradient(ellipse at 54% 62%,rgba(0,0,0,1) 0%,rgba(0,0,0,.96) 32%,rgba(0,0,0,.56) 52%,rgba(0,0,0,0) 74%);
  mask-image:radial-gradient(ellipse at 54% 62%,rgba(0,0,0,1) 0%,rgba(0,0,0,.96) 32%,rgba(0,0,0,.56) 52%,rgba(0,0,0,0) 74%);
  animation:aionHeroRiver 4.35s ease-in-out infinite;
}

#aion-home .aion-hero-v053g-clean__layer.signals{
  z-index:30;
  opacity:.07;
  mix-blend-mode:screen;
  transform:translate3d(.5%,2.6%,0) scale(.78);
  animation:aionHeroSignal 6s ease-in-out infinite;
}

#aion-home .aion-hero-v053g-clean__layer.drones{
  z-index:50;
  opacity:.10;
  transform:translate3d(-8.5%,-9.6%,0) scale(.66);
  animation:aionHeroDrone 7.2s ease-in-out infinite;
}

#aion-home .aion-hero-v053g-clean__layer.orchard{
  z-index:70;
  opacity:1;
  transform-origin:50% 50%;
  filter:saturate(1.10) contrast(1.04) brightness(1.06);
  animation:aionHeroOrchard 5.2s ease-in-out infinite;
  will-change:transform,opacity,filter;
}

#aion-home .aion-hero-v3__content{
  position:absolute;
  left:clamp(38px,5.2vw,100px);
  top:clamp(84px,13.5svh,154px);
  z-index:200;
  width:min(880px,62vw);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:clamp(4px,.65svh,10px);
  pointer-events:none;
}

#aion-home .aion-hero-v053g-clean__brand{
  position:relative;
  width:min(100%,880px);
  max-width:100%;
  margin:0;
  display:block;
  pointer-events:none;
}

#aion-home .aion-hero-v053g-clean__brand-lockup-img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:left center;
  opacity:1;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.24));
}

#aion-home .aion-hero-v053g-clean__copy{
  position:relative;
  width:min(760px,100%);
  max-width:760px;
  margin:0;
  transform:none;
  pointer-events:auto;
}

#aion-home .aion-hero-v053g-clean__copy h1{
  margin:0 0 clamp(14px,1.7svh,22px);
  font-size:clamp(44px,4.05vw,72px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:850;
  color:rgba(255,255,255,.96);
  text-shadow:0 2px 12px rgba(0,0,0,.30);
  text-wrap:balance;
}

#aion-home .aion-hero-v053g-clean__copy p{
  width:min(680px,100%);
  max-width:680px;
  margin:0;
  font-size:clamp(15px,1.06vw,19px);
  line-height:1.5;
  color:rgba(255,255,255,.80);
  text-shadow:0 1px 8px rgba(0,0,0,.28);
  text-wrap:pretty;
}

/* Tall desktop: preserve the same stack proportions without enlarging logo. */
@media (min-width:1600px) and (min-height:761px){
  #aion-home .aion-hero-v3__content{
    left:clamp(78px,5.2vw,132px);
    top:clamp(108px,13.5svh,172px);
    width:min(920px,54vw);
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,920px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:min(790px,100%);
    max-width:790px;
  }
}

/* Short / wide desktop: scale the entire content stack, never independent parts. */
@media (min-width:981px) and (max-height:760px){
  #aion-home .aion-hero-v3__content{
    top:clamp(34px,7svh,70px);
    width:min(720px,50vw);
    gap:2px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,720px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:min(650px,100%);
    max-width:650px;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(36px,3.25vw,54px);
    margin-bottom:10px;
  }

  #aion-home .aion-hero-v053g-clean__copy p{
    font-size:clamp(13px,.92vw,16px);
    line-height:1.42;
  }
}

/* Tablet */
@media (min-width:781px) and (max-width:980px){
  #aion-home .aion-hero-v3__content{
    left:clamp(28px,4.4vw,46px);
    top:clamp(78px,11svh,118px);
    width:min(700px,78vw);
    gap:4px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,700px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:min(620px,100%);
    max-width:620px;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(38px,5.25vw,56px);
  }

  #aion-home .aion-hero-v053g-clean__copy p{
    font-size:clamp(14px,1.7vw,17px);
  }
}

/* Mobile: separate portrait composition. */
@media (max-width:780px){
  #aion-home .aion-hero-v053g-clean__plate{
    width:max(100vw,calc(100svh * 16 / 9));
    height:auto;
    aspect-ratio:16 / 9;
  }

  #aion-home .aion-hero-v3__content{
    left:22px;
    right:22px;
    top:auto;
    bottom:94px;
    width:auto;
    gap:4px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(91vw,450px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:100%;
    max-width:none;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(30px,9vw,42px);
    line-height:.96;
  }

  #aion-home .aion-hero-v053g-clean__copy p{
    width:min(100%,560px);
    font-size:clamp(12px,3.25vw,14px);
    line-height:1.48;
  }
}


/* ---------- v0.2 responsive composition refinement ---------- */
#aion-home .aion-hero-v053g-clean__stage::after{
  background:
    linear-gradient(90deg,rgba(2,8,17,.20) 0%,rgba(2,8,17,.06) 38%,rgba(2,8,17,0) 100%),
    linear-gradient(180deg,rgba(2,8,17,.02) 0%,rgba(2,8,17,0) 42%,rgba(2,8,17,.42) 100%),
    radial-gradient(circle at 82% 28%,rgba(255,225,164,.055),transparent 30%);
}

#aion-home .aion-hero-v3__content{
  left:clamp(54px,5.4vw,128px);
  top:clamp(112px,15svh,188px);
  width:min(940px,58vw);
  gap:clamp(8px,1svh,14px);
}

#aion-home .aion-hero-v053g-clean__brand{
  width:min(100%,940px);
}

#aion-home .aion-hero-v053g-clean__copy{
  width:min(840px,100%);
  max-width:840px;
}

#aion-home .aion-hero-v053g-clean__copy h1{
  font-size:clamp(52px,4.45vw,82px);
  line-height:.94;
  letter-spacing:-.04em;
  margin:0;
}

#aion-home .aion-hero-v053g-clean__subline{
  position:absolute;
  left:clamp(54px,5.4vw,128px);
  bottom:clamp(86px,11svh,132px);
  z-index:205;
  width:min(760px,52vw);
  margin:0;
  color:rgba(255,255,255,.94);
  font-size:clamp(17px,1.25vw,22px);
  line-height:1.38;
  font-weight:760;
  text-shadow:0 2px 18px rgba(0,0,0,.56);
  text-wrap:balance;
}

#aion-home .aion-hero-v053g-clean__scroll{
  right:clamp(26px,3.4vw,58px);
  bottom:clamp(28px,4.2vh,50px);
}

#aion-home .aion-homepage-headline__glitch.is-glitch{
  animation:aionHeroGlitchBase .32s steps(3,end) 1;
}

#aion-home .aion-homepage-headline__glitch.is-glitch::before{
  animation:aionHeroGlitchA .32s steps(3,end) 1;
}

#aion-home .aion-homepage-headline__glitch.is-glitch::after{
  animation:aionHeroGlitchB .32s steps(3,end) 1;
}

#aion-home .aion-homepage-headline__glitch[data-scramble]::before{
  content:attr(data-scramble);
  opacity:.58;
}

#aion-home .aion-homepage-headline__glitch[data-scramble]::after{
  content:attr(data-text);
  opacity:.44;
}

@media (min-width:1700px) and (min-height:820px){
  #aion-home .aion-hero-v3__content{
    top:clamp(132px,15.5svh,210px);
    width:min(1040px,56vw);
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,1040px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:min(900px,100%);
    max-width:900px;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(66px,4.35vw,90px);
  }
}

@media (min-width:981px) and (max-height:760px){
  #aion-home .aion-hero-v3__content{
    top:clamp(70px,10svh,104px);
    width:min(760px,52vw);
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,760px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(40px,3.35vw,58px);
  }

  #aion-home .aion-hero-v053g-clean__subline{
    bottom:clamp(72px,9svh,96px);
    width:min(660px,54vw);
    font-size:clamp(14px,1vw,17px);
  }
}

@media (min-width:781px) and (max-width:1100px){
  #aion-home .aion-hero-v3__content{
    left:clamp(34px,5vw,56px);
    top:clamp(94px,12svh,134px);
    width:min(760px,78vw);
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,760px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(44px,6vw,66px);
  }

  #aion-home .aion-hero-v053g-clean__subline{
    left:clamp(34px,5vw,56px);
    bottom:clamp(84px,10svh,118px);
    width:min(660px,78vw);
    font-size:clamp(15px,2vw,19px);
  }
}

@media (max-width:780px){
  #aion-home{
    min-height:max(720px,100svh);
  }

  #aion-home .aion-hero-v053g-clean__stage::after{
    background:
      linear-gradient(180deg,rgba(2,8,17,.08) 0%,rgba(2,8,17,.02) 34%,rgba(2,8,17,.54) 100%),
      radial-gradient(circle at 50% 78%,rgba(2,8,17,.34),transparent 34%);
  }

  #aion-home .aion-hero-v3__content{
    left:18px;
    right:18px;
    top:clamp(58px,8.5svh,86px);
    bottom:auto;
    width:auto;
    align-items:center;
    text-align:center;
    gap:10px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(92vw,560px);
  }

  #aion-home .aion-hero-v053g-clean__brand-lockup-img{
    object-position:center center;
    filter:drop-shadow(0 7px 18px rgba(0,0,0,.34));
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:100%;
    max-width:520px;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(32px,9.8vw,48px);
    line-height:.96;
    letter-spacing:-.025em;
  }

  #aion-home .aion-hero-v053g-clean__subline{
    left:18px;
    right:18px;
    bottom:clamp(82px,11svh,114px);
    width:auto;
    max-width:none;
    text-align:center;
    font-size:clamp(14.5px,4.1vw,18px);
    line-height:1.36;
    font-weight:780;
  }

  #aion-home .aion-hero-v053g-clean__scroll{
    left:50%;
    right:auto;
    bottom:22px;
    transform:translateX(-50%);
    gap:10px;
    font-size:11px;
    letter-spacing:.12em;
    white-space:nowrap;
  }
}


/* ---------- v0.3 composition lock: logo/headline/subheading scale as one unit ---------- */
#aion-home .aion-hero-v3__content{
  left:clamp(58px,5.8vw,142px);
  top:clamp(130px,17svh,215px);
  width:min(1040px,64vw);
  gap:clamp(12px,1.6svh,24px);
}

#aion-home .aion-hero-v053g-clean__brand{
  width:min(100%,1120px);
}

#aion-home .aion-hero-v053g-clean__mobile-brand{
  display:none;
}

#aion-home .aion-hero-v053g-clean__copy{
  width:min(900px,100%);
  max-width:900px;
}

#aion-home .aion-hero-v053g-clean__copy h1{
  font-size:clamp(50px,3.85vw,76px);
  line-height:.96;
  letter-spacing:-.035em;
}

#aion-home .aion-hero-v053g-clean__subline{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  width:min(780px,100%);
  max-width:780px;
  margin:clamp(2px,.5svh,8px) 0 0;
  color:rgba(255,255,255,.94);
  font-size:clamp(16px,1.05vw,20px);
  line-height:1.42;
  font-weight:760;
  text-shadow:0 2px 18px rgba(0,0,0,.58);
  text-wrap:balance;
}

#aion-home .aion-hero-v053g-clean__scroll{
  right:clamp(28px,3.4vw,58px);
  bottom:clamp(28px,4.2vh,50px);
}

@media (min-width:1700px) and (min-height:820px){
  #aion-home .aion-hero-v3__content{
    top:clamp(150px,17svh,230px);
    width:min(1160px,62vw);
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,1160px);
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:min(940px,100%);
    max-width:940px;
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(60px,3.75vw,82px);
  }
}

@media (min-width:981px) and (max-height:760px){
  #aion-home .aion-hero-v3__content{
    top:clamp(86px,12svh,122px);
    width:min(820px,58vw);
    gap:10px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,820px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(38px,3vw,54px);
  }

  #aion-home .aion-hero-v053g-clean__subline{
    width:min(640px,100%);
    font-size:clamp(13.5px,.95vw,16px);
    line-height:1.38;
  }
}

@media (min-width:781px) and (max-width:1100px){
  #aion-home .aion-hero-v3__content{
    left:clamp(34px,5vw,62px);
    top:clamp(112px,15svh,154px);
    width:min(800px,82vw);
    gap:12px;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:min(100%,800px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(42px,5.6vw,62px);
  }

  #aion-home .aion-hero-v053g-clean__subline{
    width:min(640px,100%);
    font-size:clamp(15px,1.9vw,18px);
  }
}

@media (max-width:780px){
  #aion-home .aion-hero-v3__content{
    left:clamp(22px,7vw,34px);
    right:clamp(18px,6vw,30px);
    top:clamp(18px,2.8svh,28px);
    bottom:auto;
    width:auto;
    align-items:flex-start;
    text-align:left;
    gap:clamp(7px,1.2svh,11px);
  }

  #aion-home .aion-hero-v053g-clean__fill{
    display:none;
  }

  #aion-home .aion-hero-v053g-clean__plate{
    left:50%;
    top:50%;
    width:calc(100svh * 16 / 9);
    min-width:185vw;
    height:100%;
    transform:translate3d(-61%,-50%,0);
  }

  #aion-home .aion-hero-v053g-clean__reference,
  #aion-home .aion-hero-v053g-clean__base,
  #aion-home .aion-hero-v053g-clean__layer{
    object-position:74% center;
  }

  #aion-home .aion-hero-v053g-clean__reference{
    filter:saturate(1.14) contrast(1.05) brightness(1.06);
  }

  #aion-home .aion-hero-v053g-clean__layer.drones{
    display:none;
  }

  #aion-home .aion-hero-v053g-clean__brand{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
  }

  #aion-home .aion-hero-v053g-clean__brand-lockup-img{
    display:none;
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand{
    display:block;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 0 18px rgba(0,174,239,.2));
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--icon{
    width:clamp(250px,72vw,350px);
    margin-bottom:clamp(-34px,-4.2svh,-20px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--wordmark{
    display:none;
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--aion{
    width:clamp(230px,69vw,330px);
    margin-top:clamp(-4px,-.6svh,-2px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--nexus{
    width:clamp(248px,74vw,358px);
    margin-top:clamp(-6px,-.8svh,-3px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--stack{
    display:none;
  }

  #aion-home .aion-hero-v053g-clean__copy{
    width:100%;
    max-width:360px;
    margin-top:clamp(7px,1.2svh,11px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(32px,9.6vw,43px);
    line-height:1.02;
    letter-spacing:0;
  }

  #aion-home .aion-homepage-headline--desktop{
    display:none;
  }

  #aion-home .aion-homepage-headline--mobile{
    display:block;
  }

  #aion-home .aion-hero-v053g-clean__subline{
    width:min(100%,340px);
    margin-top:clamp(7px,1.2svh,11px);
    font-size:clamp(14px,3.75vw,16px);
    line-height:1.38;
    font-weight:770;
    text-align:left;
  }

  #aion-home .aion-hero-v053g-clean__scroll{
    left:50%;
    right:auto;
    bottom:max(46px,calc(env(safe-area-inset-bottom) + 10px));
    transform:translateX(-50%);
    white-space:nowrap;
  }
}

@media (max-width:780px) and (max-height:820px){
  #aion-home .aion-hero-v053g-clean__mobile-brand--icon{
    width:clamp(220px,64vw,300px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--aion{
    width:clamp(205px,61vw,290px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--nexus{
    width:clamp(220px,66vw,310px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:clamp(30px,8.8vw,39px);
    line-height:1;
  }

  #aion-home .aion-hero-v053g-clean__subline{
    font-size:clamp(13.5px,3.55vw,15px);
    line-height:1.34;
  }
}

/* Short-viewport clearance lives in assets/css/aion-standard.css. */


@media (min-width:480px) and (max-width:780px){
  #aion-home .aion-hero-v053g-clean__mobile-brand--icon{
    width:min(64vw,300px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--aion{
    width:min(61vw,290px);
  }

  #aion-home .aion-hero-v053g-clean__mobile-brand--nexus{
    width:min(66vw,310px);
  }

  #aion-home .aion-hero-v053g-clean__copy h1{
    font-size:min(8.8vw,39px);
    line-height:1;
  }

  #aion-home .aion-hero-v053g-clean__subline{
    font-size:min(3.55vw,15px);
    line-height:1.34;
  }
}
