@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--sans:'IBM Plex Sans','Segoe UI',Arial,sans-serif;--muted:#b0c1bc}
body{font-size:16px;line-height:1.6;font-synthesis:none}
body::before{display:none}
.masthead,main,footer{max-width:1280px}
.wordmark{font:600 15px/1.4 var(--sans);letter-spacing:0;gap:10px}
.masthead nav{font-size:14px;gap:24px}
.hero{grid-template-columns:1.5fr 1fr;gap:56px;padding:56px 0 52px;align-items:start}
.hero .eyebrow{font:600 15px/1.5 var(--sans);letter-spacing:0;color:var(--green);margin-bottom:14px}
.hero .status-dot{display:none}
h1{font:600 42px/1.14 var(--sans);letter-spacing:0;margin:0 0 22px;max-width:650px}
h2{font:600 26px/1.3 var(--sans);letter-spacing:0}
em{font-family:inherit;font-weight:inherit;color:inherit}
.lede{font-size:17px;line-height:1.65;max-width:57ch;color:#d0dad5}
.hero-actions{margin:25px 0 20px;gap:22px}
.button,.text-link{font-size:15px;line-height:1.4}
.project-credit{font:400 14px/1.6 var(--sans);letter-spacing:0;color:var(--muted)}
.hero-aside{padding-left:30px;margin-top:5px}
.project-index{font:600 15px/1.5 var(--sans);color:var(--text);letter-spacing:0}
.project-index>span:last-child{font-weight:400;color:var(--muted);font-size:13px}
.hero-number{margin:20px 0 18px}
.hero-number strong{font:600 44px/1.1 var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums}
.hero-number strong small{font-size:20px;letter-spacing:0;padding-left:6px}
.hero-number>span,.hero-number>span small{font:400 13px/1.5 var(--sans);letter-spacing:0;margin-top:6px}
.hero-number>span small{display:block;margin-top:2px;color:var(--muted)}
.hero-aside>p{font-size:15px;line-height:1.6;max-width:44ch}
.hero-specs{gap:12px;margin-top:22px;padding-top:18px}
.hero-specs strong{font:600 23px/1.3 var(--sans);letter-spacing:0}
.hero-specs strong span{font-size:14px}
.hero-specs small{font:400 12px/1.4 var(--sans);margin-top:5px}
.section-heading{margin-bottom:20px;align-items:center}
.section-note{font:400 13px/1.5 var(--sans);letter-spacing:0;max-width:360px}
.diagnostics-section,.performance-section,.engineering-section{padding-top:52px}
.console-title{font:400 13px/1.5 var(--sans);letter-spacing:0}
.console-title strong{font-size:18px;font-weight:600;letter-spacing:0}
.state-badge{font:400 12px/1.4 var(--sans);letter-spacing:0}
.scenario-bar button{font:400 14px/1.4 var(--sans);gap:0;min-height:52px}
.scenario-bar button span{font:400 14px/1.4 var(--sans)}
.scene-top .eyebrow{font:400 12px/1.5 var(--sans);letter-spacing:0;margin-bottom:4px}
.scene-top strong{font-size:17px;font-weight:600}
.scene-tag{font:400 12px/1.5 var(--sans);letter-spacing:0}
.scene-label{font:600 12px/1.5 var(--sans)}
.scene-label span{font:400 11px/1.4 var(--sans);letter-spacing:0}
.axis-label{font:400 11px/1.5 var(--sans);letter-spacing:0}
.view-controls button{font-size:12px;min-height:44px}
.scene-legend{font-size:12px;gap:10px 16px}
.orbit-hint{font:400 11px/1.5 var(--sans);letter-spacing:0}
.telemetry-heading,.sensor-heading,.depth-metric>span{font:600 13px/1.5 var(--sans);letter-spacing:0;color:var(--muted)}
.micro{font:400 12px/1.5 var(--sans)}
.depth-metric strong{font:600 36px/1.2 var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums}
.state-values div{font-size:13px}
.state-values dd{font-size:12px}
.sensor-list li{font-size:13px;align-items:baseline;gap:6px}
.sensor-list li>span{min-width:0;flex:1}
.sensor-list strong{font:400 12px/1.5 var(--sans);white-space:nowrap}
.packet-count span{font:400 12px/1.5 var(--sans);letter-spacing:0}
.packet-count strong{font:600 22px/1.4 var(--sans)}
.scenario-detail{font-size:13px;line-height:1.6}
.play-button{font-size:13px}
.transport output{font-size:12px}.transport output span{font-size:11px}
.transport select{font:400 13px/1.5 var(--sans)}
.export-button{font-size:13px}
.mission-caption{font-size:15px;line-height:1.6;max-width:76ch;color:var(--muted)}
.chart-heading h3{font-size:17px;font-weight:600}
.chart-heading span{font:400 12px/1.4 var(--sans)}
.chart-legend{font-size:13px;flex-wrap:wrap;gap:8px 15px}
.chart-legend output{font:400 12px/1.5 var(--sans)}
.results{grid-template-columns:320px minmax(0,1fr);gap:36px;padding:28px 0}
.result-story{display:block}
.result-story>.eyebrow{display:block;font:600 15px/1.5 var(--sans);letter-spacing:0;margin:0 0 12px}
.result-story>strong{font:600 32px/1.2 var(--sans);letter-spacing:0}
.result-story>strong small{font-size:22px;margin-left:4px}
.result-story h3{font:600 18px/1.4 var(--sans);letter-spacing:0;margin:12px 0}
.result-story p{font-size:15px;line-height:1.6;max-width:42ch}
.result-story .text-link{font-size:14px}
caption{font:400 14px/1.5 var(--sans);padding:0 0 18px}
table{white-space:normal}
th,tbody th{font:400 14px/1.4 var(--sans);padding-right:10px}
th:first-child{width:30%}
td{font:400 14px/1.5 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:10px}
.results-note{font-size:14px;line-height:1.6;max-width:68ch}
.architecture{gap:32px}
.inputs strong{font-size:14px;font-weight:600;line-height:1.4}
.inputs small{font:400 12px/1.4 var(--sans)}
.fusion-node{box-shadow:none;background:none}
.fusion-node .eyebrow{font:600 13px/1.4 var(--sans);letter-spacing:0}
.fusion-node>strong{font:600 42px/1.2 var(--sans);letter-spacing:0}
.fusion-node>strong span{font-size:25px}
.state-formula{font-size:12px}
.fusion-node small{font:400 11px/1.4 var(--sans);letter-spacing:0}
.outputs span{display:none}
.outputs strong{font-size:16px;font-weight:600}
.outputs p{font-size:15px;line-height:1.6}
.engineering-notes{display:block;padding-top:30px}
.engineering-notes article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:baseline;margin-bottom:25px}
.engineering-notes article>span{display:none}
.engineering-notes h3{font:600 18px/1.4 var(--sans);letter-spacing:0;margin:0}
.engineering-notes p{font-size:16px;line-height:1.6;max-width:65ch}
.technical-details summary{font-size:16px;font-weight:600}
.technical-details>div{font-size:16px;line-height:1.6;max-width:70ch}
.technical-details p{margin-bottom:1em}
.project-close{text-align:left;border-top:1px solid var(--border);padding:36px 0 44px;margin-top:40px}
.project-close h2{font:600 24px/1.3 var(--sans);letter-spacing:0}
.project-close>div{justify-content:flex-start;margin-top:18px}
footer{font:400 13px/1.5 var(--sans);letter-spacing:0}
@media(max-width:1000px){
  .results{grid-template-columns:1fr;gap:28px}.result-story p{max-width:65ch}
  .architecture{grid-template-columns:1fr 1fr}.outputs{grid-column:1/-1}
}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;gap:25px;padding:38px 0 40px}
  .hero-aside{margin:0;padding:24px 0 0;gap:0 20px}
  .hero-specs{margin:0;padding:0}.hero-aside>p{display:block;grid-column:1/-1;max-width:65ch}
  .engineering-notes article{grid-template-columns:175px minmax(0,1fr);gap:22px}
}
@media(max-width:600px){
  .wordmark{font-size:13px}.masthead .back{font-size:13px}
  .hero .eyebrow{font-size:14px;letter-spacing:0}
  h1{font-size:34px;letter-spacing:0;margin-bottom:18px}
  h2{font-size:23px}.lede{font-size:16px;line-height:1.6}
  .button,.text-link{font-size:14px}.project-credit{font-size:13px}
  .project-index{font-size:14px}.project-index>span:last-child{font-size:12px}
  .hero-number strong{font-size:36px}.hero-number strong small{font-size:17px}
  .hero-number>span,.hero-number>span small{font-size:12px;display:block;line-height:1.4}
  .hero-specs{grid-template-columns:repeat(3,1fr);gap:8px}
  .hero-specs strong{font-size:20px}.hero-specs strong span{font-size:12px}
  .hero-specs small{font-size:12px;line-height:1.4}
  .hero-aside{grid-template-columns:1fr;gap:0}.hero-specs{border-top:1px solid var(--border);padding-top:16px;margin-top:8px}
  .section-note{font-size:13px;margin-top:9px;text-align:left}
  .console-title{font-size:12px}.console-title strong{font-size:16px}.console-title>span:last-child{display:none}
  .state-badge{font-size:11px;letter-spacing:0}
  .scenario-bar button{font-size:13px;padding:12px 3px;gap:0}
  .scenario-bar button span{font-size:13px}
  .scene-top .eyebrow{font-size:12px}.scene-top strong{font-size:16px}
  .scene-tag{display:none}.scene-label{font-size:11px}.scene-label span{font-size:10px}
  .axis-label{font-size:11px;letter-spacing:0}.view-controls button{font-size:12px}
  .scene-legend{font-size:12px;gap:8px 13px}
  .telemetry{grid-template-columns:1fr 1fr;gap:15px;padding:20px 16px}
  .telemetry>*{grid-row:auto;grid-column:auto}
  .telemetry-heading,.sensor-heading,.sensor-list,.scenario-detail{grid-column:1/-1}
  .depth-metric,.state-values{margin:0}.depth-metric strong{font-size:32px}
  .sensor-heading{margin:0}.sensor-list li{font-size:13px}.sensor-list strong{font-size:12px}
  .state-values div{font-size:12px;gap:4px;padding:5px 0;flex-wrap:wrap}.state-values dd{font-size:12px}
  .packet-count{grid-column:1/-1;margin:0;gap:30px}
  .scenario-detail{font-size:13px;margin:0}
  .play-button{font-size:13px}.export-button{font-size:12px;min-width:82px}
  .timeline-label{flex-basis:calc(100% - 90px)}.transport output{font-size:11px}
  .mission-caption{font-size:14px}
  .chart-heading h3{font-size:16px}.chart-heading span{font-size:12px}
  .chart-legend{font-size:12px;gap:8px 12px}.chart-legend output{font-size:11px}
  .result-story>strong{font-size:30px}.result-story>.eyebrow{font-size:15px;letter-spacing:0}
  .result-story h3{font-size:18px}.result-story p{font-size:15px}
  th,tbody th,td{font-size:12px;padding-right:5px}th:first-child{width:25%}
  caption{font-size:13px}.results-note{font-size:14px}
  .architecture{grid-template-columns:1fr;gap:24px;padding-top:6px}
  .inputs>div{padding:12px 16px;grid-template-columns:26px 1fr;gap:2px 10px}
  .inputs strong{font-size:15px}.inputs small{font-size:13px}
  .inputs>div::after,.fusion-node::before,.fusion-node::after{display:none}
  .fusion-node{width:210px;margin:0 auto}.fusion-node .eyebrow{font-size:13px}
  .fusion-node>strong{font-size:40px}.state-formula{font-size:12px}.fusion-node small{font-size:11px}
  .outputs{grid-column:auto;display:block}.outputs>div{margin:0 0 22px}
  .outputs strong{font-size:16px}.outputs p{font-size:15px}
  .engineering-notes article{display:block;margin-bottom:25px}.engineering-notes h3{margin-bottom:8px;font-size:18px}
  .engineering-notes p{font-size:16px}
  .technical-details summary{font-size:15px}.technical-details>div{font-size:16px}
  .project-close{padding:30px 0}.project-close h2{font-size:23px}
  footer,footer span{font-size:12px}
}