:root{--ink:#111827;--muted:#667085;--line:#e8ebf2;--soft:#f6f7fb;--violet:#6657f5;--violet2:#7c5cff;--violetSoft:#f0edff;--white:#fff;--shadow:0 18px 55px rgba(15,23,42,.09);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}.mp-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.9)}.mp-top-inner{max-width:1450px;height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mp-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}.mp-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#101828,#1c2638);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.2)}.mp-nav{display:flex;align-items:center;gap:22px}.mp-nav a{text-decoration:none;color:#475467;font-weight:650;font-size:14px;transition:.18s}.mp-nav a:hover{color:#111827}.mp-nav .mp-login-client{color:#5b4ef1}.mp-nav .mp-login-business{padding:10px 14px;border:1px solid #d7dce5;border-radius:12px;color:#1f2937;background:#fff}.mp-nav .biz{padding:11px 16px;border-radius:12px;background:#151c2b;color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.14)}
.mp-hero{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(115deg,#fbfbff 0%,#f4f2ff 46%,#eef5ff 100%)}.mp-hero-photo{position:absolute;inset:0 0 0 47%;background:url('../img/marketplace/hero-barber.jpg') center/cover no-repeat}.mp-hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f5ff 0%,rgba(247,245,255,.84) 14%,rgba(247,245,255,.12) 45%,rgba(15,23,42,.04) 100%)}.mp-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,24,39,.2),transparent 36%)}.mp-hero-inner{position:relative;z-index:2;max-width:1450px;margin:auto;padding:74px 28px 62px}.mp-hero-copy{width:min(760px,58vw)}.mp-kicker,.mp-eyebrow{display:inline-block;color:#6757f6;font-size:12px;font-weight:900;letter-spacing:.14em}.mp-hero h1{margin:12px 0 18px;font-size:clamp(46px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;max-width:780px;font-weight:900}.mp-hero h1 span{color:#6958f6}.mp-hero p{margin:0;max-width:650px;color:#596579;font-size:18px;line-height:1.65}.mp-search{margin-top:30px;width:min(1100px,88vw);display:grid;grid-template-columns:1.45fr .9fr .85fr auto;gap:0;padding:8px;background:#fff;border:1px solid rgba(255,255,255,.86);border-radius:19px;box-shadow:0 22px 65px rgba(52,64,84,.18)}.mp-field{min-width:0;display:flex;align-items:center;gap:11px;padding:8px 15px;border-right:1px solid #edf0f5}.mp-field-icon{width:30px;height:30px;display:grid;place-items:center;color:#6356ef;font-size:20px;flex:0 0 auto}.mp-field-copy{min-width:0;display:flex;flex-direction:column;gap:1px;width:100%}.mp-field-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:800}.mp-field input,.mp-field select{width:100%;border:0;outline:0;background:transparent;padding:4px 0;color:#1d2939;font:600 14px Inter,Arial,sans-serif}.mp-field input::placeholder{color:#98a2b3;font-weight:500}.mp-search-btn{border:0;border-radius:14px;min-width:126px;padding:0 18px;background:linear-gradient(135deg,#6354f3,#7d5cff);color:#fff;font-weight:850;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 22px rgba(103,87,246,.28)}.mp-search-btn:hover{transform:translateY(-1px)}.mp-trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;color:#344054;font-size:12px;font-weight:750}.mp-trust-row span{display:flex;align-items:center;gap:6px}
.mp-category-rail{position:relative;z-index:5;margin-top:-34px}.mp-category-inner{max-width:1320px;margin:auto;padding:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid #eaecf0;border-radius:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;box-shadow:var(--shadow)}.mp-category-card{text-decoration:none;text-align:center;padding:14px 10px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:94px;border:1px solid transparent;transition:.2s}.mp-category-card:hover,.mp-category-card.is-active{background:#f7f5ff;border-color:#dcd7ff;transform:translateY(-2px)}.mp-category-icon{width:40px;height:40px;border-radius:13px;background:#f6f7fb;display:grid;place-items:center;font-size:20px}.mp-category-card strong{font-size:12px}.mp-category-card small{font-size:10px;color:#98a2b3}.mp-benefits{max-width:1320px;margin:24px auto 10px;padding:0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mp-benefit{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #eaecf0;border-radius:17px;background:#fff}.mp-benefit>span{width:42px;height:42px;border-radius:14px;background:#f0edff;color:#6757f6;display:grid;place-items:center;font-weight:900;font-size:18px}.mp-benefit strong,.mp-benefit small{display:block}.mp-benefit strong{font-size:13px}.mp-benefit small{color:#7a8699;margin-top:3px;font-size:11px;line-height:1.35}
.mp-section{max-width:1320px;margin:auto;padding:58px 14px 72px}.mp-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.mp-section-head h2,.mp-how h2,.mp-business-cta h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:8px 0 8px}.mp-section-head p,.mp-how-title p,.mp-business-cta p{margin:0;color:#667085;line-height:1.6}.mp-section-stat{text-align:right;border-left:1px solid #eaecf0;padding-left:24px}.mp-section-stat strong{display:block;font-size:28px}.mp-section-stat span{font-size:11px;color:#98a2b3}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mp-card{overflow:hidden;border:1px solid #eaecf0;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.04);transition:.2s}.mp-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(16,24,40,.1);border-color:#d9d6f8}.mp-cover{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;text-decoration:none;background:radial-gradient(circle at 20% 20%,#e8e5ff 0,#d9e8ff 46%,#edf0f7 100%)}.mp-cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(15,23,42,.25))}.mp-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.mp-card:hover .mp-cover img{transform:scale(1.035)}.mp-cover-letter{font-size:58px;font-weight:900;color:#6254eb}.mp-favorite{position:absolute;right:13px;top:13px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#111827;font-size:20px}.mp-featured{position:absolute;left:13px;top:13px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:10px;font-weight:800}.mp-body{padding:17px}.mp-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-rating{display:flex;align-items:center;gap:5px;font-size:11px}.mp-rating b{color:#f4a100}.mp-rating span{color:#98a2b3}.mp-card-category{font-size:10px;color:#667085;background:#f6f7fb;border-radius:999px;padding:6px 8px;white-space:nowrap}.mp-body h3{font-size:19px;letter-spacing:-.02em;margin:10px 0 6px}.mp-body p{font-size:12px;line-height:1.5;color:#667085;min-height:36px;margin:0}.mp-service-pills{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.mp-service-pills span{background:#f7f7fb;border:1px solid #eceef3;color:#667085;padding:6px 8px;border-radius:999px;font-size:10px}.mp-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #f0f1f4}.mp-card-bottom small,.mp-card-bottom strong{display:block}.mp-card-bottom small{font-size:10px;color:#98a2b3}.mp-card-bottom strong{font-size:18px}.mp-cta{text-decoration:none;background:#6757f6;color:#fff;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:850}.mp-location{margin-top:12px;color:#98a2b3;font-size:11px}.mp-empty{padding:55px;text-align:center;border:1px dashed #d8dde7;border-radius:24px;background:#fbfbfd}.mp-empty>span{font-size:32px;color:#6757f6}.mp-empty h3{margin:12px 0 5px}.mp-empty p{color:#667085}.mp-empty a{display:inline-block;margin-top:10px;text-decoration:none;color:#6757f6;font-weight:800}
.mp-how{background:#111827;color:#fff}.mp-how-inner{max-width:1320px;margin:auto;padding:60px 14px;display:grid;grid-template-columns:.8fr 1.5fr;gap:60px;align-items:center}.mp-how .mp-eyebrow{color:#a99eff}.mp-how-title p{color:#aab4c3}.mp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mp-steps article{position:relative;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.04)}.mp-steps article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fff,#dcd7ff);color:#5e50e9;font-weight:900;margin-bottom:18px}.mp-steps b{font-size:17px}.mp-steps p{color:#aab4c3;font-size:12px;line-height:1.55;margin:7px 0 0}
.mp-business-cta{padding:72px 14px;background:linear-gradient(135deg,#f8f7ff,#eef4ff)}.mp-business-cta-inner{max-width:1320px;margin:auto;border:1px solid rgba(103,87,246,.13);border-radius:30px;padding:45px;display:grid;grid-template-columns:1fr .85fr;gap:45px;align-items:center;background:#fff;box-shadow:0 28px 75px rgba(86,73,180,.12)}.mp-business-cta h2{font-size:40px;max-width:620px}.mp-business-cta p{max-width:640px}.mp-business-actions{display:flex;gap:10px;margin-top:22px}.mp-primary,.mp-secondary{text-decoration:none;padding:13px 17px;border-radius:12px;font-weight:850;font-size:13px}.mp-primary{background:#151c2b;color:#fff}.mp-secondary{border:1px solid #dce1e9;color:#344054}.mp-dashboard-preview{min-height:250px;border-radius:24px;background:linear-gradient(145deg,#171e2e,#242d43);padding:18px;box-shadow:0 25px 45px rgba(15,23,42,.22);transform:rotate(1deg)}.mp-preview-top{display:flex;gap:6px}.mp-preview-top i{width:7px;height:7px;border-radius:50%;background:#6f7890}.mp-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.mp-preview-grid span{height:48px;border-radius:10px;background:linear-gradient(135deg,rgba(124,92,255,.32),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.06)}.mp-preview-chart{height:100px;margin-top:12px;border-radius:14px;background:rgba(255,255,255,.05);display:flex;align-items:flex-end;gap:8px;padding:13px}.mp-preview-chart b{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#8172ff,#5b4bea)}.mp-preview-chart b:nth-child(1){height:28%}.mp-preview-chart b:nth-child(2){height:48%}.mp-preview-chart b:nth-child(3){height:36%}.mp-preview-chart b:nth-child(4){height:68%}.mp-preview-chart b:nth-child(5){height:56%}.mp-preview-chart b:nth-child(6){height:82%}
.mp-footer{background:#0d1422;color:#9aa5b6}.mp-footer-inner{max-width:1320px;margin:auto;padding:36px 14px;display:flex;justify-content:space-between;gap:30px;align-items:center}.mp-brand-footer{color:#fff}.mp-footer p{font-size:12px;margin:8px 0 0}.mp-footer-links{display:flex;gap:20px;flex-wrap:wrap}.mp-footer-links a{font-size:12px;text-decoration:none;color:#c6ceda}
@media(max-width:1100px){.mp-nav{gap:12px}.mp-nav a{font-size:12px}.mp-hero-copy{width:68vw}.mp-grid{grid-template-columns:repeat(2,1fr)}.mp-benefits{grid-template-columns:repeat(2,1fr)}.mp-business-cta-inner{grid-template-columns:1fr}.mp-dashboard-preview{max-width:640px}.mp-how-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:850px){.mp-top-inner{height:auto;min-height:70px;padding:12px 18px}.mp-nav a:not(.biz):not(.mp-login-business){display:none}.mp-hero{min-height:auto}.mp-hero-photo{inset:0 0 0 35%;opacity:.46}.mp-hero-photo:before{background:linear-gradient(90deg,#f7f5ff 0%,rgba(247,245,255,.97) 35%,rgba(247,245,255,.55) 72%,rgba(247,245,255,.2) 100%)}.mp-hero-inner{padding:55px 20px 70px}.mp-hero-copy{width:100%}.mp-hero h1{max-width:680px}.mp-search{width:100%;grid-template-columns:1fr 1fr}.mp-field:nth-child(2){border-right:0}.mp-field:nth-child(3){border-top:1px solid #edf0f5}.mp-search-btn{min-height:60px}.mp-category-inner{margin:0 14px;grid-template-columns:repeat(4,1fr)}.mp-how-inner,.mp-section,.mp-benefits{padding-left:20px;padding-right:20px}.mp-steps{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.mp-top-inner{gap:10px}.mp-brand{font-size:18px}.mp-mark{width:34px;height:34px}.mp-nav .mp-login-business{display:none}.mp-nav .biz{padding:9px 11px;font-size:11px}.mp-hero h1{font-size:44px}.mp-hero p{font-size:15px}.mp-hero-photo{inset:0;opacity:.25}.mp-search{grid-template-columns:1fr;padding:7px}.mp-field{border-right:0;border-bottom:1px solid #edf0f5}.mp-search-btn{min-height:50px}.mp-trust-row{gap:10px;font-size:10px}.mp-category-rail{margin-top:-22px}.mp-category-inner{grid-template-columns:repeat(2,1fr)}.mp-benefits{grid-template-columns:1fr}.mp-grid{grid-template-columns:1fr}.mp-section-head{align-items:start;flex-direction:column}.mp-section-stat{text-align:left;border-left:0;padding-left:0}.mp-how-inner{padding:48px 20px}.mp-steps{grid-template-columns:1fr}.mp-business-cta{padding:44px 14px}.mp-business-cta-inner{padding:28px 20px}.mp-business-cta h2{font-size:31px}.mp-business-actions{flex-direction:column}.mp-dashboard-preview{min-height:210px}.mp-footer-inner{flex-direction:column;align-items:flex-start}}