/* AERILIS LAB — screenshots reserved, no images or fabricated product UI. */
.show-page{background:#050706}
.show-page .guide-main{overflow:hidden}
.show-overline{color:#5BFD3D;font-size:10px;letter-spacing:.2em;font-weight:650;margin:0 0 29px;line-height:1.55}
.show-hero{max-width:1690px;margin:auto;padding:clamp(70px,8vw,125px) clamp(24px,5.5vw,88px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(35px,5vw,90px);align-items:center;min-height:690px}
.show-hero h1{font:350 clamp(52px,5.3vw,88px)/1.04 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:-.057em;margin:0 0 28px}
.show-control-center .show-hero h1{font-size:clamp(46px,4.7vw,78px)}
.show-hero h1 span,.show-section h2 span,.show-finale h2 span{background:linear-gradient(112deg,#f2f6ef,#b5c6b7 55%,#839784);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.show-tagline{font-size:clamp(19px,1.6vw,25px)!important;line-height:1.4!important;color:#e1ebdf!important}
.show-intro>p:not(.show-overline){font-size:16px;line-height:1.82;color:#a7b7aa;max-width:510px;margin:0 0 23px}
.show-scroll{display:inline-flex;align-items:center;gap:25px;margin-top:15px;padding-bottom:12px;border-bottom:1px solid #5BFD3D;color:#dbe9db;font-size:10px;font-weight:650;letter-spacing:.15em}
.show-scroll span{font-size:20px;color:#5BFD3D}
.show-scroll:hover{color:#5BFD3D}
.show-shot{aspect-ratio:16/9;min-width:0;margin:0;border:1px solid rgba(207,227,209,.2);background:linear-gradient(135deg,#162019,#080d0a 72%);display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden}
.show-shot--4x3{aspect-ratio:4/3}
.show-shot--16x9{aspect-ratio:16/9}
.show-shot:before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(192,218,198,.025) 1px,transparent 1px),linear-gradient(rgba(192,218,198,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.show-shot:after{content:"";position:absolute;left:0;top:0;width:74px;height:2px;background:#5BFD3D;opacity:.65}
.show-shot-top{display:flex;justify-content:space-between;gap:12px;padding:clamp(12px,1.8vw,23px);font-size:9px;color:#829486;letter-spacing:.14em}
.show-shot-middle{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px;text-align:center}
.show-cross{font:300 31px/1 "Segoe UI",sans-serif;color:#5BFD3D;opacity:.8}
.show-shot-key{font-size:9px;letter-spacing:.18em;font-weight:650;color:#5BFD3D}
.show-shot-middle strong{font-size:clamp(13px,1.35vw,22px);color:#e0eae0;font-weight:500}
.show-shot figcaption{font:400 clamp(9px,.8vw,12px)/1.5 Consolas,monospace;color:#799181;padding:0 clamp(12px,1.8vw,23px) clamp(12px,1.8vw,23px);overflow-wrap:anywhere}
.show-section{max-width:1570px;margin:auto;padding:clamp(75px,7vw,120px) clamp(24px,5.5vw,88px);border-top:1px solid rgba(218,234,219,.12)}
.show-section h2,.show-finale h2{font:350 clamp(43px,5vw,76px)/1.12 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:-.054em;margin:0 0 25px}
.show-section>p.show-description{max-width:830px}
.show-section p:not(.show-overline),.show-finale>p:not(.show-overline){font-size:16px;line-height:1.8;color:#aab9ab}
.show-qualities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:43px}
.show-qualities article{padding:clamp(21px,3vw,38px);border:1px solid rgba(218,234,219,.15);background:linear-gradient(140deg,#142019,#090d0a)}
.show-qualities small{color:#5BFD3D;font-size:9px;font-weight:650;letter-spacing:.17em}
.show-qualities h3{font:450 clamp(22px,2vw,31px)/1.25 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:-.04em;margin:25px 0 12px}
.show-qualities p{font-size:15px!important;margin:0}
.show-deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:45px}
.show-deck-grid article{min-width:0}
.show-deck-grid h3{font-size:15px;letter-spacing:.12em;font-weight:600;margin:0 0 17px}
.show-deck-grid .show-shot-top{padding:10px}
.show-deck-grid .show-shot figcaption{padding:0 10px 10px}
.show-deck-grid .show-shot-middle{gap:5px}
.show-deck-grid .show-shot-middle strong{font-size:clamp(12px,1.3vw,18px)}
.show-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,5vw,85px);align-items:center}
.show-split--reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.show-muted{color:#91a993!important;font-size:13px!important;border-left:2px solid #5BFD3D;padding:10px 0 10px 20px;margin-top:22px}
.show-finale{text-align:center;border-top:1px solid rgba(218,234,219,.12);background:radial-gradient(ellipse at 50% 100%,rgba(91,253,61,.055),transparent 70%);padding:clamp(85px,9vw,130px) 24px}
.show-finale h2{max-width:1050px;margin:0 auto 24px}
.show-finale>p{max-width:740px;margin:0 auto 31px}
.show-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.show-btn{display:inline-flex;min-height:51px;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;border:1px solid rgba(218,234,219,.2);font-size:10px;letter-spacing:.13em;font-weight:650;color:#d2e1d3}
.show-btn--primary{border-color:rgba(91,253,61,.5);background:rgba(91,253,61,.04)}
.show-btn:hover{color:#5BFD3D;border-color:#5BFD3D}
.show-dev{margin-top:43px!important;color:#7c9180!important;font-size:10px!important;letter-spacing:.15em}
.aerilis-showcase-hub{max-width:1440px;margin:auto;padding:90px clamp(24px,5.5vw,88px) 70px}
.aerilis-showcase-hub>p{color:#5BFD3D;font-size:10px;letter-spacing:.18em;font-weight:650}
.aerilis-showcase-hub h2{font:350 clamp(39px,4.8vw,71px)/1.1 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:-.05em;margin:22px 0 32px}
.aerilis-showcase-hub h2 span{color:#b7c6b6}
.aerilis-showcase-hub>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.aerilis-showcase-hub a{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:215px;padding:clamp(25px,3vw,43px);border:1px solid rgba(218,234,219,.19);background:linear-gradient(140deg,#152019,#090e0b)}
.aerilis-showcase-hub a:hover{border-color:rgba(91,253,61,.53)}
.aerilis-showcase-hub small{color:#5BFD3D;letter-spacing:.15em;font-weight:650;font-size:9px}
.aerilis-showcase-hub strong{font:450 clamp(22px,2.3vw,35px)/1.17 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:-.04em}
.aerilis-showcase-hub span{font-size:14px;line-height:1.6;color:#a6b9a9}
@media(max-width:1100px){.show-hero,.show-split,.show-split--reverse{grid-template-columns:1fr}.show-hero{min-height:0}.show-split--reverse .show-shot{order:2}.show-split--reverse>div{order:1}}
@media(max-width:700px){.show-hero{padding:65px 22px 75px;gap:32px}.show-hero h1,.show-control-center .show-hero h1{font-size:clamp(39px,8.6vw,60px)}.show-section{padding:65px 22px}.show-section h2,.show-finale h2{font-size:clamp(37px,8.5vw,54px)}.show-qualities,.show-deck-grid,.aerilis-showcase-hub>div{grid-template-columns:1fr}.show-deck-grid{gap:25px}.show-shot-top{font-size:8px;padding:10px}.show-shot figcaption{padding:0 10px 10px;font-size:9px}.show-shot-middle{gap:5px}.show-shot-middle strong{font-size:13px}.show-shot-key{font-size:8px}.aerilis-showcase-hub{padding:65px 22px 42px}.show-actions{flex-direction:column}.show-btn{width:100%}}

/* LAB product truth: ICON A5 pictured; CESSNA / UNIVERSAL are development labels,
   never empty screenshot slots that suggest an already available flight deck. */
.show-cockpit .show-deck-grid--roadmap{
  grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
  align-items:stretch;
}
.show-cockpit .show-deck-current{min-width:0}
.show-cockpit .show-deck-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.show-cockpit .show-deck-heading h3{margin:0}
.show-cockpit .show-deck-state{display:inline-block;align-self:flex-start;width:max-content;max-width:100%;padding:8px 11px;border:1px solid rgba(153,174,159,.28);color:#adbdaf;font:650 9px/1.4 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:.14em}
.show-cockpit .show-deck-state--tested{color:#5BFD3D;border-color:rgba(91,253,61,.28)}
.show-cockpit .show-deck-upcoming{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
.show-cockpit .show-deck-upcoming-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:0;padding:clamp(20px,2.6vw,37px);background:linear-gradient(142deg,#111914,#090e0b);border:1px solid rgba(218,234,219,.15)}
.show-cockpit .show-deck-upcoming-card h3{margin:0;font-size:clamp(19px,1.9vw,31px);font-weight:450;letter-spacing:-.025em}
.show-cockpit .show-deck-index{color:#7d9482;font:600 9px/1.5 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:.17em}
@media(max-width:700px){
  .show-cockpit .show-deck-grid--roadmap{grid-template-columns:minmax(0,1fr)}
  .show-cockpit .show-deck-upcoming{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .show-cockpit .show-deck-upcoming-card{min-height:155px;gap:11px;padding:19px}
  .show-cockpit .show-deck-upcoming-card h3{font-size:20px}
}
@media(max-width:420px){
  .show-cockpit .show-deck-upcoming{grid-template-columns:minmax(0,1fr)}
  .show-cockpit .show-deck-upcoming-card{min-height:120px}
}

/* Authentic ICON A5 hero capture: preserve full image, no crop or overlay.
 * Scoped only to the manually validated LAB screenshot frame. */
.show-cockpit .show-shot--real{background:#050706}
.show-cockpit .show-shot--real::before,
.show-cockpit .show-shot--real::after{display:none}
.show-cockpit .show-shot--real>img{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 object-fit:contain;object-position:center;
}


/* ==========================================================================
   AERILIS COCKPIT DEPTH / TITANIUM STUDIO — LAB visual exploration V1
   Scope: MEET THE COCKPIT only. Never alter screenshot pixels or aspect ratio.
   Keep approved shared navigation, copy, and Control Center visuals unchanged.
   ========================================================================== */

/* A carefully lit exhibition stage behind the actual product photography. */
.show-cockpit .show-hero{
  position:relative;
  isolation:isolate;
}
.show-cockpit .show-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  right:-7%;
  top:7%;
  width:70%;
  height:87%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 54% 42%,rgba(175,208,188,.095) 0%,rgba(72,130,95,.085) 26%,rgba(41,68,52,.055) 44%,transparent 72%);
  filter:blur(24px);
}
.show-cockpit .show-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  right:3%;
  bottom:7%;
  width:59%;
  height:20%;
  background:radial-gradient(ellipse at center,rgba(100,148,119,.095),transparent 73%);
  filter:blur(28px);
  transform:scaleY(.7);
}

/* Titanium raised edge: visually lift the image off its black canvas.
   The genuine screenshot is not transformed, cropped, recolored or covered. */
.show-cockpit .show-shot--real{
  border:1px solid rgba(211,229,216,.42);
  outline:1px solid rgba(140,166,147,.14);
  outline-offset:4px;
  background:#050706;
  box-shadow:
    0 1px 0 rgba(248,255,249,.24),
    0 0 0 4px rgba(11,18,14,.98),
    0 0 0 5px rgba(159,179,166,.19),
    0 19px 24px rgba(0,0,0,.53),
    0 44px 65px rgba(0,0,0,.49),
    0 77px 115px rgba(0,0,0,.28),
    0 0 65px rgba(91,253,61,.055);
  transition:border-color .35s ease,box-shadow .35s ease;
}
@media(hover:hover) and (pointer:fine){
  .show-cockpit .show-shot--real:hover{
    border-color:rgba(222,237,224,.64);
    box-shadow:
      0 1px 0 rgba(248,255,249,.30),
      0 0 0 4px rgba(11,18,14,.98),
      0 0 0 5px rgba(190,208,194,.25),
      0 22px 30px rgba(0,0,0,.60),
      0 53px 82px rgba(0,0,0,.52),
      0 86px 135px rgba(0,0,0,.28),
      0 0 90px rgba(91,253,61,.082);
  }
}

/* Editorial rhythm: alternating low-key illumination replaces flat black. */
.show-cockpit .show-section{
  position:relative;
  isolation:isolate;
  border-top:1px solid rgba(198,221,202,.115);
}
.show-cockpit .show-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-1px;
  left:clamp(24px,5.5vw,88px);
  width:clamp(70px,8vw,125px);
  height:1px;
  background:linear-gradient(90deg,#9fbaaa 0%,rgba(91,253,61,.56) 42%,transparent);
}
.show-cockpit .show-section:nth-of-type(odd){
  background:radial-gradient(ellipse at 100% 45%,rgba(89,117,99,.035),transparent 62%);
}
.show-cockpit .show-section h2{
  text-shadow:0 10px 36px rgba(0,0,0,.22);
}

/* Instrument features: carved surfaces with a restrained top-light. */
.show-cockpit .show-qualities article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(184,205,189,.18);
  background:
    linear-gradient(153deg,rgba(221,236,225,.065) 0%,transparent 36%),
    linear-gradient(138deg,#17221b 0%,#0a100c 57%,#070b09 100%);
  box-shadow:
    inset 0 1px 0 rgba(238,246,239,.085),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 13px 29px rgba(0,0,0,.18);
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.show-cockpit .show-qualities article::before{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0 auto auto 0;
  height:2px;
  width:35%;
  background:linear-gradient(90deg,rgba(201,224,207,.55),rgba(91,253,61,.25),transparent);
  opacity:.45;
}
.show-cockpit .show-qualities small{
  color:#76ec6d;
}
@media(hover:hover) and (pointer:fine){
  .show-cockpit .show-qualities article:hover{
    border-color:rgba(195,223,199,.32);
    transform:translateY(-3px);
    box-shadow:inset 0 1px 0 rgba(238,246,239,.13),0 18px 42px rgba(0,0,0,.33);
  }
}

/* ICON A5 is the real, featured deck — a raised central product bay. */
.show-cockpit .show-deck-grid--roadmap{
  gap:clamp(17px,2.5vw,35px);
}
.show-cockpit .show-deck-current{
  position:relative;
  isolation:isolate;
  padding:clamp(14px,1.8vw,25px);
  border:1px solid rgba(198,221,203,.20);
  background:
    linear-gradient(150deg,rgba(215,229,217,.060),transparent 38%),
    linear-gradient(128deg,#111a14,#070b09 73%);
  box-shadow:inset 0 1px 0 rgba(241,249,242,.10),0 21px 44px rgba(0,0,0,.31);
}
.show-cockpit .show-deck-current::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:15%;
  right:15%;
  bottom:2%;
  height:90px;
  background:radial-gradient(ellipse at center,rgba(91,253,61,.085),transparent 70%);
  filter:blur(28px);
}
.show-cockpit .show-deck-current .show-shot--real{
  box-shadow:
    0 1px 0 rgba(250,255,250,.22),
    0 0 0 3px rgba(5,8,6,.98),
    0 0 0 4px rgba(153,180,159,.18),
    0 16px 31px rgba(0,0,0,.49),
    0 37px 66px rgba(0,0,0,.25);
}
.show-cockpit .show-deck-heading h3{
  color:#f0f6f0;
  font-weight:600;
}
.show-cockpit .show-deck-state--tested{
  background:rgba(91,253,61,.055);
  box-shadow:inset 0 1px 0 rgba(91,253,61,.11);
}

/* Unreleased aircraft: premium etched status plaques, not pretend screens. */
.show-cockpit .show-deck-upcoming-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(185,208,190,.16);
  background:
    linear-gradient(155deg,rgba(221,236,225,.055),transparent 43%),
    linear-gradient(138deg,#111a14,#080e0b 68%);
  box-shadow:
    inset 0 1px 0 rgba(235,248,238,.075),
    0 16px 33px rgba(0,0,0,.19);
}
.show-cockpit .show-deck-upcoming-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:64%;
  background:linear-gradient(180deg,rgba(222,240,225,.36),transparent);
  pointer-events:none;
}
.show-cockpit .show-deck-upcoming-card::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-70px;
  top:-70px;
  transform:rotate(45deg);
  border:1px solid rgba(182,205,188,.055);
  box-shadow:0 0 0 26px rgba(182,205,188,.017);
  pointer-events:none;
}
.show-cockpit .show-deck-upcoming-card h3{
  color:#d5e2d6;
}
.show-cockpit .show-deck-upcoming-card .show-deck-state{
  color:#9daa9e;
  background:rgba(172,192,175,.045);
}

/* Empty iPad photography is still an honest placeholder, with less visual noise. */
.show-cockpit .show-split .show-shot:not(.show-shot--real){
  border-color:rgba(202,226,205,.22);
  background:
    radial-gradient(ellipse at 55% 35%,rgba(93,131,104,.075),transparent 66%),
    linear-gradient(145deg,#101c15,#080e0a);
  box-shadow:inset 0 1px 0 rgba(241,249,242,.055),0 26px 45px rgba(0,0,0,.28);
}
.show-cockpit .show-finale{
  background:
    radial-gradient(ellipse at 50% 100%,rgba(91,253,61,.07),transparent 64%),
    linear-gradient(180deg,#050706,#09100b 72%,#050706);
}

/* Small screens retain editorial legibility, complete images and no 3D motion. */
@media(max-width:1100px){
  .show-cockpit .show-hero::before{right:-19%;top:22%;width:120%;height:73%}
  .show-cockpit .show-hero::after{right:0;bottom:3%;width:100%}
}
@media(max-width:700px){
  .show-cockpit .show-hero::before{right:-25%;width:145%;opacity:.66}
  .show-cockpit .show-shot--real{
    outline-offset:2px;
    box-shadow:
      0 0 0 2px rgba(7,13,9,.95),
      0 0 0 3px rgba(167,187,172,.15),
      0 20px 34px rgba(0,0,0,.40),
      0 0 40px rgba(91,253,61,.035);
  }
  .show-cockpit .show-deck-current{padding:13px}
  .show-cockpit .show-deck-current .show-shot--real{
    box-shadow:0 0 0 2px rgba(7,13,9,.95),0 20px 36px rgba(0,0,0,.34);
  }
  .show-cockpit .show-qualities article:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .show-cockpit .show-shot--real,
  .show-cockpit .show-qualities article{transition:none!important;transform:none!important}
}


/* ==========================================================================
   AERILIS ICON A5 / STUDIO FLOATING PRODUCT — LAB OPTION V2
   Visual target: prior premium mockup with softly curved titanium edges,
   dark exhibition floor, partial reflection and sidewall studio lighting.
   The owner's genuine screenshot remains bit-for-bit untouched.
   Only the HERO image receives the staging; existing DECK images are intact.
   ========================================================================== */
.show-cockpit .cockpit-product-stage{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  padding:clamp(10px,1.6vw,24px) clamp(5px,.85vw,14px) 0;
  background:transparent;
}
/* Wide, soft studio light, placed BEHIND the cockpit. */
.show-cockpit .cockpit-product-stage::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-7% -9% 4%;
  background:
    radial-gradient(ellipse 79% 68% at 54% 34%,rgba(112,168,137,.14) 0%,rgba(60,106,81,.075) 35%,transparent 76%),
    radial-gradient(ellipse 48% 34% at 28% 78%,rgba(97,140,116,.08),transparent 80%);
  filter:blur(22px);
}
/* An understated pools-of-light floor, not another graphic asset. */
.show-cockpit .cockpit-product-stage::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-3%;
  right:-3%;
  bottom:4%;
  height:26%;
  background:
    radial-gradient(ellipse 76% 32% at 50% 23%,rgba(148,179,157,.115),transparent 86%),
    radial-gradient(ellipse 66% 27% at 50% 65%,rgba(59,98,71,.070),transparent 83%);
  filter:blur(17px);
}
/* The single subtle titanium outline and rounded panel shape from the reference. */
.show-cockpit .cockpit-product-stage>.show-shot--hero.show-shot--real{
  position:relative;
  z-index:2;
  width:100%;
  flex:0 0 auto;
  margin:0;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:clamp(10px,1.05vw,16px);
  border:1px solid rgba(210,230,216,.63);
  outline:none;
  background:#060907;
  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,.72),
    0 35px 48px rgba(0,0,0,.56),
    0 68px 105px rgba(0,0,0,.34),
    0 0 90px rgba(91,253,61,.050);
  transform:none;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.show-cockpit .cockpit-product-stage>.show-shot--hero.show-shot--real img{
  border-radius:inherit;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:none!important;
}
/* Below the panel, reflect only the bottom part of the SAME screenshot.
   Faded and flipped, the partial image feels like a dark polished surface.
   The CSS background is not a new asset or a modification to the screenshot. */
.show-cockpit .cockpit-stage-reflection{
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  height:clamp(38px,6.7vw,94px);
  flex:0 0 auto;
  margin-top:7px;
  overflow:hidden;
  opacity:.62;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.80) 0%,rgba(0,0,0,.32) 42%,transparent 95%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.80) 0%,rgba(0,0,0,.32) 42%,transparent 95%);
  pointer-events:none;
}
.show-cockpit .cockpit-stage-reflection::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("showcase/cockpit-hero-icon-a5.png");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  transform:scaleY(-1);
  transform-origin:center;
  filter:blur(1px);
  opacity:.36;
}
@media(hover:hover) and (pointer:fine){
  .show-cockpit .cockpit-product-stage>.show-shot--hero.show-shot--real:hover{
    border-color:rgba(222,237,225,.78);
    box-shadow:
      inset 0 1px 0 rgba(250,255,250,.20),
      0 1px 0 rgba(255,255,255,.12),
      0 0 0 2px rgba(7,13,10,.85),
      0 0 0 3px rgba(177,202,184,.16),
      0 16px 26px rgba(0,0,0,.76),
      0 41px 62px rgba(0,0,0,.59),
      0 75px 120px rgba(0,0,0,.38),
      0 0 96px rgba(91,253,61,.06);
  }
}
@media(max-width:1100px){
  .show-cockpit .cockpit-product-stage{
    max-width:940px;
    margin-inline:auto;
  }
}
@media(max-width:700px){
  .show-cockpit .cockpit-product-stage{padding:8px 4px 0}
  .show-cockpit .cockpit-product-stage>.show-shot--hero.show-shot--real{
    border-radius:9px;
    box-shadow:0 1px 0 rgba(255,255,255,.10),0 0 0 2px rgba(9,15,11,.85),0 18px 35px rgba(0,0,0,.55);
  }
  .show-cockpit .cockpit-stage-reflection{
    height:clamp(25px,9vw,48px);
    margin-top:5px;
    opacity:.43;
  }
  .show-cockpit .cockpit-product-stage::before{filter:blur(14px)}
  .show-cockpit .cockpit-product-stage::after{filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
  .show-cockpit .cockpit-product-stage>.show-shot--hero.show-shot--real{transition:none!important}
}


/* Optical centering pass: the reflective floor added perceived weight below
   the photo, leaving the actual panel too high relative to the HERO copy.
   Center horizontally, then lower the entire studio stage slightly on desktop.
   This does not modify the PNG or the overlay geometry. */
@media(min-width:1101px){
  .show-cockpit .show-hero .cockpit-product-stage{
    justify-self:center;
    margin-inline:auto;
    transform:translateY(clamp(18px,2.5vw,36px));
  }
}
@media(max-width:1100px){
  .show-cockpit .show-hero .cockpit-product-stage{
    justify-self:center;
    transform:none;
  }
}


/* ==========================================================================
   AERILIS / ICON A5 SECOND DECK — match approved HERO's floating studio V2.
   Keep the HERO, PNGs, responsive nav and coming-soon DECK cards unchanged.
   ========================================================================== */
.show-cockpit .show-deck-current{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.show-cockpit .show-deck-current::before{display:none}
.show-cockpit .show-deck-current .show-deck-heading{
  padding:0 clamp(7px,1.05vw,16px);
  margin-bottom:clamp(16px,2vw,26px);
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:clamp(8px,1vw,16px) clamp(5px,.85vw,14px) 0;
  transform:none;
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9% -8% 4%;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 52% 41%,rgba(107,162,131,.14),rgba(55,96,71,.07) 43%,transparent 78%);
  filter:blur(21px);
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:4%;
  height:24%;
  pointer-events:none;
  background:radial-gradient(ellipse 76% 29% at 50% 28%,rgba(134,173,145,.12),transparent 84%);
  filter:blur(14px);
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck>.show-shot--real{
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
  margin:0;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:clamp(10px,1.05vw,16px);
  border:1px solid rgba(210,230,216,.63);
  outline:none;
  background:#060907;
  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,.72),
    0 35px 48px rgba(0,0,0,.56),
    0 68px 105px rgba(0,0,0,.34),
    0 0 90px rgba(91,253,61,.050);
  transform:none;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck>.show-shot--real img{
  border-radius:inherit;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:none!important;
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck>.cockpit-stage-reflection{
  width:100%;
  height:clamp(35px,6vw,88px);
  margin-top:7px;
  opacity:.62;
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck>.cockpit-stage-reflection::before{
  background-image:url("showcase/cockpit-icon-a5.png");
}
@media(hover:hover) and (pointer:fine){
 .show-cockpit .show-deck-current .cockpit-product-stage--deck>.show-shot--real:hover{
   border-color:rgba(222,237,225,.78);
   box-shadow:
     inset 0 1px 0 rgba(250,255,250,.20),
     0 1px 0 rgba(255,255,255,.12),
     0 0 0 2px rgba(7,13,10,.85),
     0 0 0 3px rgba(177,202,184,.16),
     0 16px 26px rgba(0,0,0,.76),
     0 41px 62px rgba(0,0,0,.59),
     0 75px 120px rgba(0,0,0,.38),
     0 0 96px rgba(91,253,61,.06);
 }
}
@media(max-width:1100px){
 .show-cockpit .show-deck-current .cockpit-product-stage--deck{max-width:none;transform:none}
}
@media(max-width:700px){
 .show-cockpit .show-deck-current .show-deck-heading{padding-inline:4px}
 .show-cockpit .show-deck-current .cockpit-product-stage--deck{padding:7px 4px 0}
 .show-cockpit .show-deck-current .cockpit-product-stage--deck>.show-shot--real{
   border-radius:9px;
   box-shadow:0 1px 0 rgba(255,255,255,.1),0 0 0 2px rgba(9,15,11,.85),0 18px 35px rgba(0,0,0,.55);
 }
 .show-cockpit .show-deck-current .cockpit-product-stage--deck>.cockpit-stage-reflection{
   height:clamp(24px,8vw,46px);
   opacity:.43;
   margin-top:5px;
 }
}
@media(prefers-reduced-motion:reduce){
 .show-cockpit .show-deck-current .cockpit-product-stage--deck>.show-shot--real{transition:none!important}
}


/* ==========================================================================
   AERILIS / ROADMAP GRID ALIGNMENT + SATIN TITANIUM UPCOMING FRAMES
   CESSNA / UNIVERSAL occupy exactly the genuine ICON A5 PHOTO height.
   The CSS-only reflection floats below that height; no image modifications.
   ========================================================================== */
.show-cockpit .show-deck-grid--roadmap{
  display:block;
  margin-top:45px;
}
.show-cockpit .show-deck-roadmap-heading{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 clamp(17px,1.8vw,26px);
  padding:0 clamp(5px,.85vw,14px);
  max-width:60%;
  box-sizing:border-box;
}
.show-cockpit .show-deck-roadmap-heading h3{margin:0}
.show-cockpit .show-deck-roadmap-body{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
  gap:clamp(17px,2.5vw,35px);
  align-items:stretch;
}
.show-cockpit .show-deck-roadmap-body>.show-deck-current{
  display:block;
  min-width:0;
  margin:0;
  align-self:start;
}
.show-cockpit .show-deck-current .cockpit-product-stage--deck{
  padding:0;
  margin:0 auto;
  width:100%;
  max-width:none;
}
/* Excluding the reflection from the stage's intrinsic height makes grid row
   height equal to the 4:3 image frame — never the frame plus its floor. */
.show-cockpit .show-deck-current .cockpit-product-stage--deck>.cockpit-stage-reflection{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 7px);
  margin-top:0;
  width:100%;
}
.show-cockpit .show-deck-roadmap-body>.show-deck-upcoming{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  min-height:0;
  height:auto;
  align-self:stretch;
  margin:0;
  gap:clamp(12px,1.3vw,20px);
}
.show-cockpit .show-deck-roadmap-body .show-deck-upcoming-card{
  min-height:0;
  box-sizing:border-box;
  height:100%;
  border-radius:clamp(10px,1.05vw,16px);
  border:1px solid rgba(210,230,216,.38);
  background:
    linear-gradient(152deg,rgba(222,237,224,.075) 0%,transparent 38%),
    radial-gradient(ellipse at 82% 18%,rgba(93,133,107,.060),transparent 65%),
    linear-gradient(140deg,#131e17 0%,#090f0b 72%,#070b09 100%);
  box-shadow:
    inset 0 1px 0 rgba(248,255,249,.10),
    0 1px 0 rgba(255,255,255,.07),
    0 0 0 2px rgba(7,13,10,.85),
    0 0 0 3px rgba(166,191,173,.10),
    0 13px 20px rgba(0,0,0,.44),
    0 28px 42px rgba(0,0,0,.22);
}
.show-cockpit .show-deck-roadmap-body .show-deck-upcoming-card .show-deck-state{
  border-color:rgba(188,209,192,.24);
}
@media(max-width:700px){
  .show-cockpit .show-deck-roadmap-heading{max-width:none;padding:0 4px}
  .show-cockpit .show-deck-roadmap-body{grid-template-columns:minmax(0,1fr);gap:clamp(42px,10vw,75px)}
  .show-cockpit .show-deck-roadmap-body>.show-deck-upcoming{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
  }
  .show-cockpit .show-deck-roadmap-body .show-deck-upcoming-card{
    height:auto;
    min-height:154px;
  }
}
@media(max-width:420px){
  .show-cockpit .show-deck-roadmap-body>.show-deck-upcoming{
    grid-template-columns:minmax(0,1fr);
  }
  .show-cockpit .show-deck-roadmap-body .show-deck-upcoming-card{min-height:120px}
}


/* ==========================================================================
   AERILIS / CONNECTED IPAD FLOATING TITANIUM STUDIO — LAB V1
   Matches approved ICON A5 photo framing. The image remains entirely
   untouched: object-fit contain; all reflections, lighting and frame via CSS.
   ========================================================================== */
.show-cockpit .show-split .cockpit-product-stage--ipad{
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  margin:0 auto;
  padding:clamp(8px,1vw,16px) clamp(5px,.85vw,14px) 0;
  transform:none;
}
.show-cockpit .show-split .cockpit-product-stage--ipad::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9% -8% 4%;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 52% 41%,rgba(107,162,131,.14),rgba(55,96,71,.07) 43%,transparent 78%);
  filter:blur(21px);
}
.show-cockpit .show-split .cockpit-product-stage--ipad::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:4%;
  height:24%;
  pointer-events:none;
  background:radial-gradient(ellipse 76% 29% at 50% 28%,rgba(134,173,145,.12),transparent 84%);
  filter:blur(14px);
}
.show-cockpit .show-split .cockpit-product-stage--ipad>.show-shot--real{
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
  margin:0;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:clamp(10px,1.05vw,16px);
  border:1px solid rgba(210,230,216,.63);
  outline:none;
  background:#060907;
  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,.72),
    0 35px 48px rgba(0,0,0,.56),
    0 68px 105px rgba(0,0,0,.34),
    0 0 90px rgba(91,253,61,.050);
  transform:none;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.show-cockpit .show-split .cockpit-product-stage--ipad>.show-shot--real img{
  border-radius:inherit;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  transform:none!important;
}
.show-cockpit .show-split .cockpit-product-stage--ipad>.cockpit-stage-reflection{
  width:100%;
  height:clamp(35px,6vw,88px);
  margin-top:7px;
  opacity:.62;
}
.show-cockpit .show-split .cockpit-product-stage--ipad>.cockpit-stage-reflection::before{
  background-image:url("showcase/cockpit-ipad.png");
}
@media(hover:hover) and (pointer:fine){
  .show-cockpit .show-split .cockpit-product-stage--ipad>.show-shot--real:hover{
    border-color:rgba(222,237,225,.78);
    box-shadow:
      inset 0 1px 0 rgba(250,255,250,.20),
      0 1px 0 rgba(255,255,255,.12),
      0 0 0 2px rgba(7,13,10,.85),
      0 0 0 3px rgba(177,202,184,.16),
      0 16px 26px rgba(0,0,0,.76),
      0 41px 62px rgba(0,0,0,.59),
      0 75px 120px rgba(0,0,0,.38),
      0 0 96px rgba(91,253,61,.06);
  }
}
@media(max-width:1100px){
  .show-cockpit .show-split .cockpit-product-stage--ipad{max-width:940px;transform:none}
}
@media(max-width:700px){
  .show-cockpit .show-split .cockpit-product-stage--ipad{padding:7px 4px 0}
  .show-cockpit .show-split .cockpit-product-stage--ipad>.show-shot--real{
    border-radius:9px;
    box-shadow:0 1px 0 rgba(255,255,255,.1),0 0 0 2px rgba(9,15,11,.85),0 18px 35px rgba(0,0,0,.55);
  }
  .show-cockpit .show-split .cockpit-product-stage--ipad>.cockpit-stage-reflection{
    height:clamp(24px,8vw,46px);
    opacity:.43;
    margin-top:5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .show-cockpit .show-split .cockpit-product-stage--ipad>.show-shot--real{transition:none!important}
}


/* AERILIS CONTROL CENTER TITANIUM STUDIO — original native ratio, LAB HERO only.
   Same satin frame, floating depth and subtle reflection as approved ICON A5.
   Actual screenshot image is never changed, filtered, stretched or cropped. */
.show-control-center .control-center-product-stage{
 position:relative;isolation:isolate;display:flex;flex-direction:column;
 align-items:center;justify-content:center;min-width:0;width:100%;
 box-sizing:border-box;margin:0 auto;
 padding:clamp(10px,1.6vw,24px) clamp(5px,.85vw,14px) 0;
}
.show-control-center .control-center-product-stage::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 inset:-7% -9% 4%;
 background:radial-gradient(ellipse 78% 65% at 54% 38%,rgba(112,168,137,.14),rgba(60,106,81,.075) 38%,transparent 76%);
 filter:blur(22px);
}
.show-control-center .control-center-product-stage::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 left:-3%;right:-3%;bottom:4%;height:26%;
 background:radial-gradient(ellipse 76% 32% at 50% 23%,rgba(148,179,157,.115),transparent 86%);
 filter:blur(17px);
}
.show-control-center .control-center-product-stage>.show-shot--real{
 display:block;position:relative;z-index:2;flex:0 0 auto;
 width:100%;height:auto;min-height:0;aspect-ratio:auto;box-sizing:border-box;
 margin:0;overflow:hidden;border-radius:clamp(10px,1.05vw,16px);
 border:1px solid rgba(210,230,216,.63);outline:none;background:#060907;
 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,.72),
  0 35px 48px rgba(0,0,0,.56),0 68px 105px rgba(0,0,0,.34),
  0 0 90px rgba(91,253,61,.050);
 transition:border-color .3s ease,box-shadow .3s ease;
}
.show-control-center .control-center-product-stage>.show-shot--real::before,
.show-control-center .control-center-product-stage>.show-shot--real::after{display:none}
.show-control-center .control-center-product-stage>.show-shot--real img{
 position:static;inset:auto;display:block;width:100%;max-width:100%;
 height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;
 border-radius:inherit;filter:none!important;transform:none!important;
}
.show-control-center .control-center-stage-reflection{
 display:block;position:relative;z-index:1;flex:0 0 auto;
 width:100%;height:clamp(38px,6.7vw,94px);margin-top:7px;overflow:hidden;
 opacity:.62;pointer-events:none;
 -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.80),rgba(0,0,0,.32) 42%,transparent 95%);
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.80),rgba(0,0,0,.32) 42%,transparent 95%);
}
.show-control-center .control-center-stage-reflection::before{
 content:"";position:absolute;inset:0;
 background-image:url("showcase/control-center-hero.png");
 background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;
 transform:scaleY(-1);transform-origin:center;filter:blur(1px);opacity:.36;
}
@media(hover:hover) and (pointer:fine){
 .show-control-center .control-center-product-stage>.show-shot--real:hover{
   border-color:rgba(222,237,225,.78);
   box-shadow:0 1px 0 rgba(255,255,255,.12),0 0 0 2px rgba(7,13,10,.85),
    0 0 0 3px rgba(177,202,184,.16),0 16px 26px rgba(0,0,0,.76),
    0 41px 62px rgba(0,0,0,.59),0 75px 120px rgba(0,0,0,.38),
    0 0 96px rgba(91,253,61,.06);
 }
}
@media(min-width:1101px){
 .show-control-center .show-hero .control-center-product-stage{
  justify-self:center;transform:translateY(clamp(10px,1.8vw,27px));
 }
}
@media(max-width:1100px){
 .show-control-center .control-center-product-stage{max-width:940px;transform:none}
}
@media(max-width:700px){
 .show-control-center .control-center-product-stage{padding:8px 4px 0}
 .show-control-center .control-center-product-stage>.show-shot--real{
   border-radius:9px;box-shadow:0 1px 0 rgba(255,255,255,.10),
   0 0 0 2px rgba(9,15,11,.85),0 18px 35px rgba(0,0,0,.55);
 }
 .show-control-center .control-center-stage-reflection{
   height:clamp(25px,9vw,48px);margin-top:5px;opacity:.43;
 }
 .show-control-center .control-center-product-stage::before{filter:blur(14px)}
 .show-control-center .control-center-product-stage::after{filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
 .show-control-center .control-center-product-stage>.show-shot--real{transition:none!important}
}


/* AERILIS CONTROL CENTER / REAL DECKS — second titanium studio (LAB).
   Reuse the owner's approved HERO frame, lighting and native-aspect display.
   Only the reflection's source changes; the PNG remains unedited. */
.show-control-center .control-center-product-stage--decks{
  max-width:none;
  transform:none;
}
.show-control-center .control-center-product-stage--decks>.control-center-stage-reflection::before{
  background-image:url("showcase/control-center-decks.png");
}
@media(max-width:1100px){
  .show-control-center .control-center-product-stage--decks{max-width:940px;transform:none}
}


/* AERILIS CONTROL CENTER / REAL PAIRING — third TITANIUM STUDIO (LAB).
   Same validated titanium material, native dimensions and reflected floor.
   No filter, crop, replacement or edits to the original pairing screenshot. */
.show-control-center .control-center-product-stage--pairing{
  max-width:none;
  transform:none;
}
.show-control-center .control-center-product-stage--pairing>.control-center-stage-reflection::before{
  background-image:url("showcase/control-center-pairing.png");
}
@media(max-width:1100px){
  /* Original reverse-section CSS targeted a direct figure. The visual is now
     wrapped in a stage, so order the entire stage after its explanatory copy. */
  .show-control-center .show-split--reverse .control-center-product-stage--pairing{
    order:2;
    max-width:940px;
    transform:none;
  }
  .show-control-center .show-split--reverse .control-center-product-stage--pairing>.show-shot{
    order:0;
  }
  .show-control-center .show-split--reverse>div:not(.control-center-product-stage--pairing){
    order:1;
  }
}


/* AERILIS CONTROL CENTER / PAIRING BALANCED SCALE — LAB visual refinement.
   The QR image is secondary to the main Control Center HERO: make it about
   20% smaller and center it in its column. The PNG, titanium frame,
   reflections and every validated section stay unchanged. */
@media(min-width:1101px){
  .show-control-center .show-split--reverse .control-center-product-stage--pairing{
    width:80%;
    max-width:470px;
    justify-self:center;
    margin-inline:auto;
    transform:none;
  }
}
@media(min-width:701px) and (max-width:1100px){
  .show-control-center .show-split--reverse .control-center-product-stage--pairing{
    width:min(86%,500px);
    max-width:500px;
    justify-self:center;
    margin-inline:auto;
  }
}
@media(max-width:700px){
  .show-control-center .show-split--reverse .control-center-product-stage--pairing{
    width:100%;
    max-width:430px;
    margin-inline:auto;
  }
}


/* AERILIS CONTROL CENTER / REAL STATUS — fourth TITANIUM STUDIO (LAB).
   Reuses approved satin titanium frame and soft studio floor; the diagnostic
   screenshot retains its actual aspect ratio, untouched and uncropped. */
.show-control-center .control-center-product-stage--status{
  max-width:none;
  transform:none;
}
.show-control-center .control-center-product-stage--status>.control-center-stage-reflection::before{
  background-image:url("showcase/control-center-status.png");
}
@media(max-width:1100px){
  .show-control-center .control-center-product-stage--status{
    max-width:940px;
    transform:none;
  }
}


/* LAB — COCKPIT contextual AUTOPILOT entry.
   Reuses the approved show-btn CTA; preserves all cockpit screenshots and instruments. */
.show-cockpit .show-autopilot-discover{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(20px,4vw,64px);margin-top:clamp(42px,5vw,70px);
  padding:clamp(22px,3vw,35px) 0 0;border-top:1px solid rgba(198,221,202,.16);
}
.show-cockpit .show-autopilot-discover-copy{min-width:0}
.show-cockpit .show-autopilot-discover .show-overline{
  margin:0 0 12px;color:#5BFD3D;
}
.show-cockpit .show-autopilot-discover-copy>p:not(.show-overline){
  margin:0;max-width:680px;color:#e3eee3;
  font:400 clamp(18px,2vw,26px)/1.45 "Segoe UI Variable","Segoe UI",sans-serif;
  letter-spacing:-.025em;
}
.show-cockpit .show-autopilot-discover-copy>p span{color:#a7bbac}
.show-cockpit .show-autopilot-discover .show-btn{
  flex:0 0 auto;white-space:nowrap;
}
@media(max-width:800px){
  .show-cockpit .show-autopilot-discover{
    align-items:stretch;flex-direction:column;gap:22px;
  }
  .show-cockpit .show-autopilot-discover .show-btn{
    width:100%;white-space:normal;
  }
}