@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#101815;--paper:#e8e5d7;--night:#07110f;--panel:#10231d;--acid:#c7f043;--orange:#ff6b35;--blue:#4aa7c8;--red:#d85745;--line:#aead9f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Mono',monospace}header{height:70px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;padding:0 4vw;background:#07110ff5;border-bottom:1px solid #2c3934;color:#fff}.brand{color:#fff;text-decoration:none;font:800 24px 'Barlow Condensed';letter-spacing:2px}.brand b,.signal{color:var(--acid)}.brand small{font:500 9px 'IBM Plex Mono';color:#728078;margin-left:8px}header nav{display:flex;gap:22px;margin:auto}header nav a,.launch{color:#9aa69f;text-decoration:none;font-size:9px;letter-spacing:1px}.launch{color:var(--acid)}#menu{display:none;background:none;color:#fff;border:1px solid #506057;padding:8px;font:600 9px 'IBM Plex Mono'}section{padding:100px max(6vw,calc((100vw - 1250px)/2))}.hero{min-height:calc(100vh - 70px);position:relative;overflow:hidden;background:radial-gradient(circle at 76% 48%,#173d32,#0b1b17 30%,#07110f 65%);color:#fff;display:grid;grid-template-columns:1fr 280px;gap:8vw;align-items:center}.hero>div:not(.radar),.hero aside{position:relative;z-index:2}.signal{font-size:9px;letter-spacing:2px;font-weight:600}.hero h1,h2,h3{font-family:'Barlow Condensed';text-transform:uppercase;margin:0}.hero h1{font-size:clamp(66px,9vw,128px);line-height:.79;letter-spacing:-3px;margin:25px 0}.hero h1 em{color:var(--acid)}.lede{max-width:650px;color:#b3beb8;font:600 21px/1.5 'Barlow Condensed'}.button{display:inline-block;padding:14px 18px;border:1px solid #758078;background:transparent;color:inherit;text-decoration:none;font:600 10px 'IBM Plex Mono';text-transform:uppercase;cursor:pointer}.primary{background:var(--acid);border-color:var(--acid);color:#101815}.hero aside{padding:25px;border:1px solid #47574f;background:#07110fc9;box-shadow:12px 12px #0004}.hero dl div{display:flex;justify-content:space-between;border-top:1px solid #34433c;padding:12px}.hero dt{font-size:9px;color:#829087}.hero dd{margin:0;font:700 25px 'Barlow Condensed';color:var(--acid)}.hero aside>strong{font-size:8px;color:var(--orange);border:1px solid;padding:6px}.radar{position:absolute;z-index:0!important;width:58vw;aspect-ratio:1;border:1px solid #c7f04326;border-radius:50%;right:-10vw;top:50%;transform:translateY(-50%)}.radar:before,.radar:after{content:'';position:absolute;inset:16%;border:inherit;border-radius:50%}.radar:after{inset:33%}.intro{max-width:800px;margin-bottom:50px}.intro h2{font-size:clamp(45px,6vw,78px);line-height:.95;margin:15px 0}.intro>p:last-child{color:#53605a;line-height:1.7}.three{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.three article{padding:30px;border-right:1px solid var(--line)}.three article:last-child{border:0}.three i{font:800 70px 'Barlow Condensed';font-style:normal;color:var(--orange)}h3{font-size:27px}.three p{font-size:11px;line-height:1.7}.quick{margin-top:35px;padding:35px;display:grid;grid-template-columns:1fr 2fr;gap:35px;background:var(--ink);color:#fff}.quick h3{font-size:34px;color:var(--acid)}.quick ol{columns:2;margin:0}.quick li{font-size:11px;line-height:1.6;margin-bottom:13px}.dark{background:var(--night);color:#e9eadf}.dark .intro>p:last-child{color:#97a39c}.map{padding:20px;background:#0a1713;border:1px solid #34473e;box-shadow:0 25px 50px #0008}.map>p{font-size:8px;color:var(--blue)}.map>p span,.map .right span{float:right}.labels,.rank,.objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.labels b{text-align:center;font-size:9px;color:#728078;padding:8px}.rank{position:relative;margin:5px 0}.rank i{height:55px;border:1px solid #284653;background:#4aa7c81c}.rank.red i{border-color:#59342f;background:#d8574515}.rank label{position:absolute;font-size:7px;left:5px;top:5px;color:#75a0af}.rank.red label{color:#ad6c63}.objectives b{text-align:center;color:var(--acid);font-size:10px;padding:12px;border-block:1px dashed #59643c}.map .right{color:var(--red)}.maneuvers{margin-top:30px;border:0;gap:15px}.maneuvers article{border:0;border-top:2px solid var(--acid);background:#10231d}.maneuvers small{color:var(--acid);font-size:8px}.phases{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.phases article{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:24px;border-bottom:1px solid var(--line)}.phases article:nth-child(odd){border-right:1px solid var(--line)}.phases article>b{font:800 34px 'Barlow Condensed';color:var(--orange)}.phases p{font-size:10px;color:#58645e}.cp{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;padding:35px;margin-top:40px;background:#d5d4c6}.cp>b{width:105px;height:105px;border:7px double;border-radius:50%;display:grid;place-items:center;font:800 38px 'Barlow Condensed'}.cp h3{font-size:34px}.cp p:last-child{font-size:11px;line-height:1.6}.chain{display:flex;align-items:center}.chain article{flex:1;padding:22px 10px;border:1px solid #35473e;background:#10231d}.chain article b{display:block;font-size:8px;color:var(--acid)}.chain article strong{font:700 22px 'Barlow Condensed';text-transform:uppercase}.chain>i{padding:5px;color:var(--acid)}.procedure{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin:55px 0}.procedure h3{font-size:40px}.procedure p:last-child,.procedure li{font-size:11px;line-height:1.7}.procedure li{margin-bottom:7px}.damage{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.damage article{padding:20px;border:1px solid #35473e;display:flex;flex-direction:column;gap:9px}.damage b,.damage strong{font:700 20px 'Barlow Condensed'}.damage span{font-size:8px;color:#718078}.damage strong{color:var(--orange)}details{border-top:1px solid #35473e;padding:20px 0}details:last-child{border-bottom:1px solid #35473e}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font:600 18px 'Barlow Condensed';text-transform:uppercase}details p{max-width:900px;color:#a0aba5;font-size:11px;line-height:1.8}.cards{border-top:1px solid #273830}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{padding:12px 15px;background:#0d1b17;color:#aab5af;border:1px solid #35473e;font:600 8px 'IBM Plex Mono';cursor:pointer}.filters b{color:var(--acid);margin-left:6px}.filters .active{background:var(--acid);color:#101815}.filters .active b{color:#101815}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{min-height:235px;padding:18px;background:#10231d;border:1px solid #385047;display:flex;flex-direction:column}.card.facility{background:#19231a}.card.operation{background:#291c14;border-color:#5f3c2c}.card.equipment{background:#172229;border-color:#385360}.card>p{display:flex;justify-content:space-between;color:var(--acid);font-size:8px;text-transform:uppercase}.card h3{font-size:25px;line-height:1;margin:20px 0}.card>div{border-block:1px solid #ffffff1c;padding:10px 0;font-size:9px}.card>div strong{font:800 27px 'Barlow Condensed';color:var(--orange)}.card>div i{float:right;color:#9ca7a1;font-style:normal;padding-top:9px}.card small{font-size:9px;line-height:1.6;margin-top:16px;color:#c1c8c4}.note{font-size:8px;color:#728078}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two article{padding:30px;border:1px solid var(--line)}.two li{font-size:10px;line-height:1.7;margin:8px}.glossary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid var(--line)}.glossary article{padding:20px;border-right:1px solid var(--line)}.glossary b{font:700 20px 'Barlow Condensed';color:var(--orange)}.glossary p{font-size:9px}.final{text-align:center;margin:100px 0 60px}.final h2{font-size:clamp(55px,8vw,100px)}.final>p:nth-child(3){max-width:650px;margin:20px auto;line-height:1.7}.final .button{color:var(--ink)}footer{text-align:center;color:#737b77;font-size:8px}
@media(max-width:900px){header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px;background:#07110f;flex-direction:column}header nav.open{display:flex}#menu{display:block;margin-left:auto}.launch{display:none}.hero{grid-template-columns:1fr}.hero aside{display:none}.three{grid-template-columns:1fr}.three article{border-right:0;border-bottom:1px solid var(--line)}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){section{padding:70px 20px}.hero h1{font-size:62px}.quick,.procedure,.cp,.two{grid-template-columns:1fr}.quick ol{columns:1}.phases{grid-template-columns:1fr}.phases article:nth-child(odd){border-right:0}.chain{overflow:auto}.chain article{min-width:110px}.damage,.glossary{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.brand small{display:none}}
@media print{header,.radar,.filters,.hero .button,.final .button{display:none}.hero{min-height:auto;color:#000;background:#fff}.hero h1{font-size:65px}.dark{background:#fff;color:#000}.dark .intro>p:last-child{color:#333}section{padding:35px 20px}.card-grid{grid-template-columns:repeat(3,1fr)}.card{background:#fff!important;color:#000;min-height:200px}.card small{color:#111}}

header nav .example-tab{color:var(--acid);border:1px solid #526238;padding:7px 9px;margin:-8px 0}.example{background:#d9d7c8}.example-key{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:8px;letter-spacing:1px}.example-key span{width:9px;height:9px;border-radius:50%}.blue-dot{background:var(--blue)}.red-dot{background:var(--red);margin-left:15px}.example-key i{color:#718331;font-style:normal;margin-left:15px}.example-key>b{margin-left:15px}.turn-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.example-turn{padding:28px;background:#eeeade;border:1px solid #aaa99d;border-top:4px solid var(--blue);box-shadow:7px 7px #18201b14}.example-turn.red-turn{border-top-color:var(--red)}.turn-top{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px}.turn-top span{color:#377f98}.red-turn .turn-top span{color:#b74637}.turn-top em{margin-left:auto;font-style:normal;color:#6d766f}.example-turn>h3{font-size:34px;margin:18px 0}.example-turn ol{padding-left:20px}.example-turn li{font-size:10px;line-height:1.65;margin:8px 0}.lesson{padding-top:14px;border-top:1px solid #b8b7aa;color:#56635c;font-size:8px;font-weight:600}.mini-field{display:flex;align-items:center;min-height:70px;padding:10px;background:#111d19;color:#fff;overflow:auto}.mini-field>span{font-size:6px;color:#77847d;writing-mode:vertical-rl}.mini-field>i{min-width:54px;min-height:48px;margin:0 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #617269;font:700 15px 'Barlow Condensed';font-style:normal}.mini-field i small{display:block;font:500 6px 'IBM Plex Mono';color:#8d9a93}.mini-field .contact{font-size:24px;border-style:dashed}.mini-field .unit{border-color:var(--blue);color:#8dd5ee}.red-turn .mini-field .contact{border-color:#965348}.mini-field .active{background:#173740}.mini-field .empty{opacity:.3}.mini-field>b{margin-left:auto;color:var(--acid);font-size:12px;text-align:center}.mini-field>b small{display:block;font:500 6px 'IBM Plex Mono'}.engagement{display:flex;align-items:center;gap:7px;padding:11px;background:#111d19;color:#fff}.engagement div{flex:1;padding:9px;border:1px solid #45564e;text-align:center}.engagement span,.engagement small{display:block;font-size:6px;color:#829088}.engagement b{font:700 15px 'Barlow Condensed';color:var(--acid)}.engagement>i{color:var(--acid)}.engagement>strong{font-size:8px;color:var(--orange)}.next-assessment{display:grid;grid-template-columns:1fr 130px;align-items:center;margin-top:20px;padding:30px;background:#111d19;color:#fff}.next-assessment>div>b{font-size:8px;color:var(--acid)}.next-assessment h3{font-size:32px;margin-top:8px}.next-assessment p{font-size:10px;line-height:1.6;color:#a1aca6}.next-assessment>strong{font:800 65px 'Barlow Condensed';color:var(--orange);text-align:center}.next-assessment>strong small{font-size:15px}.example-note{font-size:9px;line-height:1.6;color:#58635d}@media(max-width:700px){.turn-cards{grid-template-columns:1fr}.next-assessment{grid-template-columns:1fr}.next-assessment>strong{text-align:left}.engagement{overflow:auto}.engagement div{min-width:100px}}@media print{.example{background:#fff}.example-turn{break-inside:avoid}}
