:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16201d;background:#f4f7f8;--ink: #16201d;--muted: #66726f;--line: #dce3e6;--surface: #ffffff;--soft: #f7fafb;--field: #eef3f5;--forest: #213a35;--teal: #1f7a8c;--teal-soft: #dff0f3;--clay: #b45b4b;--clay-soft: #f8e9e5;--amber: #bf8b2e;--danger: #9b3f35;--shadow: 0 16px 42px rgba(31, 43, 45, .09);--shadow-soft: 0 8px 22px rgba(31, 43, 45, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f4f7f8,#fbfcfc 64%,#f4f7f8),linear-gradient(90deg,rgba(31,122,140,.05) 1px,transparent 1px);background-size:auto,56px 56px}html,body,#root{overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0;overflow-wrap:anywhere}.app-shell{width:min(1480px,100%);margin:0 auto;padding:18px 22px 30px;min-width:0}.hero-band,.hero-copy,.hero-metrics,.battlefield-graphic,.control-panel,.comparison-title,.panel,.platform-card,.platform-card-body,.executive-card,.factor-card,.source-card,.list-platform{min-width:0;max-width:100%}.hero-copy h2,.hero-copy p,.comparison-title h2{max-width:100%}.app-header,.brand,.header-actions,.status-pill,.primary-button,.icon-button,.page-tab,.panel-title,.legend-row,.chip-row,.factor-card-top,.edge-badge,.advantage-pill,.primary-link{display:flex;align-items:center}.app-header{justify-content:space-between;gap:18px;padding:4px 0 16px}.brand{gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:8px;color:#fff;background:var(--forest);box-shadow:var(--shadow-soft)}.eyebrow{margin:0;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin-bottom:0;font-size:2rem;line-height:1.06}h2{font-size:1.55rem;line-height:1.16}h3{font-size:1.05rem;line-height:1.22}.header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill,.icon-button,.primary-button,.primary-link{min-height:42px;border:1px solid var(--line);border-radius:8px}.status-pill{gap:8px;padding:0 12px;background:var(--surface);color:var(--forest);font-weight:800;box-shadow:var(--shadow-soft);white-space:nowrap}.icon-button{display:grid;place-items:center;width:42px;background:var(--surface);color:var(--forest)}.primary-button,.primary-link{gap:8px;justify-content:center;padding:0 15px;background:var(--forest);border-color:var(--forest);color:#fff;font-weight:850;text-decoration:none;white-space:nowrap}.hero-band{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:18px;align-items:stretch;border:1px solid rgba(33,58,53,.12);border-radius:8px;padding:16px;background:#fffffff0;box-shadow:var(--shadow)}.hero-copy{align-self:center}.hero-copy h2{max-width:840px;margin:5px 0 8px;font-size:1.8rem}.hero-copy p:not(.eyebrow){max-width:860px;margin-bottom:0;color:#485654;line-height:1.52}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-self:center}.metric-card{min-height:92px;border:1px solid var(--line);border-radius:8px;padding:13px;background:var(--soft)}.metric-card span{display:block;min-height:32px;color:var(--muted);font-size:.78rem;font-weight:800}.metric-card strong{display:block;margin-top:8px;font-size:1.45rem}.battlefield-graphic{position:relative;overflow:hidden;min-height:178px;border-radius:8px;background:linear-gradient(90deg,rgba(33,58,53,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(33,58,53,.1) 1px,transparent 1px),#eef4f5;background-size:28px 28px}.mini-tank{position:absolute;left:16px;bottom:8px;width:178px;max-width:calc(100% - 32px);height:auto}.map-node,.map-link{position:absolute;display:block}.map-node{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px #1f7a8c33}.node-a{top:24px;left:38px}.node-b{top:56px;right:36px;background:var(--clay)}.node-c{right:88px;bottom:32px;background:var(--amber)}.map-link{height:2px;background:#213a353d}.link-a{top:43px;left:48px;width:138px;transform:rotate(12deg)}.link-b{right:45px;bottom:47px;width:88px;transform:rotate(-28deg)}.scan-card{position:absolute;top:14px;right:14px;display:grid;place-items:center;gap:5px;width:82px;height:74px;border:1px solid rgba(31,122,140,.24);border-radius:8px;background:#ffffffdb;color:var(--teal);font-weight:850;font-size:.78rem}.control-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(260px,1.2fr) auto;gap:10px;align-items:end;margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:13px;background:var(--surface);box-shadow:var(--shadow-soft)}.select-field{display:grid;gap:5px;min-width:0}.select-field span{color:var(--muted);font-size:.78rem;font-weight:850}select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink)}.category-tabs,.page-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar,.page-tabs::-webkit-scrollbar{display:none}.category-tab{display:grid;gap:3px;align-content:center;flex:0 0 194px;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);color:var(--muted);text-align:left}.category-tab span{color:var(--ink);font-weight:900}.category-tab small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.category-tab.active{border-color:#1f7a8c80;background:var(--teal-soft)}.page-tabs{padding-top:10px}.page-tab{gap:8px;flex:0 0 auto;min-height:42px;border:1px solid transparent;border-radius:8px;padding:0 14px;background:transparent;color:var(--muted);font-weight:900}.page-tab.active{border-color:var(--forest);background:var(--forest);color:#fff}.notice{display:flex;align-items:center;gap:10px;margin-top:12px;border-radius:8px;padding:12px;font-weight:800}.notice.error{background:#fff1ef;color:var(--danger)}.dashboard-main{margin-top:14px}.comparison-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:var(--surface);box-shadow:var(--shadow-soft)}.comparison-title h2{margin:4px 0 0}.edge-badge,.advantage-pill{justify-content:center;min-height:30px;border-radius:999px;padding:0 10px;font-size:.75rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.edge-badge.left,.advantage-pill.left{background:var(--teal-soft);color:var(--teal)}.edge-badge.right,.advantage-pill.right{background:var(--clay-soft);color:var(--clay)}.edge-badge.parity,.advantage-pill.parity{background:#fff4d8;color:#755419}.edge-badge.no-data,.advantage-pill.no-data{background:var(--field);color:var(--muted)}.page-grid{display:grid;gap:12px}.overview-page{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);align-items:start}.platform-versus,.insight-grid,.panel,.factor-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.platform-versus{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:10px;align-items:stretch;grid-column:1 / -1;padding:10px}.versus-chip{display:grid;place-items:center;border:1px dashed rgba(101,113,110,.4);border-radius:8px;color:var(--muted);font-weight:950}.platform-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;min-width:0;border-radius:8px;padding:12px;background:var(--soft)}.platform-card.left{border-left:5px solid var(--teal)}.platform-card.right{border-left:5px solid var(--clay)}.platform-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.platform-card h3{margin:4px 0 6px;font-size:1.28rem}.platform-card p{margin-bottom:10px;color:#465552;line-height:1.45}.score-ring{--score-deg: 0deg;display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--teal) var(--score-deg),#e5ecef 0deg)}.score-ring.right{background:conic-gradient(var(--clay) var(--score-deg),#e5ecef 0deg)}.score-ring span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;font-size:1.08rem;font-weight:950}.chip-row{flex-wrap:wrap;gap:6px}.chip-row span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:#fff;color:#4d5a56;font-size:.75rem;font-weight:850}.mini-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.mini-factor-grid div{display:grid;min-height:58px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.mini-factor-grid span{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.2}.mini-factor-grid strong{align-self:end;font-size:1.05rem}.vehicle-graphic{display:grid;place-items:center;min-width:0;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgba(33,58,53,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(33,58,53,.07) 1px,transparent 1px),#edf3f4;background-size:24px 24px}.vehicle-graphic.compact{width:126px;min-height:82px}.vehicle-graphic svg{width:100%;max-width:280px;height:auto}.vehicle-hull,.turret{fill:#49685f}.vehicle-graphic.right .vehicle-hull,.vehicle-graphic.right .turret{fill:#8d5147}.vehicle-glass{fill:#d9e9ee}.gun{fill:#293a36}.track,.wheel{fill:#2d3938}.wheel-hub{fill:#80928e}.shadow-shape{fill:#213a3526}.sensor-dot{fill:var(--amber)}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1 / -1;padding:10px}.executive-card{display:flex;gap:10px;min-height:112px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--soft)}.executive-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:8px;color:#fff;background:var(--forest)}.executive-card span,.factor-card-top span{color:var(--muted);font-size:.76rem;font-weight:850}.executive-card strong{display:block;margin:3px 0 5px;font-size:1.06rem}.executive-card p{margin:0;color:#4a5855;font-size:.87rem;line-height:1.38}.panel{min-width:0;padding:15px}.panel-title{gap:8px;margin-bottom:12px;color:var(--forest)}.panel-title h3{margin:0}.radar-panel{min-height:406px}.radar-wrap{display:grid;place-items:center;gap:8px}.radar-wrap svg{width:min(100%,360px);height:auto}.radar-ring{fill:none;stroke:#65716e42;stroke-width:1}.radar-axis{stroke:#65716e38;stroke-width:1}.radar-poly{stroke-width:2.4}.radar-poly.left{fill:#1f7a8c2e;stroke:var(--teal)}.radar-poly.right{fill:#b45b4b29;stroke:var(--clay)}.radar-wrap text{fill:var(--muted);font-size:8.5px;font-weight:850;text-anchor:middle}.legend-row{gap:10px;flex-wrap:wrap;justify-content:center}.legend{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem;font-weight:850}.legend:before{content:"";width:20px;height:7px;border-radius:999px;background:var(--teal)}.legend.right:before{background:var(--clay)}.factor-bars{display:grid;gap:11px}.factor-bar-row{display:grid;grid-template-columns:minmax(138px,.9fr) minmax(180px,1fr) 58px;gap:10px;align-items:center;min-height:48px}.factor-bar-row div:first-child{display:grid;gap:2px}.factor-bar-row span,.factor-bar-row small{color:var(--muted);font-size:.76rem;font-weight:850}.split-bars{display:grid;gap:5px}.split-bars span,.score-track span,.score-line span{display:block;height:100%;border-radius:inherit}.split-bars span{height:9px;border-radius:999px}.split-bars .left,.score-track .left,.score-line span{background:var(--teal)}.split-bars .right,.score-track .right{background:var(--clay)}.combined-panel{grid-column:1 / -1;border-top:4px solid var(--teal)}.combined-panel p,.method-box p,.comparison-values p{color:#40504c;line-height:1.45}.combined-panel small,.factor-card small,.methodology-card p,.weight-card p{color:var(--muted);line-height:1.45}.engineering-page{grid-template-columns:360px minmax(0,1fr);align-items:start}.methodology-card{position:sticky;top:12px}.weight-grid,.factor-detail-grid,.platform-list,.matrix-table,.caveat-grid{display:grid;gap:8px}.weight-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--soft)}.weight-card span{color:var(--teal);font-weight:950}.weight-card p{grid-column:1 / -1;margin:0;font-size:.85rem}.factor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.factor-card{display:grid;gap:12px;padding:14px}.factor-card-top{justify-content:space-between;gap:10px;align-items:start}.factor-card h3{margin:3px 0 0}.dual-bars{display:grid;gap:8px}.score-bar-block{display:grid;gap:5px}.score-bar-block>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;font-weight:850}.score-bar-block strong{color:var(--ink)}.score-track,.score-line{overflow:hidden;height:10px;border-radius:999px;background:#e8eef0}.comparison-values,.two-column,.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.comparison-values div,.method-box{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--soft)}.comparison-values p,.method-box p{margin:6px 0}.method-box{border-left:4px solid var(--amber)}.list-platform{display:grid;grid-template-columns:126px minmax(0,1fr);gap:10px;align-items:center;min-height:104px;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--soft)}.list-platform h3{margin-bottom:4px}.list-platform p{margin-bottom:8px;color:#475653;font-size:.9rem;line-height:1.35}.list-platform small{color:var(--muted);font-weight:800}.score-line{height:7px;margin-bottom:6px}.matrix-row{display:grid;grid-template-columns:minmax(140px,1fr) 48px 32px 48px minmax(140px,1fr) auto;gap:8px;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--soft)}.matrix-score{display:grid;place-items:center;min-height:32px;border-radius:8px;color:#fff;font-weight:950}.matrix-score.left{background:var(--teal)}.matrix-score.right{background:var(--clay)}.matrix-vs{color:var(--muted);font-size:.76rem;font-weight:900;text-align:center}.repository-grid{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}.repository-grid span{color:var(--muted);font-weight:850}.repository-grid strong{overflow-wrap:anywhere}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-card{display:grid;gap:7px;min-height:150px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--soft);text-decoration:none}.source-card span{width:fit-content;border-radius:999px;padding:4px 8px;background:#e8eef0;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.source-card p{margin:0;color:#43514e;line-height:1.38}.source-card small{align-self:end;color:var(--teal);font-weight:850}.caveat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caveat-grid p{margin:0;border-left:4px solid var(--amber);border-radius:8px;padding:10px;background:#fff8e8;color:#554a36;line-height:1.42}.empty-state,.loading-panel{display:grid;place-items:center;gap:8px;min-height:170px;color:var(--muted);text-align:center}.empty-state p{margin:0;max-width:420px;line-height:1.42}.loading-panel{font-weight:850}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.hero-band,.control-panel,.overview-page,.engineering-page{grid-template-columns:1fr}.hero-metrics,.insight-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.methodology-card{position:static}}@media(max-width:860px){.app-shell{padding:12px}.app-header,.comparison-title{display:grid;align-items:start}.header-actions{justify-content:start}h1{font-size:1.45rem}h2,.hero-copy h2{font-size:1.25rem}.platform-versus,.platform-card,.insight-grid,.factor-detail-grid,.two-column,.comparison-values,.source-grid,.caveat-grid,.mini-factor-grid,.hero-metrics{grid-template-columns:1fr}.versus-chip{min-height:40px}.platform-card{border-left-width:0;border-top:5px solid var(--teal)}.platform-card.right{border-top-color:var(--clay)}.matrix-row{grid-template-columns:1fr 48px 30px 48px 1fr}.matrix-row .advantage-pill{grid-column:1 / -1;justify-self:start}.factor-bar-row{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:12px}.brand-mark{width:42px;height:42px}.header-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;width:100%}.status-pill,.primary-button,.select-field{width:100%}.icon-button{width:42px}.hero-band,.control-panel,.comparison-title,.platform-versus,.panel{padding:12px}.hero-copy h2{font-size:1.12rem;line-height:1.22}.hero-copy p:not(.eyebrow){font-size:.92rem}.category-tab{flex-basis:174px}.list-platform{grid-template-columns:1fr}.vehicle-graphic.compact{width:100%}.matrix-row{grid-template-columns:1fr}.matrix-score,.matrix-vs{justify-self:start;min-width:48px}}
