.tms-hero-visual{position:relative;aspect-ratio:1/1;max-width:540px;margin-left:auto}@media(max-width:1024px){.tms-hero-visual{margin:0 auto}}.tms-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 30px 60px -28px #0f172a38,0 8px 20px -12px #0f172a1a;overflow:hidden;transform:rotate(-1deg);display:flex;flex-direction:column;height:100%}.tms-board-head{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;background:var(--paper-warm);font-size:12px}.tms-board-head .crumb{font-family:var(--font-mono);color:var(--slate-500)}.tms-board-head .crumb b{color:var(--ink-900);font-weight:600}.tms-board-head .live{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.06em;background:var(--teal-50);color:var(--teal-700);padding:4px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:6px}.tms-board-head .live:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--teal-500);animation:blink 1.4s infinite}.tms-board-body{padding:18px;display:grid;gap:14px;flex:1;grid-template-rows:auto 1fr}.tms-tabs{display:flex;gap:6px;background:var(--paper-warm);border-radius:10px;padding:4px}.tms-tab{flex:1;padding:7px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:var(--slate-500);text-align:center}.tms-tab.active{background:#fff;color:var(--ink-900);box-shadow:0 2px 6px -2px #0f172a1a}.tms-tender-list{display:grid;gap:8px}.tender-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:#fff;font-size:12.5px}.tender-row .carrier{display:flex;align-items:center;gap:8px;font-weight:600}.tender-row .carrier .logo{width:26px;height:26px;border-radius:6px;background:var(--teal-50);color:var(--teal-700);display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:700}.tender-row .lane{font-size:11px;color:var(--slate-500);margin-top:2px;font-family:var(--font-mono)}.tender-row .rate{font-family:var(--font-mono);font-weight:600;color:var(--ink-900)}.tender-row .badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:var(--paper-cool);color:var(--slate-500)}.tender-row.best{border-color:var(--teal-500);background:var(--teal-50)}.tender-row.best .badge{background:var(--teal-600);color:#fff}.tms-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:0 18px 40px -20px #0f172a40;font-size:12.5px;display:flex;align-items:center;gap:10px;z-index:2}.tms-float.fl-1{top:-16px;right:-20px;transform:rotate(3deg)}.tms-float.fl-2{bottom:-10px;left:-28px;transform:rotate(-3deg)}.tms-float .ico{width:32px;height:32px;border-radius:10px;background:var(--ink-900);color:#fff;display:grid;place-items:center}.tms-float .ico.coral{background:var(--coral-500)}.tms-float .ico.amber{background:var(--amber-400);color:var(--ink-900)}.tms-float strong{display:block;font-weight:600}.tms-float .sub{color:var(--slate-500);font-size:11px}.tms-flow{display:flex}.tms-flow-step{flex:1;padding:28px 22px;border-right:1px solid var(--line-soft);position:relative;display:grid;gap:8px;align-content:start}.tms-flow-step:last-child{border-right:0}.tms-flow-step .step-num{font-family:var(--font-mono);font-size:11px;color:var(--slate-400);letter-spacing:.08em}.tms-flow-step .step-ico{width:36px;height:36px;border-radius:10px;background:var(--teal-50);color:var(--teal-700);display:grid;place-items:center;margin-bottom:4px}.tms-flow-step h4{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);margin:0}.tms-flow-step p{margin:0;color:var(--slate-500);font-size:13px;line-height:1.45}@media(max-width:920px){.tms-flow{flex-wrap:wrap}.tms-flow-step{flex:0 0 50%;border-bottom:1px solid var(--line-soft)}.tms-flow-step:nth-child(2n){border-right:0}.tms-flow-step:nth-last-child(-n+2){border-bottom:0}}@media(max-width:560px){.tms-flow-step{flex:0 0 100%;border-right:0}.tms-flow-step:not(:last-child){border-bottom:1px solid var(--line-soft)}}
