
:root{
 --ink:#10233f; --ink2:#213a5a; --blue:#1769e0; --blue2:#0e54ba; --sky:#eaf3ff;
 --paper:#fff; --bg:#f6f9fd; --muted:#5d6c7e; --line:#d9e4ef; --green:#0b7a59;
 --gold:#f5b83d; --shadow:0 10px 30px rgba(16,35,63,.07)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.68}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1160px;margin:auto;padding:0 22px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.navbar{min-height:72px;display:flex;align-items:center;gap:22px}
.brand{font-size:1.22rem;font-weight:900;color:var(--ink);white-space:nowrap}.brand span{color:var(--blue)}
nav{display:flex;align-items:center;gap:18px;margin-left:auto}nav a{font-weight:700;color:var(--ink);font-size:.92rem}
.header-cta{background:var(--blue);color:#fff!important;padding:10px 14px;border-radius:9px}
.hero{padding:76px 0 58px;background:linear-gradient(135deg,#f8fbff 0%,#e9f3ff 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:40px;align-items:center}
.eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.06;letter-spacing:-.035em;margin:.22em 0}
h2{line-height:1.18;letter-spacing:-.02em;margin-top:2em}h3{line-height:1.25;margin-top:1.55em}
.lead{font-size:1.18rem;color:var(--muted);max-width:790px}
.btn{display:inline-block;background:var(--blue);color:#fff!important;padding:13px 18px;border-radius:10px;font-weight:800;margin:7px 8px 7px 0;box-shadow:0 5px 14px rgba(23,105,224,.18)}
.btn:hover{background:var(--blue2);text-decoration:none}.btn.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.card,.panel,.sidebar-card,.cta-box,.note{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.card,.panel,.sidebar-card,.cta-box,.note{padding:24px}
.pilot-mark{font-size:4.7rem;text-align:center;line-height:1}.section{padding:54px 0}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:var(--green)}
.article-shell{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:34px;max-width:1160px;margin:44px auto;padding:0 22px;align-items:start}
.article h1{font-size:clamp(2.15rem,4.6vw,3.65rem)}.article p,.article li{font-size:1.045rem}.article ul,.article ol{padding-left:1.4em}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:var(--muted)}
.sidebar{position:sticky;top:92px}.sidebar-card{margin-bottom:18px}.sidebar-card h3{margin-top:0}
.sidebar-card ul{list-style:none;padding:0;margin:0}.sidebar-card li{border-top:1px solid var(--line);padding:9px 0}.sidebar-card li:first-child{border-top:0}
.cta-box{border-left:5px solid var(--blue);margin:32px 0}.cta-box h2{margin-top:.2em}.disclosure{font-size:.85rem;color:var(--muted)}
.note{background:#fff9e8;border-color:#ecd38a}.note strong{color:#6c5200}
table{width:100%;border-collapse:collapse;background:#fff;margin:24px 0;font-size:.96rem}th,td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--sky)}
.checklist li{margin:.45em 0}.route-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
footer{background:var(--ink);color:#d8e5f3;padding:44px 0;margin-top:58px}footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid p{margin:.5em 0}
.tag{display:inline-block;background:var(--sky);color:var(--blue2);font-weight:750;padding:4px 9px;border-radius:999px;font-size:.78rem;margin-right:6px}
@media(max-width:940px){.article-shell{grid-template-columns:1fr}.sidebar{position:static}.hero-grid,.grid3{grid-template-columns:1fr}.navbar{flex-wrap:wrap;padding:12px 0}nav{width:100%;order:3;margin:0;overflow:auto;padding-bottom:4px}.header-cta{margin-left:auto}.site-header{position:static}}
@media(max-width:650px){.grid2,.route-links,.footer-grid{grid-template-columns:1fr}nav{gap:12px}.hero{padding:52px 0 40px}.hide-mobile{display:none}}
