/* ── Google Font ── */
            @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');

            :root {
              --rb-teal:       #1aacac;
              --rb-teal-dark:  #0d7a7a;
              --rb-teal-deep:  #0a4a4a;
              --rb-bg:         #e4ecee;
              --rb-white:      #ffffff;
              --rb-text-dark:  #1a1a2e;
              --rb-text-muted: #8aa0b0;
            }

            /* SECTION */
            .rossbiotech-whychoose {
              width: 100%;
              background: var(--rb-bg);
              padding: 60px 20px;
              display: flex;
              justify-content: center;
            }

            /* WRAP */
            .rossbiotech-whychoose__inner {
              width: 100%;
              max-width: 1100px;
            }

            .rossbiotech-whychoose__wrap {
              position: relative;
              width: 100%;
              aspect-ratio: 1080 / 720;
            }

            /* SVG layer */
            .rossbiotech-whychoose__svg {
              position: absolute;
              inset: 0;
              width: 100%; height: 100%;
              overflow: visible;
              pointer-events: none;
              z-index: 0;
            }
            .rossbiotech-whychoose__orbit-track {
              fill: none; stroke: #ccdede; stroke-width: 2;
            }
            .rossbiotech-whychoose__orbit-dash {
              fill: none;
              stroke: url(#rb-grad);
              stroke-width: 2.2;
              stroke-dasharray: 12 8;
              animation: rb-dash 6s linear infinite;
            }
            @keyframes rb-dash { to { stroke-dashoffset: -220; } }
            .rossbiotech-whychoose__connector {
              stroke: #b8d4d4; stroke-width: 1.8; stroke-dasharray: 5 4; fill: none;
            }
            .rossbiotech-whychoose__anchor {
              fill: var(--rb-teal); opacity: 0.38;
            }

            /* KNUCKLES */
            .rossbiotech-whychoose__knuckle {
              position: absolute;
              z-index: 4;
              transform: translate(-50%, -50%);
              width: 34px; height: 48px;
              border-radius: 17px;
              background: var(--rb-white);
              border: 2px solid var(--rb-teal);
              display: flex; flex-direction: column;
              align-items: center; justify-content: center;
              gap: 4px;
              box-shadow: 0 0 0 6px rgba(26,172,172,0.10);
              transition: box-shadow .3s;
            }
            .rossbiotech-whychoose__knuckle:hover {
              box-shadow: 0 0 0 11px rgba(26,172,172,0.16);
            }
            .rossbiotech-whychoose__knuckle-num {
              font-family: 'Nunito Sans', sans-serif;
              font-size: 10px; font-weight: 800;
              color: var(--rb-teal-dark); line-height: 1;
            }
            .rossbiotech-whychoose__knuckle-dot {
              width: 4px; height: 4px; border-radius: 50%;
              background: var(--rb-teal); opacity: .55;
            }
            .rossbiotech-whychoose__knuckle--01 { left: 36.9%; top: 31.4%; }
            .rossbiotech-whychoose__knuckle--02 { left: 63.1%; top: 31.4%; }
            .rossbiotech-whychoose__knuckle--03 { left: 63.1%; top: 68.6%; }
            .rossbiotech-whychoose__knuckle--04 { left: 36.9%; top: 68.6%; }

            /* CARDS */
            .rossbiotech-whychoose__card {
              position: absolute;
              width: 28%;
              background: var(--rb-white);
              border-radius: 18px;
              padding: 28px 22px 24px;
              box-shadow: 0 4px 22px rgba(0,0,0,0.06);
              border: 1.5px solid rgba(255,255,255,0.9);
              overflow: hidden;
              transition: transform .35s cubic-bezier(.34,1.4,.64,1), box-shadow .35s ease, border-color .3s;
              cursor: default;
              z-index: 2;
            }
            .rossbiotech-whychoose__card::before {
              content: '';
              position: absolute;
              top: 0; left: 0; right: 0; height: 3px;
              border-radius: 14px 14px 0 0;
              background: linear-gradient(90deg, var(--rb-teal), #0a86b8);
              opacity: 0; transition: opacity .3s;
            }
            .rossbiotech-whychoose__card:hover::before { opacity: 1; }
            .rossbiotech-whychoose__card:hover {
              transform: scale(1.045) translateY(-3px);
              box-shadow: 0 18px 42px rgba(26,172,172,0.18), 0 4px 14px rgba(0,0,0,0.05);
              border-color: rgba(26,172,172,0.4);
            }
            .rossbiotech-whychoose__card--tl { top: 2%; left: 1%; animation: rb-cardIn .5s .06s ease both; }
            .rossbiotech-whychoose__card--tr { top: 2%; right: 1%; animation: rb-cardIn .5s .18s ease both; }
            .rossbiotech-whychoose__card--bl { bottom: 2%; left: 1%; animation: rb-cardIn .5s .30s ease both; }
            .rossbiotech-whychoose__card--br { bottom: 2%; right: 1%; animation: rb-cardIn .5s .42s ease both; }
            @keyframes rb-cardIn {
              from { opacity:0; transform: scale(.82); }
              to   { opacity:1; transform: scale(1); }
            }
            .rossbiotech-whychoose__card-icon {
              display: flex; align-items: center; justify-content: center;
              height: 76px; margin-bottom: 16px;
            }
            .rossbiotech-whychoose__card-icon svg {
              width: 54px; height: 54px;
              stroke: var(--rb-teal); fill: none;
              stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;
              transition: stroke .3s;
            }
            .rossbiotech-whychoose__card:hover .rossbiotech-whychoose__card-icon svg { stroke: var(--rb-teal-dark); }
            .rossbiotech-whychoose__card-title {
              font-family: 'Nunito Sans', sans-serif;
              font-size: 15px; font-weight: 700;
              color: var(--rb-text-dark);
              line-height: 1.45; text-align: center;
            }

            /* CENTER HUB */
            .rossbiotech-whychoose__hub {
              position: absolute;
              top: 50%; left: 50%;
              transform: translate(-50%, -50%);
              z-index: 5;
              width: clamp(180px, 24%, 240px);
              aspect-ratio: 1;
              border-radius: 50%;
              background: var(--rb-white);
              box-shadow: 0 10px 44px rgba(26,172,172,0.18), 0 2px 12px rgba(0,0,0,0.07);
              display: flex; flex-direction: column;
              align-items: center; justify-content: center;
              gap: 10px; text-align: center;
              padding: 22px;
              animation: rb-hubIn .5s ease both;
            }
            @keyframes rb-hubIn {
              from { opacity:0; transform: translate(-50%,-50%) scale(.7); }
              to   { opacity:1; transform: translate(-50%,-50%) scale(1); }
            }
            .rossbiotech-whychoose__hub::before {
              content: '';
              position: absolute;
              inset: -12px; border-radius: 50%;
              border: 1.5px dashed rgba(26,172,172,0.28);
              animation: rb-spin 22s linear infinite;
            }
            @keyframes rb-spin { to { transform: rotate(360deg); } }
            .rossbiotech-whychoose__hub-badge {
              font-family: 'Nunito Sans', sans-serif;
              font-size: 8px; font-weight: 700;
              letter-spacing: 2.5px; text-transform: uppercase;
              color: var(--rb-teal-dark);
              border: 1px dashed var(--rb-teal);
              padding: 3px 8px; border-radius: 20px; line-height: 1;
            }
            .rossbiotech-whychoose__hub-logo {
              width: 80%; height: auto; display: block; object-fit: contain;
            }
            .rossbiotech-whychoose__hub-fallback {
              flex-direction: column; align-items: center; gap: 2px;
            }
            .rossbiotech-whychoose__hub-fallback-initials {
              font-size: 28px; font-weight: 800;
              background: linear-gradient(135deg, #0a5c8a, #1aacac);
              -webkit-background-clip: text; -webkit-text-fill-color: transparent;
              background-clip: text; letter-spacing: -1px; line-height: 1;
            }
            .rossbiotech-whychoose__hub-fallback-name {
              font-family: 'Nunito Sans', sans-serif;
              font-size: 9px; font-weight: 800;
              color: var(--rb-teal-deep); letter-spacing: 2.4px; text-transform: uppercase;
            }
            .rossbiotech-whychoose__hub-fallback-tag {
              font-size: 8px; color: var(--rb-text-muted); font-style: italic;
            }
            .rossbiotech-whychoose__hub-btn {
              display: inline-flex; align-items: center; gap: 6px;
              background: var(--rb-teal-deep); color: #fff;
              font-family: 'Nunito Sans', sans-serif;
              font-size: 12px; font-weight: 700;
              padding: 9px 18px; border-radius: 50px;
              text-decoration: none;
              transition: background .22s, transform .2s;
              white-space: nowrap;
            }
            .rossbiotech-whychoose__hub-btn:hover { background: var(--rb-teal-dark); transform: scale(1.04); }
            .rossbiotech-whychoose__hub-btn-arrow {
              width: 16px; height: 16px;
              background: rgba(255,255,255,0.18);
              border-radius: 50%;
              display: flex; align-items: center; justify-content: center;
              font-size: 10px;
            }