/* ══════════════════════════════════════════
   MyGenHome — B2B Styles
   ══════════════════════════════════════════ */

/* ── NAV DIVIDER (B2B) ── */
.nav-divider{width:1px;height:20px;background:var(--gl);margin:0 6px;display:inline-block}

/* ── HERO B2B ── */
.hero--b2b{min-height:75vh}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.btn-cta{background:var(--teal);color:var(--w);padding:16px 34px;border-radius:9px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-cta:hover{background:var(--teal-dark);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:rgba(255,255,255,0.8);padding:15px 30px;border-radius:9px;font-size:15px;font-weight:400;text-decoration:none;border:1px solid rgba(255,255,255,0.25);transition:all .2s}
.btn-ghost:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.07)}

/* ── SERVICES ── */
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc{background:var(--gbg);border-radius:16px;overflow:hidden;border:1px solid rgba(123,158,201,0.14);transition:border-color .25s,transform .25s}
.svc:hover{border-color:var(--teal);transform:translateY(-2px)}
.svc-img-wrap{position:relative;overflow:hidden;height:200px}
.svc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.svc:hover .svc-img-wrap img{transform:scale(1.04)}
.svc-body{padding:24px}
.svc-num{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:8px}
.svc-title{font-size:18px;font-weight:500;color:var(--gc);margin-bottom:10px;line-height:1.3}
.svc-text{font-size:13.5px;color:var(--gb);line-height:1.66;margin-bottom:16px}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px}
.stg{font-size:11px;padding:5px 12px;background:var(--tp);color:var(--teal);border-radius:20px;font-weight:500}

/* ── CASES ── */
.cases-sec{background:var(--gbg)}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case{background:var(--w);border-radius:14px;padding:28px 24px;border:1px solid rgba(123,158,201,0.12);transition:border-color .25s,transform .25s}
.case:hover{border-color:var(--teal);transform:translateY(-2px)}
.case-n{font-family:'Cormorant Garamond',serif;font-size:42px;color:var(--teal);font-weight:600;line-height:1;margin-bottom:14px}
.case-title{font-size:17px;font-weight:500;color:var(--gc);margin-bottom:10px;line-height:1.3}
.case-text{font-size:13.5px;color:var(--gb);line-height:1.66;margin-bottom:16px}
.case-tag{font-size:11px;padding:5px 12px;background:var(--tp);color:var(--teal);border-radius:20px;font-weight:500;display:inline-block}

/* ── CTA BAND ── */
.cta-band{background:var(--deep);padding:72px 5vw}
.cta-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.5vw,44px);color:var(--w);font-weight:300;line-height:1.15}
.cta-band h2 em{font-style:italic;color:var(--mid)}
.cta-band p{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.7;margin-top:18px;max-width:500px}
.btn-cta-w{background:var(--w);color:var(--deep);padding:18px 38px;border-radius:9px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap;display:inline-block}
.btn-cta-w:hover{background:var(--pale);transform:translateY(-1px)}

/* ── CONTACT NOTE (B2B only) ── */
.contact-note{background:var(--w);border:1px solid var(--mid);border-radius:10px;padding:18px 20px;margin-top:2rem;font-size:13.5px;color:var(--gb);line-height:1.6}