/* Source style block 1, line 4. */
#about-aion,
#about-aion *{box-sizing:border-box}
#about-aion{margin:0;width:100%;height:100%;background:#020a10;color:#f4fbfc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#about-aion{overflow:hidden;background:radial-gradient(circle at 77% 18%,rgba(38,154,175,.14),transparent 29%),radial-gradient(circle at 12% 82%,rgba(217,181,111,.07),transparent 30%),linear-gradient(135deg,#01070c 0%,#03111a 54%,#020a10 100%)}
#about-aion{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:transparent}
#about-aion:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(117,231,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(117,231,239,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 96%)}

/* REFERENCE-EXACT MAIN FERN: effective v064 desktop values after cascade. */
#about-aion .v23-organic-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.72;mix-blend-mode:normal}
#about-aion .v23-organic-layer img{position:absolute;display:block;width:122%;max-width:none;height:auto;left:-10%;top:-9%;opacity:1;filter:none;transform:rotate(1deg);transform-origin:0 0;animation:aionFernAmbient 15.5s ease-in-out infinite alternate;will-change:translate,rotate}

/* REFERENCE-EXACT PCB: effective v064 values after v035/v036 cascade. */
#about-aion .v23-pcb-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.70;mix-blend-mode:normal}
#about-aion .v23-pcb-layer img{position:absolute;width:100%;height:100%;max-width:none;left:0;top:0;object-fit:fill;object-position:center center;opacity:1;filter:none;transform:none;animation:aionPcbAmbient 24s ease-in-out infinite alternate;will-change:translate}

@keyframes aionFernAmbient{0%{translate:-5px -1px;rotate:-1.65deg}28%{translate:1px 4px;rotate:-.35deg}58%{translate:7px 2px;rotate:.72deg}82%{translate:3px 6px;rotate:1.35deg}100%{translate:10px 1px;rotate:1.7deg}}
@keyframes aionPcbAmbient{0%{translate:0 0}50%{translate:-1px 1px}100%{translate:-3px 0}}

/* Exact v060 path-faithful PCB signal language from the source. */
#about-aion .pcb-data-overlay-v060{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}


#about-aion .v23-copy{position:absolute;z-index:8;left:clamp(34px,3.5vw,58px);top:clamp(34px,5vh,58px);width:min(29vw,430px)}
#about-aion .v23-kicker{display:flex;align-items:center;gap:10px;color:rgba(217,181,111,.88);font-size:.63rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}#about-aion .v23-kicker:before{content:"";width:24px;height:1px;background:currentColor;opacity:.7}
#about-aion .v23-copy h2{margin:18px 0 16px;font-size:clamp(3.3rem,5.35vw,6.45rem);line-height:.88;letter-spacing:-.058em;font-weight:760;max-width:7.1ch}#about-aion .v23-copy h2 span{color:#dffff4}
#about-aion .v23-copy p{margin:0;max-width:40ch;color:rgba(233,247,249,.88);font-size:clamp(.88rem,1vw,1.02rem);line-height:1.55}#about-aion .v23-pillars{margin-top:20px;display:grid;gap:5px;color:rgba(237,249,250,.84);font-size:clamp(.72rem,.82vw,.88rem);font-weight:700}

/* Main nexus/card field: true viewport centre. */
#about-aion .v23-field{position:absolute;z-index:7;left:50%;top:50%;width:min(53vw,820px);height:min(74vh,625px);transform:translate(-50%,-50%)}
#about-aion .v23-brand{position:absolute;left:50%;top:50%;width:clamp(255px,21vw,350px);transform:translate(-50%,-50%);z-index:5;pointer-events:none}
#about-aion .v23-brand img{display:block;width:100%;height:auto;opacity:.82;filter:none;mix-blend-mode:normal}
#about-aion .v23-brand-label{position:absolute;left:50%;top:50%;transform:translate(-50%,126px);text-align:center;z-index:6;pointer-events:none}#about-aion .v23-brand-label strong{display:block;font-size:.66rem;letter-spacing:.20em}#about-aion .v23-brand-label span{display:block;margin-top:4px;color:rgba(117,231,239,.58);font-size:.45rem;letter-spacing:.16em}
#about-aion .v23-connectors:before{width:72%;height:1px;background:linear-gradient(90deg,transparent,rgba(117,231,239,.23),rgba(117,231,239,.23),transparent)}#about-aion .v23-connectors:after{height:72%;width:1px;background:linear-gradient(180deg,transparent,rgba(117,231,239,.23),rgba(117,231,239,.23),transparent)}
#about-aion .v23-card{position:absolute;z-index:9;width:clamp(190px,15vw,236px);height:clamp(126px,17vh,154px);border:1px solid rgba(117,231,239,.30);border-radius:17px;background:linear-gradient(160deg,rgba(7,28,39,.96),rgba(3,15,23,.985));box-shadow:0 18px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);display:grid;grid-template-rows:auto 1fr auto;padding:13px 14px 15px;color:#f4fbfc;text-align:center;cursor:pointer;transition:.28s ease}#about-aion .v23-card:hover{border-color:rgba(117,231,239,.55);box-shadow:0 22px 44px rgba(0,0,0,.30),0 0 20px rgba(117,231,239,.06)}
#about-aion .v23-card[data-pos="top"]{left:50%;top:0;transform:translateX(-50%)}#about-aion .v23-card[data-pos="top"]:hover{transform:translate(-50%,-4px)}#about-aion .v23-card[data-pos="bottom"]{left:50%;bottom:0;transform:translateX(-50%)}#about-aion .v23-card[data-pos="bottom"]:hover{transform:translate(-50%,-4px)}#about-aion .v23-card[data-pos="left"]{left:0;top:50%;transform:translateY(-50%)}#about-aion .v23-card[data-pos="left"]:hover{transform:translateY(calc(-50% - 4px))}#about-aion .v23-card[data-pos="right"]{right:0;top:50%;transform:translateY(-50%)}#about-aion .v23-card[data-pos="right"]:hover{transform:translateY(calc(-50% - 4px))}
#about-aion .v23-num{justify-self:start;color:rgba(206,233,238,.38);font-size:.56rem;letter-spacing:.15em;font-weight:780}#about-aion .v23-icon{align-self:center;justify-self:center;width:58px;height:58px;border:1px solid rgba(117,231,239,.35);border-radius:50%;display:grid;place-items:center;color:#75e7ef;background:rgba(117,231,239,.035)}#about-aion .v23-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}#about-aion .v23-title{font-size:.59rem;line-height:1.08;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
#about-aion .v23-next{position:absolute;z-index:12;right:clamp(24px,3vw,48px);bottom:12px;color:rgba(237,249,250,.86);font-size:.57rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(117,231,239,.25);padding-bottom:5px}

@media(max-width:1150px){#about-aion .v23-copy{width:34vw}#about-aion .v23-field{left:58%;width:62vw}#about-aion .v23-organic-layer img{width:132%;left:-15%}#about-aion .v23-pcb-layer{opacity:.56}}
@media(max-width:820px){#about-aion{overflow:auto}#about-aion{height:auto;min-height:100svh;padding-bottom:36px;overflow:hidden}#about-aion .v23-copy{position:relative;left:auto;top:auto;width:auto;margin:0;padding:30px 20px 0;max-width:620px}#about-aion .v23-field{position:relative;left:auto;top:auto;transform:none;width:100%;height:700px;margin:20px auto 0}#about-aion .v23-organic-layer{opacity:.42}#about-aion .v23-organic-layer img{width:155%;left:-28%;top:2%}#about-aion .v23-pcb-layer{opacity:.42}#about-aion .v23-brand{width:220px}}
@media(max-width:560px){#about-aion .v23-field{height:720px}#about-aion .v23-brand{width:190px}#about-aion .v23-brand-label{transform:translate(-50%,82px)}#about-aion .v23-card{width:156px;height:122px;padding:10px}#about-aion .v23-card[data-pos="left"]{left:4px}#about-aion .v23-card[data-pos="right"]{right:4px}#about-aion .v23-icon{width:45px;height:45px}}
@media(prefers-reduced-motion:reduce){#about-aion .v23-organic-layer img,
#about-aion .v23-pcb-layer img{animation:none!important}#about-aion .pcb-data-overlay-v060{display:none!important}}

/* Source style block 2, line 48. */
/* ============================================================
   v2.7 CONTROLLED REFINEMENT
   LOCKED: fireflies, card size/material, fern/PCB composition,
           left copy, top-right philosophy.
   CHANGED: exact user-mapped PCB routes, terminal sizing,
            route direction, compact luminous data pulses,
            physically cropped central logo.
   ============================================================ */

#about-aion .v23-copy{
  top:50%;
  transform:translateY(-50%);
  width:min(30vw,455px);
}
#about-aion .v23-copy h2{font-size:clamp(3.5rem,5.55vw,6.7rem);margin:18px 0 18px}
#about-aion .v23-copy p{max-width:42ch;line-height:1.60}

#about-aion .v25-focus{
  position:absolute;
  z-index:10;
  top:clamp(34px,5vh,58px);
  right:clamp(36px,4vw,66px);
  width:min(31vw,470px);
  display:grid;
  gap:7px;
  text-align:right;
  pointer-events:none;
}
#about-aion .v25-focus span{
  display:block;
  font-size:clamp(1rem,1.42vw,1.55rem);
  line-height:1.08;
  font-weight:790;
  letter-spacing:-.025em;
  color:#f2fbfc;
  text-shadow:0 2px 20px rgba(0,0,0,.34);
}
#about-aion .v25-focus span:nth-child(2){color:#b9f7fa}
#about-aion .v25-focus span:nth-child(3){color:#dffff4}
#about-aion .v25-focus:after{
  content:"";
  justify-self:end;
  width:72px;
  height:1px;
  margin-top:5px;
  background:linear-gradient(90deg,transparent,rgba(217,181,111,.74));
}

#about-aion .v23-field{
  left:62%;
  width:min(58vw,920px);
  height:min(80vh,720px);
}
#about-aion .v23-connectors,
#about-aion .v23-connectors:before,
#about-aion .v23-connectors:after{display:none!important}

/* Cropped visible logo now genuinely fills the centre cavity. */
#about-aion .v23-brand{
  width:clamp(500px,34vw,640px);
  z-index:6;
}
#about-aion .v23-brand img{
  display:block;
  width:100%;
  height:auto;
  opacity:.94;
  filter:none;
  mix-blend-mode:normal;
}
#about-aion .v23-brand-label{transform:translate(-50%,190px)}
#about-aion .v23-brand-label strong{font-size:.75rem}
#about-aion .v23-brand-label span{font-size:.50rem}

/* Keep accepted card sizing and material. */
#about-aion .v23-card{
  width:clamp(225px,17vw,270px);
  height:clamp(150px,19vh,178px);
  border-radius:20px;
  border-color:rgba(165,226,239,.21);
  background:linear-gradient(180deg,rgba(8,24,33,.50) 0%,rgba(6,20,29,.58) 48%,rgba(4,16,24,.78) 100%);
  -webkit-backdrop-filter:blur(15px) saturate(124%);
  backdrop-filter:blur(15px) saturate(124%);
  box-shadow:inset 0 1px 0 rgba(244,252,255,.065),inset 0 -1px 0 rgba(117,231,239,.045),0 18px 44px rgba(0,0,0,.25);
  padding:15px 17px 17px;
}
#about-aion .v23-card:hover{
  border-color:rgba(141,237,241,.45);
  box-shadow:inset 0 1px 0 rgba(244,252,255,.09),0 22px 48px rgba(0,0,0,.31),0 0 20px rgba(117,231,239,.055);
}
#about-aion .v23-num{font-size:.60rem}
#about-aion .v23-icon{width:74px;height:74px;border-color:rgba(117,231,239,.17);background:radial-gradient(circle at 50% 45%,rgba(88,191,255,.075),rgba(6,23,32,.12) 52%,transparent 74%)}
#about-aion .v23-icon svg{width:39px;height:39px}
#about-aion .v23-title{font-size:.64rem;line-height:1.10}

/* Layer order: PCB background -> data -> fern -> fireflies -> content. */
#about-aion .v23-pcb-layer{z-index:1;opacity:.70}
#about-aion .pcb-data-packet-overlay{z-index:2}
#about-aion .v23-organic-layer{z-index:3;opacity:.72}
#about-aion .aion-firefly-layer{z-index:4}
#about-aion .v23-copy,
#about-aion .v23-field,
#about-aion .v25-focus,
#about-aion .v23-next{position:absolute}

/* Native PCB coordinate system. */
#about-aion .pcb-data-packet-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:hidden;
  animation:aionPcbAmbient 24s ease-in-out infinite alternate;
  will-change:translate;
}
#about-aion .pcb-user-route{
  fill:none;
  stroke:transparent;
  stroke-width:1;
}
#about-aion .pcb-terminal-reference{
  fill:rgba(117,231,239,.025);
  stroke:rgba(117,231,239,.24);
  stroke-width:.75;
  vector-effect:non-scaling-stroke;
}
#about-aion .pcb-terminal-reference[data-size="large"]{
  stroke:rgba(117,231,239,.31);
}
#about-aion .pcb-terminal-reference.is-hit{
  animation:aionTerminalHit .62s ease-out both;
}
@keyframes aionTerminalHit{
  0%{opacity:.18;filter:none}
  30%{opacity:1;stroke:#eaffff;filter:url(#aionDataGlow)}
  100%{opacity:.20;filter:none}
}

/* One compact digital glow per route. No dotted trains / worms. */
#about-aion .pcb-data-pulse .pulse-halo{
  fill:#79eff0;
  opacity:.30;
  filter:url(#aionDataGlowSoft);
}
#about-aion .pcb-data-pulse .pulse-core{
  fill:#ffffff;
  stroke:#86f5f2;
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
  filter:url(#aionDataGlow);
}
#about-aion .pcb-data-pulse .pulse-ray{
  stroke:#9cf7f3;
  stroke-width:1.25;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.58;
  filter:url(#aionDataGlow);
}

@media(max-width:1300px){
  #about-aion .v23-copy{width:32vw}
  #about-aion .v23-field{left:63%;width:61vw}
  #about-aion .v23-brand{width:clamp(455px,32vw,570px)}
  #about-aion .v23-card{width:220px;height:150px}
  #about-aion .v25-focus{width:34vw}
}
@media(max-width:1000px){
  #about-aion .v23-copy{width:34vw}
  #about-aion .v23-field{left:64%;width:64vw}
  #about-aion .v23-card{width:200px;height:142px}
  #about-aion .v23-brand{width:420px}
}
@media(max-width:820px){
  #about-aion .v23-copy{transform:none;position:relative;left:auto;top:auto;width:auto;margin:0;padding:30px 20px 0;max-width:620px}
  #about-aion .v25-focus{position:relative;top:auto;right:auto;width:auto;margin:24px 20px 0;text-align:left}
  #about-aion .v25-focus:after{justify-self:start;background:linear-gradient(90deg,rgba(217,181,111,.74),transparent)}
  #about-aion .v23-field{position:relative;left:auto;top:auto;transform:none;width:100%;height:740px;margin:24px auto 0}
  #about-aion .v23-brand{width:360px}
  #about-aion .v23-card{width:180px;height:136px}
}
@media(max-width:560px){
  #about-aion .v23-card{width:158px;height:128px}
  #about-aion .v23-brand{width:285px}
}
@media(prefers-reduced-motion:reduce){#about-aion .pcb-data-packet-overlay{display:none!important}}

/* ============================================================
   v2.7 FINAL POLISH
   - exact approved v2.4 fireflies restored
   - mapped PCB light streak with fading after-image
   - larger central AION mark
   - philosophy block moved to bottom-right dark corner
   ============================================================ */

/* Exact approved v2.4 firefly language restored one-for-one. */
#about-aion .aion-firefly-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:4;
  overflow:hidden;
}
#about-aion .aion-firefly{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:var(--color);
  box-shadow:0 0 10px var(--color),0 0 22px var(--color);
  opacity:0;
  animation:aionFirefly var(--dur) ease-in-out infinite;
  animation-delay:var(--delay);
}
@keyframes aionFirefly{
  0%,100%{opacity:0;transform:translate3d(0,0,0) scale(.7)}
  20%{opacity:.8}
  45%{opacity:1;transform:translate3d(18px,-10px,0) scale(1.2)}
  70%{opacity:.35;transform:translate3d(-12px,8px,0) scale(.8)}
}

/* Make the visible AION mark the dominant centre focal object. */
#about-aion .v23-brand{
  width:clamp(640px,41vw,790px);
}
#about-aion .v23-brand-label{
  transform:translate(-50%,224px);
}

/* Bottom-right statement: sits in the dark negative-space corner. */
#about-aion .v25-focus{
  top:auto;
  bottom:clamp(42px,6vh,70px);
  right:clamp(38px,4.4vw,76px);
  width:min(34vw,520px);
  gap:8px;
  text-align:right;
}
#about-aion .v25-focus span{
  font-size:clamp(1.08rem,1.55vw,1.72rem);
  line-height:1.06;
  font-weight:820;
  letter-spacing:-.03em;
}
#about-aion .v25-focus:after{
  order:-1;
  margin:0 0 8px auto;
}

/* Continuous fading light-streak treatment.
   Segments overlap so it reads as one after-image rather than dots/worms. */
#about-aion .pcb-streak-segment{
  fill:none;
  stroke:#8df5f1;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:url(#aionDataGlow);
}
#about-aion .pcb-streak-soft{
  fill:none;
  stroke:#63dbdf;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:url(#aionDataGlowSoft);
}
#about-aion .pcb-streak-head-halo{
  fill:#7df1ef;
  opacity:.34;
  filter:url(#aionDataGlowSoft);
}
#about-aion .pcb-streak-head{
  fill:#ffffff;
  stroke:#a5fffb;
  stroke-width:.65;
  vector-effect:non-scaling-stroke;
  filter:url(#aionDataGlow);
}
#about-aion .pcb-streak-head-core{
  fill:#ffffff;
  opacity:1;
}

@media(max-width:1300px){
  #about-aion .v23-brand{width:clamp(565px,39vw,700px)}
  #about-aion .v25-focus{width:36vw}
}
@media(max-width:1000px){
  #about-aion .v23-brand{width:500px}
}
@media(max-width:820px){
  #about-aion .v25-focus{
    position:relative;
    bottom:auto;
    right:auto;
    width:auto;
    margin:24px 20px 0;
    text-align:left;
  }
  #about-aion .v25-focus:after{
    margin:0 0 8px 0;
  }
  #about-aion .v23-brand{width:410px}
}
@media(max-width:560px){
  #about-aion .v23-brand{width:320px}
}
@media(prefers-reduced-motion:reduce){
  #about-aion .aion-firefly{animation:none!important}
  #about-aion .aion-firefly-layer{display:none!important}
}

/* Source style block 3, line 358. */
/* ============================================================
   AION SECTION 02 — CLEAN HEX SYSTEM v1
   One component. One geometry system. No historical card overrides.
   v3.2 external honeycomb geometry preserved exactly.
   ============================================================ */

#about-aion .v23-field{
  position:absolute;
  z-index:7;
  left:63%;
  top:50%;
  width:min(61vw,960px);
  height:min(84vh,790px);
  transform:translate(-50%,-50%);
}

#about-aion .aion-hex-system{
  position:absolute;
  inset:0;
}

#about-aion .aion-hex-system > .v23-brand{
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(640px,41vw,790px);
  transform:translate(-50%,-50%);
  z-index:6;
  pointer-events:none;
}

#about-aion .aion-hex-system > .v23-brand img{
  display:block;
  width:100%;
  height:auto;
  opacity:.94;
  filter:none;
  mix-blend-mode:normal;
}

#about-aion .aion-hex-system > .v23-brand-label{
  position:absolute;
  z-index:12;
  width:max-content;
  text-align:center;
  pointer-events:none;
  transform:translate(-50%,-100%);
}
#about-aion .aion-hex-system > .v23-brand-label strong{
  display:block;
  color:#f7fdff;
  font-size:.68rem;
  letter-spacing:.20em;
}
#about-aion .aion-hex-system > .v23-brand-label span{
  display:block;
  margin-top:4px;
  color:rgba(117,231,239,.72);
  font-size:.47rem;
  letter-spacing:.17em;
}

/* Card geometry is populated by the single geometry controller. */
#about-aion .aion-hex-card{
  --card-w:220px;
  --card-h:250px;
  --card-x:50%;
  --card-y:50%;

  position:absolute;
  left:var(--card-x);
  top:var(--card-y);
  width:var(--card-w);
  height:var(--card-h);
  transform:translate(-50%,-50%);
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f4fbfc;
  cursor:pointer;
  overflow:visible;
  appearance:none;
  -webkit-appearance:none;
  isolation:isolate;

  transition:
    left .68s cubic-bezier(.2,.8,.2,1),
    top .68s cubic-bezier(.2,.8,.2,1),
    filter .28s ease,
    opacity .28s ease;
}

#about-aion .aion-hex-card:focus-visible{
  outline:2px solid rgba(117,231,239,.65);
  outline-offset:5px;
}

/* Single SVG owns both outline and construction linework. */
#about-aion .aion-hex-card-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  overflow:visible;
  pointer-events:none;
  shape-rendering:geometricPrecision;
}

#about-aion .aion-hex-outline{
  fill:rgba(4,14,20,.012);
  stroke:rgba(244,250,252,.54);
  stroke-width:.9;
  stroke-linejoin:round;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}

#about-aion .aion-hex-construction{
  fill:none;
  stroke:rgba(226,247,249,.24);
  stroke-width:.68;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}

#about-aion .aion-hex-card:hover .aion-hex-outline,
#about-aion .aion-hex-card:focus-visible .aion-hex-outline{
  stroke:rgba(255,255,255,.82);
  stroke-width:1.10;
}
#about-aion .aion-hex-card.is-primary .aion-hex-outline{
  stroke:rgba(255,255,255,.72);
  stroke-width:1.05;
}

#about-aion .aion-hex-card:hover .aion-hex-construction,
#about-aion .aion-hex-card:focus-visible .aion-hex-construction,
#about-aion .aion-hex-card.is-primary .aion-hex-construction{
  stroke:rgba(236,252,253,.34);
}

/* NUMBER — explicit upper-right interior anchor. */
#about-aion .aion-hex-number{
  position:absolute;
  z-index:4;
  left:50%;
  top:16.5%;
  transform:translateX(-50%);
  color:rgba(236,250,252,.78);
  font-size:.94rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  transition:color .25s ease, transform .25s ease, text-shadow .25s ease;
}

/* ICON — exact card centre / construction X. */
#about-aion .aion-hex-icon{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:34%;
  aspect-ratio:1;
  max-width:98px;
  min-width:68px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border:1px solid rgba(117,231,239,.27);
  border-radius:16px;
  background:rgb(5,21,30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 18px rgba(0,0,0,.26);
}
#about-aion .aion-hex-icon svg{
  width:82%;
  height:82%;
  overflow:visible;
}
#about-aion .aion-hex-icon svg *{
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-icon .icon-primary{
  fill:rgba(229,249,255,.98);
}
#about-aion .aion-hex-icon .icon-primary-stroke{
  fill:none;
  stroke:rgba(229,249,255,.96);
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#about-aion .aion-hex-icon .icon-secondary{
  fill:rgba(88,191,255,.13);
  stroke:rgba(88,191,255,.90);
  stroke-width:1.9;
}
#about-aion .aion-hex-icon .icon-secondary-stroke{
  fill:none;
  stroke:rgba(88,191,255,.84);
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* HEADING — dedicated lower information band, not in the bottom point. */
#about-aion .aion-hex-title{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:21.5%;
  width:70%;
  transform:translateX(-50%);
  color:#f4fbfc;
  text-align:center;
  font-size:clamp(.66rem,.71vw,.81rem);
  line-height:1.10;
  font-weight:860;
  letter-spacing:.035em;
  text-transform:uppercase;
}

/* OPEN — exact bottom-centre, safely above the lower vertex. */
#about-aion .aion-hex-open{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:11.5%;
  transform:translateX(-50%);
  color:rgba(236,250,252,.66);
  font-size:.58rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.16em;
  transition:color .25s ease, transform .25s ease, text-shadow .25s ease;
}

#about-aion .aion-hex-card:hover .aion-hex-number,
#about-aion .aion-hex-card:focus-visible .aion-hex-number,
#about-aion .aion-hex-card.is-primary .aion-hex-number{
  color:#efffff;
  transform:translateX(-50%) scale(1.12);
  transform-origin:50% 50%;
  text-shadow:
    0 0 9px rgba(117,231,239,.55),
    0 0 18px rgba(117,231,239,.20);
}
#about-aion .aion-hex-card:hover .aion-hex-open,
#about-aion .aion-hex-card:focus-visible .aion-hex-open,
#about-aion .aion-hex-card.is-primary .aion-hex-open{
  color:#eaffff;
  transform:translateX(-50%) scale(1.10);
  text-shadow:0 0 8px rgba(117,231,239,.40);
}

/* Temporary icon motion only; final icon redesign remains deferred. */
#about-aion .aion-icon-ring{
  transform-origin:60px 60px;
  animation:aionCleanIconSpin 8s linear infinite;
}
#about-aion .aion-icon-flow{
  stroke-dasharray:12 8;
  animation:aionCleanIconFlow 3.7s linear infinite;
}
#about-aion .aion-icon-orbit{
  transform-origin:60px 60px;
  stroke-dasharray:8 9;
  animation:aionCleanIconSpin 9s linear infinite;
}
@keyframes aionCleanIconSpin{to{transform:rotate(360deg)}}
@keyframes aionCleanIconFlow{to{stroke-dashoffset:-40}}

/* Mobile hex layout is owned exclusively by responsive-native-v7.7 below. */
@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card,
#about-aion .aion-hex-icon *{
    transition:none!important;
    animation:none!important;
  }
}


/* v4.1 micro-refinement: keep SVG paths optically smoother at fractional browser scales. */
#about-aion .aion-hex-card-frame line,
#about-aion .aion-hex-card-frame polygon{
  shape-rendering:geometricPrecision;
}


/* ============================================================
   v4.3 — CARD 01 EXPLORE DONOR TEST
   Scope: card 01 only.
   Exact approved Explore Operating Method SVG transplanted.
   No redesign. No other cards touched.
   ============================================================ */

#about-aion .aion-hex-card[data-card-id="1"] .aion-hex-icon{
  width:46%;
  min-width:0;
  max-width:none;
  aspect-ratio:1;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

#about-aion .aion-hex-card[data-card-id="1"] .aion-hex-icon .aion-explore-donor-icon{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

/* Recreate the approved Explore Operating Method visual language locally. */
#about-aion .aion-hex-card[data-card-id="1"] .aion-explore-donor-icon .method-shell{
  opacity:1;
  fill:none;
  stroke:rgba(201,232,238,.52);
  stroke-width:1.28;
}
#about-aion .aion-hex-card[data-card-id="1"] .aion-explore-donor-icon .method-cube{
  opacity:1;
  fill:rgba(4,23,30,.08);
  stroke:#d8edf2;
  stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.16));
}
#about-aion .aion-hex-card[data-card-id="1"] .aion-explore-donor-icon .method-cube-structure{
  opacity:.72;
  fill:none;
  stroke:#75e7ef;
  stroke-width:1.05;
}
#about-aion .aion-hex-card[data-card-id="1"] .aion-explore-donor-icon .method-cube-core{
  opacity:.78;
  fill:rgba(7,31,39,.08);
  stroke:#d8edf2;
  stroke-width:.92;
}






/* ============================================================
   v4.4 — DIRECT APPROVED EXPLORE ICON TRANSFERS
   Cards 05 and 06 only.
   Card 01 remains the already-approved donor treatment.
   ============================================================ */

/* Shared donor mount treatment for exact-transfer cards */
#about-aion .aion-hex-card[data-card-id="5"] .aion-hex-icon,
#about-aion .aion-hex-card[data-card-id="6"] .aion-hex-icon{
  width:46%;
  min-width:0;
  max-width:none;
  aspect-ratio:1;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-hex-icon .aion-explore-donor-icon,
#about-aion .aion-hex-card[data-card-id="6"] .aion-hex-icon .aion-explore-donor-icon{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

/* CARD 05 — Exact approved Cold Chain Example donor */
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-shell{
  stroke:rgba(201,232,238,.52);stroke-width:1.28;fill:none;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-cube{
  fill:rgba(4,23,30,.08);stroke:#d8edf2;stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.16));
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-cube-structure{
  fill:none;stroke:#75e7ef;stroke-width:1.05;opacity:.72;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-cube-core{
  fill:rgba(7,31,39,.08);stroke:#d8edf2;stroke-width:.92;opacity:.78;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-snow{
  fill:none;stroke:#75e7ef;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
  transform-box:fill-box;transform-origin:center;
  filter:drop-shadow(0 0 5px rgba(117,231,239,.42));
  animation:aionColdBreath 6.4s cubic-bezier(.45,0,.22,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-snow-tip{
  fill:#d9b56f;stroke:none;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.30));
  transform-box:fill-box;transform-origin:center;
  animation:aionColdTip 6.4s cubic-bezier(.45,0,.22,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-wave{
  fill:none;stroke:#75e7ef;stroke-width:.85;opacity:.14;
  transform-box:fill-box;transform-origin:center;
  animation:aionColdWave 6.4s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-wave.wave-b{animation-delay:2.13s}
#about-aion .aion-hex-card[data-card-id="5"] .aion-explore-cold-chain .cold-wave.wave-c{animation-delay:4.26s}
#about-aion .aion-hex-card[data-card-id="5"]:hover .aion-explore-cold-chain .cold-snow,
#about-aion .aion-hex-card[data-card-id="5"].is-primary .aion-explore-cold-chain .cold-snow{
  animation-duration:5.5s;
}

/* CARD 06 — Exact approved High-Level Journey / Compass donor */
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-shell{
  fill:none;stroke:rgba(201,232,238,.52);stroke-width:1.28;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-cube{
  fill:rgba(4,23,30,.06);stroke:#d8edf2;stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.14));
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-structure{
  fill:none;stroke:#75e7ef;stroke-width:1.05;opacity:.62;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-inner{
  fill:rgba(7,31,39,.05);stroke:#d8edf2;stroke-width:1.12;opacity:1;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-inner-structure{
  stroke:#75e7ef;stroke-width:.9;opacity:.72;fill:none;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .precise-ring{
  fill:none;stroke:#75e7ef;stroke-width:1.18;opacity:.92;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .cardinal-point{
  fill:#75e7ef;stroke:#d8edf2;stroke-width:.55;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.42));
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .north-point{
  fill:#d9b56f;stroke:#f1d99e;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.45));
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .cardinal-label{
  fill:#d8edf2;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:6px;font-weight:800;
  text-anchor:middle;dominant-baseline:middle;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .cardinal-label.north{
  fill:#d9b56f;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .precise-needle{
  transform-box:view-box;transform-origin:60px 60px;
  animation:aionCardinalSweep 7.2s cubic-bezier(.42,0,.22,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .needle-north{
  fill:rgba(117,231,239,.24);stroke:#d8edf2;stroke-width:.95;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .needle-south{
  fill:rgba(88,191,255,.08);stroke:rgba(117,231,239,.62);stroke-width:.8;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-explore-journey .journey-hub{
  fill:#d9b56f;stroke:#f4e2b6;stroke-width:.65;
}

/* Required donor keyframes, copied from approved Explore authority */
@keyframes aionColdBreath{
  0%,100%{transform:scale(.78);opacity:.58}
  38%{transform:scale(1.06);opacity:1}
  56%{transform:scale(1.15);opacity:.88}
  76%{transform:scale(.92);opacity:.70}
}
@keyframes aionColdTip{
  0%,100%{transform:scale(.75);opacity:.35}
  38%{transform:scale(1);opacity:.78}
  56%{transform:scale(1.18);opacity:1}
  76%{transform:scale(.9);opacity:.52}
}
@keyframes aionColdWave{
  0%{transform:scale(.55);opacity:0}
  18%{opacity:.20}
  58%{transform:scale(1.18);opacity:.12}
  100%{transform:scale(1.48);opacity:0}
}
@keyframes aionCardinalSweep{
  0%{transform:rotate(-92deg)}
  18%{transform:rotate(-36deg)}
  36%{transform:rotate(32deg)}
  54%{transform:rotate(94deg)}
  72%{transform:rotate(180deg)}
  86%,94%{transform:rotate(270deg)}
  100%{transform:rotate(268deg)}
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="5"] .cold-snow,
#about-aion .aion-hex-card[data-card-id="5"] .cold-snow-tip,
#about-aion .aion-hex-card[data-card-id="5"] .cold-wave,
#about-aion .aion-hex-card[data-card-id="6"] .precise-needle{
    animation:none!important;
  }
}


/* ============================================================
   v4.5 — COMPLETE EXPLORE DONOR TRANSFER
   Cards 02, 03, 04 added.
   NO SEMANTIC REDESIGN YET.
   ============================================================ */

/* Shared donor mount treatment for remaining cards */
#about-aion .aion-hex-card[data-card-id="2"] .aion-hex-icon,
#about-aion .aion-hex-card[data-card-id="3"] .aion-hex-icon,
#about-aion .aion-hex-card[data-card-id="4"] .aion-hex-icon{
  width:46%;
  min-width:0;
  max-width:none;
  aspect-ratio:1;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-hex-icon .aion-explore-donor-icon,
#about-aion .aion-hex-card[data-card-id="3"] .aion-hex-icon .aion-explore-donor-icon,
#about-aion .aion-hex-card[data-card-id="4"] .aion-hex-icon .aion-explore-donor-icon{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

/* CARDS 02 + 04 — Connected Capability donor */
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-shell,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-shell{
  fill:none;stroke:rgba(201,232,238,.52);stroke-width:1.28;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-cube,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-cube{
  fill:rgba(4,23,30,.06);stroke:#d8edf2;stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.14));
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-structure,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-structure{
  fill:none;stroke:#75e7ef;stroke-width:1.05;opacity:.62;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-inner,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-inner{
  fill:rgba(7,31,39,.09);stroke:#d8edf2;stroke-width:.96;opacity:.86;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-inner-structure,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-inner-structure{
  fill:none;stroke:#75e7ef;stroke-width:.82;opacity:.56;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-wire,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-wire{
  fill:none;stroke:#75e7ef;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.32));
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .inner-wire,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .inner-wire{
  stroke-width:1.15;stroke-dasharray:40;stroke-dashoffset:40;
  animation:aionConnectedInner 6.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .grow,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .grow{
  stroke-width:1.28;stroke-dasharray:44;stroke-dashoffset:44;opacity:.15;
  animation:aionConnectedGrow 6.8s cubic-bezier(.35,.05,.2,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .branch,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .branch{
  stroke-width:.9;stroke-dasharray:16;stroke-dashoffset:16;opacity:.18;
  animation:aionConnectedBranch 6.8s ease-in-out infinite 1.5s;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-triangle,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-triangle{
  fill:rgba(2,12,18,.78);stroke:#75e7ef;stroke-width:.9;stroke-linejoin:round;
  filter:drop-shadow(0 0 2px rgba(117,231,239,.22));
  animation:aionConnectedTriangle 6.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-core,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-core{
  fill:#d9b56f;stroke:#d9b56f;opacity:.72;
  filter:drop-shadow(0 0 5px rgba(217,181,111,.32));
  animation:aionConnectedCore 6.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .connected-terminal,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability .connected-terminal{
  fill:#75e7ef;stroke:none;opacity:.18;
  animation:aionConnectedTerminal 6.8s ease-in-out infinite;
}

/* CARD 03 — Capability Layer donor */
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-shell{
  fill:none;stroke:rgba(201,232,238,.52);stroke-width:1.28;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-cube{
  fill:rgba(4,23,30,.06);stroke:#d8edf2;stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.16));
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-structure{
  fill:none;stroke:#75e7ef;stroke-width:1.05;opacity:.72;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-core{
  fill:rgba(7,31,39,.04);stroke:#d8edf2;stroke-width:.92;opacity:.52;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-inner-structure{
  opacity:.34;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-axis{
  fill:none;stroke:rgba(117,231,239,.18);stroke-width:.72;stroke-dasharray:2 3.6;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-flow{
  fill:none;stroke:#75e7ef;stroke-width:1.05;stroke-linecap:round;
  stroke-dasharray:4 22;opacity:.05;
  animation:aionCapabilityFlow 7.6s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-motion{
  will-change:transform,opacity,filter;transform-box:fill-box;transform-origin:center;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-box{
  fill:rgba(2,12,18,.90);stroke:#75e7ef;stroke-width:.82;
  filter:drop-shadow(0 0 2px rgba(117,231,239,.18));
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-symbol{
  fill:none;stroke:#d8edf2;stroke-width:.95;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-top{
  animation:aionCapabilityInTop 7.6s cubic-bezier(.42,0,.16,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-right{
  animation:aionCapabilityInRight 7.6s cubic-bezier(.42,0,.16,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-bottom{
  animation:aionCapabilityInBottom 7.6s cubic-bezier(.42,0,.16,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-node-left{
  animation:aionCapabilityInLeft 7.6s cubic-bezier(.42,0,.16,1) infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-center-halo{
  fill:rgba(117,231,239,.04);stroke:rgba(117,231,239,.22);stroke-width:.7;
  transform-box:view-box;transform-origin:60px 60px;
  animation:aionCapabilityCoreHalo 7.6s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer .capability-center{
  fill:rgba(117,231,239,.08);stroke:#75e7ef;stroke-width:1.05;
  transform-box:view-box;transform-origin:60px 60px;
  animation:aionCapabilityCoreGlow 7.6s ease-in-out infinite;
}

/* Donor animations copied from approved Explore authority */
@keyframes aionConnectedInner{
  0%,10%{stroke-dashoffset:40;opacity:.20}
  24%,72%{stroke-dashoffset:0;opacity:.92}
  88%,100%{stroke-dashoffset:0;opacity:.34}
}
@keyframes aionConnectedGrow{
  0%,18%{stroke-dashoffset:44;opacity:.08}
  38%,72%{stroke-dashoffset:0;opacity:1}
  90%,100%{stroke-dashoffset:0;opacity:.30}
}
@keyframes aionConnectedBranch{
  0%,24%{stroke-dashoffset:16;opacity:.05}
  42%,72%{stroke-dashoffset:0;opacity:.66}
  90%,100%{stroke-dashoffset:0;opacity:.18}
}
@keyframes aionConnectedTriangle{
  0%,12%,100%{opacity:.34}
  28%,70%{opacity:.95;filter:drop-shadow(0 0 4px rgba(117,231,239,.42))}
  86%{opacity:.52}
}
@keyframes aionConnectedCore{
  0%,10%,100%{transform:scale(.82);transform-origin:60px 60px;opacity:.42}
  24%,68%{transform:scale(1.08);transform-origin:60px 60px;opacity:1}
  82%{transform:scale(.94);transform-origin:60px 60px;opacity:.66}
}
@keyframes aionConnectedTerminal{
  0%,34%{opacity:.08}
  48%,72%{opacity:1;filter:drop-shadow(0 0 5px rgba(117,231,239,.60))}
  90%,100%{opacity:.22}
}

@keyframes aionCapabilityInTop{
  0%,18%,100%{transform:translate(0,0);opacity:1}
  38%,60%{transform:translate(0,14px) scale(.82);opacity:.92}
  72%{transform:translate(0,0);opacity:1}
}
@keyframes aionCapabilityInRight{
  0%,18%,100%{transform:translate(0,0);opacity:1}
  38%,60%{transform:translate(-14px,0) scale(.82);opacity:.92}
  72%{transform:translate(0,0);opacity:1}
}
@keyframes aionCapabilityInBottom{
  0%,18%,100%{transform:translate(0,0);opacity:1}
  38%,60%{transform:translate(0,-14px) scale(.82);opacity:.92}
  72%{transform:translate(0,0);opacity:1}
}
@keyframes aionCapabilityInLeft{
  0%,18%,100%{transform:translate(0,0);opacity:1}
  38%,60%{transform:translate(14px,0) scale(.82);opacity:.92}
  72%{transform:translate(0,0);opacity:1}
}
@keyframes aionCapabilityFlow{
  0%,16%,82%,100%{opacity:.04;stroke-dashoffset:0}
  28%,54%{opacity:.74;stroke-dashoffset:-26}
  66%{opacity:.16;stroke-dashoffset:-34}
}
@keyframes aionCapabilityCoreGlow{
  0%,28%,78%,100%{transform:scale(1);fill:rgba(117,231,239,.08);stroke:#75e7ef;filter:drop-shadow(0 0 3px rgba(117,231,239,.22))}
  42%,60%{transform:scale(1.34);fill:rgba(217,181,111,.18);stroke:#d9b56f;filter:drop-shadow(0 0 8px rgba(217,181,111,.48))}
}
@keyframes aionCapabilityCoreHalo{
  0%,28%,78%,100%{transform:scale(.84);opacity:.12}
  44%,60%{transform:scale(1.72);opacity:.72;stroke:rgba(217,181,111,.52)}
  68%{transform:scale(1.18);opacity:.22}
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability *,
#about-aion .aion-hex-card[data-card-id="3"] .aion-explore-capability-layer *,
#about-aion .aion-hex-card[data-card-id="4"] .aion-explore-connected-capability *{
    animation:none!important;
  }
}


/* ============================================================
   v4.6 — CARD 01 NEXUS X IDENTITY CORE
   Only the central Operating Method mechanism is replaced.
   Donor shell, cube, scale and card geometry remain unchanged.
   ============================================================ */

#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-ring{
  fill:none;
  stroke:rgba(216,237,242,.42);
  stroke-width:.82;
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-ring-inner{
  stroke:rgba(117,231,239,.44);
  stroke-width:.72;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x{
  fill:none;
  stroke:#dff8fb;
  stroke-width:1.72;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.24));
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-satellite{
  fill:#dffcff;
  stroke:#75e7ef;
  stroke-width:.72;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.34));
  transform-box:fill-box;
  transform-origin:center;
  animation:aionNexusSatellitePulse 5.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="1"] .sat-ne{animation-delay:-1.45s}
#about-aion .aion-hex-card[data-card-id="1"] .sat-se{animation-delay:-2.9s}
#about-aion .aion-hex-card[data-card-id="1"] .sat-sw{animation-delay:-4.35s}

#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-core-halo{
  fill:rgba(217,181,111,.035);
  stroke:rgba(217,181,111,.32);
  stroke-width:.72;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:center;
  animation:aionNexusCoreHalo 5.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-core{
  fill:#d9b56f;
  stroke:#f4e2b6;
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.38));
  transform-box:fill-box;
  transform-origin:center;
  animation:aionNexusCorePulse 5.8s ease-in-out infinite;
}
@keyframes aionNexusSatellitePulse{
  0%,100%{opacity:.46;transform:scale(.86)}
  34%{opacity:1;transform:scale(1.08)}
  62%{opacity:.72;transform:scale(.96)}
}
@keyframes aionNexusCoreHalo{
  0%,28%,100%{opacity:.20;transform:scale(.82)}
  52%,68%{opacity:.72;transform:scale(1.24)}
}
@keyframes aionNexusCorePulse{
  0%,28%,100%{opacity:.62;transform:scale(.88)}
  52%,68%{opacity:1;transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="1"] .method-nexus-satellite,
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-core-halo,
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-core{
    animation:none!important;
  }
}


/* ============================================================
   v4.7 — CARD 02 "WHAT WE DO" BRIDGED FLOW REDESIGN
   Outer donor shell/scale/placement preserved.
   Only internal Connected Capability mechanism replaced.
   ============================================================ */

#about-aion .aion-hex-card[data-card-id="2"] .aion-explore-connected-capability .aion-what-we-do-core{
  pointer-events:none;
}

/* Modules */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-module{
  fill:rgba(2,12,18,.78);
  stroke:#d8edf2;
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.16));
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-module-detail,
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-data-detail{
  stroke:#75e7ef;
  stroke-width:.72;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.72;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-module-node{
  fill:#75e7ef;
  stroke:none;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.42));
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-output-mark{
  fill:none;
  stroke:#75e7ef;
  stroke-width:1.02;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

/* Nexus X */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-ring{
  fill:none;
  stroke:rgba(216,237,242,.40);
  stroke-width:.82;
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-ring-inner{
  stroke:rgba(117,231,239,.48);
  stroke-width:.72;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-x{
  stroke:#dff8fb;
  stroke-width:1.65;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.24));
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-core{
  fill:#d9b56f;
  stroke:#f4e2b6;
  stroke-width:.5;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.34));
}

/* Routed flows */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-flow{
  fill:none;
  stroke:#75e7ef;
  stroke-width:1.08;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.62;
  stroke-dasharray:8 12;
  animation:aionWhatWeDoFlow 4.8s linear infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-flow-out{animation-delay:-1.6s}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-flow-data{animation-delay:-3.2s}

/* Lower operational-data module */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-data-module{
  fill:rgba(2,12,18,.78);
  stroke:#75e7ef;
  stroke-width:.82;
  vector-effect:non-scaling-stroke;
}

/* Signal heads */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-signal{
  fill:#dffcff;
  stroke:#75e7ef;
  stroke-width:.52;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.46));
  opacity:.42;
  animation:aionWhatWeDoSignal 4.8s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-signal-b{animation-delay:-1.6s}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-signal-c{animation-delay:-3.2s}

#about-aion .aion-hex-card[data-card-id="2"]:hover .aion-do-core,
#about-aion .aion-hex-card[data-card-id="2"].is-primary .aion-do-core{
  animation:aionWhatWeDoCore 2.8s ease-in-out infinite;
}

@keyframes aionWhatWeDoFlow{
  to{stroke-dashoffset:-40}
}
@keyframes aionWhatWeDoSignal{
  0%,100%{opacity:.28}
  45%,62%{opacity:1}
}
@keyframes aionWhatWeDoCore{
  0%,100%{transform:scale(.92);transform-origin:60px 60px;opacity:.72}
  50%{transform:scale(1.12);transform-origin:60px 60px;opacity:1}
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="2"] .aion-do-flow,
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-signal,
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-core{
    animation:none!important;
  }
}


/* ============================================================
   v4.8 — CARD 02 INNER-CUBE RESTORATION
   Restores the approved cube-within-cube donor architecture.
   New semantic mechanism remains fully contained inside inner cube.
   ============================================================ */

/* Explicitly restore approved inner cube hierarchy on card 02. */
#about-aion .aion-hex-card[data-card-id="2"] .connected-inner{
  fill:rgba(7,31,39,.09)!important;
  stroke:#d8edf2!important;
  stroke-width:.96!important;
  opacity:.86!important;
}
#about-aion .aion-hex-card[data-card-id="2"] .connected-inner-structure{
  fill:none!important;
  stroke:#75e7ef!important;
  stroke-width:.82!important;
  opacity:.56!important;
}




/* ============================================================
   v4.9 — CARD 02 SIMPLE CONNECTION
   One idea only: connect one side of the inner cube to the other.
   Inner cube and all outer donor geometry remain intact.
   ============================================================ */

#about-aion .aion-hex-card[data-card-id="2"] .aion-what-we-do-simple{
  pointer-events:none;
}

#about-aion .aion-hex-card[data-card-id="2"] .aion-do-simple-terminal{
  fill:rgba(2,12,18,.92);
  stroke:#d8edf2;
  stroke-width:.92;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.20));
}

#about-aion .aion-hex-card[data-card-id="2"] .aion-do-simple-link{
  fill:none;
  stroke:#75e7ef;
  stroke-width:1.35;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.86;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.34));
}

#about-aion .aion-hex-card[data-card-id="2"] .aion-do-simple-signal{
  fill:#dffcff;
  stroke:#75e7ef;
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(117,231,239,.60));
  animation:aionWhatWeDoSimpleTravel 3.2s cubic-bezier(.42,0,.18,1) infinite;
}

@keyframes aionWhatWeDoSimpleTravel{
  0%{transform:translateX(0);opacity:0}
  12%{opacity:1}
  82%{opacity:1}
  100%{transform:translateX(16.4px);opacity:0}
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="2"] .aion-do-simple-signal{
    animation:none!important;
    transform:translateX(8.2px);
    opacity:.9;
  }
}


/* ============================================================
   v5.0 — CONTAINED ICON REFINEMENT
   01: X mechanism fully inside inner cube.
   02: inner-cube perimeter receives a restrained travelling light.
   ============================================================ */

/* Card 01 — compact X identity core */
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-ring{
  stroke:rgba(216,237,242,.48);
  stroke-width:.76;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-ring-inner{
  stroke:rgba(117,231,239,.52);
  stroke-width:.66;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-x{
  stroke-width:1.35;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-satellite{
  stroke-width:.6;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-core-halo{
  stroke-width:.6;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-core{
  stroke-width:.42;
}

/* Card 02 — active inner cube perimeter */
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-inner-light-path{
  fill:none;
  stroke:rgba(117,231,239,.16);
  stroke-width:.66;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-inner-light-tracer{
  fill:none;
  stroke:#dffcff;
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:7 76;
  filter:
    drop-shadow(0 0 2px rgba(223,252,255,.78))
    drop-shadow(0 0 5px rgba(117,231,239,.48));
  animation:aionInnerCubeLightTravel 4.6s linear infinite;
}
#about-aion .aion-hex-card[data-card-id="2"]:hover .aion-do-inner-light-tracer,
#about-aion .aion-hex-card[data-card-id="2"].is-primary .aion-do-inner-light-tracer{
  animation-duration:3.6s;
  stroke-dasharray:9 74;
}

@keyframes aionInnerCubeLightTravel{
  to{stroke-dashoffset:-83}
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="2"] .aion-do-inner-light-tracer{
    animation:none!important;
    stroke-dasharray:14 69;
  }
}


/* ============================================================
   v5.1 — OUTCOMES + MISSION + CONTAINED JOURNEY COMPASS
   One clear visual idea per card; all mechanisms inside inner cube.
   ============================================================ */

/* CARD 03 — Outcomes we create: result / target core */
#about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-ring{
  fill:none;
  vector-effect:non-scaling-stroke;
}
#about-aion .aion-hex-card[data-card-id="3"] .ring-outer{
  stroke:rgba(216,237,242,.48);
  stroke-width:.82;
}
#about-aion .aion-hex-card[data-card-id="3"] .ring-mid{
  stroke:#75e7ef;
  stroke-width:.92;
  opacity:.82;
}
#about-aion .aion-hex-card[data-card-id="3"] .ring-inner{
  stroke:#dff8fb;
  stroke-width:1.0;
  opacity:.96;
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-core-dot{
  fill:#d9b56f;
  stroke:#f4e2b6;
  stroke-width:.42;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.38));
}
#about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse{
  fill:none;
  stroke:#75e7ef;
  stroke-width:.72;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:center;
  animation:aionOutcomePulse 3.6s ease-out infinite;
}
@keyframes aionOutcomePulse{
  0%{transform:scale(.45);opacity:.72}
  72%{transform:scale(1.08);opacity:.10}
  100%{transform:scale(1.16);opacity:0}
}

/* CARD 04 — Our mission: three-way balance around one future core */
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-triangle{
  fill:none;
  stroke:#75e7ef;
  stroke-width:1.05;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:.76;
}
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-node{
  fill:#dffcff;
  stroke:#75e7ef;
  stroke-width:.58;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.34));
  transform-box:fill-box;
  transform-origin:center;
  animation:aionMissionNodeBreath 5.4s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="4"] .node-right{animation-delay:-1.8s}
#about-aion .aion-hex-card[data-card-id="4"] .node-left{animation-delay:-3.6s}
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-halo{
  fill:rgba(217,181,111,.025);
  stroke:rgba(217,181,111,.28);
  stroke-width:.62;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:center;
  animation:aionMissionHalo 5.4s ease-in-out infinite;
}
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-core-dot{
  fill:#d9b56f;
  stroke:#f4e2b6;
  stroke-width:.42;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(217,181,111,.36));
}
@keyframes aionMissionNodeBreath{
  0%,100%{opacity:.55;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes aionMissionHalo{
  0%,100%{opacity:.18;transform:scale(.82)}
  50%{opacity:.68;transform:scale(1.22)}
}

/* CARD 06 — keep approved compass concept but place entire mechanism inside inner cube */
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass{
  transform-box:view-box;
  transform-origin:60px 60px;
  transform:translate(18px,18px) scale(.70);
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass .precise-needle,
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass .cardinal-needle-group{
  transform-origin:60px 60px;
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse,
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-node,
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-halo{
    animation:none!important;
  }
}


/* ============================================================
   v5.2 — INNER-CUBE VISIBILITY / FILL PASS
   Bring 01 / 03 / 04 / 06 up to Cold Chain visibility.
   ============================================================ */

/* 01 — Who we are: larger X spanning the inner cube */
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-x{
  stroke-width:1.55;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-ring{
  stroke-width:.86;
  opacity:.92;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-ring-inner{
  stroke-width:.76;
  opacity:.96;
}
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained .method-nexus-satellite{
  opacity:.96;
}

/* 03 — Outcomes: staggered concentric pulses */
#about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse{
  transform-box:fill-box;
  transform-origin:center;
  animation:aionOutcomePulseStagger 4.8s ease-out infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-a{animation-delay:0s}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-b{animation-delay:-1.6s}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-c{animation-delay:-3.2s}
@keyframes aionOutcomePulseStagger{
  0%{transform:scale(.78);opacity:0}
  18%{opacity:.72}
  58%{transform:scale(1.04);opacity:.32}
  100%{transform:scale(1.16);opacity:0}
}

/* 04 — Mission: larger corner nodes + signal travelling node-to-node */
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-node{
  filter:drop-shadow(0 0 5px rgba(117,231,239,.44));
}
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-triangle{
  stroke-width:1.16;
  opacity:.88;
}
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-traveller{
  fill:#dffcff;
  stroke:#75e7ef;
  stroke-width:.52;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(117,231,239,.64));
  animation:aionMissionTravel 5.4s cubic-bezier(.42,0,.18,1) infinite;
}
@keyframes aionMissionTravel{
  0%,8%{transform:translate(0,0);opacity:0}
  12%{opacity:1}
  32%{transform:translate(12px,21px);opacity:1}
  52%{transform:translate(-12px,21px);opacity:1}
  72%{transform:translate(0,0);opacity:1}
  100%{transform:translate(0,0);opacity:0}
}

/* 06 — Journey: centered and enlarged inside the inner cube */
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass{
  transform-box:view-box;
  transform-origin:60px 60px;
  transform:translate(0,0) scale(.78);
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass .precise-ring,
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass .cardinal-ring{
  opacity:.96;
}
#about-aion .aion-hex-card[data-card-id="6"] .aion-journey-contained-compass .cardinal-label{
  font-size:6.4px!important;
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse,
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-traveller{
    animation:none!important;
  }
}


/* ============================================================
   v5.3 — MICRO SCALE + OUTCOME PULSE VISIBILITY
   Small adjustment only. No redesign.
   ============================================================ */

/* 01 — Who we are: slightly larger overall */
#about-aion .aion-hex-card[data-card-id="1"] .method-nexus-x-core-contained{
  transform-box:view-box;
  transform-origin:60px 60px;
  transform:scale(1.08);
}

/* 02 — What we do: slightly larger overall */
#about-aion .aion-hex-card[data-card-id="2"] .aion-what-we-do-simple,
#about-aion .aion-hex-card[data-card-id="2"] .aion-do-inner-light{
  transform-box:view-box;
  transform-origin:60px 60px;
  transform:scale(1.08);
}

/* 03 — Outcomes: stronger independent pulse visibility, size unchanged */
#about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse{
  fill:none;
  stroke:#75e7ef;
  stroke-width:.9;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:center;
  animation:aionOutcomePulseVisible 4.2s ease-out infinite;
}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-a{animation-delay:0s}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-b{animation-delay:-1.4s}
#about-aion .aion-hex-card[data-card-id="3"] .pulse-c{animation-delay:-2.8s}

@keyframes aionOutcomePulseVisible{
  0%{transform:scale(.84);opacity:0}
  10%{opacity:.82}
  42%{transform:scale(1.02);opacity:.64}
  72%{transform:scale(1.10);opacity:.22}
  100%{transform:scale(1.16);opacity:0}
}

/* 04 — Our mission: slightly larger overall */
#about-aion .aion-hex-card[data-card-id="4"] .aion-mission-core{
  transform-box:view-box;
  transform-origin:60px 60px;
  transform:scale(1.08);
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-hex-card[data-card-id="3"] .aion-outcomes-pulse{
    animation:none!important;
    opacity:.5!important;
  }
}


/* ============================================================
   v5.4 — DETAIL MASTER / CARD 01 "WHO WE ARE"
   One back-card prototype only.
   Front geometry and icon system remain locked.
   ============================================================ */

#about-aion .aion-detail-card{
  position:absolute;
  inset:3.2% 1.4%;
  z-index:24;
  overflow:hidden;
  border:1px solid rgba(165,226,239,.28);
  border-radius:26px;
  background:
    radial-gradient(circle at 80% 24%,rgba(117,231,239,.095),transparent 28%),
    radial-gradient(circle at 18% 82%,rgba(217,181,111,.04),transparent 30%),
    linear-gradient(145deg,rgba(5,24,34,.94),rgba(2,13,20,.975));
  box-shadow:
    0 30px 80px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(117,231,239,.035);
  -webkit-backdrop-filter:blur(22px) saturate(128%);
  backdrop-filter:blur(22px) saturate(128%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.965);
  transition:
    opacity .34s ease,
    transform .48s cubic-bezier(.2,.8,.2,1),
    visibility 0s linear .48s;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  grid-template-rows:1fr auto;
  column-gap:clamp(38px,5vw,78px);
  padding:clamp(42px,5vw,74px) clamp(42px,5.8vw,88px) clamp(28px,3vw,42px);
}

#about-aion .v23-field.is-detail-01 .aion-detail-card-01{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  transition:
    opacity .36s ease,
    transform .54s cubic-bezier(.2,.8,.2,1),
    visibility 0s;
}

#about-aion .v23-field.is-detail-01 .aion-hex-system{
  opacity:.06;
  filter:blur(2px);
  pointer-events:none;
  transform:scale(.985);
  transition:opacity .30s ease,filter .30s ease,transform .42s ease;
}

#about-aion .aion-hex-system{
  transition:opacity .30s ease,filter .30s ease,transform .42s ease;
}

#about-aion .aion-detail-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(117,231,239,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,231,239,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.9),rgba(0,0,0,.38) 54%,transparent 95%);
}

#about-aion .aion-detail-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.14;
}
#about-aion .aion-detail-frame polygon,
#about-aion .aion-detail-frame line{
  fill:none;
  stroke:#75e7ef;
  stroke-width:.7;
  vector-effect:non-scaling-stroke;
}

#about-aion .aion-detail-back{
  position:absolute;
  right:clamp(22px,2.4vw,38px);
  bottom:clamp(20px,2.3vw,34px);
  z-index:4;
  border:0;
  border-bottom:1px solid rgba(117,231,239,.30);
  background:transparent;
  color:rgba(229,247,249,.82);
  padding:6px 2px;
  display:flex;
  align-items:center;
  gap:8px;
  font:800 .58rem/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:.22s ease;
}
#about-aion .aion-detail-back:hover,
#about-aion .aion-detail-back:focus-visible{
  color:#effdff;
  border-bottom-color:#75e7ef;
  outline:none;
  transform:translateX(-2px);
}

#about-aion .aion-detail-copy{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:720px;
  padding-top:clamp(4px,1vh,12px);
}

#about-aion .aion-detail-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:#d9b56f;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
#about-aion .aion-detail-kicker:before{
  content:"";
  width:28px;
  height:1px;
  background:currentColor;
  opacity:.62;
}
#about-aion .aion-detail-kicker span{
  color:rgba(177,211,218,.44);
  margin-left:2px;
}

#about-aion .aion-detail-copy h3{
  margin:0;
  max-width:8.6ch;
  color:#f4fbfc;
  font-size:clamp(3.2rem,5.2vw,6.2rem);
  line-height:.88;
  letter-spacing:-.057em;
  font-weight:770;
  text-transform:none;
}

#about-aion .aion-detail-lead{
  margin:clamp(22px,2.6vh,32px) 0 0;
  max-width:57ch;
  color:rgba(232,247,249,.94);
  font-size:clamp(1rem,1.16vw,1.2rem);
  line-height:1.60;
  font-weight:520;
}

#about-aion .aion-detail-divider{
  width:min(100%,610px);
  height:1px;
  margin:clamp(22px,2.8vh,32px) 0;
  background:linear-gradient(90deg,rgba(117,231,239,.45),rgba(117,231,239,.08),transparent);
}

#about-aion .aion-detail-body{
  display:grid;
  gap:14px;
  max-width:62ch;
  color:rgba(166,194,201,.88);
  font-size:clamp(.78rem,.88vw,.91rem);
  line-height:1.67;
}
#about-aion .aion-detail-body p{margin:0}

#about-aion .aion-detail-principles{
  margin-top:clamp(24px,3vh,34px);
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  max-width:680px;
  color:rgba(207,231,235,.72);
  font-size:.62rem;
  font-weight:720;
  letter-spacing:.055em;
  text-transform:uppercase;
}
#about-aion .aion-detail-principles span{
  position:relative;
  padding-left:13px;
}
#about-aion .aion-detail-principles span:before{
  content:"";
  position:absolute;
  left:0;
  top:.42em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#75e7ef;
  box-shadow:0 0 7px rgba(117,231,239,.44);
}
#about-aion .aion-detail-principles b{
  color:#dffcff;
  font-weight:900;
}

#about-aion .aion-detail-visual{
  position:relative;
  z-index:2;
  align-self:center;
  justify-self:center;
  width:min(100%,390px);
  display:grid;
  justify-items:center;
  gap:16px;
}

#about-aion .aion-detail-visual-label{
  color:rgba(217,181,111,.72);
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}

#about-aion .aion-detail-icon-shell{
  width:clamp(230px,20vw,330px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  position:relative;
}
#about-aion .aion-detail-icon-shell:before{
  content:"";
  position:absolute;
  inset:13%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(117,231,239,.07),rgba(117,231,239,.015) 44%,transparent 70%);
  filter:blur(4px);
}
#about-aion .aion-detail-icon-svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  position:relative;
  z-index:1;
}

/* Keep the exact current front icon's styling and motion inside detail view. */
#about-aion .aion-detail-icon-svg .method-shell{
  fill:none;stroke:rgba(201,232,238,.52);stroke-width:1.28;
}
#about-aion .aion-detail-icon-svg .method-cube{
  fill:rgba(4,23,30,.08);stroke:#d8edf2;stroke-width:1.75;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.16));
}
#about-aion .aion-detail-icon-svg .method-cube-structure{
  fill:none;stroke:#75e7ef;stroke-width:1.05;opacity:.72;
}
#about-aion .aion-detail-icon-svg .method-cube-core{
  fill:rgba(7,31,39,.08);stroke:#d8edf2;stroke-width:.92;opacity:.78;
}
#about-aion .aion-detail-icon-svg .method-nexus-ring{
  fill:none;stroke:rgba(216,237,242,.48);stroke-width:.86;
}
#about-aion .aion-detail-icon-svg .method-nexus-ring-inner{
  stroke:rgba(117,231,239,.52);stroke-width:.76;
}
#about-aion .aion-detail-icon-svg .method-nexus-x{
  stroke:#dff8fb;stroke-width:1.55;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(117,231,239,.24));
}
#about-aion .aion-detail-icon-svg .method-nexus-satellite{
  fill:#dffcff;stroke:#75e7ef;stroke-width:.6;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(117,231,239,.40));
  transform-box:fill-box;transform-origin:center;
  animation:aionNexusSatellitePulse 5.8s ease-in-out infinite;
}
#about-aion .aion-detail-icon-svg .sat-ne{animation-delay:-1.45s}
#about-aion .aion-detail-icon-svg .sat-se{animation-delay:-2.9s}
#about-aion .aion-detail-icon-svg .sat-sw{animation-delay:-4.35s}
#about-aion .aion-detail-icon-svg .method-nexus-core-halo{
  fill:rgba(217,181,111,.035);stroke:rgba(217,181,111,.32);stroke-width:.6;
  transform-box:fill-box;transform-origin:center;
  animation:aionNexusCoreHalo 5.8s ease-in-out infinite;
}
#about-aion .aion-detail-icon-svg .method-nexus-core{
  fill:#d9b56f;stroke:#f4e2b6;stroke-width:.42;
  filter:drop-shadow(0 0 5px rgba(217,181,111,.42));
  transform-box:fill-box;transform-origin:center;
  animation:aionNexusCorePulse 5.8s ease-in-out infinite;
}

#about-aion .aion-detail-visual-caption{
  width:min(100%,330px);
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:8px;
  color:rgba(177,211,218,.62);
  font-size:.51rem;
  font-weight:820;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-align:center;
}
#about-aion .aion-detail-visual-caption i{
  height:1px;
  background:linear-gradient(90deg,rgba(117,231,239,.14),rgba(117,231,239,.65),rgba(117,231,239,.14));
}

#about-aion .aion-detail-footer{
  position:relative;
  z-index:2;
  grid-column:1 / -1;
  align-self:end;
  border-top:1px solid rgba(117,231,239,.12);
  padding-top:14px;
  padding-right:92px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:rgba(147,169,180,.60);
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:1050px){
  #about-aion .aion-detail-card{
    grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);
    column-gap:32px;
    padding-left:42px;
    padding-right:42px;
  }
  #about-aion .aion-detail-icon-shell{width:230px}
}

@media(max-width:820px){
  #about-aion .aion-detail-card{
    position:absolute;
    inset:12px;
    min-height:900px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding:34px 24px 74px;
    overflow:auto;
    row-gap:26px;
  }
  #about-aion .aion-detail-copy{align-self:start}
  #about-aion .aion-detail-copy h3{font-size:clamp(3rem,14vw,5rem)}
  #about-aion .aion-detail-visual{
    grid-row:2;
    width:100%;
  }
  #about-aion .aion-detail-icon-shell{width:min(70vw,280px)}
  #about-aion .aion-detail-footer{
    grid-row:3;
    padding-right:0;
  }
}

@media(prefers-reduced-motion:reduce){
  #about-aion .aion-detail-card,
#about-aion .aion-hex-system,
#about-aion .aion-detail-icon-svg *{
    transition:none!important;
    animation:none!important;
  }
}


/* ============================================================
   v5.5 — CARD 01 DETAIL HIERARCHY + SPACING REFINEMENT
   Refinement of v5.4 master only.
   ============================================================ */

/* Restore approved AION blue treatment wherever the section brand/title is used. */
#about-aion .aion-brand,
#about-aion .aion-brand-name,
#about-aion .aion-section-brand,
#about-aion .v23-brand,
#about-aion .v23-heading .accent,
#about-aion .v23-heading strong{
  color:#75e7ef!important;
}

/* Detail heading: materially smaller and forced to remain one line on desktop. */
#about-aion .aion-detail-copy h3{
  max-width:none;
  white-space:nowrap;
  font-size:clamp(2.35rem,3.35vw,4.25rem);
  line-height:.94;
  letter-spacing:-.045em;
}

/* Remove the visual dominance of the old large background-X feel. */
#about-aion .aion-detail-frame{
  opacity:.10;
}
#about-aion .aion-detail-frame line{
  display:none!important;
}

/* Tighten the left hierarchy so the full card remains visible. */
#about-aion .aion-detail-copy{
  align-self:center;
  padding-top:0;
}
#about-aion .aion-detail-lead{
  margin-top:clamp(18px,2vh,24px);
}
#about-aion .aion-detail-divider{
  margin:clamp(18px,2.2vh,24px) 0;
}

/* Right visual stack gets enough space for icon + principles + footer. */
#about-aion .aion-detail-visual{
  align-self:center;
  gap:14px;
  padding-bottom:34px;
}

/* Principles now belong to the icon/identity column, not the copy column. */
#about-aion .aion-detail-visual .aion-detail-principles{
  margin-top:6px;
  width:min(100%,350px);
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  color:rgba(207,231,235,.76);
  font-size:.58rem;
  line-height:1.25;
  letter-spacing:.055em;
}
#about-aion .aion-detail-visual .aion-detail-principles span{
  padding-left:14px;
}
#about-aion .aion-detail-visual .aion-detail-principles span:before{
  top:.43em;
}
#about-aion .aion-detail-visual .aion-detail-principles b{
  color:#dffcff;
}

/* Protect the lower-right area so Back never collides with the principles. */
#about-aion .aion-detail-back{
  right:clamp(24px,2.6vw,40px);
  bottom:clamp(24px,2.6vw,38px);
}
#about-aion .aion-detail-footer{
  padding-right:130px;
  padding-bottom:2px;
}

/* Give Explore AION / lower navigation breathing room from the viewport edge. */
#about-aion .explore-aion,
#about-aion .aion-explore,
#about-aion .aion-explore-link,
#about-aion [data-role="explore-aion"]{
  margin-bottom:clamp(18px,2.4vh,30px)!important;
}

/* Preserve icon animation; no animation suppression added here. */

@media(max-width:1050px){
  #about-aion .aion-detail-copy h3{
    font-size:clamp(2.2rem,4.2vw,3.5rem);
  }
  #about-aion .aion-detail-visual{
    padding-bottom:44px;
  }
}

@media(max-width:820px){
  #about-aion .aion-detail-copy h3{
    white-space:normal;
    font-size:clamp(2.4rem,11vw,4rem);
  }
  #about-aion .aion-detail-visual .aion-detail-principles{
    width:min(100%,320px);
  }
  #about-aion .aion-detail-footer{
    padding-right:0;
    padding-bottom:20px;
  }
}


/* ============================================================
   v5.6 — CARD 01 DETAIL LOGIC + FOOTPRINT CORRECTION
   Removes duplication and lower-corner interference.
   ============================================================ */

/* Explicit main-page heading correction: AION Nexus = approved cyan-blue. */
#about-aion .v23-title .aion-blue,
#about-aion .v23-title .aion-nexus,
#about-aion .v23-title .accent,
#about-aion .v23-title strong,
#about-aion .v23-heading .aion-blue,
#about-aion .v23-heading .aion-nexus,
#about-aion .v23-heading .accent,
#about-aion .v23-heading strong{
  color:#75e7ef!important;
  -webkit-text-fill-color:#75e7ef!important;
}

/* Smaller detail footprint to protect the page's lower-corner content. */
#about-aion .aion-detail-card{
  inset:5.4% 3.4% 9.2%;
  grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);
  grid-template-rows:1fr;
  padding:clamp(30px,3.7vw,54px) clamp(38px,5vw,74px);
  column-gap:clamp(34px,4.6vw,66px);
}

/* Move content upward; remove excessive top negative space. */
#about-aion .aion-detail-copy{
  align-self:start;
  padding-top:clamp(6px,1vh,12px);
  max-width:760px;
}
#about-aion .aion-detail-kicker{
  margin-bottom:12px;
}
#about-aion .aion-detail-copy h3{
  margin:0;
  font-size:clamp(2.2rem,3vw,3.7rem);
  line-height:.95;
  white-space:nowrap;
}
#about-aion .aion-detail-divider{
  margin:clamp(18px,2vh,24px) 0;
}

/* Body becomes the real detail content; no repeated homepage lead. */
#about-aion .aion-detail-body{
  max-width:64ch;
  gap:16px;
  font-size:clamp(.82rem,.9vw,.96rem);
  line-height:1.7;
}

/* Right icon slightly smaller, still prominent. */
#about-aion .aion-detail-visual{
  align-self:center;
  gap:14px;
  padding-bottom:0;
}
#about-aion .aion-detail-icon-shell{
  width:clamp(205px,17.2vw,285px);
}

/* Keep only contextual labels beneath icon. */
#about-aion .aion-detail-visual-caption{
  width:min(100%,310px);
  margin-top:2px;
  font-size:.49rem;
}

/* Back belongs top-right, away from bottom-corner page content. */
#about-aion .aion-detail-back{
  right:clamp(22px,2.5vw,38px);
  top:clamp(20px,2.4vw,34px);
  bottom:auto;
  z-index:5;
}

/* Footer/principles are intentionally removed in v5.6. */
#about-aion .aion-detail-footer,
#about-aion .aion-detail-principles{
  display:none!important;
}

/* Preserve clean lower breathing space for Explore AION / page corner UI. */
#about-aion .explore-aion,
#about-aion .aion-explore,
#about-aion .aion-explore-link,
#about-aion [data-role="explore-aion"]{
  margin-bottom:clamp(24px,3.2vh,42px)!important;
}

/* Keep visual animation intact. */

@media(max-width:1050px){
  #about-aion .aion-detail-card{
    inset:4.8% 2.6% 10%;
    grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);
    padding:34px 38px 42px;
  }
  #about-aion .aion-detail-copy h3{
    font-size:clamp(2.15rem,3.8vw,3.2rem);
  }
  #about-aion .aion-detail-icon-shell{
    width:220px;
  }
}

@media(max-width:820px){
  #about-aion .aion-detail-card{
    inset:12px 12px 28px;
    min-height:unset;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    padding:58px 24px 34px;
    row-gap:22px;
  }
  #about-aion .aion-detail-copy{
    align-self:start;
    padding-top:0;
  }
  #about-aion .aion-detail-copy h3{
    white-space:normal;
    font-size:clamp(2.4rem,10vw,3.6rem);
  }
  #about-aion .aion-detail-visual{
    grid-row:2;
  }
  #about-aion .aion-detail-back{
    top:18px;
    right:20px;
  }
}


/* ============================================================
   v5.8 — CARD 01 DETAIL RESTORE + PRECISE BLUE FIX
   Branched from intact v5.6 to undo destructive v5.7 heading edit.
   ============================================================ */

/* Exact text-span colour fix only. */
#about-aion .aion-heading-blue-lock{
  color:#75e7ef!important;
  -webkit-text-fill-color:#75e7ef!important;
  text-shadow:0 0 14px rgba(117,231,239,.10);
}

/* Cleaner, shorter card footprint. */
#about-aion .aion-detail-card{
  inset:5.2% 3.6% 14.5%;
  grid-template-columns:minmax(0,1.05fr) minmax(255px,.95fr);
  grid-template-rows:1fr;
  padding:clamp(28px,3.3vw,48px) clamp(38px,4.8vw,70px) clamp(30px,3.4vw,48px);
  column-gap:clamp(46px,5.4vw,82px);
}

/* Structured top rule. */
#about-aion .aion-detail-top-rule{
  position:absolute;
  left:clamp(38px,4.8vw,70px);
  right:clamp(38px,4.8vw,70px);
  top:68px;
  height:1px;
  background:linear-gradient(90deg,
    rgba(217,181,111,.46),
    rgba(117,231,239,.22) 22%,
    rgba(117,231,239,.07) 72%,
    transparent);
  pointer-events:none;
  z-index:1;
}

/* Divider sits BETWEEN text and visual, moved further left from v5.7. */
#about-aion .aion-detail-zone-divider{
  position:absolute;
  top:96px;
  bottom:50px;
  left:55.8%;
  width:1px;
  background:linear-gradient(180deg,
    transparent,
    rgba(117,231,239,.13) 12%,
    rgba(117,231,239,.24) 50%,
    rgba(117,231,239,.10) 88%,
    transparent);
  pointer-events:none;
  z-index:1;
}

/* Left content restored and structured. */
#about-aion .aion-detail-copy{
  align-self:start;
  padding-top:44px;
  max-width:670px;
}
#about-aion .aion-detail-kicker{
  margin-bottom:14px;
}
#about-aion .aion-detail-copy h3{
  margin:0;
  font-size:clamp(2.15rem,2.8vw,3.35rem);
  line-height:.96;
  white-space:nowrap;
}

/* Additive detail subheading. */
#about-aion .aion-detail-subheading{
  margin:14px 0 0;
  max-width:54ch;
  color:rgba(214,235,239,.86);
  font-size:clamp(.84rem,.92vw,.98rem);
  line-height:1.55;
  font-weight:560;
}

#about-aion .aion-detail-divider{
  width:min(100%,590px);
  margin:20px 0 18px;
  background:linear-gradient(90deg,
    rgba(117,231,239,.52),
    rgba(117,231,239,.12) 74%,
    transparent);
}

#about-aion .aion-detail-body{
  max-width:59ch;
  gap:14px;
  font-size:clamp(.80rem,.86vw,.92rem);
  line-height:1.66;
}

/* Right visual remains prominent but balanced. */
#about-aion .aion-detail-visual{
  align-self:center;
  justify-self:center;
  margin-top:28px;
  gap:13px;
  padding-bottom:0;
}
#about-aion .aion-detail-icon-shell{
  width:clamp(190px,15.6vw,260px);
}
#about-aion .aion-detail-visual-caption{
  width:min(100%,292px);
  margin-top:2px;
  grid-template-columns:auto 1fr auto 1fr auto;
  gap:7px;
  font-size:.50rem;
}
#about-aion .aion-detail-visual-caption span{
  white-space:nowrap;
}

/* Back remains isolated top-right. */
#about-aion .aion-detail-back{
  top:28px;
  right:34px;
  bottom:auto;
}

/* No footer or duplicate principle stack. */
#about-aion .aion-detail-footer,
#about-aion .aion-detail-principles{
  display:none!important;
}

/* Keep perimeter only; no background spokes. */
#about-aion .aion-detail-frame{
  opacity:.16;
}
#about-aion .aion-detail-frame polygon{
  stroke:rgba(117,231,239,.38);
  stroke-width:.82;
}
#about-aion .aion-detail-frame line{
  display:none!important;
}

@media(max-width:1050px){
  #about-aion .aion-detail-card{
    inset:4.5% 2.8% 15%;
    grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);
    padding:30px 34px 38px;
  }
  #about-aion .aion-detail-zone-divider{
    left:56.5%;
  }
  #about-aion .aion-detail-copy{
    padding-top:40px;
  }
  #about-aion .aion-detail-icon-shell{
    width:210px;
  }
}
@media(max-width:820px){
  #about-aion .aion-detail-card{
    inset:12px 12px 48px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    padding:58px 22px 30px;
    row-gap:22px;
  }
  #about-aion .aion-detail-zone-divider{
    display:none;
  }
  #about-aion .aion-detail-top-rule{
    left:22px;
    right:22px;
    top:48px;
  }
  #about-aion .aion-detail-copy{
    padding-top:18px;
  }
  #about-aion .aion-detail-copy h3{
    white-space:normal;
  }
}


/* ============================================================
   v5.9 — CARD 01 DETAIL BALANCE REFINEMENT
   Right identity block centered between divider and card edge.
   Left copy allowed to breathe toward divider.
   ============================================================ */

#about-aion .aion-detail-card{
  grid-template-columns:minmax(0,58fr) minmax(0,42fr);
  column-gap:0;
}

/* Divider defines the true split between copy and visual zones. */
#about-aion .aion-detail-zone-divider{
  left:58%;
}

/* Let the copy use the available left zone more naturally. */
#about-aion .aion-detail-copy{
  width:100%;
  max-width:none;
  padding-right:clamp(34px,4vw,58px);
}
#about-aion .aion-detail-subheading{
  max-width:58ch;
}
#about-aion .aion-detail-body{
  max-width:66ch;
}
#about-aion .aion-detail-divider{
  width:100%;
  max-width:none;
}

/* Right-hand identity block occupies and centers within its entire zone. */
#about-aion .aion-detail-visual{
  width:100%;
  max-width:none;
  justify-self:stretch;
  align-self:center;
  display:grid;
  justify-items:center;
  padding-left:clamp(34px,4vw,58px);
  padding-right:0;
  margin-top:28px;
}

/* Icon remains restrained but centered within the right zone. */
#about-aion .aion-detail-icon-shell{
  width:clamp(190px,15.8vw,264px);
}

/* Identity heading and labels share the same centered axis. */
#about-aion .aion-detail-visual-label{
  width:100%;
  text-align:center;
}
#about-aion .aion-detail-visual-caption{
  width:min(100%,340px);
  grid-template-columns:auto 1fr auto 1fr auto;
  justify-content:center;
  justify-items:center;
  align-items:center;
  gap:8px;
  margin-left:auto;
  margin-right:auto;
}
#about-aion .aion-detail-visual-caption span{
  white-space:normal;
  text-align:center;
  line-height:1.2;
}

/* Tablet tuning keeps the same proportional logic. */
@media(max-width:1050px){
  #about-aion .aion-detail-card{
    grid-template-columns:minmax(0,57fr) minmax(0,43fr);
  }
  #about-aion .aion-detail-zone-divider{
    left:57%;
  }
  #about-aion .aion-detail-copy{
    padding-right:30px;
  }
  #about-aion .aion-detail-visual{
    padding-left:30px;
  }
}

@media(max-width:820px){
  #about-aion .aion-detail-card{
    grid-template-columns:1fr;
  }
  #about-aion .aion-detail-copy{
    padding-right:0;
  }
  #about-aion .aion-detail-visual{
    padding-left:0;
  }
}

/* v6.0 propagated detail states */

#about-aion .v23-field.is-detail-02 .aion-detail-card-02{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .36s ease,transform .54s cubic-bezier(.2,.8,.2,1),visibility 0s}
#about-aion .v23-field.is-detail-02 .aion-hex-system{opacity:.06;filter:blur(2px);pointer-events:none;transform:scale(.985)}

#about-aion .v23-field.is-detail-03 .aion-detail-card-03{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .36s ease,transform .54s cubic-bezier(.2,.8,.2,1),visibility 0s}
#about-aion .v23-field.is-detail-03 .aion-hex-system{opacity:.06;filter:blur(2px);pointer-events:none;transform:scale(.985)}

#about-aion .v23-field.is-detail-04 .aion-detail-card-04{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .36s ease,transform .54s cubic-bezier(.2,.8,.2,1),visibility 0s}
#about-aion .v23-field.is-detail-04 .aion-hex-system{opacity:.06;filter:blur(2px);pointer-events:none;transform:scale(.985)}

#about-aion .v23-field.is-detail-05 .aion-detail-card-05{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .36s ease,transform .54s cubic-bezier(.2,.8,.2,1),visibility 0s}
#about-aion .v23-field.is-detail-05 .aion-hex-system{opacity:.06;filter:blur(2px);pointer-events:none;transform:scale(.985)}

#about-aion .v23-field.is-detail-06 .aion-detail-card-06{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .36s ease,transform .54s cubic-bezier(.2,.8,.2,1),visibility 0s}
#about-aion .v23-field.is-detail-06 .aion-hex-system{opacity:.06;filter:blur(2px);pointer-events:none;transform:scale(.985)}

#about-aion .aion-detail-card{grid-template-columns:minmax(0,58fr) minmax(0,42fr);column-gap:0}
#about-aion .aion-detail-card .aion-detail-zone-divider{left:58%}
#about-aion .aion-detail-card .aion-detail-copy{width:100%;max-width:none;padding-right:clamp(34px,4vw,58px)}
#about-aion .aion-detail-card .aion-detail-visual{width:100%;max-width:none;justify-self:stretch;padding-left:clamp(34px,4vw,58px);padding-right:0}
#about-aion .aion-detail-card .aion-detail-icon-shell svg{width:100%;height:100%;display:block;overflow:visible}

/* ============================================================
   v6.2 — EXACT FRONT ICON TRANSFER + MESSAGE MIDDLE GROUND
   ============================================================ */

#about-aion .aion-detail-top-rule{display:none!important}
#about-aion .aion-detail-kicker{
  position:absolute;top:28px;left:clamp(38px,4.8vw,70px);margin:0;z-index:5;
}
#about-aion .aion-detail-back{top:28px;right:34px;bottom:auto}
#about-aion .aion-detail-copy{padding-top:62px}
#about-aion .aion-detail-subheading{
  margin-top:12px;max-width:58ch;font-size:clamp(.84rem,.92vw,.98rem);line-height:1.52;
}
#about-aion .aion-detail-divider{margin:18px 0 17px}
#about-aion .aion-detail-body{
  gap:14px;font-size:clamp(.79rem,.86vw,.93rem);line-height:1.67;max-width:66ch;
}

/* Exact front icon mount is transplanted inside this neutral proxy.
   The proxy deliberately supplies the original .aion-hex-card[data-card-id]
   selector context so the APPROVED front icon CSS/animations apply unchanged. */
#about-aion .aion-detail-icon-proxy.aion-hex-card{
  position:relative!important;
  inset:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;
  min-width:0!important;max-width:none!important;
  transform:none!important;
  opacity:1!important;visibility:visible!important;
  pointer-events:none!important;
  background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;
  clip-path:none!important;
}
#about-aion .aion-detail-icon-proxy .aion-hex-icon{
  position:relative!important;
  inset:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;
  max-width:none!important;min-width:0!important;
  transform:none!important;
  margin:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#about-aion .aion-detail-icon-proxy .aion-hex-icon>svg{
  width:100%!important;height:100%!important;display:block!important;overflow:visible!important;
}

/* Prevent proxy cards from inheriting front hover/click visual chrome. */
#about-aion .aion-detail-icon-proxy:before,
#about-aion .aion-detail-icon-proxy:after{display:none!important}

@media(max-width:1050px){
 #about-aion .aion-detail-kicker,
#about-aion .aion-detail-back{top:24px}
 #about-aion .aion-detail-copy{padding-top:58px}
}
@media(max-width:820px){
 #about-aion .aion-detail-kicker{top:18px;left:22px}
 #about-aion .aion-detail-back{top:18px;right:20px}
 #about-aion .aion-detail-copy{padding-top:46px}
}


/* ============================================================
   v6.5 — FIXED FRONT / LEFT FLOW / JOURNEY DETAIL
   v6.2 back-card authority preserved.
   ============================================================ */

/* Front left content: one deliberate flow, shifted upward. */
#about-aion .v23-copy{
  top:clamp(38px,7.2vh,76px);
  transform:none;
  width:min(31vw,470px);
}
#about-aion .v23-copy h2{
  margin:14px 0 14px;
}
#about-aion .v23-copy p{
  max-width:43ch;
}

/* Philosophy now sits directly beneath the explanatory copy. */
#about-aion .v23-copy > .v25-focus{
  position:relative;
  top:auto;
  right:auto;
  bottom:auto;
  width:100%;
  margin:22px 0 0;
  display:grid;
  gap:6px;
  text-align:left;
  pointer-events:none;
}
#about-aion .v23-copy > .v25-focus span{
  font-size:clamp(.92rem,1.15vw,1.22rem);
  line-height:1.12;
  text-align:left;
}
#about-aion .v23-copy > .v25-focus:after{
  order:-1;
  justify-self:start;
  width:64px;
  margin:0 0 5px 0;
  background:linear-gradient(90deg,rgba(217,181,111,.74),transparent);
}

/* Explore AION: proper CTA inside the same left flow. */
#about-aion .v23-copy > .aion-front-explore-cta{
  position:relative;
  right:auto;
  bottom:auto;
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  margin:22px 0 0;
  padding:10px 17px 9px;
  border:1px solid rgba(117,231,239,.42);
  border-radius:999px;
  background:rgba(7,31,39,.34);
  color:#eafcfd;
  font-size:.58rem;
  font-weight:880;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 20px rgba(117,231,239,.055);
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
#about-aion .v23-copy > .aion-front-explore-cta:hover,
#about-aion .v23-copy > .aion-front-explore-cta:focus-visible{
  border-color:rgba(117,231,239,.74);
  background:rgba(10,42,51,.52);
  box-shadow:0 0 22px rgba(117,231,239,.10);
  transform:translateY(-1px);
  outline:none;
}

/* Journey detail: preserve master structure, add a compact route + CTA. */
#about-aion .aion-detail-card-06 .aion-detail-body{
  max-width:66ch;
}
#about-aion .aion-journey-stages{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:15px;
  max-width:630px;
}
#about-aion .aion-journey-stages span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border:1px solid rgba(117,231,239,.18);
  border-radius:999px;
  background:rgba(7,31,39,.22);
  color:rgba(218,240,243,.80);
  font-size:.48rem;
  font-weight:830;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#about-aion .aion-journey-cta{
  position:relative;
  z-index:3;
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:14px;
  padding:9px 16px;
  border:1px solid rgba(217,181,111,.50);
  border-radius:999px;
  background:rgba(217,181,111,.055);
  color:#f3e6c3;
  text-decoration:none;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.22s ease;
}
#about-aion .aion-journey-cta:hover,
#about-aion .aion-journey-cta:focus-visible{
  border-color:rgba(217,181,111,.78);
  background:rgba(217,181,111,.10);
  transform:translateY(-1px);
  outline:none;
}

@media(max-width:1150px){
  #about-aion .v23-copy{width:34vw;top:clamp(34px,6vh,62px)}
}
@media(max-width:820px){
  #about-aion .v23-copy{position:relative;left:auto;top:auto;transform:none;width:auto;margin:0;padding:30px 20px 0;max-width:620px}
  #about-aion .v23-copy > .v25-focus{margin-top:22px}
  #about-aion .v23-copy > .aion-front-explore-cta{margin-top:20px}
}


/* ============================================================
   v6.6 — FRONT RESET + CURRENT JOURNEY ROUTE
   ============================================================ */

/* Explicitly neutralize v6.5 front movement/button overrides. */
#about-aion .aion-front-about-label,
#about-aion .aion-front-who-heading,
#about-aion .aion-front-who-heading + *,
#about-aion .aion-front-philosophy-stack,
#about-aion .aion-front-philosophy-item,
#about-aion .aion-explore-button{
  transform:none!important;
}

/* No obsolete Journey stage rail. */
#about-aion .aion-journey-detail-stages{
  display:none!important;
}

/* Keep only the requested Journey CTA. */
#about-aion .aion-detail-card-06 .aion-journey-detail-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:38px;
  margin-top:16px;
  padding:10px 18px;
  border:1px solid rgba(217,181,111,.48);
  border-radius:999px;
  background:rgba(217,181,111,.06);
  color:#f3e6c3;
  text-decoration:none;
  font-size:.60rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.22s ease;
}
#about-aion .aion-detail-card-06 .aion-journey-detail-cta:hover,
#about-aion .aion-detail-card-06 .aion-journey-detail-cta:focus-visible{
  border-color:rgba(217,181,111,.78);
  background:rgba(217,181,111,.10);
  transform:translateY(-1px);
  outline:none;
}


/* ============================================================
   v6.7 — FINAL SCOPED FRONT/JOURNEY CORRECTIONS
   ============================================================ */

/* Whole About AION narrative moves as one unit into middle-left. */
#about-aion .v23-copy{
  top:clamp(150px,22vh,235px)!important;
}

/* Philosophy stays left aligned beneath the company copy. */
#about-aion .v23-copy > .v25-focus{
  text-align:left!important;
  align-items:start!important;
}
#about-aion .v23-copy > .v25-focus span{
  text-align:left!important;
}

/* Explore AION is independent of the left copy and remains bottom-right. */
#about-aion > .aion-front-explore-cta{
  position:absolute!important;
  right:24px!important;
  bottom:24px!important;
  left:auto!important;
  top:auto!important;
  z-index:18!important;
  display:inline-flex!important;
  width:max-content!important;
  margin:0!important;
  padding:10px 17px 9px!important;
  border:1px solid rgba(117,231,239,.42)!important;
  border-radius:999px!important;
  background:rgba(7,31,39,.34)!important;
  color:#eafcfd!important;
  text-decoration:none!important;
  font-size:.58rem!important;
  font-weight:880!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

/* Separate Journey CTA, balanced bottom-left. */
#about-aion > .aion-front-journey-cta{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:18;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:38px;
  padding:10px 18px;
  border:1px solid rgba(217,181,111,.48);
  border-radius:999px;
  background:rgba(217,181,111,.06);
  color:#f3e6c3;
  text-decoration:none;
  font-size:.60rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.22s ease;
}
#about-aion > .aion-front-journey-cta:hover,
#about-aion > .aion-front-journey-cta:focus-visible{
  border-color:rgba(217,181,111,.78);
  background:rgba(217,181,111,.10);
  transform:translateY(-1px);
  outline:none;
}

/* Journey card only: centre/lift the visual block. */


/* Journey-only obsolete labels removed. */
#about-aion .aion-detail-card-06 .aion-detail-visual-caption{
  display:none!important;
}

/* Keep Journey CTA available in the detail card. */
#about-aion .aion-detail-card-06 .aion-journey-detail-cta{
  display:inline-flex!important;
  position:relative;
  z-index:4;
}

@media(max-width:820px){
  #about-aion .v23-copy{
    top:auto!important;
  }
  #about-aion > .aion-front-explore-cta{
    right:18px!important;
    bottom:18px!important;
  }
  #about-aion > .aion-front-journey-cta{
    left:18px;
    bottom:18px;
  }
  
}


/* ============================================================
   v6.8 — FINAL JOURNEY/EXPLORE CLEANUP
   ============================================================ */

/* Front Journey CTA intentionally removed: Journey CTA appears only in card 06. */
#about-aion > .aion-front-journey-cta{
  display:none!important;
}

/* Explore AION remains bottom-right, now matching Journey CTA dimensions. */
#about-aion > .aion-front-explore-cta{
  position:absolute!important;
  right:24px!important;
  bottom:24px!important;
  left:auto!important;
  top:auto!important;
  z-index:18!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:38px!important;
  margin:0!important;
  padding:10px 18px!important;
  border:1px solid rgba(117,231,239,.42)!important;
  border-radius:999px!important;
  background:rgba(7,31,39,.34)!important;
  color:#eafcfd!important;
  text-decoration:none!important;
  font-size:.60rem!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

/* Obsolete Journey stage rail and duplicate CTA are physically removed. */
#about-aion .aion-detail-card-06 .aion-journey-stages,
#about-aion .aion-detail-card-06 .aion-journey-cta{
  display:none!important;
}

/* Keep one real Journey CTA inside card 06. */
#about-aion .aion-detail-card-06 .aion-journey-detail-cta{
  display:inline-flex!important;
  position:relative;
  z-index:4;
}

/* Restore the contextual words beneath the Journey icon. */
#about-aion .aion-detail-card-06 .aion-detail-visual-caption{
  display:grid!important;
}

/* Preserve current Journey visual centering from v6.7. */


@media(max-width:820px){
  #about-aion > .aion-front-explore-cta{
    right:18px!important;
    bottom:18px!important;
  }
  
}

/* Card 06 visual balance preserved from the approved post-v6.9 state. */



/* ============================================================
   v7.3 — CLEAN CTA RAIL REBUILD
   Single owner. Anchored to .v23-field / central X axis.
   ============================================================ */
#about-aion .v23-field > .aion-cta-rail-clean{
  position:absolute;
  left:50%;
  top:calc(100% - 30px);
  bottom:auto;
  transform:translateX(-50%);
  z-index:40;
  width:720px;
  max-width:96%;
  display:grid;
  grid-template-columns:1fr 184px 1fr;
  align-items:center;
  column-gap:18px;
  pointer-events:auto;
}

#about-aion .aion-cta-clean{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:184px;
  height:40px;
  box-sizing:border-box;
  padding:0 18px;
  border-radius:999px;
  background:rgba(5,25,34,.24);
  -webkit-backdrop-filter:blur(8px) saturate(112%);
  backdrop-filter:blur(8px) saturate(112%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.08);
  text-decoration:none;
  font-size:.60rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

/* Fixed centre anchor: never moves. */
#about-aion .aion-cta-clean--explore{
  grid-column:2;
  justify-self:center;
  border:1px solid rgba(117,231,239,.54);
  color:#eafcfd;
}

/* Contextual destinations occupy equal side slots on the SAME baseline. */
#about-aion .aion-cta-clean--cold{
  display:none;
  grid-column:1;
  justify-self:end;
  border:1px solid rgba(156,220,238,.50);
  color:#d9f4fb;
}
#about-aion .aion-cta-clean--journey{
  display:none;
  grid-column:3;
  justify-self:start;
  border:1px solid rgba(217,181,111,.58);
  color:#f3e6c3;
}
#about-aion.has-cold-chain-cta .aion-cta-clean--cold{display:inline-flex;}
#about-aion.has-journey-cta .aion-cta-clean--journey{display:inline-flex;}

#about-aion .aion-cta-clean:hover,
#about-aion .aion-cta-clean:focus-visible{transform:translateY(-1px);outline:none;}
#about-aion .aion-cta-clean--cold:hover,
#about-aion .aion-cta-clean--cold:focus-visible{border-color:rgba(156,220,238,.82);background:rgba(12,38,48,.34);box-shadow:0 0 20px rgba(156,220,238,.08);}
#about-aion .aion-cta-clean--explore:hover,
#about-aion .aion-cta-clean--explore:focus-visible{border-color:rgba(117,231,239,.86);background:rgba(8,38,48,.36);box-shadow:0 0 22px rgba(117,231,239,.09);}
#about-aion .aion-cta-clean--journey:hover,
#about-aion .aion-cta-clean--journey:focus-visible{border-color:rgba(217,181,111,.88);background:rgba(53,42,22,.22);box-shadow:0 0 22px rgba(217,181,111,.09);}

@media(max-width:1150px){
  #about-aion .v23-field > .aion-cta-rail-clean{top:calc(100% - 28px);bottom:auto;width:660px;grid-template-columns:1fr 172px 1fr;column-gap:14px;}
  #about-aion .aion-cta-clean{min-width:172px;font-size:.56rem;padding:0 14px;}
}
@media(max-width:820px){
  #about-aion .v23-field > .aion-cta-rail-clean{position:relative;left:50%;bottom:auto;margin-top:28px;width:min(620px,calc(100% - 24px));}
}
@media(max-width:620px){
  #about-aion .v23-field > .aion-cta-rail-clean{grid-template-columns:1fr;row-gap:8px;}
  #about-aion .aion-cta-clean--cold,
#about-aion .aion-cta-clean--explore,
#about-aion .aion-cta-clean--journey{grid-column:1;justify-self:center;}
}

/* Source style block 4, line 3158. */
/* RESPONSIVE NATIVE v7.7 — single review owner below desktop. */
@media (max-width:1100px){
  #about-aion{height:auto;min-height:100%;overflow-x:hidden;}
  #about-aion .pcb-data-overlay-v060{display:none!important;}
  #about-aion{height:auto;min-height:100svh;overflow:hidden;padding-bottom:48px;}
  #about-aion .v23-pcb-layer img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;}
  #about-aion .v23-organic-layer img{width:145%;max-width:none;height:auto;left:-26%;top:-3%;}
}
@media (min-width:700px) and (max-width:1100px){
  #about-aion{min-height:1420px;padding-bottom:96px;}
  #about-aion .v23-copy{position:relative;left:auto;top:auto!important;transform:none;width:min(560px,72vw);max-width:none;margin:0;padding:54px 0 0 42px;}
  #about-aion .v23-copy h2{font-size:clamp(4rem,8.1vw,5.8rem);max-width:6.8ch;margin:16px 0 18px;}
  #about-aion .v23-copy p{font-size:.98rem;max-width:43ch;}
  #about-aion .v23-pillars{font-size:.86rem;margin-top:22px;}
  #about-aion .v23-field{position:relative;left:auto;top:auto;transform:none;width:min(94vw,900px);height:720px;margin:72px auto 0;}
  #about-aion .aion-hex-system{position:absolute;inset:0;min-height:0;}
  #about-aion .aion-hex-system > .v23-brand{display:block;width:640px;}
  #about-aion .v23-field > .aion-cta-rail-clean{position:absolute;left:50%;top:calc(100% + 22px);bottom:auto;transform:translateX(-50%);width:min(690px,92vw);grid-template-columns:1fr 176px 1fr;column-gap:14px;margin:0;}
  #about-aion .aion-cta-clean{min-width:168px;height:40px;font-size:.55rem;padding:0 13px;}
  #about-aion .aion-detail-card{inset:10px 8px;min-height:0;grid-template-columns:minmax(0,1.08fr) minmax(230px,.92fr);grid-template-rows:1fr;column-gap:26px;padding:36px 38px 42px;overflow:hidden;}
  #about-aion .aion-detail-copy{grid-column:1;grid-row:1;align-self:center;}
  #about-aion .aion-detail-visual{grid-column:2;grid-row:1;align-self:center;justify-self:center;width:100%;height:280px;display:grid;grid-template-rows:18px 222px 18px;row-gap:11px;}
  #about-aion .aion-detail-visual-label{height:18px;display:flex;align-items:flex-start;justify-content:center;}
  #about-aion .aion-detail-icon-shell{width:222px!important;height:222px!important;align-self:start;justify-self:center;}
  #about-aion .aion-detail-visual-caption{height:18px;align-self:start;}
  #about-aion .aion-detail-copy h3{font-size:clamp(2.55rem,5.2vw,3.75rem);}
  #about-aion .aion-detail-subheading{font-size:.92rem;}
  #about-aion .aion-detail-body{font-size:.82rem;line-height:1.55;}
  #about-aion .aion-detail-icon-shell{width:min(29vw,238px);}
  #about-aion .aion-detail-footer{display:none;}
}
@media (max-width:699px){
  #about-aion{min-height:0;padding-bottom:64px;}
  #about-aion:before{background-size:36px 36px;opacity:.78;}
  #about-aion .v23-organic-layer{opacity:.52;}
  #about-aion .v23-organic-layer img{width:230%;max-width:none;height:auto;left:-20%;right:auto;top:-2%;bottom:auto;}
  #about-aion .v23-pcb-layer{opacity:.50;}
  #about-aion .v23-pcb-layer img{width:400%;max-width:none;height:auto;left:auto;right:-80%;top:auto;bottom:-1%;object-fit:initial;object-position:initial;}
  #about-aion .pcb-data-overlay-v060{opacity:.72;}
  #about-aion .v23-copy{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;margin:0;padding:34px 20px 0;}
  #about-aion .v23-kicker{font-size:.58rem;}
  #about-aion .v23-copy h2{font-size:clamp(3.35rem,15.4vw,4.5rem);max-width:6ch;margin:14px 0 16px;}
  #about-aion .v23-copy p{font-size:.91rem;line-height:1.52;max-width:39ch;}
  #about-aion .v23-pillars{font-size:.80rem;margin-top:20px;gap:5px;}
  #about-aion .v23-field{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:0;margin:44px auto 0;padding:0 14px 112px;}
  #about-aion .aion-hex-system{position:relative;inset:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 6px;align-items:start;width:100%;}
  #about-aion .aion-hex-system > .v23-brand-label{position:relative;left:auto!important;top:auto!important;transform:none!important;grid-column:1/-1;grid-row:1;justify-self:center;width:max-content;margin:0 0 8px;}
  #about-aion .aion-hex-system > .v23-brand{display:block;position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;grid-row:2;justify-self:center;width:min(92vw,430px);margin:-34px 0 -28px;}
  #about-aion .aion-hex-card{position:relative;left:auto!important;top:auto!important;transform:none!important;width:min(43vw,184px)!important;height:auto!important;aspect-ratio:313/355;justify-self:center;margin:0;}
  #about-aion .aion-hex-card:hover,
#about-aion .aion-hex-card:focus-visible{transform:none!important;}
  #about-aion .aion-hex-number{font-size:.76rem;top:15%;}
  #about-aion .aion-hex-icon{width:43%;}
  #about-aion .aion-hex-title{font-size:clamp(.54rem,2.45vw,.68rem);width:74%;bottom:21%;}
  #about-aion .aion-hex-open{font-size:.50rem;bottom:11%;}
  #about-aion .v23-field > .aion-cta-rail-clean{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;margin:28px 0 0;display:grid;grid-template-columns:1fr;row-gap:8px;justify-items:center;}
  #about-aion .aion-cta-clean--cold,
#about-aion .aion-cta-clean--explore,
#about-aion .aion-cta-clean--journey{grid-column:1;justify-self:center;}
  #about-aion .aion-cta-clean{width:min(270px,78vw);min-width:0;height:42px;font-size:.56rem;}
  #about-aion .aion-detail-card{display:none;position:relative;inset:auto;width:100%;min-height:0;margin:0;padding:30px 20px 58px;border-radius:22px;grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:22px;overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none;}
  #about-aion .v23-field.is-detail-01 .aion-detail-card-01,
#about-aion .v23-field.is-detail-02 .aion-detail-card-02,
#about-aion .v23-field.is-detail-03 .aion-detail-card-03,
#about-aion .v23-field.is-detail-04 .aion-detail-card-04,
#about-aion .v23-field.is-detail-05 .aion-detail-card-05,
#about-aion .v23-field.is-detail-06 .aion-detail-card-06{display:grid;}
  #about-aion .v23-field[class*="is-detail-"] .aion-hex-system{display:none;}
  #about-aion .v23-field[class*="is-detail-"] > .aion-cta-rail-clean{display:none;}
  #about-aion .aion-detail-copy{align-self:start;}
  #about-aion .aion-detail-copy h3{font-size:clamp(2.55rem,12vw,3.8rem);margin-bottom:14px;}
  #about-aion .aion-detail-subheading{font-size:.91rem;line-height:1.45;}
  #about-aion .aion-detail-body{font-size:.84rem;line-height:1.56;}
  #about-aion .aion-detail-visual{grid-row:2;width:100%;justify-self:center;align-self:start;}
  #about-aion .aion-detail-icon-shell{width:min(68vw,260px);}
  #about-aion .aion-detail-footer{display:none;}
  #about-aion .aion-detail-back{right:18px;top:16px;bottom:auto;}
}