/* AERILIS AUTOPILOT — LAB-only interactive preset-scenario demonstrator.
 * Local-only interactive controls; never sends commands to MSFS, CORE or SimConnect.
 * Uses the approved shared titanium → green section separator from site-nav.css.
 */
.autopilot-page .autopilot-hero{min-height:575px}
.autopilot-page .autopilot-hero .guide-hero-inner{padding-bottom:clamp(72px,8vw,130px)}
.autopilot-page .autopilot-hero h1{max-width:1300px}
.autopilot-page .autopilot-lab-note{
  display:inline-block;margin:27px 0 0;padding:16px 0 0;
  border-top:1px solid rgba(198,221,202,.20);
  font-size:10px;letter-spacing:.14em;line-height:1.6;font-weight:600;color:#899c8d;
}
.autopilot-page .autopilot-body .guide-section{gap:30px}
.autopilot-page .autopilot-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.autopilot-page .autopilot-keys span{
  min-width:0;padding:20px 8px;text-align:center;display:grid;gap:5px;
  border:1px solid rgba(197,222,199,.15);background:#0b110d;
  color:#c7d4c8;letter-spacing:.12em;
}
.autopilot-page .autopilot-keys strong{font-size:clamp(17px,2vw,25px);font-weight:550}
.autopilot-page .autopilot-keys small{font-size:10px;letter-spacing:.035em;text-transform:uppercase;color:#829685}
.autopilot-page .guide-section p.autopilot-pending{max-width:830px;font-size:14px;color:#829786;margin:0}
@media(max-width:680px){
  .autopilot-page .autopilot-hero{min-height:0}
  .autopilot-page .autopilot-keys{gap:6px}
  .autopilot-page .autopilot-keys span{padding:17px 4px;font-size:15px}
}


/* Owner-provided AERILIS AP web demo v1.0.1, adapted to the shared AERILIS
   page layout: scoped entirely to .autopilot-page; original PNG untouched. */
.autopilot-page{
  --aerilis-green:#5BFD3D;
  --aerilis-titanium:#AEB8BB;
  --aerilis-instrument-font:"IBM Plex Sans Condensed","Arial Narrow","Segoe UI",sans-serif;
}
.autopilot-page .ap-panel-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-color:#343d3f transparent;scrollbar-width:thin}
.autopilot-page .ap-panel{position:relative;width:100%;min-width:620px;max-width:1370px;aspect-ratio:2170/725;margin:0 auto;container-type:inline-size;isolation:isolate;user-select:none}
.autopilot-page .ap-panel__art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.autopilot-page .ap-units{position:absolute;inset:0}
.autopilot-page .ap-unit{position:absolute;top:0;width:14.7%;height:100%;--ind-color:#848f90}
.autopilot-page .ap-unit[data-function="ap"]{left:10.95%}
.autopilot-page .ap-unit[data-function="hdg"]{left:27.05%}
.autopilot-page .ap-unit[data-function="nav"]{left:42.72%}
.autopilot-page .ap-unit[data-function="alt"]{left:58.62%}
.autopilot-page .ap-unit[data-function="vs"]{left:74.62%}
.autopilot-page .ap-unit__button{
 position:absolute;left:0;top:22%;width:100%;height:23%;padding:0;border:0;border-radius:8%/18%;
 background:transparent;color:#a7b0b2;display:flex;justify-content:center;align-items:center;
 font-family:var(--aerilis-instrument-font);font-size:2.85cqw;letter-spacing:.014em;font-weight:500;
 text-shadow:0 1px 2px #000;cursor:pointer;transition:color .2s ease,text-shadow .2s ease,background .2s ease
}
.autopilot-page .ap-unit__button:hover{background:radial-gradient(ellipse at 50% 64%,rgba(255,255,255,.065),transparent 72%)}
.autopilot-page .ap-unit__button:focus-visible{outline:2px solid var(--aerilis-green);outline-offset:-4px}
.autopilot-page .ap-unit__window{
 position:absolute;left:0;top:51.7%;width:100%;height:20.5%;display:flex;flex-direction:column;
 justify-content:center;align-items:center;gap:.2cqw;pointer-events:none;
 font-family:var(--aerilis-instrument-font);text-align:center;text-shadow:0 1px 2px #000
}
.autopilot-page .ap-unit__value{
 font-size:2.35cqw;line-height:1.02;font-weight:600;color:#758281;letter-spacing:.005em;
 transition:color .25s ease,text-shadow .25s ease;white-space:nowrap
}
.autopilot-page .ap-unit__detail{
 font-size:.95cqw;line-height:1.05;letter-spacing:.015em;font-weight:500;color:#9a9f9e;
 white-space:nowrap;transition:color .25s ease
}
.autopilot-page .ap-unit__lamp{
 position:absolute;top:59%;left:8.7%;width:1.05cqw;height:1.05cqw;background:transparent;
 border-radius:100%;transform:translateY(-50%);transition:background .25s ease,box-shadow .25s ease
}
.autopilot-page .ap-unit[data-state="active"]{--ind-color:var(--aerilis-green)}
.autopilot-page .ap-unit[data-state="active"] .ap-unit__button{color:var(--aerilis-green);text-shadow:0 0 10px rgba(91,253,61,.46)}
.autopilot-page .ap-unit[data-state="active"] .ap-unit__value{color:var(--aerilis-green);text-shadow:0 0 12px rgba(91,253,61,.33)}
.autopilot-page .ap-unit[data-state="active"] .ap-unit__detail{color:#c1f8b8}
.autopilot-page .ap-unit[data-state="active"] .ap-unit__lamp{background:#5BFD3D;box-shadow:0 0 9px 2px rgba(91,253,61,.47)}
.autopilot-page .ap-unit[data-state="armed"]{--ind-color:#fff}
.autopilot-page .ap-unit[data-state="armed"] .ap-unit__button,
.autopilot-page .ap-unit[data-state="armed"] .ap-unit__value{color:#f5f8f7;text-shadow:0 0 11px rgba(255,255,255,.32)}
.autopilot-page .ap-unit[data-state="armed"] .ap-unit__detail{color:#f5f8f7}
.autopilot-page .ap-unit[data-state="armed"] .ap-unit__lamp{background:#e6eceb;box-shadow:0 0 7px rgba(255,255,255,.5)}
.autopilot-page .ap-panel-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 9px}
.autopilot-page .mode-badges{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.autopilot-page .mode-legend{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:#a2adae}
.autopilot-page .mode-legend::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--legend);box-shadow:0 0 5px color-mix(in srgb,var(--legend),transparent 65%)}
.autopilot-page .smallprint{font-size:11px;color:#697779;letter-spacing:.07em;text-transform:uppercase}
.autopilot-page .status-panel{
 display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
 background:linear-gradient(130deg,#151a1c,#0c1012);
 border:1px solid #303739;border-radius:12px;padding:23px 25px;min-height:144px
}
.autopilot-page .status-copy{max-width:690px}
.autopilot-page .status-label{color:#75a66e;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:600}
.autopilot-page .status-title{font-size:clamp(20px,2.1vw,27px);font-weight:420;margin:7px 0 5px;letter-spacing:.03em;color:#e5e9ea}
.autopilot-page .status-subtitle{margin:0 0 8px;color:#c9d2d0;font-size:13px}
.autopilot-page .status-description{margin:0;color:#879396;line-height:1.6;font-size:13px}
.autopilot-page .demo-heading{margin:3px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.autopilot-page .demo-heading h3{font-size:13px;letter-spacing:.16em;font-weight:550;color:#e6ebed;margin:0}
.autopilot-page .demo-heading p{font-size:12px;color:#758284;margin:0}
.autopilot-page .scenario-picker{display:flex;flex-wrap:wrap;gap:8px}
.autopilot-page .scenario-chip{
 font-family:inherit;border:1px solid #333e40;color:#aab5b5;background:linear-gradient(#151a1c,#0c1011);
 padding:10px 14px;border-radius:7px;cursor:pointer;font-size:12px;letter-spacing:.035em;
 transition:border-color .2s,color .2s
}
.autopilot-page .scenario-chip:hover{color:#f8fafa;border-color:#71807e}
.autopilot-page .scenario-chip:focus-visible,
.autopilot-page .transport-button:focus-visible{outline:2px solid var(--aerilis-green);outline-offset:2px}
.autopilot-page .scenario-chip[aria-pressed="true"]{color:var(--aerilis-green);border-color:var(--aerilis-green);background:#12220f}
.autopilot-page .transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:23px}
.autopilot-page .transport-button{
 font-family:inherit;padding:10px 16px;border-radius:7px;border:1px solid #45504e;
 background:#12191a;color:#d4ddda;cursor:pointer;min-height:40px;white-space:nowrap;font-size:12px
}
.autopilot-page .transport-button:hover{border-color:#88a08d;color:#fff}
.autopilot-page .transport-button--play{color:var(--aerilis-green);border-color:#4e7150}
.autopilot-page .guide-section p.autopilot-safety-note{margin:18px 0 0;max-width:100%;font-size:11px;color:#7a8c80;line-height:1.7}
.autopilot-page .mobile-scroll-hint{display:none;color:#81918f;font-size:11px;letter-spacing:.06em;margin:5px 0 10px}
@media(max-width:740px){
 .autopilot-page .ap-panel-scroll{margin-inline:-14px;width:calc(100% + 28px);padding-inline:14px}
 .autopilot-page .mobile-scroll-hint{display:block}
 .autopilot-page .status-panel{padding:18px}
 .autopilot-page .scenario-chip{padding:9px 11px}
 .autopilot-page .smallprint{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .autopilot-page .ap-unit__button,
 .autopilot-page .ap-unit__value,
 .autopilot-page .ap-unit__detail,
 .autopilot-page .ap-unit__lamp,
 .autopilot-page .scenario-chip{transition:none!important}
}



/* AERILIS AP TRAINER — Premium single-console editorial system / LAB.
   Scope limited to AUTOPILOT: production, HOME, cockpit and shared CSS untouched. */
.autopilot-page{--ap-surface:#0a100e;--ap-line:rgba(188,211,194,.17);--ap-soft:#9aac9c}
.autopilot-page .autopilot-hero{min-height:0}
.autopilot-page .autopilot-intro{padding-block:clamp(55px,6vw,86px) clamp(62px,6vw,96px)}
.autopilot-page .autopilot-hero h1{font-size:clamp(48px,5.1vw,78px);max-width:1300px;margin-bottom:14px}
.autopilot-page .autopilot-hero h1 span{
 background:linear-gradient(112deg,#eff5ef,#a7bbac 62%,#718b78);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.autopilot-page .autopilot-headline{
 color:#5BFD3D;font:600 clamp(10px,1.02vw,13px)/1.6 "Segoe UI Variable","Segoe UI",sans-serif;
 letter-spacing:.19em;margin:0 0 22px
}
.autopilot-page .autopilot-lead{color:#b4c1b6;font-size:clamp(15px,1.34vw,19px);line-height:1.72;max-width:840px;margin:0}
.autopilot-page .autopilot-lead em{font-style:normal;color:#e3eee3}
.autopilot-page .autopilot-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.autopilot-page .autopilot-jump{
 display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
 padding:12px 2px;border-bottom:1px solid #5BFD3D;line-height:1.4;
 font-size:10px;font-weight:650;letter-spacing:.16em;color:#e6eee7
}
.autopilot-page .autopilot-jump:hover{color:#5BFD3D}
.autopilot-page .autopilot-jump span{color:#5BFD3D;font-size:18px;font-weight:400}
.autopilot-page .autopilot-hero-label{color:#819987;font-size:9px;letter-spacing:.14em;font-weight:600}
.autopilot-page .autopilot-body .guide-section{display:block;padding-block:clamp(64px,7vw,105px)}
.autopilot-page .autopilot-experience{scroll-margin-top:calc(var(--header-height) + 10px)}
.autopilot-page .autopilot-experience-heading{
 display:flex;align-items:end;justify-content:space-between;gap:28px;
 margin-bottom:clamp(23px,3vw,42px)
}
.autopilot-page .autopilot-experience-heading h2,
.autopilot-page .ap-copy-head h2{
 font:350 clamp(36px,4.6vw,65px)/1.12 "Segoe UI Variable Display","Segoe UI",sans-serif;
 letter-spacing:-.051em;color:#edf4ed;margin:0
}
.autopilot-page .autopilot-experience-heading h2 span,
.autopilot-page .ap-copy-head h2 span,
.autopilot-page .ap-outro h2 span{
 color:#b8cbbd;background:linear-gradient(115deg,#e3eee4,#91aa9a 75%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.autopilot-page .autopilot-experience-heading .guide-index{margin:0 0 16px}
.autopilot-page .autopilot-experience-heading>p{
 max-width:365px;color:#9daf9d;font-size:14px;line-height:1.8;margin:0 0 6px
}
.autopilot-page .ap-console{
 position:relative;isolation:isolate;border:1px solid rgba(194,213,199,.20);
 background:
  radial-gradient(ellipse 65% 48% at 50% 26%,rgba(108,145,123,.085),transparent 78%),
  linear-gradient(180deg,#101812 0%,#080d0a 48%,#0b100d 100%);
 box-shadow:0 32px 95px rgba(0,0,0,.30),inset 0 1px rgba(250,255,250,.04);
 overflow:hidden
}
.autopilot-page .ap-console::before{
 content:"";position:absolute;top:0;left:0;width:clamp(70px,8vw,125px);height:1px;
 background:linear-gradient(90deg,#9fbaaa 0%,rgba(91,253,61,.56) 42%,transparent);
 pointer-events:none
}
.autopilot-page .ap-console-rail{
 display:flex;justify-content:space-between;align-items:center;gap:15px;
 padding:15px clamp(18px,2.5vw,35px);border-bottom:1px solid rgba(185,211,195,.12)
}
.autopilot-page .ap-console-signature{
 display:inline-flex;align-items:center;gap:12px;color:#bbd0bd;
 font-size:9px;letter-spacing:.16em;font-weight:650;white-space:nowrap
}
.autopilot-page .ap-online{width:6px;height:6px;background:#5BFD3D;box-shadow:0 0 10px rgba(91,253,61,.55);border-radius:50%}
.autopilot-page .ap-console-rail-modes{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.autopilot-page .ap-console-rail-modes>span{
 display:flex;align-items:center;gap:9px;color:#728778;font-size:9px;letter-spacing:.12em;font-weight:600
}
.autopilot-page .ap-console-rail-modes strong{font-size:10px;color:#d8e8d9;font-weight:650;letter-spacing:.045em}
.autopilot-page .ap-console-rail-modes .ap-console-demo-tag{color:#729b78;font-size:9px}
.autopilot-page .ap-panel-zone{padding:clamp(12px,2vw,27px) clamp(12px,2.3vw,31px) clamp(4px,1vw,12px)}
.autopilot-page .ap-panel-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.autopilot-page .ap-panel{max-width:1240px;min-width:620px;width:100%}
.autopilot-page .ap-console-lower{
 padding:0 clamp(16px,2.5vw,35px) clamp(16px,2.6vw,37px)
}
.autopilot-page .ap-parameters{
 display:grid;grid-template-columns:1fr 1fr 1fr .78fr;gap:1px;
 border:1px solid rgba(204,229,210,.14);background:rgba(204,229,210,.12);margin:5px 0 18px
}
.autopilot-page .ap-parameter{
 min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;
 background:#0e1510;padding:12px clamp(10px,1.5vw,20px)
}
.autopilot-page .ap-param-label{
 color:#8ea494;font-size:9px;letter-spacing:.15em;font-weight:650;white-space:nowrap
}
.autopilot-page .ap-param-label small{font-size:9px;color:#728c78}
.autopilot-page .ap-param-adjust{display:flex;align-items:center;gap:11px;justify-content:space-between}
.autopilot-page .ap-param-adjust button{
 display:grid;place-items:center;flex:0 0 30px;width:30px;height:29px;
 border:1px solid rgba(177,204,184,.19);background:#111a14;color:#cce2cd;
 cursor:pointer;font:500 19px/1 "Segoe UI",sans-serif
}
.autopilot-page .ap-param-adjust button:hover,
.autopilot-page .ap-param-adjust button:focus-visible{border-color:#5BFD3D;color:#5BFD3D}
.autopilot-page .ap-param-adjust output,
.autopilot-page #ap-current-altitude{
 min-width:0;color:#e9f3e7;font:600 clamp(15px,1.55vw,21px)/1.3 var(--aerilis-instrument-font);
 font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.025em;text-align:center
}
.autopilot-page .ap-parameter--readout{background:#121d13}
.autopilot-page .ap-parameter--readout output{color:#5BFD3D;text-align:left;margin-top:4px}
.autopilot-page .ap-scenario-area{padding:0 0 17px}
.autopilot-page .ap-scenario-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.autopilot-page .ap-micro-label{font-size:9px;letter-spacing:.14em;color:#82b389;font-weight:650}
.autopilot-page .ap-scenario-head h3{color:#e8f0e7;font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:3px 0 0;font-weight:450}
.autopilot-page .ap-demo-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(194,222,200,.17);background:#080e0a}
.autopilot-page .ap-demo-switch button{
 border:0;padding:9px 12px;background:transparent;color:#a5b5a6;font:650 9px/1.35 "Segoe UI Variable","Segoe UI",sans-serif;
 letter-spacing:.08em;white-space:nowrap;cursor:pointer
}
.autopilot-page .ap-demo-switch button[aria-pressed="true"]{
 background:rgba(91,253,61,.115);color:#5BFD3D
}
.autopilot-page .scenario-picker{
 display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;
 padding:3px 1px 12px;scrollbar-color:#3e5745 transparent;scrollbar-width:thin;max-width:100%
}
.autopilot-page .scenario-chip{
 flex:0 0 auto;min-width:104px;max-width:190px;display:flex;align-items:center;justify-content:center;
 padding:11px 14px;border-radius:0;border:1px solid rgba(195,221,199,.16);
 background:linear-gradient(155deg,#151d16,#0a100d);color:#a6b9aa;
 font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.3;white-space:nowrap
}
.autopilot-page .scenario-chip[aria-pressed="true"]{
 color:#5BFD3D;border-color:rgba(91,253,61,.62);background:rgba(91,253,61,.06);
 box-shadow:inset 0 -2px 0 rgba(91,253,61,.7)
}
.autopilot-page .ap-transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}
.autopilot-page .transport-button{
 border-radius:0;background:#101811;color:#becfbe;padding:9px 13px;
 min-height:36px;font-size:10px;font-weight:650;letter-spacing:.055em
}
.autopilot-page .transport-button--play{border-color:rgba(91,253,61,.55);color:#5BFD3D}
.autopilot-page .transport-button--reset{color:#90a592}
.autopilot-page .ap-step-indicator{margin-left:auto;color:#718e76;font:600 10px/1.4 var(--aerilis-instrument-font);letter-spacing:.1em}
.autopilot-page .ap-feedback-layout{
 display:grid;grid-template-columns:minmax(0,1.45fr) minmax(275px,.85fr);
 border:1px solid rgba(183,210,187,.17);background:#0b130e
}
.autopilot-page .ap-status-card{padding:21px clamp(16px,2vw,26px);min-width:0}
.autopilot-page .ap-status-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.autopilot-page .ap-simulated-pill{color:#7da586;font-size:9px;letter-spacing:.10em}
.autopilot-page .ap-status-card h3{
 font:500 clamp(20px,2.1vw,28px)/1.25 "Segoe UI Variable Display","Segoe UI",sans-serif;
 letter-spacing:-.025em;color:#e7f4e6;margin:8px 0 5px
}
.autopilot-page .ap-status-card p{max-width:760px;margin:0;color:#9faea1;font-size:13px;line-height:1.65}
.autopilot-page .ap-status-card #status-subtitle{color:#d1ddd0;font-size:13px;margin-bottom:4px}
.autopilot-page .ap-feedback-side{
 border-left:1px solid rgba(183,210,187,.15);padding:18px clamp(13px,1.6vw,22px);
 display:flex;flex-direction:column;gap:16px;justify-content:space-between
}
.autopilot-page .ap-feedback-label{display:flex;flex-direction:column;gap:11px}
.autopilot-page .ap-feedback-label>span{font-size:9px;color:#7e9784;letter-spacing:.15em;font-weight:650}
.autopilot-page .mode-legend{font-size:9px}
.autopilot-page .mode-badges{gap:12px}
.autopilot-page .ap-transition-controls{display:flex;flex-wrap:wrap;gap:7px}
.autopilot-page .ap-transition-controls button{
 display:inline-flex;align-items:center;justify-content:space-between;gap:8px;
 border:1px solid rgba(91,253,61,.34);background:rgba(91,253,61,.055);
 padding:8px 10px;color:#b8e9b2;font:600 9px/1.4 "Segoe UI Variable","Segoe UI",sans-serif;
 letter-spacing:.07em;cursor:pointer
}
.autopilot-page .ap-transition-controls button:disabled{
 border-color:rgba(174,193,179,.12);color:#596e5d;cursor:not-allowed;background:#0c110d
}
.autopilot-page .ap-transition-controls button:not(:disabled):hover{color:#5BFD3D;border-color:#5BFD3D}
.autopilot-page .ap-console-note{margin:12px 0 0;color:#829687;font-size:11px;line-height:1.65}
.autopilot-page .ap-copy-head{max-width:1040px;margin:0 0 37px}
.autopilot-page .ap-copy-head .guide-index{margin-bottom:15px}
.autopilot-page .ap-copy-head>p:not(.guide-index){color:#aabaaa;font-size:16px;line-height:1.8;max-width:790px;margin:20px 0 0}
.autopilot-page .ap-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.autopilot-page .ap-guide-card{
 position:relative;min-height:228px;padding:clamp(20px,2.4vw,34px);
 background:linear-gradient(143deg,#131e16 0%,#090e0b 78%);
 border:1px solid rgba(196,222,198,.17)
}
.autopilot-page .ap-guide-card::before{
 content:"";position:absolute;top:-1px;left:0;width:65px;height:1px;
 background:linear-gradient(90deg,#adbead,rgba(91,253,61,.43),transparent)
}
.autopilot-page .ap-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.autopilot-page .ap-card-top span{color:#7e9d86;font-size:10px;letter-spacing:.13em;font-weight:650}
.autopilot-page .ap-card-top strong{
 color:#5BFD3D;font:550 22px/1.1 var(--aerilis-instrument-font);letter-spacing:.07em
}
.autopilot-page .ap-guide-card h3{color:#e6f0e5;font-size:21px;font-weight:450;line-height:1.3;margin:0 0 13px}
.autopilot-page .ap-guide-card p{font-size:14px;line-height:1.77;color:#a3b5a6;margin:0}
.autopilot-page .ap-guide-card p b{font-weight:600;color:#d4e4d3}
.autopilot-page .ap-guide-card--feature{background:linear-gradient(132deg,#142218,#0a120c)}
.autopilot-page .ap-principle{
 padding:26px clamp(24px,3vw,45px);margin:0 0 20px;
 border-left:2px solid #5BFD3D;background:linear-gradient(90deg,rgba(91,253,61,.065),transparent);
 color:#e8f1e8;font-size:clamp(20px,2.2vw,33px);font-weight:350;letter-spacing:-.035em
}
.autopilot-page .ap-principle span{color:#5BFD3D;font-weight:500}
.autopilot-page .ap-feedback-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.autopilot-page .ap-state-example{
 display:flex;align-items:start;gap:15px;padding:24px;
 border:1px solid rgba(189,220,196,.17);background:#0b130e;min-height:130px
}
.autopilot-page .ap-state-example .ap-state-bullet{
 display:block;flex:0 0 11px;width:11px;height:11px;border-radius:50%;
 background:#818f88;margin-top:4px;box-shadow:0 0 9px rgba(149,166,155,.26)
}
.autopilot-page .ap-state-example[data-demo-state="armed"] .ap-state-bullet{background:#fff;box-shadow:0 0 11px rgba(255,255,255,.42)}
.autopilot-page .ap-state-example[data-demo-state="active"] .ap-state-bullet{background:#5BFD3D;box-shadow:0 0 12px rgba(91,253,61,.47)}
.autopilot-page .ap-state-example strong{font-size:16px;color:#e6eee7;letter-spacing:.08em}
.autopilot-page .ap-state-example[data-demo-state="armed"] strong{color:#fff}
.autopilot-page .ap-state-example[data-demo-state="active"] strong{color:#5BFD3D}
.autopilot-page .ap-state-example p{color:#9db09e;font-size:13px;line-height:1.7;margin:11px 0 0}
.autopilot-page .ap-educational-note{color:#899f8d;font-size:12px;line-height:1.75;max-width:950px;margin:22px 0 0}
.autopilot-page .ap-flight-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.autopilot-page .ap-flight-card{
 position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;
 padding:25px;border:1px solid rgba(185,213,191,.17);background:linear-gradient(145deg,#111b14,#090f0c);
 color:#dce9dc;text-align:left;font-family:inherit;cursor:pointer;min-height:220px;
 transition:background .2s,border-color .2s
}
.autopilot-page .ap-flight-card:hover{border-color:rgba(91,253,61,.58);background:#122018}
.autopilot-page .ap-flight-n{color:#5BFD3D;font-size:10px;letter-spacing:.16em;font-weight:700}
.autopilot-page .ap-flight-card strong{font-size:21px;font-weight:450;letter-spacing:-.025em;color:#e7f0e8}
.autopilot-page .ap-flight-card>span:not(.ap-flight-n){font-size:13px;line-height:1.72;color:#9daf9d;max-width:310px}
.autopilot-page .ap-flight-card em{font-style:normal;font-size:10px;letter-spacing:.13em;color:#5BFD3D;font-weight:600;margin-top:auto}
.autopilot-page .ap-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.autopilot-page .ap-tips-grid details{border:1px solid rgba(196,222,198,.17);background:#0c140e;padding:23px}
.autopilot-page .ap-tips-grid summary{cursor:pointer;color:#e1ebe0;font-size:17px;font-weight:500;line-height:1.5}
.autopilot-page .ap-tips-grid summary::marker{color:#5BFD3D}
.autopilot-page .ap-tips-grid details[open]{border-color:rgba(91,253,61,.34)}
.autopilot-page .ap-tips-grid p{color:#a6b7a6;line-height:1.75;font-size:14px;margin:13px 0 0}
.autopilot-page .ap-outro{
 position:relative;isolation:isolate;border-top:1px solid rgba(198,221,202,.115);
 background:radial-gradient(ellipse 60% 70% at 50% 105%,rgba(91,253,61,.085),transparent 72%),#070b09;
 padding:clamp(70px,8vw,115px) 24px
}
.autopilot-page .ap-outro::before{
 content:"";position:absolute;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)
}
.autopilot-page .ap-outro-inner{max-width:1120px;margin:0 auto;text-align:center}
.autopilot-page .ap-outro .guide-index{margin-bottom:25px}
.autopilot-page .ap-outro h2{
 font:350 clamp(40px,5vw,72px)/1.15 "Segoe UI Variable Display","Segoe UI",sans-serif;
 letter-spacing:-.055em;color:#f0f6ef;margin:0 0 24px
}
.autopilot-page .ap-outro-inner>p:not(.guide-index){font-size:16px;line-height:1.85;color:#aec2b0;margin:0 auto 20px;max-width:880px}
.autopilot-page .ap-outro-inner>.ap-outro-caveat{font-size:12px!important;color:#809685!important}
.autopilot-page .ap-outro-signature{
 display:flex;flex-direction:column;align-items:center;gap:9px;margin:72px auto 0;
 color:#e9f1e8;letter-spacing:.2em;font-size:13px;font-weight:550
}
.autopilot-page .ap-outro-signature span{font-size:10px;color:#5BFD3D;font-weight:600}
.autopilot-page button:focus-visible,.autopilot-page a:focus-visible,.autopilot-page summary:focus-visible{
 outline:2px solid #5BFD3D;outline-offset:3px
}
@media(max-width:1050px){
 .autopilot-page .ap-guide-grid,.autopilot-page .ap-flight-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .autopilot-page .ap-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .autopilot-page .ap-feedback-layout{grid-template-columns:1fr}
 .autopilot-page .ap-feedback-side{border-left:0;border-top:1px solid rgba(183,210,187,.15);flex-direction:row;align-items:center}
}
@media(max-width:740px){
 .autopilot-page .autopilot-intro{padding:52px 22px 65px}
 .autopilot-page .autopilot-hero h1{font-size:clamp(38px,8.6vw,55px)}
 .autopilot-page .autopilot-headline{font-size:10px;letter-spacing:.12em}
 .autopilot-page .autopilot-hero-actions{gap:10px;align-items:flex-start;flex-direction:column}
 .autopilot-page .autopilot-experience-heading{display:block}
 .autopilot-page .autopilot-experience-heading>p{margin:17px 0 0}
 .autopilot-page .ap-console-rail{padding:14px 15px;flex-wrap:wrap}
 .autopilot-page .ap-console-rail-modes{gap:13px;justify-content:flex-start}
 .autopilot-page .ap-console-rail-modes .ap-console-demo-tag{display:none}
 .autopilot-page .ap-panel-zone{padding:14px 11px 4px}
 .autopilot-page .ap-panel-scroll{margin:0;width:100%;padding:0}
 .autopilot-page .ap-panel{min-width:620px}
 .autopilot-page .ap-console-lower{padding:0 12px 16px}
 .autopilot-page .ap-parameters{gap:1px;margin-top:8px}
 .autopilot-page .ap-parameter{padding:10px 10px}
 .autopilot-page .ap-param-label{font-size:8px}
 .autopilot-page .ap-param-adjust button{width:27px;flex-basis:27px;height:27px}
 .autopilot-page .ap-param-adjust output,.autopilot-page #ap-current-altitude{font-size:16px}
 .autopilot-page .ap-scenario-head{align-items:start;flex-direction:column;gap:13px}
 .autopilot-page .ap-demo-switch{width:100%}
 .autopilot-page .ap-demo-switch button{flex:1}
 .autopilot-page .ap-feedback-side{flex-direction:column;align-items:stretch}
 .autopilot-page .ap-guide-grid,.autopilot-page .ap-feedback-explainer,.autopilot-page .ap-flight-steps,.autopilot-page .ap-tips-grid{grid-template-columns:1fr}
 .autopilot-page .ap-guide-card{min-height:0}
 .autopilot-page .ap-flight-card{min-height:180px}
 .autopilot-page .ap-principle{padding:21px;font-size:24px}
 .autopilot-page .ap-outro-signature{letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
 .autopilot-page .ap-flight-card{transition:none}
}



/* Ergonomic pass: scenario selection must be the very first band UNDER the panel.
   The original PNG is never resized or changed at the source. */
.autopilot-page .ap-panel{max-width:1140px}
.autopilot-page .ap-console-lower>.ap-scenario-area{padding:11px 0 14px}
.autopilot-page .ap-console-lower>.ap-parameters{margin:0 0 16px}
.autopilot-page .ap-scenario-head{margin-bottom:9px}
.autopilot-page .ap-scenario-head h3{font-size:16px}
.autopilot-page .scenario-picker{padding-bottom:9px}
.autopilot-page .scenario-chip{padding-block:9px}
.autopilot-page .ap-status-card{padding-block:16px}
.autopilot-page .ap-parameter{padding-block:9px}
@supports (overflow:clip){
  @media(min-width:900px) and (min-height:650px){
    .autopilot-page .guide-main{overflow:clip}
    .autopilot-page .ap-console{overflow:clip}
    .autopilot-page .ap-panel-zone{
      position:sticky;
      top:calc(var(--header-height) + 5px);
      z-index:5;
      background:linear-gradient(180deg,#0d1510,#0a110d);
      box-shadow:0 17px 24px rgba(0,0,0,.28)
    }
  }
}



/* AERILIS AP PREMIUM EXPERIENCE / R2 — LAB
 * Puts the genuine owner PNG first. Reuses site-wide titanium→green separators.
 * The original panel artwork is never color-graded or repainted. */
.autopilot-page .autopilot-hero{
 min-height:0;
 background:
 radial-gradient(ellipse 49% 70% at 81% 22%,rgba(91,253,61,.043),transparent 78%),
 linear-gradient(155deg,#0b110d 0%,#050706 75%)
}
.autopilot-page .autopilot-intro{
 padding-top:clamp(38px,4.7vw,67px);
 padding-bottom:clamp(37px,4.3vw,64px);
}
.autopilot-page .autopilot-intro .guide-kicker{margin-bottom:19px}
.autopilot-page .autopilot-hero h1{
 font-size:clamp(43px,4.5vw,67px);
 line-height:1.07;letter-spacing:-.057em;
 margin-bottom:12px;
}
.autopilot-page .autopilot-headline{margin-bottom:14px}
.autopilot-page .autopilot-lead{max-width:730px;font-size:clamp(15px,1.15vw,17px);line-height:1.65}
.autopilot-page .autopilot-hero-actions{margin-top:21px}
.autopilot-page .autopilot-body .guide-section.autopilot-experience{
 padding-top:clamp(35px,3.4vw,52px);
 padding-bottom:clamp(55px,6vw,83px)
}
.autopilot-page .autopilot-experience-heading{margin-bottom:clamp(17px,2vw,27px);align-items:center}
.autopilot-page .autopilot-experience-heading .guide-index{margin-bottom:10px}
.autopilot-page .autopilot-experience-heading h2{font-size:clamp(33px,3.4vw,53px)}
.autopilot-page .autopilot-experience-heading>p{font-size:13px;max-width:325px;line-height:1.65}
.autopilot-page .ap-console{
 background:
 radial-gradient(ellipse 70% 42% at 50% 11%,rgba(160,192,165,.079),transparent 74%),
 radial-gradient(ellipse 50% 55% at 50% 48%,rgba(91,253,61,.022),transparent 75%),
 linear-gradient(180deg,#111714,#090e0b 70%,#0a100c);
 border-color:rgba(202,221,204,.24);
 box-shadow:0 1px 0 rgba(240,255,242,.065) inset,
            0 33px 82px rgba(0,0,0,.37),
            0 0 70px rgba(91,253,61,.016)
}
.autopilot-page .ap-panel-zone{
 background:
 radial-gradient(ellipse 56% 80% at 50% 40%,rgba(158,181,160,.055),transparent 80%),
 linear-gradient(180deg,#0b100e,#080d0b)
}
.autopilot-page .ap-panel-scroll{overscroll-behavior-x:contain}
.autopilot-page .ap-scenario-area{margin-top:2px}
.autopilot-page .ap-scenario-head h3{font-size:16px;font-weight:460}
.autopilot-page .ap-flight-meter{display:grid;gap:7px;margin:8px 0 9px}
.autopilot-page .ap-flight-meter[hidden]{display:none!important}
.autopilot-page .ap-meter-head{
 display:flex;align-items:center;justify-content:space-between;
 font:600 9px/1.5 "Segoe UI Variable","Segoe UI",sans-serif;
 letter-spacing:.13em;color:#879c88
}
.autopilot-page .ap-meter-head strong{
 font-family:var(--aerilis-instrument-font);
 font-variant-numeric:tabular-nums;color:#b6d6b9;letter-spacing:.1em
}
.autopilot-page .ap-flight-progress{
 display:grid;grid-template-columns:repeat(10,minmax(0,1fr));
 gap:5px;min-height:21px
}
.autopilot-page .ap-progress-step{
 position:relative;display:block;height:22px;min-width:0;padding:0 0 5px;
 border:0;border-radius:0;background:transparent;cursor:pointer
}
.autopilot-page .ap-progress-step::before{
 content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;
 background:rgba(182,201,185,.16);transition:background .25s,box-shadow .25s
}
.autopilot-page .ap-progress-step[data-complete="true"]::before{
 background:rgba(91,253,61,.38)
}
.autopilot-page .ap-progress-step[aria-current="step"]::before{
 background:#5BFD3D;box-shadow:0 0 11px rgba(91,253,61,.33)
}
.autopilot-page .ap-progress-step[aria-current="step"]::after{
 content:"";position:absolute;left:0;bottom:3px;height:3px;width:25%;
 background:#e2f4e1;box-shadow:0 0 9px rgba(91,253,61,.30)
}
.autopilot-page .scenario-chip{min-width:100px;min-height:36px}
.autopilot-page .ap-transport{margin:6px 0 0}
.autopilot-page .ap-step-indicator{font-size:11px;color:#aac5ab}
.autopilot-page .ap-feedback-layout{
 border-color:rgba(172,213,180,.25);
 background:linear-gradient(108deg,#101a12 0%,#0b120d 57%,#0b100d 100%);
 margin:0 0 14px
}
.autopilot-page .ap-status-card{padding-block:14px}
.autopilot-page .ap-status-card h3{margin-top:7px;color:#f1f8ee}
.autopilot-page .ap-status-card #status-subtitle{font-size:13px}
.autopilot-page .ap-status-card #status-description{max-width:820px}
.autopilot-page .ap-feedback-side{padding-block:14px}
.autopilot-page .ap-parameters{margin:0 0 11px;grid-template-columns:repeat(4,minmax(0,1fr))}
.autopilot-page .ap-console-note{margin-top:8px}
.autopilot-page .ap-mobile-view{display:none}
@keyframes ap-confirm-light{
 0%{filter:brightness(1)}
 45%{filter:brightness(1.38)}
 100%{filter:brightness(1)}
}
@keyframes ap-context-enter{
 from{opacity:.65;transform:translateY(4px)}
 to{opacity:1;transform:translateY(0)}
}
.autopilot-page .ap-unit.ap-just-changed[data-state="active"] .ap-unit__lamp,
.autopilot-page .ap-unit.ap-just-changed[data-state="armed"] .ap-unit__lamp{
 animation:ap-confirm-light .42s ease-out 1
}
.autopilot-page .ap-status-card.ap-status-reveal h3{
 animation:ap-context-enter .28s ease-out both
}
.autopilot-page .ap-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:741px) and (max-width:1100px){
 .autopilot-page .ap-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .autopilot-page .ap-experience-heading>p{max-width:280px}
}
@media(max-width:740px){
 .autopilot-page .autopilot-intro{padding:39px 22px 40px}
 .autopilot-page .autopilot-intro .guide-kicker{margin-bottom:13px}
 .autopilot-page .autopilot-hero h1{font-size:clamp(36px,8vw,51px);margin-bottom:10px}
 .autopilot-page .autopilot-headline{font-size:9px;margin-bottom:11px}
 .autopilot-page .autopilot-lead{font-size:14px}
 .autopilot-page .autopilot-hero-actions{margin-top:13px}
 .autopilot-page .autopilot-body .guide-section.autopilot-experience{padding-top:27px}
 .autopilot-page .ap-panel-zone{padding-top:10px}
 .autopilot-page .ap-mobile-view{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 0 7px;
  color:#a0b19f;font-size:9px;font-weight:650;letter-spacing:.09em
 }
 .autopilot-page .ap-mobile-view-label{margin-right:auto}
 .autopilot-page .ap-mobile-view button{
  padding:8px 10px;border:1px solid rgba(195,224,200,.2);
  background:#0c140e;color:#93a995;font:650 9px/1.2 "Segoe UI Variable","Segoe UI",sans-serif;
  letter-spacing:.07em
 }
 .autopilot-page .ap-mobile-view button[aria-pressed="true"]{
  border-color:rgba(91,253,61,.48);background:rgba(91,253,61,.075);color:#5BFD3D
 }
 .autopilot-page .ap-panel-scroll[data-panel-view="overview"] .ap-panel{
  width:100%;min-width:0
 }
 .autopilot-page .ap-panel-scroll[data-panel-view="overview"] .ap-unit__button{
  font-size:clamp(8px,2.85cqw,14px)
 }
 .autopilot-page .ap-panel-scroll[data-panel-view="overview"] .ap-unit__value{
  font-size:clamp(7px,2.35cqw,12px)
 }
 .autopilot-page .ap-panel-scroll[data-panel-view="overview"] .ap-unit__detail{
  font-size:clamp(4px,.95cqw,7px)
 }
 .autopilot-page .ap-panel-scroll[data-panel-view="overview"] .ap-unit__lamp{
  min-width:3px;min-height:3px
 }
 .autopilot-page .ap-console-lower{padding:0 12px 18px}
 .autopilot-page .ap-scenario-head{margin-top:5px}
 .autopilot-page .ap-parameters{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
 .autopilot-page .ap-status-card{padding:17px}
 .autopilot-page .ap-feedback-layout{margin-bottom:10px}
 .autopilot-page .ap-flight-progress{gap:3px}
 .autopilot-page .ap-transport{row-gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .autopilot-page .ap-progress-step::before{transition:none}
 .autopilot-page .ap-unit.ap-just-changed .ap-unit__lamp,
 .autopilot-page .ap-status-card.ap-status-reveal h3{animation:none}
}


/* AERILIS AP — EDITORIAL TYPE RESTORATION / LAB
 * Keep the full-size Segoe UI Variable Display identity on iPad.
 * Make the original AP panel visible by removing duplicate intro copy,
 * NOT by reducing title, subtitles or explanatory text to miniature sizes.
 * Never modify original AP artwork or shared site CSS. */
.autopilot-page .autopilot-hero h1,
.autopilot-page .autopilot-experience-heading h2{
 font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;
 font-weight:350;
}
.autopilot-page .autopilot-hero h1{
 font-size:clamp(51px,5vw,76px);
 line-height:1.1;
 letter-spacing:-.052em;
}
.autopilot-page .autopilot-headline{
 font-family:"Segoe UI Variable","Segoe UI",sans-serif;
 font-size:clamp(11px,1.03vw,14px);
 font-weight:650;
 letter-spacing:.16em;
 line-height:1.55;
}
.autopilot-page .autopilot-experience-heading h2{
 font-size:clamp(41px,4vw,60px);
 line-height:1.1;
}
.autopilot-page .autopilot-experience-heading{
 margin-bottom:clamp(19px,2vw,28px);
}
@media(min-width:900px) and (max-width:1650px) and (max-height:1100px) and (orientation:landscape){
 .autopilot-page .autopilot-intro{
  padding-top:clamp(30px,3vw,45px);
  padding-bottom:clamp(28px,3vw,43px);
 }
 .autopilot-page .autopilot-intro .guide-kicker{
  font-size:11px;
  margin-bottom:clamp(16px,1.5vw,23px);
 }
 .autopilot-page .autopilot-headline{
  margin-bottom:0;
 }
 .autopilot-page .autopilot-body .guide-section.autopilot-experience{
  padding-top:clamp(22px,2.4vw,37px);
 }
 .autopilot-page .autopilot-experience-heading .guide-index{
  font-size:11px;
  margin-bottom:11px;
 }
}
@media(max-width:740px){
 .autopilot-page .autopilot-hero h1{font-size:clamp(43px,9vw,57px)}
 .autopilot-page .autopilot-headline{font-size:11px;letter-spacing:.10em}
 .autopilot-page .autopilot-experience-heading h2{font-size:clamp(34px,8vw,47px)}
}



/* AP HERO + PANEL FUSION — 08 NOV 2026 / LAB
   One strong Segoe UI Variable Display introduction: title, titanium
   subtitle and green signature, immediately followed by the genuine AP panel.
   Remove the separator ONLY at this fused hero-to-panel transition; retain
   the titanium/green separator for all later secondary-page sections. */
.autopilot-page .autopilot-intro{
  padding-top:clamp(32px,3.3vw,50px);
  padding-bottom:clamp(16px,1.7vw,26px);
}
.autopilot-page .autopilot-intro .guide-kicker{
  margin-bottom:clamp(15px,1.55vw,24px);
}
.autopilot-page .autopilot-hero h1{
  font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;
  font-size:clamp(51px,5vw,76px);
  font-weight:350;
  line-height:1.08;
  letter-spacing:-.052em;
  margin:0 0 clamp(10px,1vw,17px);
}
.autopilot-page .ap-hero-subtitle{
  max-width:1150px;
  margin:0 0 clamp(15px,1.6vw,23px);
  font:350 clamp(31px,3.15vw,47px)/1.15 "Segoe UI Variable Display","Segoe UI",sans-serif;
  letter-spacing:-.045em;
  color:#e0e8df;
}
.autopilot-page .ap-hero-subtitle span{
  color:#bacabc;
  background:linear-gradient(110deg,#e9f1e9 0%,#becdbf 55%,#849b89 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.autopilot-page .autopilot-headline{
  font-family:"Segoe UI Variable","Segoe UI",sans-serif;
  font-size:clamp(11px,1.03vw,14px);
  line-height:1.55;
  font-weight:650;
  letter-spacing:.16em;
  margin:0;
}
.autopilot-page .autopilot-body .guide-section.autopilot-experience{
  padding-top:clamp(5px,.7vw,12px);
  border-top:0;
}
body.aerilis-subpage.autopilot-page .guide-section.autopilot-experience::before{
  display:none;
}
@media(max-width:740px){
  .autopilot-page .autopilot-intro{
    padding-top:39px;
    padding-bottom:17px;
  }
  .autopilot-page .autopilot-hero h1{
    font-size:clamp(43px,9vw,57px);
    margin-bottom:11px;
  }
  .autopilot-page .ap-hero-subtitle{
    font-size:clamp(28px,6.4vw,38px);
    line-height:1.17;
    margin-bottom:14px;
  }
  .autopilot-page .autopilot-headline{
    font-size:11px;
    letter-spacing:.10em;
  }
  .autopilot-page .autopilot-body .guide-section.autopilot-experience{
    padding-top:5px;
  }
}