.oc-stages{display:flex;align-items:stretch;gap:0;margin-bottom:var(--s-5);flex-wrap:wrap}.oc-stage{flex:1;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s-5);box-shadow:var(--e-1);transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.oc-stage:hover{border-color:var(--line-2);transform:translateY(-2px);background:var(--surface-2)}.oc-arrow{width:34px;display:flex;align-items:center;justify-content:center;color:var(--tx-mute);flex:none;font-size:18px}.oc-lbl{font:700 var(--fs-xs)/1 var(--ff);letter-spacing:.13em;text-transform:uppercase;color:var(--tx-mute)}.oc-num{font:800 var(--fs-num)/1 var(--ff-head);letter-spacing:-.02em;margin-top:var(--s-3)}.oc-tot{font:600 var(--fs-lg)/1 var(--ff-head);color:var(--tx-dim)}.oc-sub{font-size:var(--fs-sm);color:var(--tx-mute);margin-top:var(--s-1)}.oc-link{display:inline-block;margin-top:var(--s-3);font-size:var(--fs-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--dur-1) var(--ease)}.oc-link:hover{opacity:.7}.oc-track{margin-top:var(--s-3);height:6px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}.oc-fill{width:0;height:100%;border-radius:6px;transition:width var(--dur-3) var(--ease)}.oc-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s-5)}.oc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-6);box-shadow:var(--e-1)}.oc-h{margin:0;font:700 var(--fs-lg)/1.2 var(--ff-head)}.oc-btn{font-family:var(--ff);font-weight:700;font-size:var(--fs-base);padding:13px 22px;border-radius:var(--radius-sm);cursor:pointer;border:0;transition:transform var(--dur-1) var(--ease),filter var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.oc-btn:hover{transform:translateY(-1px)}.oc-btn:active{transform:translateY(0)}.oc-btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.oc-btn-primary{background:var(--lime);color:var(--ink)}.oc-btn-primary:hover{filter:brightness(1.06)}.oc-btn-ghost{background:0 0;color:var(--tx-dim);border:1px solid var(--line-2)}.oc-btn-ghost:hover{color:var(--tx);border-color:var(--line-3)}.oc-tile{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px}.oc-spark{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:var(--s-3)}.oc-spark i{flex:1;background:var(--surface-3);border-radius:4px 4px 2px 2px;min-height:3px;transition:height var(--dur-3) var(--ease)}.oc-spark i.on{background:linear-gradient(180deg,var(--lime),#9fe04a)}@media (max-width:900px){.oc-lower{grid-template-columns:1fr}.oc-arrow{display:none}}