/* An inviting aviation introduction, with clear choices and restrained dawn color. */
.why-brand-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-width:0}
.why-hero-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0}
.why-hero-nav .btn{min-height:40px;padding:0 16px;font-size:.85rem}
@media(max-width:640px){.why-brand-column{align-items:flex-start;gap:0}.why-hero-nav{justify-content:flex-start;gap:6px}.why-hero-nav .btn{padding:0 12px;font-size:.8rem}}
.why-masthead { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:12px 0 22px; }
.why-masthead > div { display:flex; align-items:center; gap:20px; }
.why-masthead h1 { font:500 .8rem var(--ui); color:var(--ink-2); margin:0; padding-left:20px; border-left:1px solid var(--line); }
.why-masthead nav { display:flex; align-items:center; gap:22px; font-size:.86rem; }
.why-masthead nav > a:not(.btn) { color:var(--ink-2); text-decoration:none; }
.why-masthead nav > a:hover { color:var(--link); }
.why-page .intro-hero { padding:clamp(24px,3.5vw,48px); gap:28px 48px; grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr); background:radial-gradient(ellipse at 95% 0%,rgba(var(--amber-rgb),.16) 0%,transparent 55%),linear-gradient(145deg,var(--surface-2),var(--surface) 75%); border-color:var(--line); }
:root[data-theme="night"] .why-page .intro-hero { background:radial-gradient(ellipse at 95% 0%,rgba(var(--amber-rgb),.08) 0%,transparent 55%),linear-gradient(145deg,var(--surface-2),var(--canvas) 75%); }
.why-page .intro-hero::after { display:none; }
.why-eyebrow { font:600 .75rem var(--ui); color:var(--link); letter-spacing:.09em; text-transform:uppercase; margin:0 0 16px; }
.why-page .intro-hero .intro-h { font:700 clamp(2rem,3.2vw,3rem)/1.12 var(--display); max-width:none; margin:0 0 20px; }
.why-page .intro-hero .grad { background:none; color:var(--orange-text); }
.why-page .intro-hero .lede { max-width:62ch; font:400 1rem/1.75 var(--ui); color:var(--ink-2); margin-bottom:14px; }
.why-page .intro-logo { padding:0; gap:12px; }
.why-page .intro-logo svg { width:300px; height:300px; filter:none; }
.why-page .intro-logo { justify-self:center; padding:0; }
.why-page .intro-logo-name { font-size:3.4rem; }
.why-page .intro-logo-tag { font-size:.82rem; letter-spacing:.07em; }
.why-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 22px; margin-top:24px; }
.why-try { font-size:.88rem; font-weight:600; color:var(--link); text-decoration:none; }
.why-try:hover { text-decoration:underline; }
.why-start-note { font-size:.76rem; margin:14px 0 0; }
.why-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:18px 0 26px; padding:20px 24px; border:1px solid var(--line); border-radius:var(--r-m); background:var(--surface); }
.why-paths > div { padding-right:24px; }
.why-paths > div + div { padding-left:24px; padding-right:0; border-left:1px solid var(--line); }
.why-path-label { font-size:.7rem; color:var(--link); font-weight:600; }
.why-paths h3 { font-size:.9rem; margin:0 0 6px; color:var(--ink); }
.why-paths p { margin:0; max-width:62ch; font-size:.87rem; line-height:1.7; color:var(--ink-2); }
.why-page .pillars-head { margin-top:30px; }
.why-page .pillars-head h2 { font:600 clamp(1.25rem,2.2vw,1.65rem)/1.4 var(--ui); }
.why-page .pillars-head p { max-width:90ch; font-size:.94rem; line-height:1.75; }
.why-page .pillars-head .grad { color:var(--link); background:none; }
.why-page .pillar { padding:22px; gap:16px; box-shadow:none; }
.why-page .pillar-top .ico { background:var(--nav-soft); color:var(--link); }
.why-page .pillar-k { font:600 .9rem var(--ui); letter-spacing:.05em; }
.why-page .pillar p { font-size:.9rem; line-height:1.75; }
.why-page .pillar-links { gap:9px 18px; }
.why-page .pillar-links a { color:var(--link); font-size:.8rem; }
.why-page .why-card { padding:20px; box-shadow:none; }
.why-page .why-card .ico { color:var(--link); width:22px; height:22px; }
.why-page .why-card h3 { font-size:1rem; margin:12px 0 8px; }
.why-page .why-card p { font-size:.86rem; line-height:1.75; }
.why-page .why-n { color:var(--ink-3); font-size:.85rem; }
.why-invitation { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding:22px 24px; margin-top:28px; border:1px solid var(--line); border-radius:14px; background:var(--nav-soft); }
.why-invitation h2 { margin:0 0 6px; font-size:1.2rem; }
.why-invitation p { margin:0; color:var(--ink-2); font-size:.88rem; }
.why-page .study-only { padding:16px 18px; font-size:.8rem; line-height:1.7; border-left-width:2px; }
.why-sources { margin-top:18px; font-size:.8rem; color:var(--ink-2); }
.why-sources summary { cursor:pointer; width:fit-content; }
.why-page .intro-src { gap:8px; }
.why-page .intro-src .chip { height:auto; white-space:normal; padding:7px 10px; font-size:.72rem; }
@media(max-width:900px) { .why-page .intro-hero { grid-template-columns:minmax(0,1fr) minmax(300px,1fr); gap:24px; } .why-page .intro-logo { order:0; flex-direction:column; justify-self:center; } .why-page .intro-logo svg { width:200px; height:200px; } .why-page .intro-logo-name { font-size:2.4rem; } }
@media(max-width:640px) { .why-masthead h1 { display:none; } .why-masthead nav { gap:12px; font-size:.78rem; } .why-page .intro-hero { grid-template-columns:minmax(0,1fr); } .why-page .intro-logo { display:none; } .why-paths { grid-template-columns:minmax(0,1fr); gap:16px; padding:18px; } .why-paths > div { padding:0; } .why-paths > div + div { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; } .why-eyebrow { font-size:.66rem; } .why-hero-actions { gap:14px; } }

/* Keep the entry points legible against both the daylight and night canvases. */
.why-masthead nav { gap:10px; }
.why-masthead nav > a:not(.btn) { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font-weight:600; }
.why-masthead nav > a:not(.btn):hover { border-color:var(--link); background:var(--nav-soft); color:var(--link); }
.why-masthead .why-signin { min-height:42px; padding:0 20px; background:var(--sunrise); color:#fff; border-color:transparent; font-weight:700; }
.why-masthead .why-signin:hover { filter:brightness(1.05); border-color:transparent; color:#fff; }
@media(max-width:640px) { .why-masthead nav { gap:6px; } .why-masthead nav > a:not(.btn) { padding:0 10px; } .why-masthead .why-signin { padding:0 14px; } }