/* PluginPilot — Airspace theme
   Tokens, type and core components carried over from the live site;
   new sections (three steps, lineup, rules) added in the same system.
   2026-10-10: tinted example plugins, centered Night Flight contact. */

@font-face{font-family:"B612";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/b612-400-v13.woff2) format("woff2")}
@font-face{font-family:"B612";font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/b612-700-v13.woff2) format("woff2")}
@font-face{font-family:"B612 Mono";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/b612-mono-400-v16.woff2) format("woff2")}
@font-face{font-family:"B612 Mono";font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/b612-mono-700-v16.woff2) format("woff2")}

:root{
  --color-night-flight:#192638;
  --color-clear-sky:#2f779e;
  --color-instrument-glass:#b8c8cc;
  --color-high-cloud:#faf8f2;
  --color-cleared:#2e7d57;
  --color-holding:#a8720f;
  --color-grounded:#a83232;
  --font-interface:"B612",ui-sans-serif,system-ui,sans-serif;
  --font-evidence:"B612 Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ink-secondary:#192638b8;
  --cloud-secondary:#faf8f2b8;
  --rule-on-cloud:#19263826;
  --rule-on-night:#faf8f22e;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:var(--color-high-cloud);color:var(--color-night-flight);font-family:var(--font-interface);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;margin:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;font-family:var(--font-interface);font-weight:700}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
dl{margin:0}
.page-shell{width:min(1120px,100% - 48px);margin-inline:auto}

/* Header */
.site-header{border-bottom:1px solid var(--rule-on-cloud);justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}
.wordmark{width:fit-content;font-family:var(--font-interface);letter-spacing:-.01em;align-items:center;gap:12px;font-size:18px;font-weight:700;display:inline-flex}
.wordmark-logo{width:auto;height:30px}

/* Labels */
.project-status,.eyebrow,.section-kicker,.flight-card-header,.definition-sources{letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.3}
.step-number{font-family:var(--font-evidence);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.3}
.site-footer>span{font-family:var(--font-evidence);font-size:13px;font-weight:400;line-height:1.3}
.project-status{color:var(--color-clear-sky)}
.section-kicker{color:var(--color-clear-sky);margin:0 0 24px}

/* Hero */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:clamp(56px,9vw,118px);padding-block:104px 116px;display:grid}
.hero h1{max-width:14ch;font-size:clamp(40px,5.4vw,64px);letter-spacing:-.02em;line-height:1.06}
.hero-lede{max-width:34ch;color:var(--ink-secondary);margin:28px 0 0;font-size:20px;line-height:30px}
.hero-definition{max-width:56ch;margin:22px 0 0;font-size:15px;line-height:1.6;color:var(--ink-secondary)}
.hero-links{display:flex;flex-wrap:wrap;gap:12px 28px}
.text-link{border-bottom:1px solid var(--color-clear-sky);color:var(--color-clear-sky);gap:14px;margin-top:36px;padding-bottom:4px;font-size:14px;font-weight:700;display:inline-flex}
.text-link:hover,.text-link:focus-visible{border-color:var(--color-night-flight);color:var(--color-night-flight)}

/* Flight card (dark aside) */
.flight-card{background:var(--color-night-flight);color:var(--color-high-cloud);overflow:hidden}
.flight-card-header{border-bottom:1px solid var(--rule-on-night);color:var(--color-instrument-glass);justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:0 24px;display:flex}
.status-label{color:var(--color-instrument-glass);align-items:center;gap:8px;display:inline-flex}
.program-steps li{border-bottom:1px solid var(--rule-on-night);grid-template-columns:44px 1fr;gap:16px;padding:20px 24px 21px;display:grid;align-items:baseline}
.program-steps .step-number{color:var(--color-instrument-glass)}
.program-steps div{display:flex;flex-direction:column;gap:4px}
.step-name{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.step-out{color:var(--cloud-secondary);font-size:14px;line-height:1.45}
.definition-sources{text-transform:none;letter-spacing:.02em;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:14px 24px 15px;font-size:11px;font-weight:400;display:flex;color:var(--color-instrument-glass)}
.definition-sources a{border-bottom:1px solid #0000;color:var(--color-instrument-glass);padding-bottom:2px}
.definition-sources a:hover,.definition-sources a:focus-visible{border-bottom-color:currentColor;color:var(--color-high-cloud)}

/* Airspace (dark method section) */
.method-section{background:var(--color-night-flight);color:var(--color-high-cloud);padding-block:108px}
.method-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:clamp(70px,10vw,140px);display:grid}
.method-copy h2{font-size:clamp(28px,3.4vw,36px);letter-spacing:-.015em;line-height:1.14}
.method-copy>p:last-child{color:var(--cloud-secondary);max-width:54ch;margin:28px 0 0;font-size:16px;line-height:1.6}
.principle-list{border-top:1px solid var(--rule-on-night)}
.principle-list article{border-bottom:1px solid var(--rule-on-night);grid-template-columns:44px 1fr;gap:20px;padding:28px 0 30px;display:grid}
.principle-list .step-number{color:var(--color-instrument-glass);padding-top:6px}
.principle-list h3{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.principle-list p{color:var(--cloud-secondary);margin:0;font-size:16px;line-height:1.6}
.principle-list .step-output{color:var(--color-instrument-glass);font-family:var(--font-evidence);font-size:13px;line-height:1.5;margin-top:14px}

/* Trust the instruments */
.status-section{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:clamp(60px,10vw,140px);padding-block:108px 116px;display:grid}
.status-section h2{font-size:clamp(28px,3.4vw,36px);letter-spacing:-.015em;line-height:1.14}
.lead-line{margin:22px 0 0;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.35;max-width:26ch}
.status-copy p{color:var(--ink-secondary);font-size:18px;line-height:28px;max-width:56ch}
.status-copy p+p{margin-top:18px}
.pull-line{color:var(--color-night-flight)!important;border-left:3px solid var(--color-clear-sky);padding-left:18px;font-weight:700}

/* Example plugins: High Cloud tinted with Instrument Glass, set apart from "Why evidence" */
.lineup-section{background:#eaece9;background:color-mix(in srgb,var(--color-high-cloud) 75%,var(--color-instrument-glass) 25%);padding-block:96px}
.lineup-head{margin-bottom:40px}
.lineup-head h2,.rules-layout h2{font-size:clamp(28px,3.4vw,36px);letter-spacing:-.015em;line-height:1.14}
.lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}
.lineup-card{background:var(--color-high-cloud);border:1px solid var(--color-instrument-glass);padding:22px 24px 24px}
.lineup-card h3{font-size:20px;letter-spacing:-.01em;line-height:1.3;margin-bottom:8px}
.lineup-card p{color:var(--ink-secondary);font-size:15px;line-height:1.55}
.footnote{font-size:14px!important;line-height:1.55!important;color:var(--ink-secondary);margin-top:28px!important;padding-top:18px;border-top:1px solid var(--rule-on-cloud)}

/* Rules */
.rules-section{border-top:1px solid var(--rule-on-cloud);padding-block:96px}
.rules-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(60px,10vw,140px);display:grid;align-items:start}
.rules-list{border-top:1px solid var(--rule-on-cloud)}
.rules-list li{border-bottom:1px solid var(--rule-on-cloud);grid-template-columns:44px 1fr;gap:20px;padding:20px 0 22px;display:grid}
.rules-list .step-number{color:var(--color-clear-sky);padding-top:4px}
.rules-list p{font-size:16px;line-height:1.6}

/* Contact: centered closing section on Night Flight */
.contact-section{background:var(--color-night-flight);color:var(--color-high-cloud);padding-block:112px 120px}
.contact-layout{max-width:650px;text-align:center;display:flex;flex-direction:column;align-items:center}
.contact-section .section-kicker{color:var(--color-instrument-glass)}
.contact-layout h2{font-size:clamp(32px,4.4vw,48px);letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
.contact-lede{color:var(--cloud-secondary);max-width:44ch;margin:24px 0 0;font-size:18px;line-height:1.6;text-wrap:balance}
.contact-cta{background:var(--color-high-cloud);border:1px solid var(--color-high-cloud);color:var(--color-night-flight);align-items:center;gap:12px;min-height:48px;margin-top:40px;padding:13px 24px;font-size:15px;font-weight:700;line-height:1.3;display:inline-flex}
.contact-cta:hover{background:var(--color-instrument-glass);border-color:var(--color-instrument-glass)}

/* Footer */
.site-footer{border-top:1px solid var(--rule-on-cloud);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:132px;display:grid}
.site-footer p{color:var(--ink-secondary);text-align:center;margin:0;font-size:14px;line-height:1.5;max-width:44ch}
.footer-links{justify-self:end;display:flex;gap:20px;font-family:var(--font-evidence);font-size:13px;line-height:1.3}
.footer-links a{color:var(--color-clear-sky);border-bottom:1px solid #0000;padding-bottom:2px}
.footer-links a:hover,.footer-links a:focus-visible{border-bottom-color:currentColor}

/* Legal pages */
.legal{padding-block:64px 112px;max-width:720px}
.legal h1{font-size:clamp(32px,4vw,44px);letter-spacing:-.02em;line-height:1.08;margin:0 0 32px}
.legal h2{font-size:18px;letter-spacing:-.01em;line-height:1.3;margin:40px 0 12px;padding-top:20px;border-top:1px solid var(--rule-on-cloud)}
.legal h1+h2{margin-top:0;padding-top:0;border-top:0}
.legal p{color:var(--ink-secondary);font-size:16px;line-height:1.65}
.legal p+p{margin-top:14px}
.legal a{color:var(--color-clear-sky);border-bottom:1px solid currentColor;padding-bottom:1px}
.legal-lead{color:var(--color-night-flight)!important;font-size:18px!important;line-height:1.55!important;border-left:3px solid var(--color-clear-sky);padding-left:18px;margin-bottom:8px}
.legal-address{color:var(--color-night-flight)!important;line-height:1.7!important}
.legal-back{margin-top:0}

a:focus-visible,button:focus-visible{outline:2px solid var(--color-clear-sky);outline-offset:3px}
.flight-card a:focus-visible,.method-section a:focus-visible,.contact-section a:focus-visible{outline-color:var(--color-instrument-glass)}

/* Responsive */
@media (max-width:820px){
  .hero,.method-layout,.status-section,.lineup,.rules-layout{grid-template-columns:1fr}
  .hero{gap:56px;padding-block:76px 86px}
  .hero h1{max-width:none}
  .flight-card{max-width:560px}
  .method-layout,.status-section,.rules-layout{gap:50px}
  .site-footer{grid-template-columns:1fr auto;padding-block:34px}
  .site-footer p{text-align:left;grid-area:2/1/auto/-1;max-width:none}
}
@media (max-width:520px){
  .page-shell{width:min(100% - 32px,1120px)}
  .site-header{min-height:76px}
  .project-status{text-align:right;max-width:150px;line-height:1.4}
  .hero{padding-block:62px 72px}
  .hero h1{font-size:clamp(34px,9vw,44px)}
  .flight-card-header{flex-direction:column;align-items:flex-start;gap:6px;padding-block:18px}
  .method-section,.status-section,.lineup-section,.rules-section,.contact-section{padding-block:76px}
  .contact-section{padding-block:84px 92px}
  .contact-cta{margin-top:32px}
  .site-footer{grid-template-columns:1fr}
  .footer-links{justify-self:start}
  .site-footer p{grid-area:auto}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}