.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,5vw,66px);align-items:center;padding-block:clamp(23px,4.1vw,54px)}
.detail-copy{min-width:0}
.detail-copy h1{font-size:clamp(37px,5.25vw,68px);font-weight:740}
.detail-intro{margin-top:10px;color:#bbcedd;font-size:clamp(15px,1.33vw,17px);max-width:56ch}
.detail-platform{color:#c4dbe7;font-size:13px;margin-top:12px}
.detail-screen{min-width:0;overflow:hidden;border:1px solid #344e63;border-radius:8px;background:#0a1520}
.detail-visual{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
.detail-visual img{width:100%;height:100%;min-height:0;object-fit:contain}
.detail-screen.mark img{width:min(33%,155px);height:auto;border-radius:18%}
.panel-nav{background:#fff;border-bottom:1px solid var(--line)}
.panel-nav .wrap{display:flex;gap:23px}
.panel-nav a{padding:13px 2px 11px;border-bottom:2px solid transparent;font-size:15px;font-weight:690;color:#3c5870}
.panel-nav a:hover,.panel-nav a[aria-current=location]{color:var(--ink);border-bottom-color:#3e7993}
.detail-section{padding:clamp(20px,3vw,40px) 0}
.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;align-items:start}
.capability{background:#fff;border:1px solid #d4e0e9;border-radius:8px;overflow:hidden}
.capability summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 13px;font-size:15px;line-height:1.3;font-weight:670;cursor:pointer;list-style:none}
.capability summary::-webkit-details-marker{display:none}
.capability summary::after{content:"+";color:#52758b;font-weight:500;font-size:21px}
.capability[open] summary::after{content:"−"}
.capability summary:hover{background:#eff6f9}
.capability summary:focus-visible{outline-offset:-3px}
.capability-copy{padding:0 14px 14px;color:var(--body);font-size:14px}
.capability-copy ul{margin:8px 0 0 15px;list-style:disc;display:grid;gap:4px}
.detail-status{margin-top:15px;color:var(--body);font-size:13px}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.asset{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d4e0e9;border-radius:8px;overflow:hidden}
.asset-frame{display:grid;place-items:center;aspect-ratio:16/10;background:#0b1624;overflow:hidden}
.asset-frame img,.asset-frame video{width:100%;height:100%;min-height:0;object-fit:contain}
.asset-frame video{color-scheme:dark}
.asset figcaption{display:flex;flex:1;flex-direction:column;gap:5px;padding:12px 14px}
.asset h3{font-size:18px;letter-spacing:-.025em;line-height:1.2}
.asset figcaption p{color:var(--body);font-size:13px;line-height:1.43}
.asset-link{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;min-height:29px;margin-top:auto;color:#224f6a;font-size:13px;font-weight:680}
.asset-link:hover{text-decoration:underline;text-underline-offset:2px}
.asset-link .icon{width:13px;height:13px}
.asset-credits{margin-top:15px;color:var(--body);font-size:12px}
.asset-credits a{color:#224f6a;text-decoration:underline;text-underline-offset:2px}
@media(max-width:940px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.detail-hero-grid,.cap-grid{grid-template-columns:1fr}.detail-hero-grid{gap:18px}.detail-copy h1{font-size:clamp(37px,9vw,52px)}}
@media(max-width:490px){.asset-grid{grid-template-columns:1fr}}