/* Dedicated Aviator guide using the shared visual system. */
.aviator-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:28px; padding:36px; border:1px solid var(--line); border-radius:12px; background:radial-gradient(ellipse at right,#451623,#00150d 75%); }
.aviator-hero > div { min-width:0; }
.aviator-hero > figure { margin:0; min-width:0; }
.aviator-hero > figure > img { display:block; width:100%; height:auto; border-radius:12px; }
.aviator-hero p { color:var(--muted); line-height:1.7; }
.aviator-hero .eyebrow { color:var(--green); }
.aviator-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0 20px; }
.aviator-facts div { padding:10px; border:1px solid var(--line); border-radius:8px; background:#00150d66; }
.aviator-facts dt { color:var(--muted); font-size:10px; }
.aviator-facts dd { margin:4px 0 0; color:#f2fff5; font-size:11px; font-weight:700; }
.aviator-secondary { display:block; color:var(--green); margin-top:18px; font-size:13px; font-weight:700; }
.aviator-topics { display:flex; flex-wrap:wrap; gap:12px 24px; padding:20px 0; margin-top:20px; border-bottom:1px solid var(--line); color:var(--green); font-size:13px; }
.aviator-copy { margin-top:40px; scroll-margin-top:100px; }
.aviator-copy h2 { color:var(--gold); line-height:1.3; margin-bottom:20px; font-size:clamp(21px,2.3vw,28px); }
.aviator-copy p,.aviator-copy li { max-width:920px; color:var(--muted); line-height:1.8; }
.aviator-copy a:not(.button) { color:var(--green); font-weight:700; }
.aviator-copy ol { padding-left:24px; }
.aviator-copy li { margin:14px 0; padding-left:4px; }
.aviator-copy li strong { color:#fff; }
.aviator-callout { padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.aviator-callout > strong { font-size:24px; color:var(--gold); }
.aviator-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; margin-top:24px; }
.aviator-faq details { padding:20px 0; border-bottom:1px solid var(--line); }
.aviator-faq summary { font-weight:700; line-height:1.6; }
@media(min-width:1101px) { .header { gap:20px; } .main-nav { gap:18px; } }
@media(max-width:600px) { .aviator-hero { grid-template-columns:1fr; padding:24px 18px; } .aviator-hero h1 { font-size:36px; } .aviator-hero > figure > img { max-height:260px; object-fit:contain; } .aviator-facts { grid-template-columns:1fr; } .aviator-copy { margin-top:30px; } .aviator-callout { padding:20px; } .aviator-callout > strong { font-size:21px; } }

.aviator-demo-window { margin:24px 0; max-width:920px; border:1px solid #63333b; border-radius:12px; overflow:hidden; background:#101719; }
.aviator-demo-bar { display:flex; justify-content:space-between; gap:16px; padding:14px 20px; background:#20171d; color:#fff; font-size:12px; font-weight:800; letter-spacing:1px; }
.aviator-demo-bar span:last-child { color:var(--gold); }
.aviator-demo-cover { display:block; position:relative; background:#150b11; }
.aviator-demo-cover > figure { margin:0; }
.aviator-demo-cover > figure > img { display:block; width:100%; height:320px; object-fit:cover; object-position:center; }
.aviator-demo-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:80px; height:80px; border-radius:50%; background:var(--green); color:#001b10; border:5px solid #ffffff40; box-shadow:0 0 40px #0008; font-size:30px; padding-left:4px; }
.aviator-demo-cover:hover .aviator-demo-play { background:var(--gold); }
.aviator-demo-copy { padding:24px; }
.aviator-demo-copy h3 { margin:0 0 12px; font-size:21px; line-height:1.4; }
.aviator-demo-copy .button { margin-top:10px; }
@media(max-width:600px) { .aviator-demo-cover > figure > img { height:220px; } .aviator-demo-copy { padding:20px; } .aviator-demo-play { width:64px; height:64px; font-size:24px; } }

.aviator-strategy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0; }
.aviator-strategy-grid article { min-width:0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.aviator-strategy-grid h3,.aviator-copy > h3 { font-size:18px; line-height:1.4; margin:0 0 12px; }
.aviator-strategy-grid strong { color:#fff; }
@media(max-width:600px) { .aviator-strategy-grid { grid-template-columns:1fr; gap:16px; } .aviator-strategy-grid article { padding:20px; } }