/* =================================================================
   QUANTUM MICROFINANCE BANK — HOMEPAGE
   All rules scoped under .qhome. Self-contained & responsive.
   ================================================================= */

.qhome{
  --qo:#F47C20; --qo-d:#D9641A; --qo-t:#FDEEE0;
  --qg:#3AA935; --qg-d:#2E8A2A; --qg-t:#E8F5E7;
  --qink:#111111; --qmut:#6B6B6B;
  --qg1:#F5F5F5; --qg2:#E0E0E0;
  --qhead:'Montserrat','Segoe UI',sans-serif;
  --qbody:'Segoe UI','SF Pro Text',-apple-system,system-ui,Roboto,sans-serif;
  --qsh:0 10px 30px rgba(17,17,17,.08);
  --qsh-lg:0 20px 50px rgba(17,17,17,.14);
  font-family:var(--qbody);
  color:var(--qink);
  line-height:1.6;
  overflow-x:hidden;
}
.qhome *{box-sizing:border-box;}
.qhome img{max-width:100%;display:block;}

/* ---- shared wrap (safe re-declare) ---- */
.qhome .qwrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px;width:100%;}

/* ---- buttons (safe self-contained re-declare) ---- */
.qhome .qbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--qhead);font-weight:600;font-size:.97rem;line-height:1;
  padding:.85em 1.5em;border-radius:10px;text-decoration:none;cursor:pointer;
  border:2px solid transparent;transition:all .2s ease;white-space:nowrap;
}
.qhome .qbtn--lg{padding:1em 1.8em;font-size:1.02rem;}
.qhome .qbtn--primary{background:var(--qo);color:#fff;border-color:var(--qo);}
.qhome .qbtn--primary:hover{background:var(--qo-d);border-color:var(--qo-d);transform:translateY(-2px);box-shadow:0 8px 20px rgba(244,124,32,.35);}
.qhome .qbtn--green{background:var(--qg);color:#fff;border-color:var(--qg);}
.qhome .qbtn--green:hover{background:var(--qg-d);border-color:var(--qg-d);transform:translateY(-2px);box-shadow:0 8px 20px rgba(58,169,53,.32);}
.qhome .qbtn--white{background:#fff;color:var(--qink);border-color:#fff;}
.qhome .qbtn--white:hover{background:transparent;color:#fff;border-color:#fff;}
.qhome .qbtn--outline{background:transparent;color:var(--qo);border-color:var(--qo);}
.qhome .qbtn--outline:hover{background:var(--qo);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(244,124,32,.28);}

/* ---- section headers ---- */
.qhome .qsec-head{text-align:center;max-width:680px;margin:0 auto 48px;}
.qhome .qsec-eyebrow{font-family:var(--qhead);font-weight:700;letter-spacing:.14em;font-size:.78rem;color:var(--qo);text-transform:uppercase;margin:0 0 12px;}
.qhome .qsec-eyebrow--light{color:#ffd9b8;}
.qhome .qsec-title{font-family:var(--qhead);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.18;margin:0 0 14px;color:var(--qink);}
.qhome .qsec-sub{color:var(--qmut);font-size:1.05rem;margin:0;}

/* =================================================================
   1. HERO
   ================================================================= */
.qhome .qhero{position:relative;height:620px;overflow:hidden;background:#111;}
.qhome .qhero__track{position:absolute;inset:0;}
.qhome .qhero__slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;visibility:hidden;
  transition:opacity .8s ease,transform .8s ease;
  transform:scale(1.05);
  display:flex;align-items:center;
}
.qhome .qhero__slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2;}
.qhome .qhero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,15,15,.86) 0%,rgba(20,20,20,.62) 45%,rgba(20,20,20,.15) 100%);
}
.qhome .qhero__inner{position:relative;z-index:3;max-width:660px;}
.qhome .qhero__eyebrow{font-family:var(--qhead);font-weight:700;letter-spacing:.16em;font-size:.82rem;color:var(--qo);text-transform:uppercase;margin:0 0 14px;}
.qhome .qhero__title{font-family:var(--qhead);font-weight:800;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;color:#fff;margin:0 0 16px;letter-spacing:-.01em;}
.qhome .qhero__text{font-size:clamp(1.02rem,1.6vw,1.2rem);color:rgba(255,255,255,.92);margin:0 0 26px;max-width:540px;}
.qhome .qhero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
.qhome .qhero__pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:.9rem;font-weight:600;
  padding:.55em 1.1em;border-radius:50px;backdrop-filter:blur(4px);
}
.qhome .qhero__pill svg{color:var(--qo);}

.qhome .qhero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:50px;height:50px;border-radius:50%;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
  color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s ease;backdrop-filter:blur(3px);
}
.qhome .qhero__arrow:hover{background:var(--qo);border-color:var(--qo);}
.qhome .qhero__arrow--prev{left:24px;}
.qhome .qhero__arrow--next{right:24px;}

.qhome .qhero__dots{position:absolute;left:0;right:0;bottom:96px;z-index:5;display:flex;gap:10px;justify-content:center;}
.qhome .qhero__dots button{
  width:11px;height:11px;border-radius:50%;border:none;cursor:pointer;padding:0;
  background:rgba(255,255,255,.45);transition:all .25s ease;
}
.qhome .qhero__dots button.is-active{background:var(--qo);width:30px;border-radius:6px;}

/* =================================================================
   2. QUICK ACTIONS
   ================================================================= */
.qhome .qhome-quick{position:relative;z-index:6;}
.qhome .qquick__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  margin-top:-56px;
}
.qhome .qquick__card{
  display:flex;align-items:center;gap:14px;
  background:#fff;border-radius:14px;padding:22px 20px;
  box-shadow:var(--qsh);text-decoration:none;color:var(--qink);
  border:1px solid #efefef;transition:all .2s ease;position:relative;
}
.qhome .qquick__card:hover{transform:translateY(-4px);box-shadow:var(--qsh-lg);border-color:var(--qo-t);}
.qhome .qquick__icon{
  flex:0 0 52px;width:52px;height:52px;border-radius:12px;
  background:var(--qo-t);color:var(--qo);
  display:flex;align-items:center;justify-content:center;
}
.qhome .qquick__card:nth-child(2) .qquick__icon,
.qhome .qquick__card:nth-child(4) .qquick__icon{background:var(--qg-t);color:var(--qg-d);}
.qhome .qquick__body{display:flex;flex-direction:column;gap:2px;}
.qhome .qquick__body strong{font-family:var(--qhead);font-weight:700;font-size:1rem;}
.qhome .qquick__body small{color:var(--qmut);font-size:.85rem;}
.qhome .qquick__chev{color:var(--qg2);margin-left:auto;transition:all .2s ease;}
.qhome .qquick__card:hover .qquick__chev{color:var(--qo);transform:translateX(3px);}

.qhome .qquick__trust{
  text-align:center;color:var(--qmut);font-size:.86rem;
  margin:26px auto 0;display:flex;gap:10px;justify-content:center;
  flex-wrap:wrap;align-items:center;font-weight:500;
}
.qhome .qquick__sep{color:var(--qg2);}

/* =================================================================
   3. PRODUCTS
   ================================================================= */
.qhome .qhome-products{padding:80px 0 90px;}
.qhome .qprod__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.qhome .qprod__card{
  display:block;background:#fff;border:1px solid #ededed;border-radius:16px;
  padding:30px 28px;text-decoration:none;color:var(--qink);
  transition:all .22s ease;box-shadow:0 4px 14px rgba(17,17,17,.04);
}
.qhome .qprod__card:hover{transform:translateY(-6px);border-color:var(--qo);box-shadow:0 18px 40px rgba(244,124,32,.16);}
.qhome .qprod__chip{
  width:54px;height:54px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.qhome .qprod__chip--orange{background:var(--qo-t);color:var(--qo);}
.qhome .qprod__chip--green{background:var(--qg-t);color:var(--qg-d);}
.qhome .qprod__title{font-family:var(--qhead);font-weight:700;font-size:1.22rem;color:var(--qo);margin:0 0 10px;transition:color .2s ease;}
.qhome .qprod__card:hover .qprod__title{color:var(--qo-d);}
.qhome .qprod__desc{color:var(--qmut);font-size:.97rem;margin:0 0 16px;}
.qhome .qprod__more{font-family:var(--qhead);font-weight:600;font-size:.92rem;color:var(--qink);transition:color .2s ease;}
.qhome .qprod__card:hover .qprod__more{color:var(--qo);}
.qhome .qprod__foot{text-align:center;margin-top:48px;}

/* =================================================================
   4. DIGITAL BANKING
   ================================================================= */
.qhome .qhome-digital{background:var(--qg-t);padding:84px 0;}
.qhome .qdigi__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.qhome .qdigi__text .qsec-eyebrow{text-align:left;}
.qhome .qdigi__text .qsec-title{text-align:left;margin-bottom:24px;}
.qhome .qdigi__list{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:14px;}
.qhome .qdigi__list li{display:flex;align-items:flex-start;gap:12px;font-size:1.04rem;color:#333;}
.qhome .qdigi__list svg{flex:0 0 auto;margin-top:3px;color:var(--qg-d);background:#fff;border-radius:50%;padding:3px;width:26px;height:26px;box-shadow:0 2px 6px rgba(46,138,42,.18);}
.qhome .qdigi__actions{display:flex;gap:14px;flex-wrap:wrap;}

.qhome .qdigi__media{position:relative;}
.qhome .qdigi__frame{
  border-radius:20px;overflow:hidden;box-shadow:var(--qsh-lg);
  border:8px solid #fff;
}
.qhome .qdigi__frame img{width:100%;height:420px;object-fit:cover;}
.qhome .qdigi__badge{
  position:absolute;left:-18px;bottom:-18px;
  background:var(--qo);color:#fff;font-family:var(--qhead);font-weight:800;
  font-size:1.5rem;padding:18px 24px;border-radius:16px;
  box-shadow:0 14px 30px rgba(244,124,32,.4);letter-spacing:.02em;
}

/* =================================================================
   5. WHY QUANTUM
   ================================================================= */
.qhome .qhome-why{padding:84px 0;}
.qhome .qwhy__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.qhome .qwhy__item{text-align:center;padding:8px;}
.qhome .qwhy__circle{
  width:76px;height:76px;border-radius:50%;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .25s ease;
}
.qhome .qwhy__item:hover .qwhy__circle{transform:translateY(-4px) scale(1.05);}
.qhome .qwhy__circle--orange{background:var(--qo-t);color:var(--qo);}
.qhome .qwhy__circle--green{background:var(--qg-t);color:var(--qg-d);}
.qhome .qwhy__item h3{font-family:var(--qhead);font-weight:700;font-size:1.1rem;margin:0 0 10px;}
.qhome .qwhy__item p{color:var(--qmut);font-size:.95rem;margin:0;}

/* =================================================================
   6. STATS
   ================================================================= */
.qhome .qhome-stats{
  background:linear-gradient(120deg,var(--qo) 0%,var(--qo-d) 60%,#c5560f 100%);
  padding:64px 0;
}
.qhome .qstats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.qhome .qstats__item{padding:6px;}
.qhome .qstats__num{
  display:block;font-family:var(--qhead);font-weight:800;
  font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1;color:#fff;
  letter-spacing:-.01em;
}
.qhome .qstats__label{display:block;margin-top:10px;color:rgba(255,255,255,.92);font-weight:600;font-size:.98rem;letter-spacing:.02em;}

/* =================================================================
   7. SPOTLIGHT
   ================================================================= */
.qhome .qhome-spot{
  position:relative;background-size:cover;background-position:center;
  background-attachment:fixed;padding:110px 0;text-align:center;
}
.qhome .qspot__overlay{
  position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(15,15,15,.82),rgba(217,100,26,.62));
}
.qhome .qspot__inner{position:relative;z-index:2;max-width:760px;margin:0 auto;}
.qhome .qspot__title{font-family:var(--qhead);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.18;color:#fff;margin:0 0 14px;}
.qhome .qspot__text{color:rgba(255,255,255,.92);font-size:1.1rem;margin:0 0 28px;}

/* =================================================================
   8. TESTIMONIALS
   ================================================================= */
.qhome .qhome-testi{background:var(--qg1);padding:84px 0;}
.qhome .qtesti{position:relative;max-width:780px;margin:0 auto;}
.qhome .qtesti__track{position:relative;min-height:300px;}
.qhome .qtesti__slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transform:translateY(14px);transition:all .5s ease;
  background:#fff;border-radius:18px;padding:42px 44px;
  box-shadow:var(--qsh);text-align:center;
}
.qhome .qtesti__slide.is-active{opacity:1;visibility:visible;transform:translateY(0);position:relative;}
.qhome .qtesti__stars{color:var(--qo);font-size:1.3rem;letter-spacing:.12em;margin-bottom:16px;}
.qhome .qtesti__quote{font-size:1.12rem;line-height:1.7;color:#2a2a2a;margin:0 0 24px;font-style:italic;}
.qhome .qtesti__person{display:flex;align-items:center;justify-content:center;gap:14px;}
.qhome .qtesti__avatar{
  width:52px;height:52px;border-radius:50%;color:#fff;
  font-family:var(--qhead);font-weight:700;font-size:1.3rem;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.qhome .qtesti__meta{text-align:left;display:flex;flex-direction:column;}
.qhome .qtesti__meta strong{font-family:var(--qhead);font-weight:700;font-size:1.02rem;}
.qhome .qtesti__meta small{color:var(--qmut);font-size:.88rem;}

.qhome .qtesti__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:46px;height:46px;border-radius:50%;background:#fff;
  border:1px solid var(--qg2);color:var(--qink);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--qsh);transition:all .2s ease;
}
.qhome .qtesti__arrow:hover{background:var(--qo);border-color:var(--qo);color:#fff;}
.qhome .qtesti__arrow--prev{left:-22px;}
.qhome .qtesti__arrow--next{right:-22px;}
.qhome .qtesti__dots{display:flex;gap:9px;justify-content:center;margin-top:26px;}
.qhome .qtesti__dots button{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--qg2);transition:all .25s ease;}
.qhome .qtesti__dots button.is-active{background:var(--qo);width:28px;border-radius:6px;}
.qhome .qtesti__note{text-align:center;color:#9a9a9a;font-size:.8rem;margin-top:26px;font-style:italic;}

/* =================================================================
   9. NEWS
   ================================================================= */
.qhome .qhome-news{padding:84px 0;}
.qhome .qnews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.qhome .qnews__card{
  display:flex;flex-direction:column;background:#fff;border-radius:16px;
  overflow:hidden;border:1px solid #ededed;text-decoration:none;color:var(--qink);
  box-shadow:0 4px 14px rgba(17,17,17,.04);transition:all .22s ease;
}
.qhome .qnews__card:hover{transform:translateY(-6px);box-shadow:var(--qsh-lg);}
.qhome .qnews__media{display:block;height:200px;overflow:hidden;}
.qhome .qnews__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.qhome .qnews__card:hover .qnews__media img{transform:scale(1.06);}
.qhome .qnews__body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.qhome .qnews__date{align-self:flex-start;background:var(--qo-t);color:var(--qo-d);font-family:var(--qhead);font-weight:700;font-size:.78rem;padding:.3em .8em;border-radius:50px;margin-bottom:14px;letter-spacing:.04em;}
.qhome .qnews__title{font-family:var(--qhead);font-weight:700;font-size:1.12rem;line-height:1.35;margin:0 0 10px;}
.qhome .qnews__card:hover .qnews__title{color:var(--qo);}
.qhome .qnews__excerpt{color:var(--qmut);font-size:.94rem;margin:0 0 16px;flex:1;}
.qhome .qnews__more{font-family:var(--qhead);font-weight:600;font-size:.9rem;color:var(--qo);}

/* =================================================================
   10. CTA
   ================================================================= */
.qhome .qhome-cta{
  position:relative;background-size:cover;background-position:center;
  padding:104px 0;text-align:center;
}
.qhome .qcta__overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,15,15,.84),rgba(217,100,26,.6));}
.qhome .qcta__inner{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.qhome .qcta__title{font-family:var(--qhead);font-weight:800;font-size:clamp(1.8rem,4vw,2.7rem);color:#fff;margin:0 0 14px;}
.qhome .qcta__text{color:rgba(255,255,255,.92);font-size:1.12rem;margin:0 0 30px;}
.qhome .qcta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* =================================================================
   RESPONSIVE
   ================================================================= */
@media (max-width:980px){
  .qhome .qquick__grid{grid-template-columns:repeat(2,1fr);}
  .qhome .qprod__grid{grid-template-columns:repeat(2,1fr);}
  .qhome .qwhy__grid{grid-template-columns:repeat(2,1fr);row-gap:40px;}
  .qhome .qstats__grid{grid-template-columns:repeat(2,1fr);row-gap:40px;}
  .qhome .qnews__grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}
  .qhome .qdigi__grid{grid-template-columns:1fr;gap:40px;}
  .qhome .qdigi__frame img{height:340px;}
}
@media (max-width:680px){
  .qhome .qhero{height:480px;}
  .qhome .qhero__overlay{background:linear-gradient(90deg,rgba(15,15,15,.88) 0%,rgba(20,20,20,.7) 100%);}
  .qhome .qhero__actions .qbtn{flex:1 1 auto;}
  .qhome .qhero__arrow{width:42px;height:42px;}
  .qhome .qhero__arrow--prev{left:10px;}
  .qhome .qhero__arrow--next{right:10px;}
  .qhome .qhero__dots{bottom:84px;}
  .qhome .qquick__grid{grid-template-columns:1fr;margin-top:-40px;}
  .qhome .qprod__grid{grid-template-columns:1fr;}
  .qhome .qhome-products{padding:60px 0 64px;}
  .qhome .qhome-digital,.qhome .qhome-why,.qhome .qhome-testi,.qhome .qhome-news{padding:60px 0;}
  .qhome .qsec-head{margin-bottom:36px;}
  .qhome .qtesti__slide{padding:32px 22px;}
  .qhome .qtesti__arrow--prev{left:-6px;}
  .qhome .qtesti__arrow--next{right:-6px;}
  .qhome .qtesti__arrow{width:40px;height:40px;}
  .qhome .qhome-spot{background-attachment:scroll;padding:80px 0;}
  .qhome .qspot__title{font-size:1.5rem;}
  .qhome .qdigi__badge{font-size:1.2rem;padding:14px 18px;left:0;}
  .qhome .qstats__grid{grid-template-columns:1fr 1fr;}
}
@media (prefers-reduced-motion:reduce){
  .qhome *{transition:none !important;animation:none !important;}
  .qhome .qhero__slide{transform:none;}
}