/* =========================================================
   EarnWithSaZahra - Home Page (template-landing.php)
   Every colour comes from the global variables in style.css :root
   ========================================================= */
.ewz-home{overflow:hidden}
.ewz-home h1,.ewz-home h2,.ewz-home h3{color:var(--ewz-global-color);letter-spacing:-.02em}

/* ---- Hero ---- */
.ewz-home-hero{position:relative;text-align:center;padding:84px 0 72px;background-color:var(--ewz-primary-softer);
    background-image:linear-gradient(var(--ewz-primary-tint) 1px,transparent 1px),linear-gradient(90deg,var(--ewz-primary-tint) 1px,transparent 1px);background-size:56px 56px}
.ewz-home-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,var(--ewz-primary-softer));pointer-events:none}
.ewz-home-hero .ewz-container{position:relative;z-index:1}
.ewz-home-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;background:var(--ewz-primary-soft);color:var(--ewz-light-green);font-weight:600;font-size:15px;border:1px solid var(--ewz-primary-border)}
.ewz-home-badge svg{width:16px;height:16px}
.ewz-home-hero h1{font-size:64px;line-height:1.08;font-weight:800;margin:26px 0 22px}
.ewz-home-hero h1 span{display:block;color:var(--ewz-light-green)}
.ewz-home-lead{max-width:760px;margin:0 auto;font-size:19px;line-height:1.65;color:var(--ewz-text-color)}
.ewz-home-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}
.ewz-home-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:10px;font-weight:600;font-size:16px;transition:transform .15s ease,box-shadow .15s ease}
.ewz-home-btn:hover{transform:translateY(-2px)}
.ewz-btn-primary.ewz-home-btn{box-shadow:0 10px 24px var(--ewz-primary-tint-strong)}
.ewz-home-btn-ghost{background:var(--ewz-white);color:var(--ewz-global-color);border:1px solid var(--ewz-border-color)}
.ewz-home-btn-ghost:hover{border-color:var(--ewz-light-green);color:var(--ewz-light-green)}
.ewz-home-note{margin:18px 0 0;font-size:15px;color:var(--ewz-text-color)}
.ewz-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1080px;margin:56px auto 0}
.ewz-home-stat{background:var(--ewz-white);border-radius:16px;padding:26px 16px;box-shadow:0 10px 30px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:6px}
.ewz-home-stat-icon svg{width:26px;height:26px;stroke:var(--ewz-light-green)}
.ewz-home-stat strong{font-size:30px;font-weight:800;color:var(--ewz-global-color)}
.ewz-home-stat span{font-size:14px;color:var(--ewz-text-color)}

/* ---- Sections ---- */
.ewz-home-section{padding:84px 0}
.ewz-home-soft{background:var(--ewz-bg-section)}
.ewz-home-head{text-align:center;max-width:680px;margin:0 auto 46px}
.ewz-home-head h2{font-size:38px;font-weight:800;margin:0 0 12px}
.ewz-home-head p{margin:0;font-size:17px;color:var(--ewz-text-color)}
.ewz-home-grid{display:grid;gap:24px}
.ewz-home-grid-3{grid-template-columns:repeat(3,1fr)}
.ewz-home-grid-4{grid-template-columns:repeat(4,1fr)}
.ewz-home-card{background:var(--ewz-white);border-radius:16px;padding:30px;box-shadow:0 8px 28px rgba(0,0,0,.05);border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:inherit}
.ewz-home-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08);border-color:var(--ewz-primary-border)}
.ewz-home-card h3{font-size:21px;font-weight:700;margin:20px 0 8px}
.ewz-home-card p{margin:0;font-size:15px;line-height:1.7;color:var(--ewz-text-color)}

.ewz-home-cat-icon,.ewz-home-why-icon,.ewz-home-step-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.ewz-home-cat-icon svg,.ewz-home-why-icon svg,.ewz-home-step-icon svg{width:26px;height:26px}
.ewz-home-cat-icon svg{stroke:#fff}
.tone-pink{background:var(--ewz-light-green)}.tone-green{background:#16a34a}.tone-orange{background:var(--ewz-orange)}.tone-purple{background:var(--ewz-purple)}.tone-red{background:#e11d48}.tone-blue{background:#2563eb}
.ewz-home-price{display:inline-block;margin-top:22px;font-weight:700;color:var(--ewz-light-green)}
.ewz-home-why-icon{background:var(--ewz-primary-soft)}
.ewz-home-why-icon svg{stroke:var(--ewz-light-green)}
.ewz-home-step{position:relative}
.ewz-home-step-icon{border-radius:50%;background:var(--ewz-light-green)}
.ewz-home-step-icon svg{stroke:#fff}
.ewz-home-step-num{position:absolute;top:22px;right:24px;font-size:44px;font-weight:800;line-height:1;color:var(--ewz-primary-soft)}

.ewz-home-channels{padding:56px 0 0}

/* ---- CTA ---- */
.ewz-home-cta-wrap{padding-top:56px}
.ewz-home-cta{max-width:960px;margin:0 auto;text-align:center;color:#fff;border-radius:20px;padding:64px 32px;background:linear-gradient(135deg,var(--ewz-light-green),var(--ewz-green));box-shadow:0 24px 50px var(--ewz-primary-tint-strong)}
.ewz-home-cta svg{width:56px;height:56px}
.ewz-home-cta h2{color:#fff;font-size:40px;font-weight:800;margin:18px 0 12px}
.ewz-home-cta p{max-width:720px;margin:0 auto 28px;font-size:18px;line-height:1.6;opacity:.95}
.ewz-home-btn-white{background:#fff;color:var(--ewz-global-color)}
.ewz-home-btn-white:hover{color:var(--ewz-light-green)}

/* Package section on the home page sits on white */
.ewz-home .ewz-pkg-section{padding:84px 0}
.ewz-home .ewz-pkg-section-head h2{font-size:38px;font-weight:800}

/* ---- Responsive ---- */
@media (max-width:1024px){
    .ewz-home-hero h1{font-size:50px}
    .ewz-home-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
    .ewz-home-grid-3{grid-template-columns:repeat(2,1fr)}
    .ewz-home-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
    .ewz-home-hero{padding:56px 0 48px}
    .ewz-home-hero h1{font-size:36px}
    .ewz-home-lead{font-size:16px}
    .ewz-home-actions{flex-direction:column;align-items:stretch}
    .ewz-home-stats{gap:12px;margin-top:36px}
    .ewz-home-stat{padding:18px 10px}
    .ewz-home-stat strong{font-size:22px}
    .ewz-home-section,.ewz-home .ewz-pkg-section{padding:56px 0}
    .ewz-home-head h2,.ewz-home .ewz-pkg-section-head h2{font-size:28px}
    .ewz-home-grid-3,.ewz-home-grid-4{grid-template-columns:1fr}
    .ewz-home-card{padding:24px}
    .ewz-home-cta{padding:44px 20px}
    .ewz-home-cta h2{font-size:28px}
}