.sukod-hc{--hc-bg:#f5f9fd;--hc-card:#fff;--hc-title:#10294f;--hc-text:#4a5b73;--hc-accent:#1683e8;--hc-line:#c8d9ee;--hc-pill:#1683e8;--hc-pill-c:#fff;--hc-w:1100px;--hc-r:14px;background:var(--hc-bg);padding:clamp(44px,6vw,84px) 20px;box-sizing:border-box}
.sukod-hc *{box-sizing:border-box}
.sukod-hc__in{max-width:var(--hc-w);margin:0 auto}
.sukod-hc__head{text-align:center;max-width:720px;margin:0 auto 26px}
.sukod-hc__eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-accent)}
.sukod-hc__title{margin:0 0 12px;font-size:clamp(28px,3.6vw,46px);line-height:1.12;color:var(--hc-title)}
.sukod-hc__lead{margin:0;font-size:16px;line-height:1.6;color:var(--hc-text)}
.sukod-hc__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 34px}
.sukod-hc__chip{padding:6px 16px;border-radius:999px;border:1px solid var(--hc-line);background:#fff;color:var(--hc-title);font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.sukod-hc__chip:hover,.sukod-hc__chip.is-on,.sukod-hc__chip:focus-visible{background:var(--hc-pill);border-color:var(--hc-pill);color:var(--hc-pill-c)}
.sukod-hc__list{position:relative;list-style:none;margin:0;padding:0}
.sukod-hc__list:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--hc-line)}
.sukod-hc__item{position:relative;width:50%;padding:0 54px 34px 0;margin:0}
.sukod-hc__item--right{margin-left:50%;padding:0 0 34px 54px}
.sukod-hc__pill{position:absolute;top:14px;right:0;transform:translateX(50%);z-index:2;padding:6px 14px;border-radius:999px;background:var(--hc-pill);color:var(--hc-pill-c);font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 6px var(--hc-bg)}
.sukod-hc__item--right .sukod-hc__pill{right:auto;left:0;transform:translateX(-50%)}
.sukod-hc__card{background:var(--hc-card);border:1px solid #e3ecf6;border-radius:var(--hc-r);box-shadow:0 8px 26px rgba(16,41,79,.07);overflow:hidden;transition:transform .25s,box-shadow .25s}
.sukod-hc__card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,41,79,.12)}
.sukod-hc__card h3{margin:0;padding:18px 22px 0;font-size:19px;line-height:1.25;color:var(--hc-title)}
.sukod-hc__card p{margin:0;padding:8px 22px 20px;font-size:14.5px;line-height:1.6;color:var(--hc-text)}
.sukod-hc__card h3:first-child{padding-top:18px}
.sukod-hc__fig{margin:0}
.sukod-hc__fig img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.sukod-hc__fig figcaption{padding:6px 22px 0;font-size:12px;color:#7a8ba3}
.sukod-hc.is-anim .sukod-hc__item{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.sukod-hc.is-anim .sukod-hc__item.is-in{opacity:1;transform:none}
@media(max-width:767px){
.sukod-hc{padding-inline:14px}
.sukod-hc__list:before{left:18px;margin:0}
.sukod-hc--m-left .sukod-hc__item,.sukod-hc--m-left .sukod-hc__item--right{width:100%;margin-left:0;padding:0 0 26px 52px}
.sukod-hc--m-left .sukod-hc__pill,.sukod-hc--m-left .sukod-hc__item--right .sukod-hc__pill{left:18px;right:auto;transform:translateX(-50%);top:0;font-size:11.5px;padding:5px 10px}
.sukod-hc--m-left .sukod-hc__card{margin-top:30px}
.sukod-hc--m-center .sukod-hc__list:before{left:50%;margin-left:-1px}
.sukod-hc--m-center .sukod-hc__item,.sukod-hc--m-center .sukod-hc__item--right{width:100%;margin-left:0;padding:46px 0 26px}
.sukod-hc--m-center .sukod-hc__pill,.sukod-hc--m-center .sukod-hc__item--right .sukod-hc__pill{left:50%;right:auto;top:0;transform:translateX(-50%)}
}
@media(max-width:1023px) and (min-width:768px){.sukod-hc__item{padding-right:42px}.sukod-hc__item--right{padding-left:42px}}
@media(prefers-reduced-motion:reduce){.sukod-hc.is-anim .sukod-hc__item{opacity:1;transform:none;transition:none}.sukod-hc__card{transition:none}}