:root{
  --navy:#002846; --navy2:#00385f; --blue:#075a8c; --yellow:#ffc51c;
  --orange:#ff8a00; --white:#fff; --text:#1f2937; --muted:#6b7280;
  --light:#f4f7f9; --max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(92%,var(--max));margin:auto}
.narrow{max-width:900px;text-align:center}
.site-header{height:78px;background:rgba(0,40,70,.98);color:#fff;border-bottom:2px solid rgba(255,197,28,.8);position:sticky;top:0;z-index:50}
.navbar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:18px;white-space:nowrap}
.brand-main{font-weight:900;font-size:1.05rem;line-height:1}.brand-main strong{display:block;color:var(--yellow);font-size:1.5rem}
.brand-sub{font-size:.65rem;letter-spacing:1px;border-left:2px solid var(--yellow);padding-left:18px}
nav ul{display:flex;list-style:none;gap:24px;align-items:center}
nav a{font-size:.78rem;font-weight:800;text-transform:uppercase}
nav a:hover,nav a.active{color:var(--yellow)}
.menu-button{display:none;border:0;background:transparent;color:#fff;font-size:1.7rem;cursor:pointer}

.hero{min-height:650px;position:relative;color:#fff;background:url("/assets/images/hero-pilotagem-drones.png") center center/cover no-repeat;display:flex;align-items:center;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,25,48,.92) 0%,rgba(0,34,62,.75) 31%,rgba(0,34,62,.18) 63%,rgba(0,0,0,.03) 100%)}
.hero-content{position:relative;z-index:2;padding:70px 0;max-width:1220px}
.eyebrow,.section-label{color:var(--yellow);text-transform:uppercase;letter-spacing:2.5px;font-size:.78rem;font-weight:900}
.hero h1{font-size:clamp(3.5rem,7vw,6.7rem);line-height:.83;letter-spacing:-4px;margin:18px 0 28px;max-width:720px}
.hero h1 span{display:block;background:linear-gradient(180deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h2{font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.25;border-left:5px solid var(--yellow);padding-left:20px;margin-bottom:20px}
.volume-badge{display:inline-block;border:2px solid #fff;border-radius:12px;padding:5px 16px;font-weight:900;letter-spacing:1px;margin-bottom:24px}
.volume-badge strong{color:var(--yellow);font-size:1.35rem}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:18px;padding:13px 22px;border-radius:9px;text-transform:uppercase;font-weight:900;font-size:.8rem;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(90deg,var(--yellow),#ffb316);color:var(--navy)}
.btn-secondary{border:2px solid #fff;color:#fff;background:rgba(0,40,70,.45)}

.topics{background:linear-gradient(180deg,#00365d,#002846);color:#fff;border-top:1px solid rgba(255,255,255,.15)}
.topics-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.topic{text-align:center;padding:26px 12px;position:relative;font-size:.74rem;line-height:1.35}
.topic:not(:last-child):after{content:"";position:absolute;right:0;top:22%;height:56%;width:2px;background:var(--yellow)}
.topic-icon{display:block;font-size:2.1rem;margin-bottom:8px;color:#fff}

.intro{padding:90px 0}
.intro h2,.section-heading h2,.volume-copy h2,.update-box h2{color:var(--navy);font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;margin:12px 0 22px}
.intro p{color:var(--muted);font-size:1.08rem}
blockquote{margin:40px auto 0;padding:24px 30px;background:#eef6fb;border-left:5px solid var(--yellow);color:var(--navy);font-weight:800;font-size:1.3rem;text-align:left}

.journey{background:#f6f8fa;padding:90px 0}
.section-heading{text-align:center;margin-bottom:45px}.section-heading p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.step{background:#fff;border:1px solid #e1e5e9;border-radius:14px;padding:22px 12px;text-align:center;min-height:170px;transition:.2s}
.step:hover{transform:translateY(-5px);border-color:var(--yellow)}
.step span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;border-radius:50%;background:#edf0f2;color:#7b8490;font-weight:900}
.step strong,.step small{display:block}.step strong{font-size:.82rem;color:var(--navy)}.step small{font-size:.72rem;color:var(--muted);margin-top:7px}
.step.active{background:var(--navy);border-color:var(--navy)}.step.active span{background:var(--yellow);color:var(--navy)}.step.active strong{color:#fff}.step.active small{color:#c9d5de}

.volume-section{padding:100px 0}.volume-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.volume-panel{min-height:440px;background:linear-gradient(145deg,var(--navy),#075a8c);border-radius:25px;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.volume-panel:after{content:"01";position:absolute;right:-10px;top:-75px;font-size:16rem;font-weight:900;color:rgba(255,255,255,.055)}
.volume-panel span{color:var(--yellow);font-weight:900;letter-spacing:2px}.volume-panel h2{font-size:2.6rem;line-height:1.03;margin-top:15px}
.volume-copy p{color:var(--muted);margin-bottom:25px}.stats{display:flex;gap:40px;margin:28px 0 35px}.stats strong,.stats span{display:block}.stats strong{font-size:2rem;color:var(--navy)}.stats span{font-size:.8rem;color:var(--muted)}

.resources{background:var(--navy);padding:90px 0;color:#fff}.section-heading.light h2{color:#fff}.section-heading.light p{color:#cbd7df}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.resource-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:28px;border-radius:16px;transition:.2s}
.resource-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.12)}.resource-card b{font-size:2rem}.resource-card h3{color:var(--yellow);margin:12px 0 8px}.resource-card p{font-size:.88rem;color:#d6e0e6}

.updates{padding:85px 0}.update-box{background:#edf6fb;border-radius:24px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:45px}.update-box p{max-width:760px;color:var(--muted)}

footer{background:#001d33;color:#c9d4dc;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h3{color:#fff;margin-bottom:12px}.footer-grid a{display:block;margin:6px 0}.footer-grid a:hover{color:var(--yellow)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:22px;text-align:center;font-size:.75rem}

@media(max-width:1050px){nav ul{gap:13px}.steps{grid-template-columns:repeat(4,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.topics-grid{grid-template-columns:repeat(3,1fr)}.topic:nth-child(3):after{display:none}}
@media(max-width:780px){
 .site-header{height:70px}.brand-sub{display:none}.menu-button{display:block}nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:24px;flex-direction:column;align-items:flex-start}nav ul.open{display:flex}
 .hero{min-height:660px;background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(0,28,52,.96),rgba(0,40,70,.72))}
 .hero h1{letter-spacing:-2px}.topics-grid,.steps,.resource-grid,.footer-grid{grid-template-columns:1fr 1fr}.topic:nth-child(n):after{display:none}
 .volume-grid{grid-template-columns:1fr}.update-box{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){.topics-grid,.steps,.resource-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:3.5rem}.hero-actions{flex-direction:column;align-items:flex-start}.volume-panel{padding:35px}.volume-panel h2{font-size:2rem}.stats{gap:20px;flex-wrap:wrap}}