/* merchant.css — merchant page only (shared via style.css) */
.merchant-hero{text-align:center;padding:48px 0 24px}
.merchant-hero h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;max-width:640px;margin:0 auto}
.merchant-hero p{color:var(--ec-muted);font-size:.93rem;max-width:560px;margin:.7rem auto 0}
.hero-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}
.hero-form input{border:1px solid #ddd6f3;border-radius:100px;padding:.6rem 1.2rem;font-size:.88rem;min-width:260px}
.hero-form input:focus{outline:none;border-color:var(--ec-purple-2)}
.btn-started{background:#7E3FD6;color:#fff;border-radius:100px;padding:.6rem 1.8rem;font-weight:600;font-size:.88rem;border:0}
.btn-started:hover{background:#5C1FAF;color:#fff}
.dash-shot{border-radius:20px;box-shadow:var(--ec-shadow);border:1px solid var(--ec-lilac-light);width:100%;display:block}
/* notch cards — same UI */
.ncard{background:#F7F4FD;border:0;border-radius:20px;padding:62px 26px 34px;position:relative;height:100%}
.ncard::before{content:"";position:absolute;top:-2px;right:44px;width:44px;height:44px;background:#fff;border-radius:0 0 18px 18px}
.ncard-icon{position:absolute;top:-14px;right:12px;width:48px;height:48px;border-radius:50%;background:#E7DEF8;display:flex;align-items:center;justify-content:center}
.ncard-icon img{width:24px;height:24px}
.ncard h5{font-size:.98rem;font-weight:600;margin:0}
.ncard p{font-size:.88rem;color:#7a7a7a;margin:.6rem 0 0;line-height:1.6}
.steps-img{border-radius:20px;width:100%;box-shadow:var(--ec-shadow-sm);border:1px solid var(--ec-lilac-light)}
/* cta */
.cta-img{border-radius:24px;object-fit:cover;width:100%;height:480px}
.cta-box{display:flex;flex-direction:column;justify-content:center;height:100%;padding:10px 0 10px 32px}
.cta-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.cta-text{color:#2b2b2b;font-size:1rem;max-width:440px}
.cta-btn{background:#7E3FD6;color:#fff;border-radius:100px;padding:.8rem 2rem;font-weight:600}
.cta-btn:hover{background:#5C1FAF;color:#fff}
@media(max-width:991px){
  .cta-img{height:340px}
  .cta-box{padding:8px 0 0;text-align:center;align-items:center}
  .cta-text{margin:0 auto}
}