.stack{width:100%;max-width:340px;height:400px;margin:0 auto;position:relative}.match-card{background:var(--surface-2);border-radius:20px;padding:24px;transition:transform .35s;position:absolute;inset:0;box-shadow:0 18px 40px #082e2b38}.match-card-0{z-index:3;transform:rotate(-6deg)translate(-6px,4px)}.match-card-1{z-index:2;opacity:.92;transform:rotate(4deg)translate(10px,14px)}.match-card-2{z-index:1;opacity:.8;transform:rotate(-2deg)translate(2px,26px)}.stack:hover .match-card-0{transform:rotate(-9deg)translate(-16px,-2px)}.match-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.match-avatar{background:var(--teal-900);color:#fff;width:44px;height:44px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.match-score{background:var(--yellow);color:var(--teal-950);border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700}.match-card h3{margin-bottom:2px;font-size:1.15rem}.match-role{color:var(--teal-700);margin-bottom:2px;font-size:.92rem;font-weight:600}.match-location{color:#6b7b79;margin-bottom:16px;font-size:.85rem}.match-tags{flex-wrap:wrap;gap:8px;display:flex}.match-tags span{background:var(--surface);border:1px solid var(--line);color:var(--teal-900);border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:500}.swipe-indicator{z-index:4;font-family:var(--font-display);opacity:0;border:2.5px solid;border-radius:8px;padding:7px 14px;font-size:.95rem;font-weight:700;transition:opacity .3s;position:absolute;top:28px;transform:rotate(-12deg)}.swipe-indicator-pass{color:#d65b4a;border-color:#d65b4a;left:-4px}.swipe-indicator-match{color:var(--teal-700);border-color:var(--teal-700);right:-4px;transform:rotate(12deg)}.stack:hover .swipe-indicator-match{opacity:1}@media (max-width:640px){.stack{max-width:280px;height:340px}}
.hero{background:var(--teal-700);background-image:radial-gradient(circle at 82% 18%, var(--teal-500) 0%, var(--teal-700) 46%);color:#fff;padding:86px 0 100px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.hero h1{color:#fff}.hero-sub{color:var(--teal-200);max-width:48ch;margin:22px 0 34px;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{justify-content:center;display:flex}.stats-strip{border-bottom:1px solid var(--line)}.stats-row{flex-wrap:wrap;gap:36px;padding:40px 0;display:flex}.stat{align-items:baseline;gap:10px;display:flex;position:relative}.stat-divider{display:none}.stat-value{font-family:var(--font-display);color:var(--teal-900);font-size:1.5rem;font-weight:700}.stat-label{color:#556866;max-width:20ch;font-size:.92rem}.how-grid{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.how-intro p{color:#43534f;margin-top:16px}.how-steps{flex-direction:column;gap:34px;margin:0;padding:0;list-style:none;display:flex}.how-steps li{gap:22px;display:flex}.how-num{font-family:var(--font-display);color:var(--yellow-dark);flex-shrink:0;width:40px;font-size:1.2rem;font-weight:700}.how-steps h3{margin-bottom:6px}.how-steps p{color:#43534f}.cta-band{text-align:left}.cta-inner{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.cta-band h2{color:#fff;max-width:20ch}.cta-band p{color:var(--teal-200);font-size:1.05rem}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1}.how-grid{grid-template-columns:1fr;gap:36px}}