.hcpil{--pil-bg:#1f2a2e;--pil-card:#1f2a2e;--pil-bd:#4a5559;--pil-fig:#182124;--pil-grid:rgba(91,207,192,.07);--pil-line:#d3dbd8;--pil-h:#fff;--pil-tx:#d3dbd8;--pil-arr:#5bcfc0;--pil-ov:#5bcfc0;--pil-intro:hsla(0,0%,100%,.72);--pil-rad:10px;background:var(--pil-bg);box-sizing:border-box;color:var(--pil-h);font-family:var(--font-display,"Source Sans 3",Arial,sans-serif);margin-bottom:calc(var(--hc-sect,96px)*-1);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:calc(var(--hc-sect,96px)*-1);max-width:100vw;overflow:hidden;padding:clamp(56px,8vw,112px) 0;position:relative;width:100vw}.hcpil.hcpil--light{--pil-bg:#f4f6f5;--pil-card:#fff;--pil-bd:#dde3e0;--pil-fig:#f4f6f5;--pil-grid:rgba(31,42,46,.05);--pil-line:#1f2a2e;--pil-h:#1f2a2e;--pil-tx:#4a5559;--pil-arr:#076b52;--pil-ov:#0bab84;--pil-intro:#485258;--pil-rad:6px}.hcpil__corner{border-bottom:2px solid rgba(11,171,132,.25);border-left:2px solid rgba(11,171,132,.25);height:340px;pointer-events:none;position:absolute;right:-110px;top:-110px;transform:rotate(45deg);width:340px}.hcpil__in{box-sizing:border-box;margin:0 auto;max-width:var(--hc-container,1200px);padding:0 32px;position:relative}.hcpil__head{margin:0 0 clamp(32px,4vw,48px);max-width:820px}.hcpil .hcpil__ov{color:var(--pil-ov);font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase}.hcpil .hcpil__h2,.hcpil .hcpil__ov{font-family:var(--font-display,"Source Sans 3",Arial,sans-serif)}.hcpil .hcpil__h2{color:var(--pil-h);font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.015em;line-height:1.12;margin:0 0 12px}.hcpil .hcpil__intro{color:var(--pil-intro);font-family:var(--font-body,"Noto Sans",Arial,sans-serif);font-size:18px;line-height:1.55;margin:0}.hcpil__grid{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.hcpil__card{animation:hcpUp .42s cubic-bezier(.2,.7,.2,1) forwards;background:var(--pil-card);border:1px solid var(--pil-bd);border-radius:var(--pil-rad);display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:border-color .16s,box-shadow .16s}.hcpil--dark .hcpil__card:hover{border-color:#0bab84}.hcpil--light .hcpil__card:hover{box-shadow:0 8px 24px rgba(31,42,46,.08)}.hcpil__fig{align-items:center;aspect-ratio:16/10;background-color:var(--pil-fig);background-image:linear-gradient(var(--pil-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pil-grid) 1px,transparent 1px);background-size:20px 20px;box-sizing:border-box;display:flex;justify-content:center;padding:24px;position:relative}.hcpil--dark .hcpil__fig{border-bottom:1px solid var(--pil-bd)}.hcpil__svg{display:block;max-height:180px;overflow:visible}.hcpil-b{stroke:var(--pil-line)}.hcpil-t{fill:var(--pil-line)}.hcpil__no{color:#5bcfc0;font-size:12px;left:16px;letter-spacing:.1em;top:14px}.hcpil__badge,.hcpil__no{font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);position:absolute}.hcpil__badge{background:#0b8769;border-bottom-right-radius:6px;color:#fff;font-size:14px;font-weight:500;left:0;line-height:1.2;padding:8px 12px;top:0}.hcpil__body{display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.5vw,30px)}.hcpil--light .hcpil__body{border-top:1px solid #eaecea}.hcpil .hcpil__h3{color:var(--pil-h);font-family:var(--font-display,"Source Sans 3",Arial,sans-serif);font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:0}.hcpil .hcpil__ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hcpil .hcpil__li{animation:hcpFade .32s cubic-bezier(.2,.7,.2,1) forwards;color:var(--pil-tx);display:flex;font-family:var(--font-body,"Noto Sans",Arial,sans-serif);font-size:15px;gap:12px;line-height:1.6;margin:0;opacity:0;padding:0}.hcpil .hcpil__li:before{content:none;display:none}.hcpil__arr{color:var(--pil-arr);flex:none}@keyframes hcpUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hcpFade{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes hcpNode{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes hcpDraw{to{stroke-dashoffset:0}}@keyframes hcpFlow{to{stroke-dashoffset:-24}}@keyframes hcpNeedle{to{transform:rotate(0deg)}}@keyframes hcpPulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}@keyframes hcpSmoke{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:.7}to{opacity:0;transform:translateY(-26px) scale(1.5)}}@keyframes hcpSpin{to{transform:rotate(1turn)}}@keyframes hcpTravel{0%{opacity:0;transform:translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(260px)}}@keyframes hcpOpacity{0%{opacity:0}to{opacity:1}}.hcpil:not(.is-visible) *{animation-play-state:paused!important}.hcpil--static *{animation:none!important;transition:none!important}.hcpil--static .hcpil__card,.hcpil--static .hcpil__li,.hcpil--static [style*="opacity:0"]{opacity:1!important}.hcpil--static [pathLength]{stroke-dashoffset:0!important}.hcpil--static .hcpil-needle{transform:none!important}.hcpil--static .hcpil-node{transform:rotate(45deg)!important}.hcpil--static .hcpil-loop{display:none}@media (prefers-reduced-motion:reduce){.hcpil *{animation:none!important;transition:none!important}.hcpil .hcpil__card,.hcpil .hcpil__li,.hcpil [style*="opacity:0"]{opacity:1!important}.hcpil [pathLength]{stroke-dashoffset:0!important}.hcpil .hcpil-needle{transform:none!important}.hcpil .hcpil-node{transform:rotate(45deg)!important}.hcpil .hcpil-loop{display:none}}@media (max-width:700px){.hcpil__corner{display:none}}@media (max-width:760px){.hcpil__in{padding:0 20px}}