.compare-demo{grid-template-columns:280px minmax(0,1fr) 372px;gap:16px;height:100%;min-height:calc(100vh - 64px);padding:16px;display:grid}.compare-sidebar,.compare-aside{flex-direction:column;gap:14px;display:flex;overflow-y:auto}.compare-stage{flex-direction:column;min-width:0;display:flex}.cylinder-row{flex:1;gap:16px;min-height:540px;display:flex}.cylinder-cell{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cylinder-cell-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cylinder-cell-title{align-items:center;gap:7px;font-size:15px;font-weight:650;display:inline-flex}.cylinder-cell-dot{border-radius:50%;flex:none;width:11px;height:11px}.cylinder-cell-phase{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cylinder-box{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--navy-800);flex:1;min-height:380px;position:relative;overflow:hidden}.cylinder-cell-foot{font-family:var(--mono);color:var(--text-faint);text-align:center;margin:0;font-size:10.5px}.cycle-picker{flex-wrap:wrap;gap:8px;display:flex}.cycle-chip{border:1px solid var(--line);background:var(--navy-900);color:var(--text-dim);border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.cycle-chip.is-on{background:var(--navy-700)}.cycle-chip-dot{border-radius:50%;flex:none;width:9px;height:9px}.narration{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.narration-lead{color:var(--text);margin:10px 0 12px;font-size:13px;line-height:1.5}.narration-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.narration-list li{gap:10px;display:flex}.narration-dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.narration-phase{font-family:var(--mono);font-size:12px}.narration-fire{color:var(--accent)}.narration-list small{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.45;display:block}.compare-panel{flex-direction:column;gap:12px;display:flex}.compare-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:var(--radius);padding:14px}.compare-card-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.compare-dot{border-radius:50%;flex:none;width:11px;height:11px}.compare-facts{grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 10px;display:grid}.compare-facts div{flex-direction:column;display:flex}.compare-facts dt{font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.compare-facts dd{color:var(--text);margin:1px 0 0;font-size:13.5px}.compare-eff{color:var(--text-dim);margin:0 0 10px;font-size:12.5px;line-height:1.5}.compare-procon{gap:8px;display:grid}.compare-pros,.compare-cons{margin:0;padding-left:18px;font-size:12px;line-height:1.5}.compare-pros li{color:var(--lift)}.compare-cons li{color:var(--accent)}.compare-pros li span,.compare-cons li span{color:var(--text-dim)}@media (max-width:1180px){.compare-demo{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"controls stage""aside aside"}.compare-sidebar{grid-area:controls}.compare-stage{grid-area:stage}.compare-aside{flex-flow:wrap;grid-area:aside}.compare-aside>*{flex:1;min-width:280px}}@media (max-width:760px){.compare-demo{grid-template-columns:1fr;grid-template-areas:"stage""controls""aside";height:auto}.cylinder-row{flex-direction:column}}.compare-fit{flex:1;min-width:0;height:100%;min-height:0}.compare-fit .cylinder-cell,.compare-fit .cylinder-box{min-height:0}