:focus-visible{outline:3px solid #e84739;outline-offset:5px}
section[id]{scroll-margin-top:90px}
.visual{isolation:isolate}
.visual-card.phone{z-index:0}
.visual-card.metric{z-index:1}
.visual-card.campaign{z-index:2}
.matching-visual{margin:0;min-width:0;width:100%;position:relative}
.matching-photo{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(11,18,32,.08);background:#f7f5f0}
.matching-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.matching-labels{position:absolute;inset:18px 16px auto;display:flex;justify-content:space-between;gap:10px}
.matching-labels>span{font-size:9px;letter-spacing:.08em;font-weight:750;background:rgba(247,245,240,.95);padding:7px 9px;border-radius:999px;color:#162238}
.matching-bridge{position:absolute;inset:34% 17% auto;display:flex;align-items:center;gap:8px}
.matching-line{height:1px;flex:1;background:#e84739;position:relative}
.matching-line:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #e84739;border-right:1px solid #e84739;transform:rotate(45deg)}
.matching-hub{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0;flex-shrink:0}
.matching-hub>span{display:grid;place-items:center;background:#e84739;color:#fff;width:48px;height:48px;border-radius:50%;font-size:16px;font-weight:850;box-shadow:0 0 0 7px rgba(232,71,57,.08)}
.matching-hub strong{font-size:12px;letter-spacing:.1em}
.matching-hub small{font-size:6px;letter-spacing:.09em;color:#596374}
.matching-insight{position:relative;margin:-28px 20px 0;background:#0b1220;color:white;border:1px solid #ffffff30;border-radius:22px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 18px 40px #0b122018}
.matching-insight>div:first-child{display:flex;flex-direction:column;gap:5px}
.matching-insight small{font-size:9px;letter-spacing:.12em;color:#ff9b90}
.matching-insight strong{font-size:23px;line-height:1.2;letter-spacing:-.035em}
.matching-insight span{font-size:10px;color:#bbc4d1}
.matching-insight .spark{height:56px;gap:5px;margin:0;flex-shrink:0}
.matching-insight .spark i{width:7px;opacity:1}
.matching-visual figcaption{font-size:9px;color:#6f7785;text-align:center;margin-top:15px}
@media(max-width:960px){.matching-visual{max-width:620px;margin:auto}}
@media(max-width:480px){.matching-labels{inset:12px 10px auto}.matching-labels>span{font-size:8px;padding:6px}.matching-hub>span{width:38px;height:38px;font-size:13px}.matching-hub strong{font-size:10px}.matching-hub small{font-size:5px}.matching-insight{margin:-15px 10px 0;padding:18px 16px;gap:10px}.matching-insight strong{font-size:20px}.matching-insight .spark{gap:4px}.matching-insight .spark i{width:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}