:root{--bg:#03070c;--panel:#07111c;--panel2:#0a1724;--line:rgba(149,179,207,.17);--green:#6dff4c;--blue:#48a4ff;--red:#ff5757;--gold:#ffd25d;--text:#f7fbff;--muted:#a6b6c6;--shadow:0 18px 50px rgba(0,0,0,.45);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,7,12,.97),rgba(3,7,12,.76),rgba(3,7,12,.92)),url('../images/oshkosh-airshow-bg.png') center/cover no-repeat;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 10%,rgba(72,164,255,.08),transparent 30%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;pointer-events:none;z-index:-1}.skip-link{position:fixed;top:-80px;left:16px;background:#fff;color:#000;padding:12px 16px;z-index:99;border-radius:8px}.skip-link:focus{top:12px}.topbar{display:grid;grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:18px;padding:11px clamp(14px,3vw,34px);background:rgba(2,6,11,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.38)}.logo-wrap{display:flex}.logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(109,255,76,.2))}.brand h1{margin:0;color:var(--green);font-size:36px;line-height:.95;letter-spacing:.04em}.brand p{margin:5px 0 0;color:#d9e6f2;font-size:12px;letter-spacing:.1em}.brand p:last-child{font-size:11px}.brand b{color:var(--green)}.blue-text{color:var(--blue)}.red-text{color:var(--red)}nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}nav a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:#e9f2fb;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.055em;transition:.18s ease;background:rgba(8,18,29,.7)}nav a:hover,nav a:focus-visible,nav a.active{color:var(--green);border-color:rgba(109,255,76,.38);background:rgba(109,255,76,.07)}.menu-toggle{display:none;background:#0a1724;border:1px solid rgba(109,255,76,.45);color:#fff;border-radius:10px;padding:11px 13px;font-weight:900}.ticker{display:flex;align-items:center;gap:26px;padding:8px clamp(14px,3vw,34px);overflow:auto;white-space:nowrap;background:rgba(3,9,15,.96);border-bottom:1px solid rgba(72,164,255,.22);font-size:12px;color:var(--muted);scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.ticker b{color:var(--green)}.ticker .alert{color:var(--red);font-weight:800}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.home-main,main{width:min(1420px,100%);margin:auto;padding:clamp(14px,2.5vw,34px)}.cockpit-hero{position:relative;min-height:520px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:url('../images/oshkosh-airshow-bg.png') 56% center/cover no-repeat;box-shadow:0 30px 80px rgba(0,0,0,.52);display:flex;align-items:flex-end;padding:clamp(24px,5vw,62px);isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,6,11,.97) 0%,rgba(1,6,11,.82) 38%,rgba(1,6,11,.2) 72%),linear-gradient(0deg,rgba(1,6,11,.88),transparent 60%)}.hero-copy{max-width:760px}.eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-copy h2{font-size:clamp(48px,7vw,92px);line-height:.88;letter-spacing:-.045em;margin:0;text-shadow:0 10px 36px rgba(0,0,0,.8)}.hero-copy h2 span{color:var(--blue)}.subtitle{font-size:clamp(16px,2vw,21px);line-height:1.55;color:#d7e3ee;max-width:680px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{padding:12px 16px;border-color:rgba(255,255,255,.17);background:linear-gradient(180deg,#0d1b29,#07111b);font-size:12px}.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:var(--green);color:var(--green);box-shadow:0 10px 24px rgba(0,0,0,.3)}.btn.primary{background:linear-gradient(180deg,#155da7,#0a315e);border-color:#4daaff}.btn.danger,.btn.red{background:linear-gradient(180deg,#7b1f23,#350b0e);border-color:#ff6c6c}.btn.blue{background:linear-gradient(180deg,#155da7,#0a315e);border-color:#4daaff}.btn.full{width:100%;margin-top:14px}.hero-status{position:absolute;right:28px;bottom:28px;width:230px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-status div{padding:12px;background:rgba(2,9,15,.8);border:1px solid rgba(255,255,255,.13);border-radius:11px;backdrop-filter:blur(12px)}.hero-status span{display:block;font-size:10px;color:var(--muted);letter-spacing:.12em}.hero-status strong{display:block;margin-top:5px;color:var(--green);font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:44px 4px 18px}.section-heading.compact{padding-top:40px}.section-heading h2,.links-panel h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.03em}.section-heading>p{max-width:540px;margin:0;color:var(--muted);line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.instrument{grid-column:span 4;background:linear-gradient(145deg,rgba(10,23,36,.96),rgba(5,13,21,.97));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.instrument>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.instrument>header h3,.instrument h3{margin:2px 0 0;color:#fff;font-size:17px;text-transform:none;letter-spacing:0}.instrument>header>a,.instrument>header>span{font-size:11px;color:var(--blue);text-decoration:none;font-weight:900;letter-spacing:.08em}.panel-kicker{display:block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.16em}.instrument .body{padding:18px}.span4{grid-column:span 4!important}.span6{grid-column:span 6!important}.span8{grid-column:span 8!important}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid>div,.clock-panel{padding:15px;background:rgba(2,8,14,.72);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center}.metric-grid span,.clock-panel span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.metric-grid b,.clock-panel b{display:block;color:var(--green);font-size:28px;margin-top:6px}.metric-grid small{display:block;color:#71869b;font-size:9px;margin-top:4px}.update-note,.disclaimer{color:var(--muted);font-size:12px;line-height:1.5}.weather-note{padding:0 18px 14px;margin:0}.weather-layout{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.weather-primary{text-align:center}.weather-primary b{display:block;color:var(--blue);font-size:58px;line-height:1}.weather-primary span{color:var(--muted);font-size:11px}.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:9px}.weather-details div{padding:11px;background:rgba(2,8,14,.72);border:1px solid rgba(255,255,255,.08);border-radius:10px}.weather-details span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.weather-details b{display:block;margin-top:4px;font-size:15px}.data-row,.status-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.data-row:last-child{border-bottom:0}.data-row span,.status-row span{color:var(--muted)}.band-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.band{padding:13px 8px;background:rgba(2,8,14,.75);border:1px solid rgba(255,255,255,.09);border-radius:10px;text-align:center}.band strong,.band span{display:block}.band span{margin-top:5px;font-size:10px;font-weight:900;letter-spacing:.08em}.band.good{border-color:rgba(109,255,76,.4)}.band.good span,.ok{color:var(--green)}.band.fair{border-color:rgba(255,210,93,.4)}.band.fair span,.warn{color:var(--gold)}.band.poor{border-color:rgba(255,87,87,.4)}.band.poor span,.bad{color:var(--red)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(10,23,36,.94),rgba(5,13,21,.96));color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:.2s ease}.feature-card:hover{transform:translateY(-4px);border-color:rgba(109,255,76,.4)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(72,164,255,.1);border:1px solid rgba(72,164,255,.25);color:var(--blue);font-size:20px;font-weight:900}.feature-card h3{margin:20px 0 8px;font-size:20px}.feature-card p{margin:0;color:var(--muted);line-height:1.55}.feature-card>b{margin-top:auto;padding-top:20px;color:var(--green);font-size:11px}.links-panel{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,15,24,.9);box-shadow:var(--shadow)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-links a{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#eaf3fb;text-decoration:none;background:rgba(2,8,14,.7);font-weight:700;font-size:12px}.quick-links a:hover{color:var(--green);border-color:rgba(109,255,76,.4)}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.one-col{grid-template-columns:1fr}.clock-panel+.clock-panel{margin-top:10px}.page-title{padding:20px 0 24px}.page-title h2{font-size:clamp(34px,5vw,54px);color:var(--green);margin:0}.feature-image{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:11px}.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:40px;padding:24px clamp(16px,3vw,34px);border-top:1px solid var(--line);background:#02060b;color:var(--muted);font-size:12px}.footer>div{display:flex;align-items:center;gap:11px}.footer img{width:45px;height:45px;object-fit:contain}.footer p{margin:0}.footer p:last-child{text-align:right}.footer b{color:var(--green)}.footer a{color:var(--blue)}code{background:#07111b;color:var(--green);padding:2px 6px;border-radius:4px;overflow-wrap:anywhere}
@media(max-width:1100px){.menu-toggle{display:block}nav{display:none;grid-column:1/-1;grid-template-columns:repeat(4,1fr);width:100%}nav.open{display:grid}.dashboard-grid>.instrument,.span4,.span6,.span8{grid-column:span 6!important}.metric-grid.four{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-status{display:none}.links-panel{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.topbar{grid-template-columns:auto 1fr auto;padding:9px 12px;gap:10px}.logo{width:56px;height:56px}.brand h1{font-size:29px}.brand p{font-size:9px}.brand p:last-child{display:none}.menu-toggle{font-size:11px}nav{grid-template-columns:repeat(2,1fr);gap:6px}nav a{font-size:11px}.ticker{padding-left:14px;gap:18px}.home-main,main{padding:13px}.cockpit-hero{min-height:470px;padding:24px;background-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(1,6,11,.97),rgba(1,6,11,.67)),linear-gradient(0deg,rgba(1,6,11,.9),transparent 65%)}.hero-copy h2{font-size:51px}.hero-buttons{display:grid;grid-template-columns:1fr;width:100%}.section-heading{display:block;padding-top:34px}.section-heading>p{margin-top:10px}.dashboard-grid{display:block}.instrument{margin-bottom:14px}.weather-layout{grid-template-columns:1fr}.weather-details{grid-template-columns:1fr 1fr}.band-cards{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:200px}.quick-links{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr;text-align:center}.footer>div{justify-content:center}.footer p:last-child{text-align:center}.links-panel{padding:20px}}
@media(max-width:410px){.brand p{display:none}.hero-copy h2{font-size:43px}.metric-grid.four{grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:1fr}.weather-details{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.weather-mini-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 18px 15px;color:var(--muted);font-size:11px}.weather-mini-footer a{color:var(--blue);font-weight:800;text-decoration:none}.page-intro{max-width:760px;color:var(--muted);line-height:1.65}.weather-hero{margin-bottom:16px}.weather-hero-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:22px;align-items:center}.weather-big-temp{text-align:center}.weather-big-temp>b{display:block;color:var(--blue);font-size:clamp(76px,10vw,126px);line-height:.9}.weather-big-temp>span,.weather-big-temp>small{display:block;color:var(--muted);margin-top:8px}.weather-big-temp strong{color:var(--text)}.weather-compass{text-align:center}.compass-ring{position:relative;width:150px;height:150px;margin:auto;border:2px solid rgba(72,164,255,.42);border-radius:50%;background:radial-gradient(circle,rgba(72,164,255,.12),rgba(2,8,14,.85) 65%);box-shadow:inset 0 0 30px rgba(72,164,255,.1)}.compass-ring span{position:absolute;font-size:11px;font-weight:900;color:var(--muted)}.compass-ring span:nth-child(1){top:7px;left:50%;transform:translateX(-50%)}.compass-ring span:nth-child(2){right:8px;top:50%;transform:translateY(-50%)}.compass-ring span:nth-child(3){bottom:7px;left:50%;transform:translateX(-50%)}.compass-ring span:nth-child(4){left:8px;top:50%;transform:translateY(-50%)}.compass-ring i{position:absolute;left:50%;top:50%;width:4px;height:57px;transform-origin:50% 90%;transform:translate(-50%,-90%) rotate(0deg);background:linear-gradient(var(--red) 0 65%,#dceaff 65%);clip-path:polygon(50% 0,100% 18%,68% 18%,68% 100%,32% 100%,32% 18%,0 18%)}.weather-compass>b,.weather-compass>small{display:block;margin-top:9px}.weather-compass>b{color:var(--green);font-size:22px}.weather-compass>small{color:var(--muted)}.weather-health{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(2,8,14,.7)}.weather-health p{color:var(--muted);line-height:1.6}.live-badge{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.1em}.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.weather-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.weather-metric{padding:18px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(10,23,36,.94),rgba(5,13,21,.97));text-align:center;box-shadow:var(--shadow)}.weather-metric span,.weather-metric small{display:block;color:var(--muted)}.weather-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.weather-metric b{display:block;margin:8px 0 5px;color:var(--green);font-size:23px}.weather-metric small{font-size:10px}.weather-lower{margin-top:0}.forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.forecast-day{padding:13px 7px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(2,8,14,.72);text-align:center}.forecast-day span,.forecast-day small,.forecast-day em,.forecast-day i{display:block}.forecast-day span{color:var(--blue);font-size:11px;font-weight:900}.forecast-day b{display:block;margin-top:8px;color:var(--text);font-size:25px}.forecast-day small{color:var(--muted);font-size:10px}.forecast-day em{min-height:28px;margin-top:8px;color:#d7e6f4;font-size:10px;font-style:normal}.forecast-day i{margin-top:5px;color:var(--green);font-size:9px;font-style:normal}
@media(max-width:1100px){.weather-metrics{grid-template-columns:repeat(3,1fr)}.forecast-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.weather-mini-footer{align-items:flex-start;flex-direction:column}.weather-hero-grid{grid-template-columns:1fr}.weather-health{text-align:center}.weather-metrics{grid-template-columns:repeat(2,1fr)}.forecast-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:410px){.weather-metrics{grid-template-columns:1fr 1fr}.weather-metric b{font-size:19px}}

.two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.atc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.atc-search label{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.atc-search>div{display:grid;grid-template-columns:1fr auto;gap:8px}.atc-search input{min-width:0;border:1px solid var(--line);border-radius:10px;background:#02080e;color:#fff;padding:12px;font-size:16px;text-transform:uppercase}.notice-panel{margin-top:16px;padding:18px;border:1px solid rgba(255,210,93,.3);border-radius:13px;background:rgba(255,210,93,.05)}.notice-panel b{color:var(--gold)}.notice-panel p{color:var(--muted);line-height:1.6;margin-bottom:0}
@media(max-width:900px){.atc-grid{grid-template-columns:1fr}.two-up{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.two-up{grid-template-columns:1fr}}