/* ---- hero: mixed fleet ---- */
  .om{max-width:1300px;margin:64px auto 0;text-align:left}
  .om .ui-app{grid-template-columns:1fr;height:auto}
  .om .ui-main{padding:20px 24px}
  .ft .ui-tr{grid-template-columns:28px 1.4fr 1.4fr .9fr 1fr 120px}
  .ft .ui-tr.off{opacity:.4}
  .ft .mbar{height:6px;border-radius:3px;background:#e2e8f0;overflow:hidden;width:100%}
  .ft .mbar i{display:block;height:100%;border-radius:3px;background:#8194dd;transition:width .8s var(--ease)}
  .ft .kind{font-size:12px;font-weight:650}
  .ft .bill{text-align:right;font-weight:650}
  .ft .bill small{display:block;font-size:11px;color:var(--u-mut);font-weight:500}
  .ft .pw{all:unset;cursor:pointer;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--u-bd2);color:#16a34a}
  .ft .pw svg{width:13px;height:13px}
  .ft .off .pw{color:#94a3b8}
  .sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
  .sum div{background:#fff;border:1px solid var(--u-bd);border-radius:12px;padding:12px 14px}
  .sum small{font-size:11.5px;color:var(--u-mut)}
  .sum b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:2px;transition:color .3s}
  .sum em{font-style:normal;font-size:11.5px;color:var(--u-mut)}
  .addm{display:flex;gap:10px;margin-top:14px}
  /* ---- the same / different ---- */
  .hw{margin-top:48px}
  .hw-sw{display:flex;gap:4px;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:12px;padding:4px;width:max-content;margin:0 auto}
  .hw-sw button{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink2);padding:10px 18px;border-radius:9px;transition:all .2s}
  .hw-sw button.on{background:#fff;color:#0a0b0d}
  .hw-c{margin:16px auto 0;max-width:1000px;background:#fff;color:#0f172a;border-radius:20px;overflow:hidden;text-align:left}
  .hw-h{padding:16px 22px;border-bottom:1px solid #eef1f5}
  .hw-h small{font-size:12.5px;color:#57606a}
  .hw-h h5{margin-top:3px;font-size:18px;font-weight:650}
  .hw-g{display:grid;grid-template-columns:1fr 1fr}
  .hw-col{padding:16px 22px 20px}
  .hw-col+.hw-col{border-left:1px solid #eef1f5;background:#fafbfc}
  .hw-col h6{font-size:12.5px;font-weight:600;color:#57606a;margin-bottom:8px}
  .hw-r{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid #f1f3f6;font-size:14px;align-items:baseline}
  .hw-r:first-of-type{border-top:0}
  .hw-r>span:first-child{font-size:12.5px;font-weight:600;color:#57606a}
  .hw-r.flip>span:last-child{animation:uHl 1.2s ease;border-radius:6px}
  .hw-s{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f1f3f6;font-size:14px}
  .hw-s:first-of-type{border-top:0}
  .hw-s i{width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;flex:none}
  /* ---- picker ---- */
  .qz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:56px}
  .qq{border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(180deg,#131419,#0f1013);display:grid;gap:18px}
  .qq .q b{display:block;font-size:16px;font-weight:600}
  .qq .q .o{display:flex;gap:8px;margin-top:10px}
  .qq .q .o button{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;border:1px solid var(--line2);color:var(--ink2);transition:all .2s}
  .qq .q .o button.on{background:#fff;color:#0a0b0d;border-color:#fff}
  .rec{border-radius:22px;padding:26px;background:#fff;color:#0f172a;display:flex;flex-direction:column;justify-content:center;transition:all .4s}
  .rec .k{font-size:12.5px;font-weight:650;color:#596779}
  .rec h3{margin-top:8px;font-size:28px;font-weight:700;letter-spacing:-.02em}
  .rec p{margin-top:10px;font-size:15px;line-height:1.6;color:#334155}
  .rec .why{margin-top:14px;display:grid;gap:6px}
  .rec .why div{display:flex;gap:10px;align-items:center;font-size:14px}
  .rec .why svg{width:16px;height:16px;color:#16a34a;flex:none}
  .rec a{margin-top:18px;align-self:flex-start;font:650 14px/1 "Plus Jakarta Sans";padding:12px 18px;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none}
  @media(max-width:1060px){.ft .ui-tr{grid-template-columns:28px 1fr 1fr 100px}.ft .ui-tr>:nth-child(4),.ft .ui-tr>:nth-child(5){display:none}.sum,.hw-g{grid-template-columns:1fr}.hw-col+.hw-col{border-left:0;border-top:1px solid #eef1f5}.qz{grid-template-columns:1fr}.cmp{height:560px}}