/* Product preview: physical handset only, no backdrop or floating overlays. */
.match-swipe-actions>.match-primary{width:auto;flex:1;min-width:0}
.match-showcase{width:100%;display:flex;flex-direction:column;align-items:center;min-width:0;background:none;isolation:isolate}
.match-handset{position:relative;width:350px;max-width:100%;aspect-ratio:676/1409;isolation:isolate;flex-shrink:0;filter:drop-shadow(0 12px 10px #10243A10)}
.match-hardware{position:absolute;max-width:none;width:151.479%;height:109.014%;left:-25.740%;top:-4.542%;pointer-events:none;z-index:0}
.match-display{position:absolute;left:5.03%;top:1.845%;width:89.94%;height:96.31%;border-radius:44px;overflow:hidden;color:#172B43}
.match-status{height:43px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;color:#151B23;font-size:12px;line-height:1;position:relative;z-index:1}.match-status>b{font-weight:650}.match-status>span{display:flex;align-items:center;gap:6px;font-size:11px}.match-status svg{width:23px;height:12px}
.match-app{position:absolute;inset:43px 0 23px;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.match-app-header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 19px 10px;border-bottom:1px solid #E9EDF1}.match-app-header>img{width:81px;height:auto}.match-header-label{font-size:12px;color:#5A6878;font-weight:500}
.match-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:15px 17px 10px;display:flex;flex-direction:column;background:#fff}.match-content::-webkit-scrollbar{display:none}.match-content>h2:focus,.match-content h2:focus{outline:0}
.match-content h2{font:650 22px/1.2 Manrope,sans-serif;letter-spacing:-.7px;color:#0D306C;margin:0}.match-content h3{font:650 18px/1.35 Manrope,sans-serif;letter-spacing:-.4px;color:#172B43;margin:0}.match-content p{font:400 12px/1.55 'DM Sans',sans-serif;color:#5A6878;margin:0}
.match-view-heading{margin-bottom:13px}.match-view-heading>p{margin-top:5px}.match-content .match-kicker{font-size:10px;font-weight:650;letter-spacing:1.1px;color:#057AA1;margin:0 0 10px}
.match-challenge-context{display:flex;align-items:center;gap:9px;padding:10px 0;margin:0 0 13px;border-top:1px solid #E7ECF1;border-bottom:1px solid #E7ECF1;flex-shrink:0}.match-challenge-context>span{display:grid;place-items:center;width:31px;height:31px;background:#EFF6FA;border-radius:7px;color:#057AA1}.match-challenge-context svg{width:17px;height:17px}.match-challenge-context small{display:block;font-size:9px;line-height:1.5;letter-spacing:.7px;color:#6A7785}.match-challenge-context strong{display:block;font-size:12px;line-height:1.5;font-weight:550;color:#233B55}
.match-profile-card{border:1px solid #E1E7ED;border-radius:15px;overflow:hidden;flex-shrink:0;background:#fff;animation:profile-reveal .45s ease both}
.match-portrait{display:block;flex-shrink:0;aspect-ratio:1;border-radius:50%;background-image:var(--match-portraits);background-size:200% 200%;background-repeat:no-repeat;background-color:#E1E4E7;width:42px}.portrait-0{background-position:0 0}.portrait-1{background-position:100% 0}.portrait-2{background-position:0 100%}.portrait-3{background-position:100% 100%}
.match-profile-photo{height:166px;position:relative;overflow:hidden;background:#E6E8E9}.match-profile-photo>.match-portrait{position:absolute;width:100%;border-radius:0;top:-24%;left:0}
.match-affinity{position:absolute;bottom:10px;left:11px;display:inline-flex;gap:5px;align-items:center;background:#fff;color:#21642C;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;box-shadow:0 1px 5px #14293410}.match-affinity svg{width:13px;height:13px}
.match-profile-details{padding:12px 13px 13px}.match-profile-details>div:first-child{display:flex;gap:7px;align-items:center}.match-profile-details>div:first-child>svg{width:15px;height:15px;border-radius:50%;background:#057AA1;color:#fff;padding:2px}.match-profile-details>p{font-size:12px;margin:3px 0}.match-profile-details>small{font-size:11px;color:#6C7681;display:block}.match-profile-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.match-profile-tags span{font-size:10px;line-height:1.5;padding:3px 7px;border-radius:4px;background:#F1F4F7;color:#48596B}
.match-swipe-actions{display:flex;gap:10px;margin-top:12px;flex-shrink:0}.match-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:10px 12px;border-radius:9px;background:#0D306C;color:#fff;border:1px solid #0D306C;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s;flex-shrink:0}.match-primary:hover{background:#057AA1;border-color:#057AA1}.match-primary svg{width:17px;height:17px}.match-skip{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #CFD8E2;border-radius:9px;color:#52657A;background:#fff}.match-skip svg{width:19px;height:19px}.match-skip:hover{background:#F0F4F8}.match-profile-pagination{display:flex;justify-content:center;gap:3px;margin:1px 0 -7px;flex-shrink:0}.match-profile-pagination button{width:35px;min-height:28px;display:grid;place-items:center;padding:5px}.match-profile-pagination button span{width:5px;height:5px;border-radius:50%;background:#CCD5DE}.match-profile-pagination button[aria-pressed=true] span{width:18px;border-radius:4px;background:#057AA1}
.match-navigation{display:grid;grid-template-columns:repeat(3,1fr);flex-shrink:0;padding:7px 10px 0;min-height:57px;border-top:1px solid #E7ECF1;background:#fff}.match-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px;min-height:44px;color:#6A7685;font-size:10px;line-height:1.5;border-radius:7px}.match-navigation button>svg{width:19px;height:19px}.match-navigation button[aria-current]{color:#0D306C;background:#F0F5FA}.match-navigation button>span{display:flex;gap:3px;align-items:center}.match-navigation b{font-size:9px;background:#E4EBF3;min-width:13px;border-radius:3px;text-align:center;font-weight:550}.match-home-indicator{position:absolute;bottom:9px;left:35%;height:4px;width:30%;border-radius:4px;background:#15202C}
.match-connecting,.match-empty{margin:auto 0;text-align:center;padding:25px 0}.match-connecting h2{font-size:31px;line-height:1.18;letter-spacing:-1px}.match-connecting>p:not(.match-kicker){margin-top:17px;font-size:13px}.match-connection-portraits{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:35px}.match-connection-portraits>.match-portrait,.match-company{width:66px;height:66px;border:3px solid #fff;box-shadow:0 0 0 1px #D8E0E8;border-radius:50%}.match-company{display:grid;place-items:center;background:#EEF5F8;color:#057AA1;font:600 27px Manrope,sans-serif}.match-gear{width:32px;height:32px;color:#F77C00;animation:match-turn 3s linear infinite}.match-gear svg{width:100%;height:100%;stroke-width:1.4;fill:none;stroke:currentColor}.match-loading{width:124px;height:3px;overflow:hidden;background:#DFE7ED;border-radius:4px;margin:30px auto}.match-loading>span{display:block;width:100%;height:100%;background:#057AA1;transform-origin:left;animation:match-load 1.5s ease both}
.match-success{text-align:center;display:flex;flex-direction:column;align-items:center;margin:auto 0;width:100%;animation:match-success .4s ease both}.match-confirmed{width:39px;height:39px;display:grid;place-items:center;border:1px solid #C5DFB8;background:#EFF8E9;color:#31831A;border-radius:50%;margin-bottom:12px}.match-confirmed svg{width:22px;height:22px}.match-success .match-kicker{font-size:9px;letter-spacing:1px;color:#35801F;margin-bottom:6px}.match-success>h2{font-size:37px;letter-spacing:-1.5px}.match-success>p:not(.match-kicker){margin-top:9px}.match-success-person{margin:20px 0 19px}.match-success-person>.match-portrait{width:91px;margin:0 auto 12px;border:4px solid #fff;box-shadow:0 0 0 1px #DCE4EC}.match-success-person>h3{font-size:20px}.match-success-person>p{margin-top:3px}.match-success-person>span:last-child{display:block;font-size:11px;color:#057AA1;margin-top:8px}.match-team-meter{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px 0;margin-bottom:16px;border-top:1px solid #E4EAF0;border-bottom:1px solid #E4EAF0}.match-team-meter>div{display:flex;padding-left:5px}.match-team-meter .match-portrait{width:30px;margin-left:-5px;border:2px solid white}.is-pending{filter:grayscale(1);opacity:.35}.match-team-meter>span{font-size:12px;color:#53687C}
.match-team-roster{margin:3px 0 15px}.match-team-roster>div{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #E6EBF0}.match-team-roster>div>span:nth-child(2){flex:1}.match-team-roster strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.match-team-roster small{display:block;font-size:11px;line-height:1.5;color:#6A7785}.match-roster-status{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#EFF3F6;color:#8D9CAB}.match-roster-status svg{width:12px;height:12px}.match-roster-status.is-ready{background:#EAF5E4;color:#327D1A}.match-push-bottom{margin-top:auto}.match-reset{min-height:40px;font-size:11px;color:#576A7D;padding:10px;text-decoration:underline;text-underline-offset:3px}.match-empty>svg{width:40px;height:40px;color:#057AA1;margin-bottom:24px}.match-empty>p{margin:16px 0 24px}
.match-project-progress{padding:18px 15px;background:#F1F6FA;border-radius:9px;margin:13px 0 25px}.match-project-progress>span{display:flex;justify-content:space-between;font-size:12px;color:#53687C}.match-project-progress strong{color:#0D306C}.match-project-progress>div{height:5px;border-radius:3px;background:#DDE6EE;margin-top:13px;overflow:hidden}.match-project-progress>div>span{display:block;height:100%;background:#057AA1;transition:width .25s}.match-content .match-delivery-title{font-size:15px;margin-bottom:12px}.match-task-list>button{display:flex;align-items:center;gap:10px;font-size:12px;text-align:left;min-height:55px;width:100%;padding:12px 0;border-bottom:1px solid #E6EBF0}.match-task-list>button>span{width:20px;height:20px;border:1px solid #BBCAD7;border-radius:5px;flex-shrink:0;display:grid;place-items:center}.match-task-list>button>span>svg{width:13px;height:13px}.match-task-list>button[aria-pressed=true]>span{background:#057AA1;color:white;border-color:#057AA1}.match-documents{display:flex;gap:10px;align-items:center;margin:22px 0}.match-documents>svg{width:24px;height:24px;color:#057AA1}.match-documents small{display:block;font-size:10px;margin-top:3px}
.match-preview-controls{display:flex;align-items:center;justify-content:space-between;width:350px;max-width:100%;gap:10px;margin-top:19px;color:#4D6074;font-size:12px}.match-preview-controls>button{display:flex;align-items:center;gap:7px;min-height:36px;padding:5px 8px;color:#0D306C;font-size:12px;font-weight:550}.match-preview-controls svg{width:14px;height:14px}.match-demo-label{font-size:11px;color:#7B8795;margin-top:0;text-align:center}
@keyframes profile-reveal{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes match-turn{to{transform:rotate(360deg)}}@keyframes match-load{from{transform:scaleX(.02)}to{transform:scaleX(1)}}@keyframes match-success{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1191px){.home-hero{grid-template-columns:minmax(0,1fr) 430px}}
@media(min-width:741px) and (max-width:1190px){.home-hero{grid-template-columns:minmax(0,1fr) 330px;gap:36px}.match-handset{width:330px}.match-display{border-radius:41px}.match-content{padding:12px 15px 8px}.match-profile-photo{height:142px}.match-profile-details{padding:10px 12px}.match-profile-details h3{font-size:17px}.match-challenge-context{padding-block:7px;margin-bottom:10px}.match-view-heading{margin-bottom:10px}.match-preview-controls{width:330px}}
@media(max-width:740px){.match-showcase{justify-self:center}.match-handset{width:min(350px,100%)}.match-preview-controls{width:min(350px,100%)}.match-display{border-radius:12% / 6%}}
@media(max-width:389px){.match-status{height:39px;padding-inline:17px}.match-app{inset:39px 0 21px}.match-app-header{height:45px;padding:0 15px 7px}.match-app-header>img{width:73px}.match-content{padding:10px 13px 7px}.match-content h2{font-size:20px}.match-profile-photo{height:132px}.match-profile-details{padding:9px 11px}.match-profile-details h3{font-size:16px}.match-profile-tags{margin-top:7px}.match-challenge-context{padding-block:6px;margin-bottom:9px}.match-view-heading{margin-bottom:9px}.match-navigation{min-height:51px;padding-top:4px}.match-profile-pagination{margin-block:0 -7px}.match-profile-pagination button{min-height:25px}.match-swipe-actions{margin-top:9px}.match-success-person{margin-block:12px}.match-success-person>.match-portrait{width:74px}.match-success>h2{font-size:31px}.match-team-meter{margin-bottom:10px;padding-block:9px}.match-team-roster>div{padding-block:10px}.match-preview-controls{font-size:11px}}
@media(max-width:359px){.match-profile-photo{height:100px}.match-view-heading>p:not(.match-kicker){display:none}.match-view-heading{margin-bottom:8px}.match-challenge-context{padding-block:5px;margin-bottom:8px}.match-profile-details{padding:8px 10px}.match-profile-tags{margin-top:6px}.match-content{padding-top:9px}.match-content .match-kicker{font-size:9px}.match-success-person>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.match-showcase *{animation:none!important;transition:none!important}}