:root{--navy:#002846;--navy2:#003b64;--blue:#075a8c;--yellow:#ffc51c;--orange:#ff8a00;--white:#fff;--text:#202a34;--muted:#697580;--light:#f5f7f9;--max:1200px}
*{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}a{text-decoration:none;color:inherit}.container{width:min(92%,var(--max));margin:auto}
.site-header{height:76px;background:#002846;color:#fff;border-bottom:2px solid var(--yellow);position:sticky;top:0;z-index:30}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:900;line-height:.9}.brand span,.brand strong,.brand small{display:block}.brand span{font-size:.72rem}.brand strong{font-size:1.35rem;color:var(--yellow)}.brand small{font-size:.48rem;letter-spacing:1px;margin-top:5px;color:#b9cbd7}nav ul{list-style:none;display:flex;gap:24px}nav a{font-size:.78rem;font-weight:900;text-transform:uppercase}nav a:hover,nav a.active{color:var(--yellow)}.menu-button{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{background:radial-gradient(circle at 78% 45%,rgba(7,90,140,.75),transparent 27%),linear-gradient(135deg,#001c32,#003b64 67%,#0873ad);color:#fff;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.eyebrow,.label{color:var(--yellow);font-size:.72rem;letter-spacing:2px;font-weight:900}.volume-tag{display:inline-block;border:2px solid #fff;border-radius:10px;padding:5px 13px;margin:20px 0;font-weight:900}.volume-tag b{color:var(--yellow);font-size:1.25rem}.hero h1{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.9;letter-spacing:-3px}.hero h1 span{background:linear-gradient(180deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:680px;color:#d8e5ed;font-size:1.08rem;margin:28px 0}.button{display:inline-flex;align-items:center;gap:18px;background:var(--yellow);color:var(--navy);padding:13px 20px;border-radius:8px;font-size:.78rem;font-weight:900;text-transform:uppercase}.hero-art{height:360px;position:relative;display:grid;place-items:center}.radar{position:absolute;width:330px;height:330px;border:1px dashed rgba(255,255,255,.35);border-radius:50%}.radar:before,.radar:after{content:"";position:absolute;background:rgba(255,255,255,.18)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.r2{width:210px;height:210px}.drone{font-size:7rem;transform:rotate(-12deg);text-shadow:0 15px 30px rgba(0,0,0,.3)}.tag{position:absolute;color:#a8cee1;font-size:.62rem;letter-spacing:2px}.t1{top:15px}.t2{right:5px;bottom:70px}.t3{left:10px;bottom:35px}
.question{background:#001d33;color:#fff;padding:40px 0;border-top:1px solid rgba(255,255,255,.12)}.question span{color:var(--yellow);font-size:.7rem;letter-spacing:2px;font-weight:900}.question h2{max-width:950px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;margin-top:8px}
.journey-section{padding:80px 0;background:#f6f8fa}.heading{text-align:center;margin-bottom:40px}.heading h2{color:var(--navy);font-size:2.7rem;line-height:1.1;margin:8px 0}.heading p{color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.j{background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:20px 10px;text-align:center;transition:.2s}.j:hover{transform:translateY(-4px);border-color:var(--yellow)}.j b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;background:#edf0f2;border-radius:50%;color:#7e8790}.j strong,.j small{display:block}.j strong{font-size:.75rem;color:var(--navy)}.j small{font-size:.67rem;color:var(--muted);margin-top:6px}.j.active{background:var(--navy)}.j.active b{background:var(--yellow);color:var(--navy)}.j.active strong{color:#fff}.j.active small{color:#c8d5dd}
.chapters{padding:20px 0 90px}.part{padding:70px 0;border-bottom:1px solid #e3e7ea}.part:last-child{border:0}.part-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.part-head span{font-size:.7rem;letter-spacing:2px;color:var(--orange);font-weight:900}.part-head h2{font-size:2.4rem;line-height:1.1;color:var(--navy)}.part-head p{color:var(--muted)}
.cards{display:grid;gap:16px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.chapter-card{border:1px solid #dfe5e9;border-radius:15px;padding:25px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;transition:.2s;background:#fff}.chapter-card:hover{transform:translateY(-4px);border-color:var(--yellow);box-shadow:0 10px 25px rgba(0,35,60,.06)}.chapter-card>b{font-size:2.1rem;color:#d2dae0;line-height:1}.chapter-card div>span{font-size:.62rem;letter-spacing:1.5px;color:var(--orange);font-weight:900}.chapter-card h3{color:var(--navy);font-size:1.15rem;line-height:1.15;margin:5px 0 8px}.chapter-card p{font-size:.82rem;color:var(--muted)}.chapter-card i{font-style:normal;font-size:1.8rem;color:var(--orange)}
.decision{background:var(--navy);color:#fff;padding:85px 0}.decision-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.decision h2{font-size:2.6rem;line-height:1.1;margin:10px 0 18px}.decision p{color:#c9d7df}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.flow span,.flow strong{padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:.65rem;letter-spacing:.5px}.flow strong{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.flow i{font-style:normal;color:var(--orange)}
.digital{padding:80px 0}.digital-box{background:#edf6fb;border-radius:22px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:45px}.digital h2{color:var(--navy);font-size:2.2rem;line-height:1.1;margin:8px 0}.digital p{color:var(--muted);max-width:720px}
footer{background:#001d33;color:#c7d4dc;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h3{color:#fff;margin-bottom:10px}.footer-grid a{display:block;margin:5px 0}.footer-grid a:hover{color:var(--yellow)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;text-align:center;font-size:.72rem}
@media(max-width:950px){.journey{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.decision-grid{grid-template-columns:1fr}}
@media(max-width:760px){nav ul{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column}.menu-button{display:block}nav ul.open{display:flex}.journey,.cards.two,.part-head,.footer-grid{grid-template-columns:1fr}.digital-box{flex-direction:column;align-items:flex-start}.hero h1{letter-spacing:-2px}}