/* AERILIS / THREE AUTHENTIC SCREENS — LAB ONLY
 * Replaces an outdated single composite with original separate PNG assets.
 * Maintain exact AERILIS hover link semantics; no photo alteration or cropping.
 * The preproduction original composite stays in DOM for a safe isolated public
 * candidate that strips the LAB cards before publishing. */

.technology-section .tech-visual-gallery--single .tech-visual--live-trio{
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:1913 / 822;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  border:1px solid rgba(211,231,215,.14);
  background:
    radial-gradient(ellipse 68% 57% at 56% 44%,rgba(106,151,119,.105),transparent 78%),
    linear-gradient(180deg,#0d1410 0%,#070d09 47%,#050706 100%);
}
.technology-section .tech-visual--live-trio>.aerilis-legacy-panorama{display:none!important}
.technology-section .tech-visual--live-trio:after{
  content:"";pointer-events:none;position:absolute;inset:auto 6% 3% 6%;height:22%;
  background:radial-gradient(ellipse 77% 41% at 50% 30%,rgba(126,160,137,.075),transparent 87%);
  filter:blur(20px);
}
.technology-section .tech-visual--live-trio .aerilis-trio{
  display:grid;
  grid-template-columns:minmax(0,1.13fr) minmax(0,.78fr) minmax(0,1.12fr);
  gap:clamp(10px,1.65vw,26px);
  align-items:center;
  justify-items:stretch;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:clamp(20px,3vw,54px) clamp(18px,3.5vw,62px);
  position:relative;
  z-index:2;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card{
  min-width:0;
  max-width:100%;
  position:relative;
  inset:auto;
  left:auto;right:auto;top:auto;bottom:auto;
  display:flex;
  flex-direction:column;
  align-self:center;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
  border:1px solid rgba(215,232,218,.44);
  border-radius:clamp(8px,.9vw,14px);
  overflow:hidden;
  background:#060a08;
  color:#eaf2e9;
  text-decoration:none;
  box-shadow:
    0 1px 0 rgba(251,255,252,.18),
    0 0 0 2px rgba(6,12,9,.95),
    0 0 0 3px rgba(156,181,164,.11),
    0 17px 25px rgba(0,0,0,.48),
    0 35px 52px rgba(0,0,0,.34),
    0 0 58px rgba(91,253,61,.045);
  transform:none;
  transition:border-color .26s ease,box-shadow .26s ease,transform .26s ease;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{transform:translateY(-7%)}
.technology-section .tech-visual--live-trio .aerilis-trio-card--control{transform:translateY(12%)}
.technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit{transform:translateY(-4%)}
.technology-section .tech-visual--live-trio .aerilis-trio-card .aerilis-trio-media{
  display:block;position:relative;width:100%;min-height:0;overflow:hidden;
  background:#050706;
}
.technology-section .tech-visual--live-trio .aerilis-trio-media img{
  position:static;display:block;width:100%;height:auto;max-width:100%;
  aspect-ratio:auto;object-fit:contain;object-position:center;
  transform:none!important;filter:none!important;
}
.technology-section .tech-visual--live-trio .aerilis-trio-msfs-label{
  display:block;padding:clamp(11px,1.45vw,18px) clamp(11px,1.35vw,19px);
  font:600 clamp(9px,.68vw,11px)/1.5 "Segoe UI Variable","Segoe UI",sans-serif;
  letter-spacing:.10em;color:#b4c4b7;background:linear-gradient(145deg,#111a14,#080e0a);
}
.technology-section .tech-visual--live-trio .aerilis-panorama-link::before{display:none}
.technology-section .tech-visual--live-trio .aerilis-panorama-caption{
  position:relative;inset:auto;left:auto;right:auto;bottom:auto;
  min-height:clamp(72px,7vw,112px);box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:4px;padding:clamp(12px,1.3vw,20px) clamp(13px,1.45vw,23px);
  background:linear-gradient(145deg,#101912,#080d09);
  text-align:left;
}
.technology-section .tech-visual--live-trio .aerilis-panorama-eyebrow{
  font-size:clamp(8px,.65vw,10px);
  letter-spacing:.13em;
}
.technology-section .tech-visual--live-trio .aerilis-panorama-caption strong{
  font-size:clamp(11px,.98vw,16px);
  letter-spacing:.045em;line-height:1.3;padding-right:13px;
}
.technology-section .tech-visual--live-trio .aerilis-panorama-detail{
  display:block;opacity:0;max-height:0;overflow:hidden;
  transition:opacity .25s ease,max-height .25s ease;
  font-size:clamp(10px,.75vw,12px);
}
.technology-section .tech-visual--live-trio .aerilis-panorama-arrow{
  position:absolute;right:clamp(12px,1.35vw,20px);bottom:clamp(11px,1.3vw,18px);
  color:#5BFD3D;font-size:clamp(13px,1.1vw,18px);line-height:1;
  transition:transform .22s ease;
}
@media(hover:hover) and (pointer:fine){
  .technology-section .tech-visual--live-trio a.aerilis-trio-card:hover{
    border-color:rgba(91,253,61,.62);
    box-shadow:0 0 0 2px rgba(6,12,9,.95),0 0 0 3px rgba(91,253,61,.19),
      0 18px 30px rgba(0,0,0,.53),0 40px 68px rgba(0,0,0,.37),
      0 0 72px rgba(91,253,61,.09);
  }
  .technology-section .tech-visual--live-trio a.aerilis-trio-card:hover .aerilis-panorama-detail{
    opacity:1;max-height:36px;
  }
  .technology-section .tech-visual--live-trio a.aerilis-trio-card:hover .aerilis-panorama-arrow{
    transform:translate(2px,-3px);
  }
}
.technology-section .tech-visual--live-trio .aerilis-panorama-link:focus-visible{
  outline:2px solid #5BFD3D;outline-offset:-5px;
}
.technology-section .tech-visual--live-trio .aerilis-panorama-link:focus-visible .aerilis-panorama-detail{
  opacity:1;max-height:36px;
}
.technology-section .tech-visual-gallery--single .aerilis-panorama-mobile-links{display:none!important}
@media(max-width:1100px){
  .technology-section .tech-visual-gallery--single .tech-visual--live-trio{
    aspect-ratio:auto;
    overflow:hidden;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio{
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,2.6vw,25px);
    padding:clamp(23px,4vw,45px);
    align-items:start;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{
    grid-column:1/-1;
    width:min(100%,800px);
    justify-self:center;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card{
    transform:none;
  }
  .technology-section .tech-visual--live-trio .aerilis-panorama-link{
    display:flex;
    width:100%;
    height:auto;
    position:relative;
    inset:auto;
    pointer-events:auto;
  }
  .technology-section .tech-visual--live-trio .aerilis-panorama-caption{
    min-height:98px;
  }
}
@media(max-width:700px){
  .technology-section .tech-visual--live-trio .aerilis-trio{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    padding:22px;
    gap:22px;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{
    grid-column:auto;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card{
    width:100%;
    max-width:520px;
    justify-self:center;
  }
  .technology-section .tech-visual--live-trio .aerilis-panorama-caption{
    min-height:90px;
  }
}
@media(prefers-reduced-motion:reduce){
  .technology-section .tech-visual--live-trio a.aerilis-trio-card,
  .technology-section .tech-visual--live-trio a.aerilis-trio-card .aerilis-panorama-detail,
  .technology-section .tech-visual--live-trio a.aerilis-trio-card .aerilis-panorama-arrow{
    transition:none!important;
  }
}


/* ============================================================================
   AERILIS HOME / FRAMELESS CENTERED TRIO V2 — LAB visual refinement
   User requirement: MSFS must dominate, the Windows Control Center is smaller,
   all THREE images share one horizontal optical center. No external enclosing
   frame. Each image has a closely fitted native-ratio edge, never black matting,
   cropping, filters or alteration of any source screenshot.
   Existing MEET hover/click links and responsive site navigation remain intact.
   ============================================================================ */

/* Undo only the gallery's old composite canvas and rectangular outline. */
.technology-section .tech-visual-gallery--single .tech-visual--live-trio{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
  isolation:isolate;
}
.technology-section .tech-visual--live-trio::before,
.technology-section .tech-visual--live-trio::after{display:none!important}

/* The ratio deliberately makes the wide MSFS image largest in both width and
   visual height despite its landscape format (versus the 4:3 instruments). */
.technology-section .tech-visual--live-trio .aerilis-trio{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(0,.62fr) minmax(0,1.12fr);
  column-gap:clamp(13px,1.45vw,27px);
  row-gap:0;
  align-items:center;
  justify-items:center;
  width:100%;
  height:auto;
  padding:clamp(35px,4.5vw,73px) 0 clamp(100px,8.5vw,145px);
  box-sizing:border-box;
}

/* A true floating-screen composition, not three framed cards. Center images,
   rather than whole cards with captions; captions sit outside their bounds. */
.technology-section .tech-visual--live-trio .aerilis-trio-card,
.technology-section .tech-visual--live-trio .aerilis-trio-card--msfs,
.technology-section .tech-visual--live-trio .aerilis-trio-card--control,
.technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit{
  position:relative;
  inset:auto;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  align-self:center;
  justify-self:center;
  margin:0;
  padding:0;
  display:block;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card .aerilis-trio-media{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  border:0;
  border-radius:clamp(8px,.85vw,14px);
  background:transparent;
  box-shadow:0 17px 33px rgba(0,0,0,.46),0 32px 58px rgba(0,0,0,.27);
}
.technology-section .tech-visual--live-trio .aerilis-trio-media img{
  display:block;
  position:static;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  border:0;
  border-radius:inherit;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:none!important;
}
/* Captions remain permanently visible and clickable, but NEVER create a
   contrasting black card extending beyond the screen's physical frame. */
.technology-section .tech-visual--live-trio .aerilis-panorama-caption{
  position:absolute;
  top:calc(100% + 15px);
  bottom:auto;
  left:0;
  right:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  box-sizing:border-box;
  min-height:0;
  margin:0;
  padding:0 3px;
  gap:4px;
  overflow:visible;
  border:0;
  background:transparent;
  text-align:left;
}
.technology-section .tech-visual--live-trio .aerilis-trio-msfs-label{
  position:absolute;
  top:calc(100% + 15px);
  left:0;
  right:0;
  display:block;
  margin:0;
  padding:0 3px;
  background:transparent;
  color:#b4c4b7;
}
.technology-section .tech-visual--live-trio .aerilis-panorama-arrow{
  right:3px;
  bottom:2px;
  font-size:clamp(13px,1.05vw,18px);
}
.technology-section .tech-visual--live-trio .aerilis-panorama-link::before{display:none!important}
@media(hover:hover) and (pointer:fine){
  .technology-section .tech-visual--live-trio a.aerilis-trio-card:hover{
    border:0;
    box-shadow:none;
    transform:none;
  }
  .technology-section .tech-visual--live-trio a.aerilis-trio-card:hover .aerilis-trio-media{
    box-shadow:0 19px 38px rgba(0,0,0,.50),0 38px 65px rgba(0,0,0,.35),0 0 39px rgba(91,253,61,.075);
  }
}
.technology-section .tech-visual--live-trio .aerilis-panorama-link:focus-visible{
  outline:2px solid #5BFD3D;
  outline-offset:7px;
}
/* Landscape iPads retain the same three-screen arrangement. */
@media(min-width:901px) and (max-width:1100px){
  .technology-section .tech-visual--live-trio .aerilis-trio{
    grid-template-columns:minmax(0,1.62fr) minmax(0,.62fr) minmax(0,1.12fr);
    column-gap:clamp(12px,1.4vw,20px);
    padding:clamp(32px,4vw,48px) 0 105px;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{
    grid-column:auto;
    width:100%;
  }
}
/* Portrait tablet: real MSFS first, two working product links below. */
@media(max-width:900px){
  .technology-section .tech-visual--live-trio .aerilis-trio{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(18px,2.5vw,28px);
    row-gap:clamp(90px,11vw,125px);
    padding:33px 0 115px;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{
    grid-column:1/-1;
    width:min(100%,780px);
  }
}
@media(max-width:700px){
  .technology-section .tech-visual--live-trio .aerilis-trio{
    grid-template-columns:minmax(0,1fr);
    gap:clamp(81px,15vw,112px);
    padding:22px 0 110px;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card,
  .technology-section .tech-visual--live-trio .aerilis-trio-card--msfs{
    grid-column:auto;
    max-width:520px;
    width:100%;
  }
  .technology-section .tech-visual--live-trio .aerilis-panorama-caption{
    top:calc(100% + 12px);
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-msfs-label{
    top:calc(100% + 12px);
  }
}


/* ============================================================================
   AERILIS HOME / TWO SATIN TITANIUM SCREEN FRAMES V3 — LAB refinements.
   Keep the MSFS panorama largest. Control Center ~10% smaller and ICON A5 ~7%
   smaller, each centered on the same image midline. Only CONTROL and COCKPIT
   images get the approved TITANIUM STUDIO photo-hugging border; captions stay
   outside, without black rectangles. All authentic PNG files are unchanged.
   ============================================================================ */
.technology-section .tech-visual--live-trio .aerilis-trio-card--control{
  width:89%;
  justify-self:center;
  align-self:center;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit{
  width:93%;
  justify-self:center;
  align-self:center;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card--control .aerilis-trio-media,
.technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit .aerilis-trio-media{
  position:relative;
  box-sizing:border-box;
  border:1px solid rgba(210,230,216,.63);
  border-radius:clamp(9px,.9vw,15px);
  background:#050706;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(248,255,249,.17),
    0 1px 0 rgba(255,255,255,.10),
    0 0 0 2px rgba(7,13,10,.85),
    0 0 0 3px rgba(166,191,173,.13),
    0 13px 20px rgba(0,0,0,.60),
    0 35px 48px rgba(0,0,0,.42),
    0 0 72px rgba(91,253,61,.045);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.technology-section .tech-visual--live-trio .aerilis-trio-card--control .aerilis-trio-media img,
.technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit .aerilis-trio-media img{
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:auto;
  object-fit:contain;
  filter:none!important;
  transform:none!important;
}
@media(hover:hover) and (pointer:fine){
  .technology-section .tech-visual--live-trio a.aerilis-trio-card--control:hover .aerilis-trio-media,
  .technology-section .tech-visual--live-trio a.aerilis-trio-card--cockpit:hover .aerilis-trio-media{
    border-color:rgba(222,237,225,.80);
    box-shadow:
      inset 0 1px 0 rgba(248,255,249,.20),
      0 0 0 2px rgba(7,13,10,.85),
      0 0 0 3px rgba(177,202,184,.17),
      0 18px 32px rgba(0,0,0,.62),
      0 40px 59px rgba(0,0,0,.48),
      0 0 74px rgba(91,253,61,.068);
  }
}
@media(min-width:701px) and (max-width:900px){
  .technology-section .tech-visual--live-trio .aerilis-trio-card--control{width:94%}
  .technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit{width:97%}
}
@media(max-width:700px){
  .technology-section .tech-visual--live-trio .aerilis-trio-card--control,
  .technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit{
    width:100%;
    max-width:520px;
  }
  .technology-section .tech-visual--live-trio .aerilis-trio-card--control .aerilis-trio-media,
  .technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit .aerilis-trio-media{
    border-radius:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  .technology-section .tech-visual--live-trio .aerilis-trio-card--control .aerilis-trio-media,
  .technology-section .tech-visual--live-trio .aerilis-trio-card--cockpit .aerilis-trio-media{
    transition:none!important;
  }
}

 
/* AERILIS SECTION 05 / CINEMATIC TEASER — EXPERIMENT ONLY
 * Scoped to #download: preserves the original logo, section geometry,
 * screenshots, site navigation, SEO and all sections 01–04.
 * Real ICON A5 screenshot is a CSS background, never modified or redrawn.
 */
#download.launch-section{isolation:isolate;background:#050607}
#download .launch-teaser-deck{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("showcase/cockpit-hero-icon-a5.png");
  background-repeat:no-repeat;background-position:center 53%;
  background-size:min(1150px,110vw) auto;
  opacity:.12;
  -webkit-mask-image:linear-gradient(to bottom,transparent 3%,#000 27%,#000 64%,transparent 95%);
  mask-image:linear-gradient(to bottom,transparent 3%,#000 27%,#000 64%,transparent 95%);
}
#download .launch-teaser-deck::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 52% 40% at 50% 49%,transparent 0%,rgba(0,0,0,.48) 100%);
}
#download .launch-teaser-sweep{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  opacity:1;
}
#download .launch-teaser-sweep::before{
  content:"";position:absolute;inset:-18% -25%;
  background:linear-gradient(100deg,
    transparent 43%,
    rgba(91,253,61,.005) 46%,
    rgba(91,253,61,.075) 49.2%,
    rgba(91,253,61,.15) 50%,
    rgba(91,253,61,.075) 50.8%,
    rgba(91,253,61,.005) 54%,
    transparent 57%);
  filter:blur(21px);
  transform:translate3d(-55%,0,0);
  animation:aerilis-teaser-radar 12s linear infinite;
}
@keyframes aerilis-teaser-radar{
  0%,8%{transform:translate3d(-55%,0,0);opacity:0}
  18%{opacity:1}
  76%{opacity:1}
  88%,100%{transform:translate3d(55%,0,0);opacity:0}
}
#download .launch-teaser-deck{
  animation:aerilis-teaser-reveal 12s ease-in-out infinite;
}
@keyframes aerilis-teaser-reveal{
  0%,100%{opacity:.095}
  50%{opacity:.15}
}
#download .launch-teaser-content{z-index:2;max-width:100%;width:100%;box-sizing:border-box}
#download .launch-teaser-content h2{
  max-width:980px;margin-inline:auto;text-wrap:balance;
  font-size:clamp(42px,5.1vw,74px);line-height:1.12;
}
#download .launch-teaser-content .launch-teaser-subtitle{
  margin:clamp(21px,2.5vw,32px) auto 0;
  color:#d4dfd6;font-size:clamp(17px,1.6vw,23px);font-weight:400;line-height:1.5;
}
#download .launch-teaser-content .launch-teaser-description{
  max-width:660px;margin:12px auto 0;color:#a1b1a6;
  font-size:clamp(13px,1.1vw,16px);line-height:1.75;
}
#download .launch-teaser-content .launch-state{
  margin-top:clamp(23px,3vw,34px);
  font-size:clamp(9px,.8vw,11px);letter-spacing:.16em;
}
#download .launch-teaser-content .launch-state .status-dot{
  box-shadow:0 0 9px rgba(91,253,61,.28);
  animation:aerilis-teaser-pulse 6s ease-in-out infinite;
}
@keyframes aerilis-teaser-pulse{
  0%,100%{opacity:.65;box-shadow:0 0 5px rgba(91,253,61,.16)}
  50%{opacity:1;box-shadow:0 0 12px rgba(91,253,61,.33)}
}
.js #download .launch-teaser-content.reveal{
  transition:opacity 1s ease-out,transform 1s cubic-bezier(.2,.7,.2,1);
  transform:translateY(14px);
}
.js #download .launch-teaser-content.reveal.visible{transform:translateY(0)}
@media(max-width:700px){
  #download .launch-teaser-deck{background-size:145% auto;background-position:center 50%;opacity:.105}
  #download .launch-teaser-content h2{font-size:clamp(36px,9vw,54px)}
  #download .launch-teaser-content .launch-teaser-subtitle{font-size:clamp(16px,4.4vw,20px)}
  #download .launch-teaser-content .launch-teaser-description{font-size:14px;max-width:320px}
  #download .launch-teaser-content .launch-state{letter-spacing:.09em;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  #download .launch-teaser-sweep::before,
  #download .launch-teaser-deck,
  #download .launch-teaser-content .launch-state .status-dot{animation:none!important}
  .js #download .launch-teaser-content.reveal{opacity:1!important;transform:none!important;transition:none!important}
}