/* V7: service cards and spacing; the approved V5 hero stays unchanged. */
.directions{gap:18px}
.directions>a{padding:28px 24px 62px;border-color:#354254;box-shadow:0 8px 24px #00000024;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.directions>a:hover,.directions>a:focus-visible{transform:translateY(-4px);border-color:#7caeff;box-shadow:0 14px 30px #00000040}
.directions .direction-number{font-size:3rem;line-height:1;font-weight:750;letter-spacing:-.06em;color:#8fb8ec}
.directions h2{font-weight:750}
.directions b{display:grid;place-items:center;right:22px;bottom:20px;width:32px;height:32px;border:1px solid #6884a6;border-radius:50%;font-size:1.2rem}
.section{padding-block:90px}
.case-video a{display:block;position:relative;background:#0b111a;text-align:center;overflow:hidden;border-radius:12px}
.case-video img{display:block;width:100%;height:300px;object-fit:contain}
.case-video a>span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 16px;border-radius:30px;background:#112a46;color:#fff;font-weight:650}
.messenger-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.section{padding-block:60px}.directions{grid-template-columns:1fr}.directions>a{padding:24px 24px 58px;gap:12px}.directions h2{font-size:1.5rem}.directions p{font-size:1rem}.directions .direction-number{font-size:2.6rem}.mobile-actions a{min-height:48px}.messenger-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.directions>a{transition:none}.directions>a:hover{transform:none}}