
/* Focused comparison: only the three-capability section changes. */
.capability-study {display:block;padding:80px 48px 100px;max-width:1360px;margin:auto;width:100%}
.study-heading {max-width:900px;margin:0 0 62px}
.study-heading .kicker,.study-chapter>.kicker {color:var(--blue)}
.study-heading h2 {font-size:clamp(32px,3.8vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.13;margin:16px 0 0}
.study-heading h2 em {font-style:normal;color:var(--blue)}
.study-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.study-chapter {padding:0 34px;border-left:1px solid #dce2e6;min-width:0}
.study-chapter:first-child {padding-left:0;border-left:0}
.study-chapter:last-child {padding-right:0}
.study-chapter h3 {font-size:clamp(27px,2.7vw,38px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:30px 0 22px;max-width:340px}
.study-chapter>p:not(.kicker) {font-size:15px;line-height:1.7;color:#707a80;margin:0;max-width:345px}
.study-chapter>p.study-note {margin-top:15px;color:#8b9296;font-size:13px}
.study-visual {height:225px;margin:25px 0 0;position:relative;display:flex;align-items:center;justify-content:center}
.source-sheet {position:absolute;width:220px;height:164px;border:1px solid #d3dce3;border-radius:3px;background:#f7f9fb;transition:transform .6s}
.sheet-back {transform:translate(12px,-15px) rotate(7deg)}
.sheet-middle {transform:translate(-9px,-5px) rotate(-5deg);background:#eef2f6}
.sheet-front {padding:24px;background:white;box-shadow:0 14px 30px #2233440a}
.sheet-front>span {font-size:13px;font-weight:500}
.ink-line {height:3px;width:105px;background:#d7dfe5;margin-top:17px}.ink-line.short {width:76px;margin-top:8px}
.document-seal {position:absolute;right:22px;top:67px;font-size:32px;color:var(--blue)}
.sheet-foot {position:absolute;bottom:17px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;color:#88939d}
.study-chapter:hover .sheet-back {transform:translate(18px,-23px) rotate(9deg)}
.study-chapter:hover .sheet-front {transform:translateY(-5px)}
.action-visual {flex-direction:column;gap:32px}
.call-wave {display:flex;align-items:center;justify-content:center;gap:5px;height:115px}
.call-wave i {display:block;width:4px;height:var(--h);border-radius:5px;background:#5c88e4;transition:transform .5s}
.study-chapter:hover .call-wave i {animation:voice-pulse .8s var(--delay) ease-in-out 2 alternate}
@keyframes voice-pulse {to{transform:scaleY(.55)}}
.action-caption {display:flex;gap:15px;align-items:center;font-size:11px;color:#6b7983}
.action-caption span:nth-child(2){font-size:21px;color:var(--blue)}
.boundary-frame {width:210px;height:188px;border:1px solid #ccd7e0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;position:relative}
.boundary-frame:before,.boundary-frame:after {content:'';position:absolute;width:30px;height:5px;background:#f7f9fb;left:calc(50% - 15px);top:-3px}
.boundary-frame:after {top:auto;bottom:-3px}
.boundary-circle {width:82px;height:82px;transition:transform .5s}
.boundary-circle svg {width:100%;height:100%;fill:none;stroke:#5c88e4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.boundary-frame>span {font-size:12px;color:#647581}
.study-chapter:hover .boundary-circle {transform:translateY(-5px)}
@media(max-width:900px){.capability-study{padding:65px 28px}.study-chapter{padding:0 20px}.source-sheet{width:170px}.sheet-front{padding:20px 12px}.sheet-foot{left:12px;right:12px}.boundary-frame{width:165px}.call-wave{gap:3px}.study-chapter h3{font-size:29px}.action-caption{font-size:9px;gap:7px}}
@media(max-width:650px){.study-columns{grid-template-columns:1fr;gap:45px}.study-chapter,.study-chapter:first-child,.study-chapter:last-child{border:0;border-top:1px solid #dce2e6;padding:26px 0 0}.study-heading{margin-bottom:35px}.study-chapter h3{font-size:34px;max-width:100%;margin-top:12px}.study-chapter>p:not(.kicker){max-width:100%}.study-visual{height:210px;margin-top:8px}.source-sheet{width:225px}.sheet-front{padding:24px}.sheet-foot{left:24px;right:24px}.call-wave{gap:5px}.action-caption{font-size:12px;gap:16px}.boundary-frame{width:210px}}
@media(prefers-reduced-motion:reduce){.study-chapter *{animation:none!important;transition:none!important}}
