/* A fictional lunch-break scene and a slowly rotating comic-light background. */
#B03a .pilot-launch{position:relative;isolation:isolate;overflow:hidden;padding-block:76px;background:radial-gradient(ellipse at 90% 10%,#FFEDE9 0,transparent 48%),radial-gradient(ellipse at 12% 85%,#D2EBE5 0,transparent 55%),#FFFCF5}
#B03a .pilot-launch::before{content:"";position:absolute;z-index:-1;inset:-70%;pointer-events:none;background:repeating-conic-gradient(from -8deg at var(--pilot-ray-x,calc(50% + clamp(120px,15vw,300px))) var(--pilot-ray-y,50%),#0F8E8017 0deg 11deg,transparent 11deg 24deg);mask-image:radial-gradient(ellipse at var(--pilot-ray-x,calc(50% + clamp(120px,15vw,300px))) var(--pilot-ray-y,50%),#000 0,#000 25%,transparent 62%);transform-origin:var(--pilot-ray-x,calc(50% + clamp(120px,15vw,300px))) var(--pilot-ray-y,50%);opacity:.65;animation:pilot-light-orbit 100s linear infinite;animation-play-state:paused}
#B03a .pilot-launch.pilot-motion-active::before{animation-play-state:running}
#B03a .pilot-launch::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(#08766A30 .8px,transparent 1px);background-size:9px 9px;mask-image:radial-gradient(ellipse at 92% 18%,#000,transparent 50%);opacity:.35}
#B03a .pilot-wrap{position:relative;gap:56px}
#B03a .pilot-copy{padding-block:12px}
#B03a .pilot-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #08766A35;border-radius:9px;background:#FFFCF5D9}
#B03a .pilot-kicker::before{content:"";width:9px;height:9px;background:#FB7664;clip-path:polygon(50% 0,61% 34%,96% 15%,76% 47%,100% 64%,65% 66%,68% 100%,48% 76%,22% 98%,31% 65%,0 59%,32% 43%,14% 16%,43% 31%)}
#B03a .pilot-notebook{padding:24px 30px 30px;background:#FFFCF5F5;border-color:#08766A60;border-radius:20px;box-shadow:5px 5px 0 #FB7664,0 18px 40px #08766A0B}
#B03a .pilot-note-header{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;margin-bottom:6px}
#B03a .pilot-note-title{font-size:13px;line-height:1.65;letter-spacing:.08em;margin:0;max-width:20ch}
#B03a .pilot-worker{position:relative;margin:0;min-width:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#F8DCAB80,transparent 68%)}
#B03a .pilot-worker img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 4px #1A19170C)}
@keyframes pilot-light-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1050px) and (min-width:851px){#B03a .pilot-wrap{gap:32px}#B03a .pilot-notebook{padding-inline:22px}#B03a .pilot-note-header{grid-template-columns:minmax(0,1fr) 150px}#B03a .pilot-worker img{width:150px}}
@media(max-width:850px){#B03a .pilot-launch{padding-block:56px}#B03a .pilot-wrap{gap:36px;justify-items:center}#B03a .pilot-copy,#B03a .pilot-notebook{width:100%;max-width:640px}#B03a .pilot-note-header{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:480px){#B03a .pilot-launch{padding-block:44px}#B03a .pilot-notebook{padding:18px 18px 24px}#B03a .pilot-note-header{grid-template-columns:minmax(0,1fr) 128px;gap:8px}#B03a .pilot-note-title{font-size:11px;letter-spacing:.06em}#B03a .pilot-worker img{width:128px}}
@media(prefers-reduced-motion:reduce){#B03a .pilot-launch::before{animation:none;transform:none;opacity:.65}}
@media(forced-colors:active){#B03a .pilot-launch{background:Canvas}#B03a .pilot-launch::before,#B03a .pilot-launch::after{display:none}#B03a .pilot-notebook,#B03a .pilot-kicker{background:Canvas;border-color:CanvasText;box-shadow:none}}

/* A gentle reveal at the hero-to-pilot boundary, with a static fallback. */
@supports (animation-timeline: view()) {
 @media (prefers-reduced-motion: no-preference) {
  #B03a .pilot-wrap { animation: pilot-arrive linear both; animation-timeline: view(); animation-range: entry 0% entry 65%; }
 }
}
@keyframes pilot-arrive { from { opacity:.72; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }

@media(max-width:850px){#B03a .pilot-launch{--pilot-ray-x:50%;--pilot-ray-y:58%}}