
:root{
  --bg:#07111d; --bg2:#0b1d2d; --panel:#0f2436; --text:#edf5fb; --muted:#9db0bf;
  --accent:#37a9ff; --light:#f3f7fa; --ink:#0b1722; --line:#20384c; --soft:#e7eef3;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,88vw);margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,17,29,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
.brand-mark{background:var(--accent);color:#04101a;padding:8px 9px;border-radius:8px;font-weight:900}
.navlinks{display:flex;gap:22px;margin-left:auto;font-size:14px;color:#c5d2dc}.navlinks a:hover{color:#fff}
.lang{background:#0c1c2a;color:#fff;border:1px solid #2b455b;border-radius:9px;padding:9px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px;margin-left:auto}
.hero{padding:100px 0 80px;background:radial-gradient(circle at 80% 25%,rgba(31,114,168,.28),transparent 28%),linear-gradient(180deg,#07111d,#081725)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:12px;font-weight:900}
.hero h1,.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;margin:14px 0 20px}.lead{font-size:20px;color:#b9c9d6;max-width:760px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:9px;font-weight:800;border:1px solid #38576d}
.btn.primary{background:var(--accent);color:#06111a;border-color:var(--accent)}
.visual{min-height:360px;border:1px solid #2e4b62;border-radius:20px;background:linear-gradient(145deg,rgba(55,169,255,.08),rgba(255,255,255,.02));padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.visual-plane{position:relative;height:210px}.visual-plane:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.visual-plane:after{content:"✈";position:absolute;left:45%;top:31%;font-size:72px;color:var(--accent);transform:rotate(-8deg)}.visual small{color:#8ca4b5}
.stats{border-block:1px solid var(--line);background:#091724}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:24px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}.stat b{display:block}.stat span{font-size:12px;color:#8da4b5}
.section{padding:90px 0;background:var(--light);color:var(--ink)}.section.dark{background:#0a1a29;color:#fff}.section.soft{background:#e8f0f5}
.section h2{font-size:42px;line-height:1.1;margin:10px 0 18px}.section-intro{max-width:760px;color:#617586}
.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid #d8e3ea;border-radius:14px;padding:26px}.dark .card{background:#102638;border-color:#2a465d}
.card h3{margin:9px 0}.card p{color:#617586}.dark .card p{color:#a9bac7}.card .num{color:var(--accent);font-weight:900}.link-card{transition:.2s ease}.link-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chip{padding:12px 16px;border:1px solid #31536c;border-radius:999px;background:#0d2233}
.page-hero{padding:78px 0 60px;background:linear-gradient(180deg,#07111d,#0a1b2a)}.page-hero p{color:#a9bac7;max-width:780px}.breadcrumb{font-size:13px;color:#79c8ff}
.ata-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.ata-card{background:#fff;border:1px solid #d9e4eb;border-radius:12px;padding:20px}.ata-card b{display:block;margin-top:6px}.ata-card small{color:#617586}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tool{background:#fff;border:1px solid #d7e3ea;border-radius:14px;padding:24px}
.tool label{display:block;font-weight:700;margin-top:12px}.tool input,.tool select{width:100%;padding:12px;border:1px solid #cdd9e1;border-radius:8px;margin-top:7px;background:#fff}
.result{margin-top:14px;padding:14px;border-radius:8px;background:#e9f5ff;font-weight:800}.notice{border-left:3px solid var(--accent);padding:14px 18px;background:#0f2638;color:#b5c4d0;border-radius:0 8px 8px 0}
.footer{padding:38px 0;background:#06101a;color:#8ea4b4}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;margin:7px 0;color:#a8bac7}
.footer-bottom{border-top:1px solid #1f3547;margin-top:28px;padding-top:20px;font-size:13px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#dff1ff;color:#0a5f95;font-size:12px;font-weight:800}
.article{max-width:820px}.article h2{font-size:32px;margin-top:34px}.article p,.article li{color:#405766}.article code{background:#e8eef2;padding:2px 6px;border-radius:4px}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#091724;padding:22px;flex-direction:column}.navlinks.open{display:flex}.menu{display:block}.hero-grid{grid-template-columns:1fr}.grid-3,.grid-4,.ata-grid,.tool-grid,.footer-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.section h2{font-size:34px}}
@media(max-width:620px){.grid-3,.grid-4,.ata-grid,.tool-grid,.footer-grid,.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.hero{padding-top:70px}.hero h1{font-size:44px}.lead{font-size:17px}.section{padding:65px 0}.page-hero h1{font-size:44px}}

.link-card{display:block;cursor:pointer}
.link-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.10);border-color:#9ccff0}
.footer-warning{margin-top:28px;padding:18px 20px;border:1px solid #29445b;border-radius:10px;background:#091927}
.footer-warning b{color:#d9e9f4}.footer-warning p{margin:8px 0 0;color:#8fa8ba;font-size:13px;line-height:1.6;max-width:1100px}
.modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(1,8,14,.72);align-items:center;justify-content:center;padding:20px}
.modal.show{display:flex}.modal-box{position:relative;min-width:min(520px,92vw);padding:48px 28px;background:#0c2030;border:1px solid #35536a;border-radius:16px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.modal-box strong{font-size:26px;color:#fff}.modal-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#bcd0dd;font-size:28px;cursor:pointer}

.about-long p{font-size:17px;line-height:1.85;margin-bottom:30px}
.contact-card{background:#fff;border:1px solid #d5e2ea;border-radius:14px;padding:34px;max-width:760px}
.contact-email{display:block;margin-top:10px;font-size:clamp(24px,4vw,38px);font-weight:800;color:#087bc1;word-break:break-all}
.aircraft-card-link{display:inline-block;margin-top:14px;color:#087bc1;font-weight:800;font-size:13px}
.aircraft-photo-wrap{background:#fff;border:1px solid #d7e3ea;border-radius:16px;overflow:hidden;margin-bottom:34px}
.aircraft-photo-wrap img{width:100%;height:min(58vw,620px);object-fit:cover}
.photo-credit{padding:9px 14px;font-size:12px;color:#667b8a;background:#f7fafc}
.aircraft-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.aircraft-overview{max-width:none}
.facts-panel,.operator-panel,.sources-panel{background:#fff;border:1px solid #d7e3ea;border-radius:14px;padding:26px}
.facts-panel h2,.operator-panel h2,.sources-panel h2{margin-top:0;font-size:27px}
.fact-row{padding:15px 0;border-bottom:1px solid #e4ecf1}
.fact-row:last-child{border-bottom:0}.fact-row b,.fact-row span{display:block}.fact-row span{margin-top:6px;color:#4e6575}
.operator-panel,.sources-panel{margin-top:26px}.operator-panel p,.sources-panel p{color:#4e6575}
.source-note{font-size:13px;border-left:3px solid #37a9ff;padding-left:14px}
.sources-panel a{color:#087bc1;font-weight:800}
@media(max-width:800px){.aircraft-detail-grid{grid-template-columns:1fr}.aircraft-photo-wrap img{height:52vw;min-height:250px}}
