/* V4: FlyHandled-inspired, single midnight blue canvas and persistent navigation.
   Original product copy, truthful speculative samples and accessible reduced motion preserved. */
:root {
 --brand-navy:#071d66;
 --brand-navy-deep:#061b61;
 --brand-card:#0d2878;
 --brand-stroke:rgba(189,210,255,.14);
 --brand-gold:#dbb44e;
 --brand-gold-ink:#111922;
 --brand-text:#f9fbff;
 --brand-muted:#c4d2f0;
 --brand-ease:cubic-bezier(.22,1,.36,1);
 --header-height:64px;
}
html{scroll-padding-top:calc(var(--header-height) + 22px)}
.aviation-v4{background:var(--brand-navy-deep);color:var(--brand-text)}
.aviation-v4 main{padding-top:var(--header-height)}
.aviation-v4 :is(.light-section,.about-section,.pricing-section,.faq-section,.contact-section,.site-footer){background:var(--brand-navy-deep)!important;color:var(--brand-text)}
.aviation-v4 :is(.light-section,.about-section,.pricing-section,.faq-section,.contact-section){border-top:0;border-bottom:0}
.aviation-v4 section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}
/* The navigation is always visible. No tint or blur changes on scrolling. */
.aviation-v4 .site-header{
 position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--brand-navy);
 z-index:950;border-bottom:1px solid rgba(192,216,255,.16);
 box-shadow:0 2px 12px rgba(0,8,35,.12);color:#fff;
}
.aviation-v4 .navigation{gap:clamp(16px,2.2vw,32px);font-size:13px;color:#eff4ff}
.aviation-v4 .navigation>a:not(.nav-pill){position:relative;padding-block:12px;text-decoration:none!important;transition:opacity .22s ease}
.aviation-v4 .navigation>a:not(.nav-pill)::after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:100%;background:var(--brand-gold);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--brand-ease)}
.aviation-v4 .navigation>a:not(.nav-pill):hover::after,.aviation-v4 .navigation>a:not(.nav-pill).is-active::after{transform:scaleX(1)}
.aviation-v4 .nameplate-dot{color:var(--brand-gold)}
/* The hero is the only photographic/gradient area. */
.aviation-v4 .sky-world{background:var(--brand-navy-deep);isolation:isolate;overflow:hidden;}
.aviation-v4 .sky-world::before{
 background-image:linear-gradient(90deg,rgba(5,32,113,.64) 0%,rgba(8,49,129,.18) 54%,rgba(8,64,130,0) 100%),url('assets/flyhandled-sky.webp');
 background-position:center,center 48%;background-size:cover,cover;
 height:100%;inset:0;opacity:1;z-index:-2;
}
.aviation-v4 .sky-world::after{
 content:"";position:absolute;inset:auto 0 0 0;height:39%;
 background:linear-gradient(to bottom,rgba(6,27,97,0) 0%,rgba(6,27,97,.4) 38%,var(--brand-navy-deep) 99%);
 z-index:-1;pointer-events:none;
}
.aviation-v4 .hero{min-height:620px;padding-top:39px;padding-bottom:55px;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:3%;align-items:center}
.aviation-v4 .hero-copy{position:relative;z-index:5}
.aviation-v4 .hero h1{font-size:clamp(41px,3.58vw,58px);line-height:1.08;letter-spacing:-.05em;max-width:720px;text-wrap:balance;text-shadow:0 2px 20px rgba(3,23,74,.26)}
.aviation-v4 .hero-lede{max-width:525px;font-size:clamp(17px,1.55vw,21px);text-shadow:0 2px 9px rgba(3,23,74,.19)}
/* Complete airplane, without clipping nose, winglets or stabilizer. */
.aviation-v4 .hero-art{
 position:relative;width:100%;height:clamp(360px,40vw,535px);margin:0;min-width:0;
 display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:none;
}
.aviation-v4 .hero-art img{
 position:relative;inset:auto;display:block;width:100%;height:100%;max-width:none;
 object-fit:contain;object-position:center center;
 transform:none;animation:brand-plane-hover 11s ease-in-out infinite;
 filter:drop-shadow(0 18px 20px rgba(5,27,80,.2));
}
@keyframes brand-plane-hover{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
.aviation-v4 .building{margin-top:25px}
.aviation-v4 .building strong{font-weight:720}
/* Uniform background for every following section, including the overview. */
.aviation-v4 .overview{padding-top:34px;padding-bottom:72px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aviation-v4 .overview-item{
 min-height:145px;background:var(--brand-card);border:1px solid var(--brand-stroke);
 border-radius:20px;box-shadow:none;padding:24px 22px;gap:16px;
 transition:transform .42s var(--brand-ease),border-color .3s ease,box-shadow .42s var(--brand-ease);
}
.aviation-v4 .overview-item:hover{transform:translateY(-4px);background:var(--brand-card);border-color:rgba(214,230,255,.36);box-shadow:0 15px 32px rgba(2,12,52,.21)}
.aviation-v4 .overview-icon{width:37px;height:37px;flex-basis:37px;border-radius:12px;background:rgba(65,119,218,.23);display:grid;place-items:center}
.aviation-v4 .overview-icon svg{width:23px}
.aviation-v4 .overview h2{font-size:17px;margin-bottom:8px}
.aviation-v4 .overview p{font-size:14px;color:#d3ddf4;line-height:1.56}
.aviation-v4 .samples-section{padding-top:66px;padding-bottom:88px;color:var(--brand-text)}
.aviation-v4 :is(.section-title p,.step p,.about-copy p,.contact-copy>p,.samples-intro p,.process-note,.pricing-footnote){color:var(--brand-muted)}
.aviation-v4 .spacious{padding-block:95px}
.aviation-v4 .about-layout{padding-block:90px}
.aviation-v4 .contact-layout{padding-block:95px}
.aviation-v4 .faq-layout{padding-block:94px}
.aviation-v4 .section-title{margin-bottom:42px}
.aviation-v4 .step{border-color:rgba(191,211,248,.24)}
.aviation-v4 .step-num{color:var(--brand-gold)}
.aviation-v4 .step h3{color:#fff}
.aviation-v4 .about-photo{box-shadow:none}
.aviation-v4 .about-copy a:not(.inline-link){color:#ffda7e}
.aviation-v4 .inline-link{color:#ffda7e;border-color:#ffda7e}
.aviation-v4 .price-card,.aviation-v4 .price-card.primary-plan{
 background:var(--brand-card);border:1px solid var(--brand-stroke);border-radius:20px;
 box-shadow:none;min-height:430px;transition:transform .4s var(--brand-ease),border-color .32s ease,box-shadow .4s var(--brand-ease);
}
.aviation-v4 .price-card.primary-plan{border-color:rgba(219,180,78,.82)}
.aviation-v4 .price-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(1,11,47,.22);border-color:rgba(220,229,255,.4)}
.aviation-v4 .plan-label{color:#f2ca6b}
.aviation-v4 :is(.price-card>p,.price-card li,.plan-price span){color:#d9e3f8}
.aviation-v4 .contact-form{background:var(--brand-card);border:1px solid var(--brand-stroke);box-shadow:none;border-radius:20px}
.aviation-v4 .field-row input,.aviation-v4 .field-row textarea{background:#061c5d;border:1px solid rgba(180,208,252,.47)}
.aviation-v4 .field-row input:focus,.aviation-v4 .field-row textarea:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px rgba(219,180,78,.2)}
.aviation-v4 .post-card{background:#1b1f23;border:1px solid #384049}
.aviation-v4 .site-footer{background:var(--brand-navy-deep)!important;border-top:1px solid var(--brand-stroke)}
/* Consistent gold action system. No gradient or color jump on hover. */
.aviation-v4 :is(.navigation .nav-pill,.btn-white,.plan-btn-dark,.plan-btn-outline,.contact-submit){
 background:var(--brand-gold)!important;background-image:none!important;
 color:var(--brand-gold-ink)!important;border:1px solid rgba(251,225,154,.65)!important;
 box-shadow:none;border-radius:14px;transition:transform .38s var(--brand-ease),box-shadow .38s var(--brand-ease),border-color .25s ease!important;
}
.aviation-v4 :is(.navigation .nav-pill,.btn-white,.plan-btn-dark,.plan-btn-outline,.contact-submit):hover{
 background:var(--brand-gold)!important;background-image:none!important;color:var(--brand-gold-ink)!important;
 border-color:#ffe49e!important;transform:translateY(-2px);box-shadow:0 10px 23px rgba(2,14,49,.27);
}
.aviation-v4 :is(.navigation .nav-pill,.btn-white,.plan-btn-dark,.plan-btn-outline,.contact-submit):active{transform:translateY(0) scale(.985);transition-duration:.11s!important}
.aviation-v4 .btn-secondary{border-color:rgba(219,229,255,.63);background:rgba(4,30,101,.18);border-radius:14px}
.aviation-v4 .btn-secondary:hover{background:rgba(4,30,101,.4)}
.aviation-v4 .faq-trigger{color:#fff}
.aviation-v4 .faq-trigger:hover{color:#ffdc83}
.aviation-v4 .faq-trigger span{color:var(--brand-gold)}
.aviation-v4 .faq-answer-inner p{color:#d0dcf2}
/* Floating jump-to-contact control, patterned on FlyHandled's always-available help control. */
.floating-contact{
 position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:900;
 display:inline-flex;align-items:center;gap:16px;padding:6px 6px 6px 22px;
 transform:translate3d(-50%,125px,0);opacity:0;visibility:hidden;pointer-events:none;
 border:1px solid rgba(219,229,255,.28);border-radius:999px;background:#071d66;
 box-shadow:0 14px 42px rgba(0,8,37,.42);color:#fff;white-space:nowrap;
 font-weight:730;font-size:14px;line-height:1.2;letter-spacing:-.01em;
 transition:transform .5s var(--brand-ease),opacity .32s ease,visibility .32s;
}
.floating-contact.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0)}
.floating-contact:hover{box-shadow:0 18px 48px rgba(0,8,37,.49);color:#fff}
.floating-contact:active{transform:translate3d(-50%,0,0) scale(.985)}
.floating-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--brand-gold);color:#09173b;font-size:20px;line-height:1;transition:transform .35s var(--brand-ease)}
.floating-contact:hover .floating-arrow{transform:rotate(35deg)}
/* animation of section entry, activated only with JS and visible viewport targets */
.aviation-v4 .motion-item{opacity:1;transform:none}
.aviation-v4.has-observer .motion-item:not(.motion-entered){opacity:0;transform:translateY(18px)}
.aviation-v4.has-observer .motion-item{transition:opacity .8s var(--brand-ease),transform .8s var(--brand-ease),border-color .3s ease,box-shadow .4s var(--brand-ease)}
.aviation-v4.has-observer .motion-item.motion-entered{opacity:1;transform:translateY(0)}
/* all sections on same canvas, spacers rather than borders drive hierarchy */
@media(min-width:1100px){.aviation-v4 .hero-art{height:510px}.aviation-v4 .hero-art img{width:108%;height:108%;object-fit:contain}}
@media(max-width:1050px){
 .aviation-v4 .hero{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);min-height:550px}
 .aviation-v4 .hero-art{height:420px}
 .aviation-v4 .overview{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
 :root{--header-height:68px}
 .aviation-v4 .hero{display:grid;grid-template-columns:1fr;gap:8px;min-height:0;padding-block:39px 33px}
 .aviation-v4 .hero-copy{display:contents}
 .aviation-v4 .hero h1{order:0;font-size:clamp(38px,7.5vw,55px);max-width:630px;line-height:1.07;margin-bottom:12px}
 .aviation-v4 .hero-lede{order:1;font-size:17px;margin-bottom:13px;max-width:580px}
 .aviation-v4 .hero-art{order:2;width:100%;height:clamp(260px,61vw,410px);margin:0;max-width:none;min-height:0}
 .aviation-v4 .hero-art img{width:100%;height:100%;position:relative;inset:auto;object-fit:contain}
 .aviation-v4 .hero-actions{order:3;flex-direction:row;align-items:stretch}
 .aviation-v4 .building{order:4;margin-top:17px}
 .aviation-v4 .overview{grid-template-columns:1fr;gap:12px;padding-top:28px;padding-bottom:58px}
 .aviation-v4 .overview-item{min-height:0;padding:20px}
 .aviation-v4 .navigation{background:var(--brand-navy);border:1px solid rgba(201,219,255,.25);box-shadow:0 18px 38px rgba(0,10,42,.32)}
 .aviation-v4 .navigation .nav-pill{margin-top:10px}
 .aviation-v4 .samples-section{padding-block:70px}
 .aviation-v4 .price-card,.aviation-v4 .price-card.primary-plan{min-height:0}
 .aviation-v4 .spacious{padding-block:76px}
 .aviation-v4 .about-layout,.aviation-v4 .faq-layout,.aviation-v4 .contact-layout{padding-block:76px}
}
@media(max-width:530px){
 .aviation-v4 .hero{padding-top:32px;padding-bottom:12px}
 .aviation-v4 .hero h1{font-size:clamp(35px,9.2vw,44px)}
 .aviation-v4 .hero-art{height:clamp(230px,69vw,315px)}
 .aviation-v4 .hero-actions{flex-direction:column}
 .aviation-v4 .hero-actions .btn{width:100%}
 .aviation-v4 .building{margin-top:14px}
 .aviation-v4 .overview{padding-top:18px}
 .aviation-v4 .samples-section{padding-top:56px}
 .floating-contact{bottom:max(15px,env(safe-area-inset-bottom));gap:10px;font-size:13px;padding:5px 5px 5px 18px}
 .floating-arrow{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
 .aviation-v4 .hero-art img{animation:none!important;transform:none!important}
 .floating-contact{transition:none!important}
 .aviation-v4.has-observer .motion-item:not(.motion-entered){opacity:1;transform:none}
 .aviation-v4 .motion-item{transition:none!important}
}
/* FlyHandled-style rounded actions, matching gold without switching shades. */
.aviation-v4 :is(.navigation .nav-pill,.btn-white,.plan-btn-dark,.plan-btn-outline,.contact-submit){border-radius:999px}
.aviation-v4 .btn-secondary{border-radius:999px}
/* Keep hover elevation after the entry animation has finished. */
.aviation-v4.has-observer .price-card.motion-entered:hover,
.aviation-v4.has-observer .overview-item.motion-entered:hover{transform:translateY(-4px)}
.legal-page{background:var(--brand-navy-deep);color:#fff}
.legal-page .site-header{background:var(--brand-navy)}