.iXySpq_diagram{--line:#cfdcec;grid-template-columns:minmax(0,1fr) minmax(48px,.5fr) auto minmax(48px,.5fr) minmax(0,1fr);align-items:center;max-width:1180px;margin:0 auto;display:grid}.iXySpq_side{--tone:var(--brand);--tone-bg:var(--brand-50);box-shadow:inset 0 0 0 1px var(--border), 0 24px 48px -36px #0f1e3373;transition:translate .35s var(--ease-out), box-shadow .35s var(--ease-out);background:#fff;border-radius:24px;padding:clamp(20px,2.4vw,30px);position:relative}.iXySpq_side[data-side=driver]{--tone:var(--green);--tone-bg:var(--green-bg)}.iXySpq_side:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 45%, #fff), 0 30px 56px -34px color-mix(in srgb, var(--tone) 60%, transparent);translate:0 -4px}.iXySpq_sideIcon{background:var(--tone-bg);width:52px;height:52px;color:var(--tone);transition:rotate .5s var(--ease-spring);border-radius:16px;place-items:center;display:grid}.iXySpq_side:hover .iXySpq_sideIcon{rotate:-8deg}.iXySpq_sideTitle{letter-spacing:-.02em;margin:16px 0 0;font-size:21px;font-weight:800}.iXySpq_gets{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.iXySpq_gets li{color:var(--text-2);align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.iXySpq_gets svg{background:var(--tone-bg);width:20px;height:20px;color:var(--tone);border-radius:50%;flex:none;padding:3px}.iXySpq_link{background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px);background-size:28px 4px;border-radius:4px;height:4px;animation:1.2s linear infinite iXySpq_dash;position:relative}@keyframes iXySpq_dash{to{background-position:28px 0}}.iXySpq_packet{background:var(--brand);width:12px;height:12px;animation:iXySpq_travel 2.4s calc(var(--k,0) * .8s) var(--ease) infinite;opacity:0;border-radius:50%;margin-top:-6px;position:absolute;top:50%;left:0;box-shadow:0 0 0 4px #006fdf2e}.iXySpq_link[data-side=driver] .iXySpq_packet{background:#12a464;box-shadow:0 0 0 4px #12a46433}@keyframes iXySpq_travel{0%{opacity:0;left:0;scale:.5}15%,85%{opacity:1;scale:1}to{opacity:0;left:calc(100% - 12px);scale:.5}}:is(.iXySpq_diagram:has(.iXySpq_side[data-side=shipper]:hover) .iXySpq_link[data-side=shipper],.iXySpq_diagram:has(.iXySpq_side[data-side=driver]:hover) .iXySpq_link[data-side=driver]){--line:#8fbff2;animation-duration:.5s}.iXySpq_diagram:has(.iXySpq_side[data-side=driver]:hover) .iXySpq_link[data-side=driver]{--line:#8fd9b4}:is(.iXySpq_diagram:has(.iXySpq_side[data-side=shipper]:hover) .iXySpq_link[data-side=shipper] .iXySpq_packet,.iXySpq_diagram:has(.iXySpq_side[data-side=driver]:hover) .iXySpq_link[data-side=driver] .iXySpq_packet){animation-duration:1.2s}.iXySpq_hub{justify-items:center;gap:10px;padding:0 8px;display:grid;position:relative}.iXySpq_hubCore{z-index:1;width:104px;height:104px;box-shadow:inset 0 0 0 1px var(--border), 0 24px 48px -20px #006fdf8c;background:#fff;border-radius:30px;place-items:center;animation:5s ease-in-out infinite iXySpq_float;display:grid;position:relative}@keyframes iXySpq_float{50%{translate:0 -6px}}.iXySpq_hubName{letter-spacing:.02em;color:var(--brand-700);font-size:15px;font-weight:800}.iXySpq_coreWrap{place-items:center;display:grid;position:relative}.iXySpq_orbit{pointer-events:none;border:1.5px dashed #006fdf40;border-radius:50%;width:156px;height:156px;margin:-78px 0 0 -78px;animation:14s linear infinite iXySpq_spin;position:absolute;top:50%;left:50%}.iXySpq_orbit[data-o="2"]{border-color:#12a46433;width:200px;height:200px;margin:-100px 0 0 -100px;animation-duration:22s;animation-direction:reverse}.iXySpq_orbit i{background:var(--brand);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%}.iXySpq_orbit[data-o="2"] i{background:#12a464}@keyframes iXySpq_spin{to{rotate:360deg}}.iXySpq_flow{max-width:880px;box-shadow:inset 0 0 0 1px var(--border);background:#fff;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:clamp(36px,4vw,56px) auto 0;padding:6px;list-style:none;display:grid}.iXySpq_flow li{color:var(--text-3);animation:iXySpq_step 8s calc(var(--i) * 2s) linear infinite;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:15px;font-weight:800;display:flex}.iXySpq_flowNum{font-variant-numeric:tabular-nums;opacity:.7;font-size:12px}@keyframes iXySpq_step{0%,24%{background:var(--brand);color:#fff}25%,to{color:var(--text-3);background:0 0}}@media (max-width:900px){.iXySpq_diagram{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:0}.iXySpq_link{background:repeating-linear-gradient(180deg, var(--line) 0 8px, transparent 8px 14px);background-size:4px 28px;justify-self:center;width:4px;height:56px;animation-name:iXySpq_dash-v}@keyframes iXySpq_dash-v{to{background-position:0 28px}}.iXySpq_packet{margin:0 0 0 -6px;animation-name:iXySpq_travel-v;left:50%}@keyframes iXySpq_travel-v{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 12px)}}.iXySpq_hub{padding:28px 0}}@media (max-width:560px){.iXySpq_flow{grid-template-columns:repeat(2,minmax(0,1fr))}}