.hpe-capability-visual{position:relative;overflow:hidden;background:#fbfaf6;color:#171c1a;padding:86px 0 92px}.hpe-capability-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 54%,rgba(191,145,36,.075),transparent 30%),linear-gradient(90deg,transparent 0 49.8%,rgba(20,25,23,.035) 50%,transparent 50.2%),linear-gradient(rgba(20,25,23,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(20,25,23,.018) 1px,transparent 1px);background-size:auto,100% 100%,34px 34px,34px 34px;pointer-events:none}.hpe-capability-visual__head{position:relative;display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:40px}.hpe-capability-visual__eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#9b7420;display:flex;align-items:center;gap:11px;margin-bottom:13px}.hpe-capability-visual__eyebrow span{width:32px;height:2px;background:#bd902b}.hpe-capability-visual h2{font-size:34px;line-height:1.12;max-width:780px;margin:0 0 12px;font-weight:650;letter-spacing:-.028em}.hpe-capability-visual__head p{max-width:760px;margin:0;color:#626c68;font-size:16px;line-height:1.65}.hpe-capability-visual__legend{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:7px;letter-spacing:.12em;font-weight:500;color:#818a86;padding-bottom:6px}.hpe-capability-visual__legend i{width:23px;height:1px;background:#cbd0cc}.hpe-capability-visual__layout{position:relative;display:grid;grid-template-columns:minmax(430px,49%) minmax(0,1fr);gap:48px;align-items:center}.hpe-capability-wheel{position:relative;width:min(560px,100%);aspect-ratio:1;margin:auto;isolation:isolate;overflow:hidden}.hpe-capability-wheel__fusion{position:absolute;inset:4%;border-radius:50%;z-index:0;background:radial-gradient(circle at 50% 50%,rgba(194,150,48,.10) 0%,rgba(194,150,48,.055) 32%,rgba(194,150,48,.018) 54%,transparent 72%),radial-gradient(circle at 50% 50%,transparent 55%,rgba(34,50,45,.035) 56%,transparent 57%),radial-gradient(circle at 50% 50%,transparent 68%,rgba(190,145,39,.07) 68.3%,transparent 68.8%);filter:blur(.2px)}.hpe-capability-wheel__ambient{position:absolute;inset:2%;z-index:1;border-radius:50%;overflow:hidden;opacity:.20;filter:blur(.35px) saturate(.9);mix-blend-mode:multiply;clip-path:circle(47% at 50% 50%)}.hpe-capability-wheel__ambient img{position:absolute;width:94%;height:94%;left:3%;top:3%;object-fit:contain}.hpe-capability-wheel__core{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:50%;clip-path:circle(34% at 50% 50%);filter:drop-shadow(0 10px 16px rgba(80,65,32,.07));animation:hpeCapWheelRotate 30s linear infinite;transform-origin:50% 50%}.hpe-capability-wheel__core img{position:absolute;width:94%;height:94%;left:3%;top:3%;object-fit:contain}.hpe-capability-wheel__orbit{position:absolute;border-radius:50%;pointer-events:none}.hpe-capability-wheel__orbit--outer{inset:2.5%;border:1px dashed rgba(166,125,32,.48);z-index:4}.hpe-capability-visual__panel-wrap{min-width:0}.hpe-capability-visual__panel{display:none}.hpe-capability-visual__panel.is-active{display:block;animation:hpeCapPanelIn .55s cubic-bezier(.2,.75,.2,1)}.hpe-capability-visual__panel-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.hpe-capability-visual__panel-head>span{font-size:39px;font-weight:300;color:#b48827;line-height:.9;min-width:43px}.hpe-capability-visual__panel-head small{font-size:9px;letter-spacing:.19em;color:#8a918e;font-weight:500}.hpe-capability-visual__panel-head h3{font-size:26px;line-height:1.15;margin:4px 0 7px;letter-spacing:-.02em;font-weight:400;color:#202622}.hpe-capability-visual__panel-head p{margin:0;color:#69736f;font-size:13px;line-height:1.55;max-width:560px}.hpe-capability-visual__scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe2dd;border:1px solid #dfe2dd;box-shadow:0 10px 28px rgba(30,35,32,.035)}.hpe-capability-visual__scope{min-height:67px;background:rgba(255,255,255,.95);padding:14px 16px;display:grid;grid-template-columns:29px 1fr 18px;gap:9px;align-items:center;text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease}.hpe-capability-visual__scope:hover{background:#fff8e9}.hpe-capability-visual__scope>span{font-size:10px;color:#a47a21;font-weight:500}.hpe-capability-visual__course-title{font-size:13px;line-height:1.4;font-weight:400;color:#252b28}.hpe-capability-visual__scope b{font-size:16px;color:#9da3a0;font-weight:400;transition:transform .2s ease,color .2s ease}.hpe-capability-visual__scope:hover b{color:#9b7625;transform:translate(2px,-2px)}.hpe-capability-visual__stage-footer{display:flex;justify-content:space-between;gap:15px;margin-top:15px;color:#8a928f;font-size:8px;letter-spacing:.15em;font-weight:500}.hpe-capability-visual__auto-state b{color:#a87c20}.hpe-capability-visual__auto-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b78a29;margin-right:6px;vertical-align:1px;animation:hpeCapPulse 1.5s ease-in-out infinite}.hpe-capability-visual__stage-footer span{white-space:nowrap}@keyframes hpeCapPanelIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes hpeCapWheelRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes hpeCapOrbitRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes hpeCapPulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.hpe-capability-wheel__core,.hpe-capability-visual__auto-state:before{animation:none}.hpe-capability-visual__panel.is-active{animation:none}}@media(max-width:1080px){.hpe-capability-visual__layout{grid-template-columns:minmax(370px,46%) minmax(0,1fr);gap:30px}.hpe-capability-visual h2{font-size:31px}}@media(max-width:900px){.hpe-capability-visual__head{display:block}.hpe-capability-visual__legend{margin-top:18px}.hpe-capability-visual__layout{grid-template-columns:1fr;gap:36px}.hpe-capability-wheel{width:min(560px,100%)}.hpe-capability-visual__panel-wrap{max-width:760px;margin:auto;width:100%}}@media(max-width:620px){.hpe-capability-visual{padding:62px 0 70px}.hpe-capability-visual h2{font-size:27px}.hpe-capability-visual__head p{font-size:14px}.hpe-capability-wheel{width:100%;max-width:500px;min-width:300px}.hpe-capability-visual__scope-grid{grid-template-columns:1fr}.hpe-capability-visual__panel-head h3{font-size:23px}.hpe-capability-visual__stage-footer{font-size:7px}.hpe-capability-visual__legend{flex-wrap:wrap}}