/* FlyHandled-aligned visual revision, preview only, October 2026. */
:root{
  --navy:#061329; --navy-2:#091b38;--navy-3:#0d2448;
  --night:#07142e;--panel:#10284c;--text:#f7faff;--soft:#c9dbf4;
  --gold:#f2ca68;--gold-deep:#d0a449;--stroke:rgba(206,226,255,.19);
  --max:1230px;--focus:#f7d477;
  color-scheme:dark;
}
html{scroll-padding-top:85px}
body{background:var(--navy);color:var(--text)}
::selection{background:#f2ca68;color:#06152d}
:where(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
a,button{touch-action:manipulation}
.wrap{width:min(var(--max),calc(100% - 88px))}
.sky-world{
  background:var(--navy);
  color:var(--text);
  isolation:isolate;
}
.sky-world::before{
  height:970px;
  inset:0 0 auto;
  background:linear-gradient(90deg,rgba(0,45,145,.3) 0%,rgba(0,69,160,.05) 54%,rgba(0,44,110,0) 100%),url('assets/flyhandled-sky.webp') center top / cover no-repeat;
  opacity:1;
  z-index:-2;
}
.sky-world::after{
  top:240px;bottom:auto;height:1030px;
  background:linear-gradient(180deg,rgba(4,34,94,0) 0%,rgba(3,26,69,.05) 24%,rgba(6,19,41,.52) 52%,#061329 78%,#061329 100%);
  z-index:-1;
}
.site-header{height:86px}
.nameplate{color:#fff;font-size:21px;font-weight:740;letter-spacing:-.028em}
.nameplate-dot{color:var(--gold)}
.navigation{gap:30px;font-size:14px;color:#f1f7ff}
.navigation>a:not(.nav-pill):hover{color:#fff;text-decoration:underline;text-underline-offset:8px}
.navigation .nav-pill{border:0;border-radius:12px;background:var(--gold);color:#081b3a;font-weight:780;padding:13px 19px;box-shadow:0 5px 12px rgba(0,31,86,.11)}
.navigation .nav-pill:hover{background:#ffe09b;color:#071831;transform:translateY(-2px)}
.hero{min-height:550px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);padding:42px 0 35px}
.hero-copy{padding:0;isolation:isolate}
.hero h1{font-size:clamp(45px,5.25vw,76px);font-weight:790;line-height:1.05;letter-spacing:-.032em;margin-bottom:21px;max-width:750px;color:#fff;text-wrap:balance;text-shadow:0 5px 20px rgba(0,37,110,.13)}
.hero h1 em{color:#fff;text-shadow:none}
.hero-lede{font-size:clamp(17px,1.55vw,22px);font-weight:480;line-height:1.52;color:#fff;max-width:540px;margin-bottom:27px;text-shadow:0 2px 9px rgba(6,49,119,.16)}
.hero-art{height:495px;align-self:center;margin-right:-38px;margin-left:-95px}
.hero-art img{position:absolute;width:min(770px,135%);right:-60px;top:50%;max-width:none;transform:translateY(-50%) rotate(-3deg);filter:drop-shadow(0 19px 23px rgba(12,46,81,.29));animation:plane-float 8s ease-in-out infinite;will-change:transform}
.hero-plane-aura{display:none}
@keyframes plane-float{0%,100%{transform:translateY(-50%) rotate(-3deg)}50%{transform:translateY(calc(-50% - 9px)) rotate(-2.4deg)}}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn,.nav-pill,.plan-btn{transition:transform .22s cubic-bezier(.2,.85,.2,1),background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn{border-radius:13px;min-height:54px;padding:0 21px;font-size:14px;font-weight:760;gap:18px}
.btn:active,.plan-btn:active,.nav-pill:active{transform:scale(.97)}
.btn-white,.plan-btn-dark,.contact-submit{color:#0a1d3c;background:linear-gradient(180deg,#ffe397,#f2ca68 56%,#dcb258);box-shadow:0 6px 14px rgba(4,28,69,.13),inset 0 1px 1px rgba(255,255,255,.62);border:1px solid rgba(255,236,183,.8)}
.btn-white:hover,.plan-btn-dark:hover,.contact-submit:hover{background:#ffe39c;color:#0a1d3c;box-shadow:0 10px 22px rgba(4,28,69,.2);transform:translateY(-2px)}
.btn-secondary{border:1px solid rgba(255,255,255,.75);background:rgba(3,52,123,.14);color:#fff;backdrop-filter:blur(5px)}
.btn-secondary:hover{background:rgba(2,29,83,.35)}
.building{border:0;background:transparent;padding:0;margin-top:31px;gap:10px;max-width:450px;backdrop-filter:none;border-radius:0}
.building:hover{background:transparent;transform:translateY(-1px)}
.building img{width:38px;height:38px;flex-basis:38px}
.building strong{font-size:13px;color:#fff}
.building small{font-size:11px;color:#f2f7ff}
.building-arrow{color:var(--gold)}
.overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:96px}
.overview-item{background:rgba(12,36,75,.81);color:#f5f9ff;border:1px solid rgba(212,230,255,.27);box-shadow:0 12px 32px rgba(0,10,40,.16);border-radius:16px;padding:22px;min-height:130px;gap:16px;transition:background-color .2s ease,transform .25s cubic-bezier(.18,.78,.22,1)}
.overview-item:hover{background:#183866;transform:translateY(-4px)}
.overview-icon{background:transparent;color:#f4fbff;border-radius:0;width:35px;height:35px;flex-basis:35px}
.overview-icon svg{width:29px}
.overview h2{font-size:18px;color:#fff;font-weight:710;letter-spacing:-.025em;margin-bottom:7px}
.overview p{font-size:13px;line-height:1.6;color:#d9e6f9}
.samples-section{padding-bottom:104px;gap:6%;grid-template-columns:.83fr 1fr;scroll-margin-top:90px}
.samples-intro h2,.section-title h2,.about-copy h2,.faq-layout h2,.contact-copy h2{color:#fff;font-size:clamp(32px,3.6vw,52px);line-height:1.11;letter-spacing:-.03em;text-wrap:balance}
.samples-intro p{color:#d5e2f6;line-height:1.66;max-width:395px;font-size:16px}
.sample-count{color:var(--gold)}
.round-button{border:1px solid rgba(221,237,255,.55);color:#fff;width:46px;height:46px;background:#132c53}
.round-button:hover{background:#234879;border-color:#fff}
.post-card{border-radius:16px;transform:none;box-shadow:0 22px 46px rgba(0,10,33,.24);max-width:580px;background:#fff}
.post-avatar{background:#d9e7fa;color:#0b408f}
.post-body{font-size:14px;line-height:1.68}
.sample-tag{color:#37577f;font-size:10px}
.sample:not([hidden]){animation:sample-appear .36s cubic-bezier(.16,1,.3,1) both}
@keyframes sample-appear{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* After the sky, one steady midnight palette, as on FlyHandled. */
.light-section,.about-section,.pricing-section,.faq-section,.contact-section{background:#061329;color:#f7faff}
.light-section{border-top:1px solid rgba(213,229,255,.08)}
.about-section{background:#091b38;border-top:1px solid rgba(213,229,255,.06);border-bottom:1px solid rgba(213,229,255,.06)}
.pricing-section{background:#061329}
.faq-section{background:#091b38}
.contact-section{background:#061329;border-top:1px solid rgba(213,229,255,.07)}
.spacious{padding-top:92px;padding-bottom:96px}
.section-title{margin-bottom:46px}
.section-title p,.step p,.about-copy p,.faq-list details p,.contact-copy>p{color:#c8d6eb;line-height:1.73}
.section-title p{font-size:17px}
.steps{gap:30px}
.step{border-top:1px solid rgba(216,230,255,.27);padding-top:25px}
.step-num{font-size:13px;color:var(--gold);letter-spacing:.04em;margin-bottom:19px}
.step h3{color:#fff;font-size:23px;letter-spacing:-.03em}
.step p{font-size:15px}
.process-note{color:#a9c0dc;font-size:12px}
.about-layout{padding-top:90px;padding-bottom:90px;gap:75px}
.about-photo{border:3px solid rgba(213,230,255,.25);border-radius:16px;box-shadow:0 18px 38px rgba(1,12,31,.34)}
.about-copy a:not(.inline-link){color:#f7d586;text-decoration-color:#f7d586}
.inline-link{color:var(--gold);border-color:var(--gold)}
.about-copy p{font-size:16px}
.price-grid{gap:18px}
.price-card,.price-card.primary-plan{background:#0c2344;color:#fff;border:1px solid rgba(207,226,255,.23);border-radius:16px;box-shadow:none;padding:30px 26px 25px;min-height:430px}
.price-card.primary-plan{background:#132d53;border-color:rgba(242,202,104,.76);box-shadow:0 13px 32px rgba(0,8,27,.15)}
.price-card h3{color:#fff;font-size:24px}
.plan-label{color:#f3d47d;letter-spacing:.09em;font-size:11px}
.plan-price{color:#fff;font-size:38px}
.plan-price span{color:#bccce2;font-size:14px}
.price-card>p{color:#d0def1;font-size:14px}
.price-card li{color:#f0f6ff;font-size:13px}
.price-card li::before{color:var(--gold)}
.price-card small,.pricing-footnote{color:#bacbe0}
.plan-btn{border-radius:12px;min-height:49px}
.plan-btn-outline{background:#112b52;border:1px solid rgba(231,239,255,.41);color:#fff}
.plan-btn-outline:hover{background:#214473;color:#fff}
.faq-list{border-color:rgba(218,232,255,.18)}
.faq-list details{border-color:rgba(218,232,255,.18)}
.faq-list summary{color:#f5faff}
.faq-list summary span{color:var(--gold)}
.contact-layout{padding-top:92px;padding-bottom:105px;gap:80px}
.contact-form{background:#0e264a;color:#fff;border:1px solid rgba(218,232,255,.24);border-radius:18px;box-shadow:0 20px 42px rgba(0,11,38,.2)}
.field-row label{color:#f9fbff}
.field-row input,.field-row textarea{background:#071a35;border:1px solid #4f6887;border-radius:11px;color:#fff;font-size:15px;min-height:48px}
.field-row input::placeholder,.field-row textarea::placeholder{color:#aebfd6;opacity:1}
.field-row input:focus,.field-row textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,202,104,.25)}
.contact-submit{width:100%;justify-content:center;color:#0b1a35;font-weight:800;border-radius:12px}
.form-help{color:#c3d1e5}
.site-footer{background:#050f23;border-top:1px solid rgba(211,226,250,.13)}
.footer-inner p{color:#c7d5ec}.footer-nav{color:#dfedff}.copyright{color:#aebed2}
/* Legal pages share the same night surface and readable measure. */
.legal-page{background:#07152d;color:#fff}
.legal-page .legal-main{padding:60px 0 110px}
.legal-page .narrow{width:min(780px,calc(100% - 48px));margin-inline:auto}
.legal-page .legal-nav{font-size:14px;color:#d0e0f7}
.legal-page .lede{font-size:17px;line-height:1.7;color:#c8d9ef}
.legal-page .prose{font-size:16px;line-height:1.74;color:#d6e2f3}
.legal-page .prose h2{color:#fff;letter-spacing:-.02em}
.legal-page .prose a{color:#f2ca68;text-decoration:underline}
/* Immediate feedback and restrained motion */
:where(a,button):active{filter:brightness(.97)}
:where(a,button){-webkit-tap-highlight-color:transparent}
.reveal{transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.reveal.is-pending{opacity:0;transform:translateY(17px)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1450px){.hero-art{margin-right:-70px}.hero-art img{right:-75px;width:870px}}
@media(max-width:1050px){
 .wrap{width:calc(100% - 54px)}
 .navigation{gap:16px}
 .hero-art{margin-right:-25px;margin-left:-75px;height:425px}
 .hero-art img{width:660px;right:-93px}
 .overview-item{padding:19px 17px}
}
@media(max-width:780px){
 .wrap{width:calc(100% - 38px)}
 .site-header{height:76px}
 .navigation{background:#081c3a;border:1px solid rgba(231,240,255,.33);backdrop-filter:blur(16px);box-shadow:0 16px 42px rgba(0,10,35,.32)}
 .navigation .nav-pill{color:#081b3a;margin-top:7px}
 .hero{padding-top:38px;padding-bottom:18px;display:grid;grid-template-columns:1fr;min-height:0;gap:0}
 .hero-copy{display:contents}
 .hero h1{font-size:clamp(42px,7.7vw,60px);line-height:1.08;max-width:650px;order:0;margin:0 0 17px}
 .hero-lede{order:1;font-size:17px;margin-bottom:10px;max-width:540px}
 .hero-art{order:2;height:min(59vw,375px);width:100%;margin:0;min-height:205px}
 .hero-art img{width:min(95vw,580px);right:-10px;top:52%;max-width:none}
 .hero-actions{order:3;gap:12px}
 .building{order:4;margin-top:21px}
 .overview{grid-template-columns:1fr;gap:10px;padding-bottom:84px}
 .overview-item{min-height:0;padding:17px 18px}
 .samples-section{grid-template-columns:1fr;gap:32px;padding-bottom:85px}
 .samples-intro p{max-width:560px}
 .post-card{max-width:none}
 .spacious{padding-top:78px;padding-bottom:84px}
 .about-layout{padding-top:80px;padding-bottom:85px;gap:32px}
 .price-grid{grid-template-columns:1fr}
 .price-card,.price-card.primary-plan{min-height:0;padding:26px 25px}
 .faq-layout{gap:18px;padding-top:75px;padding-bottom:75px}
 .contact-layout{padding-top:78px;padding-bottom:82px;gap:28px}
}
@media(max-width:530px){
 .wrap{width:calc(100% - 36px)}
 .sky-world::before{height:720px;background-position:center top;opacity:1}
 .sky-world::after{top:210px;height:800px;background:linear-gradient(180deg,rgba(5,38,100,0),rgba(6,19,41,.5) 44%,#061329 74%)}
 .hero{padding-top:28px;padding-bottom:18px}
 .hero h1{font-size:clamp(38px,10vw,52px);line-height:1.07;letter-spacing:-.028em}
 .hero-lede{font-size:16px;line-height:1.51;margin:0 0 4px}
 .hero-art{height:61vw;min-height:215px}
 .hero-art img{width:100%;right:0;top:51%}
 .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
 .hero-actions .btn{width:100%;justify-content:center;min-height:50px}
 .building{margin-top:17px;gap:10px}
 .building strong{font-size:12px}
 .building small{font-size:10px}
 .overview{padding-bottom:75px}
 .overview-item{border-radius:14px}
 .samples-intro h2,.section-title h2,.about-copy h2,.faq-layout h2,.contact-copy h2{font-size:clamp(32px,8.7vw,45px)}
 .post-card{border-radius:14px;padding:20px}
 .post-body{font-size:14px;line-height:1.65}
 .price-card{border-radius:14px}
 .faq-list summary{font-size:16px}
 .contact-form{padding:22px}
}
@media(prefers-reduced-motion:reduce){
 .hero-art img{animation:none!important;transform:translateY(-50%) rotate(-3deg)!important}
 .reveal,.sample:not([hidden]){transition:none!important;animation:none!important;transform:none!important;opacity:1!important}
 .overview-item:hover{transform:none}
}
@media(prefers-reduced-transparency:reduce){
 .navigation{backdrop-filter:none;background:#081c3a}
 .btn-secondary{backdrop-filter:none;background:#103266}
}
@media(prefers-contrast:more){
 .overview-item,.price-card,.post-card,.contact-form{border:2px solid currentColor}
 .hero-lede{background:rgba(2,28,74,.33)}
}

/* Refinement after comparing with the approved desktop and mobile art direction. */
.hero h1{font-size:clamp(43px,4.65vw,68px);max-width:750px;line-height:1.07}
.overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-item{padding:21px 16px;gap:12px}
.overview-icon{flex-basis:31px;width:31px}
.overview-icon svg{width:26px}
.overview h2{font-size:16px}
.overview p{font-size:12.5px}
.overview-link{color:#fff;text-decoration:none}
.hero-actions .btn-secondary{border-color:rgba(255,218,136,.75);color:#fff}
.plan-btn-outline{color:#0a1d3c;background:linear-gradient(180deg,#ffe397,#f2ca68 56%,#dcb258);border-color:#ffdf95}
.plan-btn-outline:hover{background:#ffe09a;color:#0a1d3c}
@media(max-width:1050px){.overview{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(44px,4.7vw,61px)}}
@media(max-width:780px){.hero h1{font-size:clamp(39px,7.4vw,56px)}.overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.hero h1{font-size:clamp(35px,9.5vw,48px)}.overview{grid-template-columns:1fr}}
/* Final hero crop and typography correction after desktop/mobile inspection. */
@media(min-width:1051px){
.hero-art{margin-right:-20px;margin-left:-52px;height:440px}
.hero-art img{width:min(660px,117%);right:-23px;top:49%}
.hero h1{font-size:clamp(43px,4.45vw,63px)}
.overview p{font-size:13px}
}
@media(min-width:1450px){.hero-art img{width:710px;right:-16px}}
@media(max-width:1050px) and (min-width:781px){.hero-art img{width:620px;right:-65px}}
/* Contrast scrim follows the sky image rather than placing a visible panel behind copy. */
.sky-world::before{background:linear-gradient(90deg,rgba(3,31,98,.53) 0%,rgba(4,45,114,.27) 43%,rgba(0,48,121,.02) 81%),url('assets/flyhandled-sky.webp') center top / cover no-repeat}
.hero h1{text-shadow:0 2px 13px rgba(0,22,72,.27)}
@media(max-width:530px){.sky-world::before{background:linear-gradient(90deg,rgba(3,31,98,.30),rgba(0,48,121,.07)),url('assets/flyhandled-sky.webp') center top / cover no-repeat}}