/* Practical work proof: J1-J3, after eight stories */
#practical-proof{padding:94px 0;background:linear-gradient(180deg,#f5f9ff,#fff);color:#172b46}
#practical-proof .practical-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
#practical-proof .practical-head{text-align:center;max-width:860px;margin:0 auto 42px}
#practical-proof .practical-kicker{font-size:.77rem;letter-spacing:.16em;color:#155eef;font-weight:900}
#practical-proof h2{font-size:clamp(2rem,4.1vw,3.35rem);line-height:1.3;margin:13px 0 18px}
#practical-proof .practical-head p:last-child{color:#536985;line-height:1.9}
.practical-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.practical-card{background:white;border:1px solid #dce6f3;border-radius:26px;overflow:hidden;box-shadow:0 16px 38px rgba(14,48,86,.08);display:flex;flex-direction:column}
.practical-video-button{position:relative;display:grid;place-items:center;aspect-ratio:9/12;width:100%;border:0;background:radial-gradient(circle at 70% 20%,#27578e,#07192e 75%);color:#fff;cursor:pointer;padding:20px;text-align:center}
.practical-video-button:focus-visible{outline:4px solid #155eef;outline-offset:-5px}
.practical-video-button .pv-label{position:absolute;left:18px;top:18px;font-weight:900;font-size:.75rem;letter-spacing:.12em;color:#a8d0ff}
.practical-video-button .pv-icon{display:grid;place-items:center;width:80px;height:80px;border:2px solid #b7d9ff;border-radius:50%;background:rgba(56,127,255,.24);font-size:28px;transition:transform .2s}
.practical-video-button:hover .pv-icon{transform:scale(1.09)}
.practical-video-button .pv-hint{position:absolute;bottom:19px;left:0;right:0;font-size:.84rem;font-weight:700}
.practical-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.practical-copy h3{font-size:1.33rem;line-height:1.45;margin:0 0 13px;color:#142a47}
.practical-copy p{color:#536985;line-height:1.85;font-size:.94rem;margin:0}
.practical-copy .practical-proof-point{color:#155eef;margin-top:auto;padding-top:19px;font-weight:850}
.practical-time{display:inline-block;color:#1657af;font-weight:800;font-size:.83rem;margin-bottom:11px}
.practical-summary{text-align:center;margin:44px auto 0;max-width:930px;padding:42px 32px;border-radius:28px;background:#0a223e;color:#fff}
.practical-summary h3{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.45;margin:0 0 14px}
.practical-summary p{color:#d5e1ee;line-height:1.9;margin:0 0 16px}
.practical-summary strong{color:white;font-size:1.2rem}
@media(max-width:850px){.practical-cards{grid-template-columns:1fr;max-width:440px;margin:auto}#practical-proof{padding:64px 0}.practical-video-button{aspect-ratio:9/11}.practical-summary{padding:30px 21px}}
