/* Cool Ecommerce Sites Bangalore — page-scoped styles (header/footer untouched) */
.epx-page{--epx-ink:#101828;--epx-sub:#475467;--epx-line:#e4e7ec;--epx-brand:#1d4ed8;--epx-brand-dark:#1730a6;--epx-brand-soft:#eef2ff;--epx-bg-alt:#f8fafc;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--epx-ink);line-height:1.65;-webkit-font-smoothing:antialiased;}
.epx-page *{box-sizing:border-box;}
.epx-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.epx-narrow{max-width:820px;}
.epx-page h1,.epx-page h2,.epx-page h3{font-weight:800;letter-spacing:-0.02em;color:var(--epx-ink);}
.epx-page h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;margin:12px 0 16px;}
.epx-page h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;margin:0 0 16px;}
.epx-page h3{font-size:1.15rem;line-height:1.35;margin:0 0 8px;}
.epx-page p{margin:0 0 16px;color:var(--epx-sub);}
.epx-page p:last-child{margin-bottom:0;}
.epx-page a{color:var(--epx-brand);text-decoration:none;}
.epx-page a:hover{text-decoration:underline;}

/* Hero */
.epx-hero{background:linear-gradient(180deg,var(--epx-brand-soft) 0%,#fff 100%);padding:56px 0 48px;border-bottom:1px solid var(--epx-line);}
.epx-hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:start;}
.epx-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--epx-brand-dark);background:#fff;border:1px solid var(--epx-line);border-radius:999px;padding:6px 14px;margin-bottom:14px;}
.epx-lead{font-size:1.1rem;color:var(--epx-sub);margin-bottom:20px;}
.epx-hero-img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 40px -20px rgba(16,24,40,.25);display:block;margin-bottom:24px;}
.epx-hero-stats{display:flex;gap:28px;flex-wrap:wrap;}
.epx-hero-stats div{display:flex;flex-direction:column;}
.epx-hero-stats strong{font-size:1.5rem;font-weight:800;color:var(--epx-brand-dark);}
.epx-hero-stats span{font-size:.85rem;color:var(--epx-sub);}
.epx-stats-center{justify-content:center;margin:24px 0 20px;}
.epx-hero-form{background:#fff;border:1px solid var(--epx-line);border-radius:16px;padding:24px;box-shadow:0 10px 30px -15px rgba(16,24,40,.2);}

/* Sections */
.epx-section{padding:48px 0;}
.epx-section.epx-alt{background:var(--epx-bg-alt);}
.epx-problem{margin-bottom:22px;}
.epx-problem:last-child{margin-bottom:0;}

/* Cards */
.epx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;}
.epx-cards-3{grid-template-columns:repeat(3,1fr);}
.epx-cards-4{grid-template-columns:repeat(4,1fr);}
.epx-card{background:#fff;border:1px solid var(--epx-line);border-radius:14px;padding:22px;}
.epx-card h3{font-size:1.02rem;}
.epx-card p{font-size:.93rem;margin:0;}

/* Checklists */
.epx-check{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;}
.epx-check li{position:relative;padding-left:30px;color:var(--epx-sub);}
.epx-check li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;background:var(--epx-brand-soft);color:var(--epx-brand-dark);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;}
.epx-check li strong{color:var(--epx-ink);}

/* Steps */
.epx-steps{margin:16px 0 24px;padding-left:22px;color:var(--epx-sub);}
.epx-steps li{margin-bottom:8px;}

/* Process */
.epx-process{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:28px;}
.epx-process-step{background:#fff;border:1px solid var(--epx-line);border-radius:14px;padding:20px;}
.epx-process-step span{display:inline-block;font-size:.8rem;font-weight:800;color:var(--epx-brand-dark);background:var(--epx-brand-soft);border-radius:999px;padding:3px 10px;margin-bottom:10px;}
.epx-process-step h3{font-size:1rem;}
.epx-process-step p{font-size:.88rem;margin:0;}

/* FAQ accordion */
.epx-faq .epx-accordion{display:grid;gap:12px;margin-top:24px;}
.epx-accordion details{background:#fff;border:1px solid var(--epx-line);border-radius:12px;padding:16px 20px;}
.epx-accordion summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.epx-accordion summary::-webkit-details-marker{display:none;}
.epx-accordion summary::after{content:"+";font-size:1.3rem;font-weight:400;color:var(--epx-brand);flex-shrink:0;}
.epx-accordion details[open] summary::after{content:"\2212";}
.epx-accordion details p{margin-top:12px;margin-bottom:0;font-size:.95rem;}

/* Final CTA */
.epx-cta{background:linear-gradient(135deg,var(--epx-brand-dark),var(--epx-brand));padding:56px 0;color:#fff;}
.epx-cta-inner{max-width:760px;margin:0 auto;text-align:center;}
.epx-cta h2{color:#fff;}
.epx-cta p{color:#dbe4ff;}
.epx-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.epx-btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.95rem;}
.epx-btn-primary{background:#fff;color:var(--epx-brand-dark);}
.epx-btn-primary:hover{text-decoration:none;opacity:.92;}
.epx-btn-outline{border:1.5px solid rgba(255,255,255,.6);color:#fff;}
.epx-btn-outline:hover{text-decoration:none;background:rgba(255,255,255,.12);}

/* Responsive */
@media (max-width:900px){
  .epx-hero-grid{grid-template-columns:1fr;}
  .epx-cards,.epx-cards-3,.epx-cards-4{grid-template-columns:repeat(2,1fr);}
  .epx-process{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .epx-cards,.epx-cards-3,.epx-cards-4,.epx-process{grid-template-columns:1fr;}
  .epx-hero{padding:40px 0;}
  .epx-section{padding:36px 0;}
  .epx-hero-stats{gap:20px;}
}