@keyframes hp-orbitflow{0%{offset-distance:100%;transform:scale(.88);opacity:.74}25%{offset-distance:75%;transform:scale(.97);opacity:.86}50%{offset-distance:50%;transform:scale(1.06);opacity:1}75%{offset-distance:25%;transform:scale(.97);opacity:.86}to{offset-distance:0;transform:scale(.88);opacity:.74}}.hp-orbit-section{width:100%;background:#f5f2e8;padding:0 clamp(20px,4vw,48px);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.hp-orbit-section-inner{width:100%;max-width:1176px;margin-inline:auto}.hp-orbit-section-mark{display:flex;align-items:flex-end;justify-content:center;gap:7px;margin-top:clamp(12px,2vh,24px);flex-shrink:0}.hp-orbit-section-mark span{display:block;width:2px;height:36px;background:rgba(23,21,26,.22);border-radius:1px}.hp-orb-frame{container-type:inline-size;width:100%;aspect-ratio:1920/760;overflow:hidden;position:relative;background:transparent}.hp-orb-stage{width:1920px;height:760px;transform-origin:top left;transform:scale(calc(100cqw / 1920px));font-family:var(--hp-sans),"Poppins","Segoe UI",sans-serif}.hp-orb-rings,.hp-orb-stage{position:absolute;top:0;left:0}.hp-orb-rings{pointer-events:none}.hp-oi-group{position:absolute;top:0;left:0;width:78px;height:78px;offset-rotate:0deg;animation:hp-orbitflow linear infinite;transition:filter .3s}.hp-oi-node{position:relative;width:78px;height:78px}.hp-oi-circle{width:78px;height:78px;border-radius:999px;background:#ffffff;border:1px solid rgba(0,0,0,.04);box-shadow:0 8px 24px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;box-sizing:border-box}.hp-oi-circle img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:999px;display:block}.hp-oi-chip{position:absolute;top:100%;left:50%;margin-top:10px;width:-moz-max-content;width:max-content;min-width:168px;max-width:280px;padding:8px 16px;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:11px;font-size:12px;line-height:1.35;font-weight:500;color:#2c2b29;box-shadow:0 4px 14px rgba(0,0,0,.08);text-align:center;opacity:0;transform:translate(-50%,6px);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none;white-space:nowrap}.hp-oi-chip-tech{display:block;font-weight:600;color:#161513}.hp-oi-chip-detail{display:block;font-weight:400;font-size:11px;color:#8a8781;margin-top:2px}.hp-oi-group.hp-oi-active,.hp-oi-group:hover{z-index:5}.hp-oi-group.hp-oi-active .hp-oi-chip,.hp-oi-group:hover .hp-oi-chip{opacity:1;transform:translate(-50%)}.hp-oi-group.hp-oi-active .hp-oi-circle{box-shadow:0 10px 28px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.08)}.pos-top .hp-oi-chip{top:auto;bottom:100%;margin-top:0;margin-bottom:10px;transform:translate(-50%,-6px)}.pos-top.hp-oi-group.hp-oi-active .hp-oi-chip,.pos-top.hp-oi-group:hover .hp-oi-chip{transform:translate(-50%)}.hp-orb-copy{position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;justify-content:center;text-align:center;padding:0 22%;box-sizing:border-box;pointer-events:none;z-index:2}.hp-orb-copy,.hp-orb-kicker{display:flex;align-items:center}.hp-orb-kicker{gap:8px;color:#3f7cd6;font-size:clamp(10px,1.15cqi,13px);font-weight:600;letter-spacing:.12em;margin-bottom:14px}.hp-orb-kicker-mark{width:9px;height:9px;border:1.5px solid #3f7cd6;display:inline-block;flex-shrink:0}.hp-orb-title{margin:0 0 12px;max-width:9.2em;font-size:clamp(24px,3.9cqi,46px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#161513}.hp-orb-body{margin:0;font-size:clamp(13px,1.4cqi,16px);line-height:1.55;color:#5c5a56;max-width:36em;font-weight:400}.hp-orb-static .hp-oi-group{animation:none!important}@media (prefers-reduced-motion:reduce){.hp-oi-group{animation:none!important}}@media (max-width:640px){.hp-orbit-section-mark{margin-top:16px;gap:6px}.hp-orbit-section-mark span{height:22px}}