.match-explainer{padding:64px 0 72px;background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%);border-top:1px solid var(--line)}
.match-explainer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.match-explainer-copy .eyebrow{margin-bottom:14px}.match-explainer-copy h2{max-width:650px;margin-bottom:14px;font-size:clamp(2rem,3.8vw,3.15rem)}.match-explainer-copy>p{max-width:650px;margin:0 0 28px;color:var(--muted);font-size:1rem}
.match-steps{display:grid;gap:12px}.match-step{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:16px 17px;border:1px solid #e2e6ed;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}.match-step-num{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff;font-weight:900}.match-step:nth-child(2) .match-step-num{background:#e7445b}.match-step:nth-child(3) .match-step-num{background:#0d8a69}.match-step strong{display:block;margin:2px 0 4px;color:#1f2937;font-size:.94rem}.match-step span{display:block;color:#667085;font-size:.82rem;line-height:1.5}
.match-explainer-action{display:flex;align-items:center;gap:12px;margin-top:20px}.match-explainer-action small{max-width:250px;color:#98a2b3;font-size:.71rem;line-height:1.4}
.match-preview{position:relative;padding:20px;border:1px solid #dfe4ec;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.1);overflow:hidden}.match-preview:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#e7445b,#f08a6f,#7357e8)}.match-preview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.match-preview-top strong{font-size:.88rem;color:#344054}.match-preview-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#effaf6;color:#0d7b5f;font-size:.68rem;font-weight:850}.match-preview-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#12a47e}
.match-preview-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.match-preview-profile{position:relative;min-height:190px;border-radius:14px;overflow:hidden;background:#e8ebf0;background-size:cover;background-position:center}.match-preview-profile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,18,32,.88))}.match-preview-profile-info{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:10px;color:#fff}.match-preview-profile-info strong{display:block;font-size:.82rem}.match-preview-profile-info span{display:block;margin-top:3px;color:rgba(255,255,255,.8);font-size:.63rem}
.match-preview-result{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:center;margin-top:12px;padding:13px;border:1px solid #f0d9de;border-radius:14px;background:#fff8f9}.match-preview-score{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e7445b,#f07968);color:#fff;font-weight:900;font-size:1.05rem;box-shadow:0 8px 18px rgba(231,68,91,.18)}.match-preview-result strong{display:block;color:#1f2937;font-size:.84rem}.match-preview-result span{display:block;margin-top:4px;color:#667085;font-size:.72rem;line-height:1.45}.match-preview-note{margin:9px 2px 0;color:#98a2b3;font-size:.65rem;line-height:1.4}
@media(max-width:900px){.match-explainer-grid{grid-template-columns:1fr;gap:30px}.match-preview{max-width:650px}.match-explainer{padding:52px 0 58px}}
@media(max-width:560px){.match-explainer{padding:40px 0 46px}.match-explainer-grid{gap:24px}.match-step{grid-template-columns:36px 1fr;padding:14px}.match-step-num{width:36px;height:36px;border-radius:10px}.match-explainer-action{display:block}.match-explainer-action .btn{width:100%}.match-explainer-action small{display:block;max-width:none;margin-top:9px;text-align:center}.match-preview{padding:14px;border-radius:18px}.match-preview-profiles{gap:6px}.match-preview-profile{min-height:145px}.match-preview-profile-info{padding:8px}.match-preview-profile-info strong{font-size:.72rem}.match-preview-profile-info span{font-size:.57rem}.match-preview-result{grid-template-columns:60px 1fr}.match-preview-score{width:54px;height:54px;font-size:.93rem}}