body header,body header a,body header button{color:#101010!important}
.hero-deckline{position:absolute;z-index:5;left:clamp(24px,5vw,66px);top:clamp(120px,18vw,250px);max-width:480px;margin:0;color:#d7faff;font-size:clamp(14px,1.45vw,19px);line-height:1.5;font-weight:600;text-shadow:0 2px 24px #01050c}
.hadal-brief{padding-bottom:clamp(76px,9vw,118px)}
.hadal-brief__panel{padding:clamp(34px,5vw,64px);border:1px solid rgba(114,245,255,.25);border-radius:24px;background:linear-gradient(135deg,rgba(114,245,255,.09),rgba(127,108,255,.045) 55%,rgba(3,11,20,.88));box-shadow:0 24px 80px rgba(0,0,0,.25)}
.hadal-brief__intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,102px);align-items:start}
.hadal-brief__intro h2{margin:0;font-size:clamp(36px,5.6vw,74px);line-height:1.03;letter-spacing:-.058em}
.hadal-brief__intro p{margin:0;color:#9bb0bd;font-size:clamp(16px,1.55vw,20px);line-height:1.72}
.hadal-brief__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(36px,6vw,70px)}
.hadal-step{position:relative;min-height:220px;padding:24px;border:1px solid rgba(114,245,255,.18);background:rgba(2,7,17,.72);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.hadal-step:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-18px;top:50%;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(114,245,255,.35);border-radius:50%;background:#05101b;color:var(--cyan);transform:translateY(-50%)}
.hadal-step b{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.045em}
.hadal-step p{margin:0;color:#849aaa;font-size:13px;line-height:1.6}
.mission-section{background:#01050d;border-top:1px solid rgba(114,245,255,.14)}
.mission-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(34px,8vw,110px);align-items:end;margin-bottom:clamp(38px,6vw,66px)}
.mission-head h2{margin:16px 0 0;font-size:clamp(46px,6.6vw,90px);line-height:1.02;letter-spacing:-.063em}
.mission-head p{margin:0;color:#849aaa;font-size:16px;line-height:1.72}
.mission-control{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);min-height:720px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#030b15}
.mission-map{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(circle at 28% 24%,rgba(67,121,163,.17),transparent 26%),linear-gradient(180deg,#071524,#020712)}
.mission-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(114,245,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(114,245,255,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.mission-map svg{position:absolute;inset:11% 8% 8%;width:84%;height:81%;filter:drop-shadow(0 0 14px rgba(114,245,255,.18))}
.mission-route{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:8 12;animation:route 18s linear infinite}
.mission-trench{fill:rgba(127,108,255,.1);stroke:rgba(127,108,255,.46);stroke-width:1}
.mission-point{position:absolute;z-index:2;width:13px;height:13px;border:2px solid var(--cyan);border-radius:50%;background:#03101b;box-shadow:0 0 24px var(--cyan)}
.mission-point:after{content:attr(data-label);position:absolute;left:19px;top:-3px;width:max-content;color:#b8f8ff;font:600 9px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em}
.mission-point--1{left:25%;top:25%}.mission-point--2{left:54%;top:48%}.mission-point--3{left:73%;top:76%}
.mission-vessel{position:absolute;z-index:3;left:53%;top:46%;width:20px;height:20px;border-radius:50%;background:var(--violet);box-shadow:0 0 30px var(--violet);animation:vessel 4.8s ease-in-out infinite}
.mission-vessel:after{content:"H–07";position:absolute;left:28px;top:4px;color:#fff;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em}
.mission-map__meta{position:absolute;z-index:3;left:24px;right:24px;top:24px;display:flex;justify-content:space-between;gap:20px;color:#70899b}
.telemetry{padding:clamp(24px,4vw,42px);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:#05101b}
.telemetry-main strong{display:block;margin-top:18px;font-size:clamp(48px,6vw,74px);line-height:.83;letter-spacing:-.06em}
.telemetry-main p{margin:20px 0 0;color:#8095a5;font-size:13px;line-height:1.65}
.telemetry-bars{display:flex;align-items:flex-end;gap:5px;height:180px;padding-block:20px}
.telemetry-bars i{flex:1;height:var(--h);background:linear-gradient(var(--cyan),var(--violet));transform-origin:bottom;animation:telemetry 1.6s ease-in-out infinite;animation-delay:var(--d)}
.telemetry-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(114,245,255,.14);font:500 10px "IBM Plex Mono",monospace;letter-spacing:.09em}
.telemetry-row b{color:var(--cyan)}
.field-section{background:#071320;border-block:1px solid rgba(114,245,255,.14)}
.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.field-phone{min-height:570px;padding:12px;border:1px solid var(--line);border-radius:30px;background:#02070d}
.field-screen{height:100%;min-height:544px;padding:22px;border:1px solid rgba(114,245,255,.13);border-radius:21px;background:#06111d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.field-phone:nth-child(2) .field-screen{background:#edfaff;color:#05111a}
.field-phone:nth-child(3) .field-screen{background:#10182a}
.field-phone:nth-child(4) .field-screen{background:linear-gradient(180deg,#07111c,#1a0e37)}
.field-screen h3{margin:16px 0 0;font-size:clamp(30px,3.7vw,48px);line-height:.85;letter-spacing:-.05em}
.field-depth{font-size:clamp(54px,6.2vw,82px);line-height:.83;letter-spacing:-.07em;font-weight:800}
.field-list{display:grid;gap:10px}.field-list span{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(114,245,255,.14);font:500 9px "IBM Plex Mono",monospace;letter-spacing:.08em}
.field-phone:nth-child(2) .field-list span{border-color:rgba(5,17,26,.17)}
.field-sonar{width:86%;aspect-ratio:1;margin:auto;border:1px solid var(--cyan);border-radius:50%;position:relative;background:conic-gradient(from 20deg,rgba(114,245,255,.48),transparent 18%,transparent)}
.field-sonar:before,.field-sonar:after{content:"";position:absolute;inset:24%;border:1px solid rgba(114,245,255,.32);border-radius:50%}.field-sonar:after{inset:48%}
.field-wave{display:flex;align-items:center;gap:4px;height:160px}.field-wave i{flex:1;height:var(--h);background:var(--violet);border-radius:10px;animation:telemetry 1.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes telemetry{50%{transform:scaleY(.56);filter:brightness(1.5)}}@keyframes route{to{stroke-dashoffset:-200}}@keyframes vessel{50%{transform:translate(8px,-10px)}}
@media(max-width:1000px){.field-grid{grid-template-columns:1fr 1fr}.mission-control{grid-template-columns:1fr}.telemetry{border-left:0;border-top:1px solid var(--line);min-height:520px}.mission-map{min-height:620px}}
@media(max-width:720px){.mission-head,.hadal-brief__intro{grid-template-columns:1fr}.mission-control{border-radius:18px}.mission-map{min-height:560px}.field-grid,.hadal-brief__flow{grid-template-columns:1fr}.field-phone{width:min(100%,420px);justify-self:center}.mission-map__meta span:last-child{display:none}.hadal-step{min-height:176px}.hadal-step:not(:last-child):after{content:"↓";right:24px;top:auto;bottom:-19px;transform:none}.hero-deckline{max-width:270px}}
@media(prefers-reduced-motion:reduce){.mission-route,.mission-vessel,.telemetry-bars i,.field-wave i{animation:none!important}}