/* True clickable product entries. The hit box stays still while its face responds to hover. */
.co-orbit{position:relative;width:100%;height:100%;min-width:0;color:#e0eaff;isolation:isolate}
.co-scene{position:absolute;inset:0;overflow:visible}
.co-scene:before{content:"";position:absolute;width:440px;height:310px;max-width:80%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#264d882e,transparent 70%);pointer-events:none}
.co-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;overflow:visible}
.co-guide{stroke:#6f92d0;stroke-width:1;opacity:.27}
.co-guide.outer{stroke-dasharray:1 8;stroke-linecap:round;opacity:.25}
.co-guide.tilt{stroke:#6e93d4;opacity:.17;stroke-width:1}
.co-center{position:absolute;z-index:2;left:50%;top:50%;width:116px;height:116px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #759bdf57;border-radius:50%;background:radial-gradient(circle at 42% 28%,#233b61,#101d36 74%);box-shadow:0 0 0 11px #779ddd05,0 0 0 12px #6f93ca1c,0 20px 45px #030c211f,inset 0 1px 1px #c4d8ff1a;pointer-events:none}
.co-center:before,.co-center:after{content:"";position:absolute;inset:7px;border:1px solid #94b8f519;border-radius:50%}
.co-center:after{inset:-22px;border:1px solid #8bb0f028;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-28deg)}
.co-center strong{font-family:"Segoe UI",sans-serif;font-size:37px;font-weight:600;letter-spacing:-.055em;line-height:1.15;color:#edf3ff}
.co-center span{color:#afc2e1;font-size:11px;margin-top:7px;letter-spacing:.07em}
.co-item{position:absolute;z-index:1;left:0;top:0;width:184px;height:80px;display:block;padding:0;border:0;border-radius:12px;background:transparent;text-align:left;color:#f0f5ff;cursor:pointer;transform-origin:center;will-change:auto;outline:none}
.co-orbit[data-orbit-running="true"] .co-item{will-change:transform,opacity}
.co-item-face{position:relative;display:flex;align-items:center;gap:11px;width:100%;height:100%;padding:13px;border-radius:inherit;border:1px solid #526c965e;border-top-color:#89a8d378;background:linear-gradient(125deg,#233756,#14233f 90%);box-shadow:0 9px 18px #020b1e35,inset 0 1px 0 #d5e4ff09;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s}
.co-item:hover .co-item-face,.co-item:focus-visible .co-item-face{transform:translateY(-2px) scale(1.025);border-color:#9ab9f0;background:linear-gradient(125deg,#2b446b,#1b3052);box-shadow:0 0 0 3px #789eff14,0 13px 27px #010a1f59}
.co-item:focus-visible{outline:2px solid #c2d6ff;outline-offset:6px}
.co-item:active .co-item-face{transform:translateY(0) scale(.99);transition-duration:80ms}
.co-item-mark{width:33px;height:35px;flex:none;display:grid;place-items:center;border:1px solid #9eb9e63d;border-radius:9px;color:#dae8ff;background:#789ac518;font-family:"Segoe UI",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.045em}
.co-item-content{min-width:0;display:flex;flex-direction:column;gap:7px}
.co-item-label{font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;letter-spacing:-.02em}
.co-item-meta{display:flex;align-items:baseline;gap:8px;white-space:nowrap;line-height:1.4}
.co-item-plan{font-size:12px;color:#d6e5ff;font-weight:500}
.co-item-count{font-size:11px;color:#a9bfdf}
.co-item-arrow{position:absolute;right:8px;top:8px;width:12px;height:12px;fill:none;stroke:#c0d5ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translate(-2px,2px) rotate(-35deg);transition:opacity .2s,transform .2s}
.co-item:hover .co-item-arrow,.co-item:focus-visible .co-item-arrow{opacity:1;transform:translate(0,0) rotate(-35deg)}
.hero-copy .eyebrow{font-size:11px;color:#a3b7d8}
@media(max-width:1250px) and (min-width:1061px){
  .hero-panel{grid-template-columns:36% 64%}
  .hero-copy h1{font-size:34px}
  .co-item{width:170px;height:78px}.co-item-face{gap:9px;padding:11px}.co-item-mark{width:29px;height:32px;font-size:14px}
  .co-item-label{font-size:13px}.co-item-meta{gap:6px}.co-center{width:100px;height:100px}.co-center strong{font-size:32px}
}
/* Keep moving, readable entries on narrow laptops/tablets by giving the orbit its own row. */
@media(max-width:1060px) and (min-width:761px){
  .hero-panel{grid-template-columns:1fr}
  .hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:30px 34px 0!important}
  .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:15px}
  .hero-copy h1{font-size:32px}.hero-copy .hero-stats{align-self:center;margin-top:0;max-width:none}
  .orbit-host{height:370px}.co-item{width:180px;height:78px}
}
@media(max-width:760px){
  .co-orbit{height:auto;min-height:104px;padding:6px 0 14px}
  .co-scene{position:relative;inset:auto;display:flex;gap:10px;overflow-x:auto;padding:0 22px 8px 9px;scroll-padding-inline:9px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#6f86aa57 transparent}
  .co-scene:before,.co-lines,.co-center{display:none}
  .co-item{position:relative;left:auto;top:auto;flex:0 0 152px;width:152px;height:76px;transform:none!important;opacity:1!important;will-change:auto;border-radius:9px;scroll-snap-align:start}
  .co-item-face{padding:10px;gap:8px}.co-item-mark{width:27px;height:29px;font-size:13px;border-radius:7px}
  .co-item-label{font-size:12px}.co-item-content{gap:6px}.co-item-meta{gap:6px}.co-item-plan{font-size:11px}.co-item-count{font-size:10px}
  .co-item-arrow{width:10px;height:10px;right:5px;top:5px}
  .co-item:hover .co-item-face{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .co-item,.co-item-face,.co-item-arrow{transition:none!important;will-change:auto!important}
  .co-item:hover .co-item-face,.co-item:focus-visible .co-item-face,.co-item:active .co-item-face{transform:none}
}