/* Meet us (MSD 2026-10-24) — the people and partners behind dCover; meet in person by appointment. Mockup approved the same day
   (https://claude.ai/artifact/MkgkHuDjv3f7RVZdCWkcdw). Brand tokens from theme.css, so light and dark follow the site.
   Spacing 8 · 12 · 16 · 24 · 32 · 48 · 56. Corners: 8 controls · 16 cards. Red = the one action (Send your request). */
.mu{background:var(--bg)}
.mu-w{max-width:1120px;margin:0 auto;padding:40px 16px 56px;display:flex;flex-direction:column;gap:48px}
.mu-hero{display:flex;flex-direction:column;gap:12px;max-width:760px}
.mu-kick{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
:root[data-lang="bn"] .mu-kick{font-size:14px;letter-spacing:0;text-transform:none}
.mu-h1{margin:0;font-size:40px;line-height:48px;font-weight:700;color:var(--ink);text-wrap:balance}
.mu-lead{margin:0;font-size:18px;line-height:29px;color:var(--ink-2);max-width:62ch}
.mu-h2{margin:0;font-size:22px;line-height:28px;font-weight:700;color:var(--ink);text-wrap:balance}
.mu-h2.big{font-size:28px;line-height:36px}
.mu-h3{margin:0;font-size:19px;line-height:26px;font-weight:700;color:var(--ink)}
.mu-card{background:var(--surface);border:1px solid var(--hair);border-radius:16px;padding:24px;color:var(--text)}
.mu-card p{margin:0}
.mu-mute{color:var(--ink-2);font-size:15px}

.mu-two{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.mu-person{flex:1 1 520px;min-width:0;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.mu-face{width:160px;height:160px;border-radius:16px;object-fit:cover;flex:none;background:var(--chip)}
.mu-pt{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:14px}
.mu-name{font-size:22px;line-height:28px;font-weight:700;color:var(--ink)}
.mu-role{margin-top:2px;font-size:15px;color:var(--ink-2)}
.mu-quote{display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:29px;color:var(--text)}
.mu-quote p{margin:0}

.mu-form{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
.mu-sub{margin-top:4px;font-size:15px;color:var(--ink-2)}
.mu-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mu-fields[hidden]{display:none}
.mu-wide{grid-column:1 / -1}
.mu-wa{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer}
.mu-wa input{width:20px;height:20px;margin:0;flex:none}
.mu-go{justify-self:start;min-height:52px;padding:0 28px;font-size:17px}
.mu-note{margin:0;font-size:14px;color:var(--ink-2)}
.mu-err{margin:0;font-size:15px;color:var(--danger,#b42318)}
.mu-done{display:flex;flex-direction:column;gap:6px}
.mu-done b{font-size:18px;color:var(--ink)}
.mu .trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.mu-haat{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.mu-logo{width:200px;height:200px;max-width:100%;border-radius:16px;object-fit:contain;background:#ffffff;border:1px solid var(--hair);flex:none}
.mu-ht{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.mu-tag{font-size:18px;line-height:27px;color:var(--ink)}
.mu-addr{font-size:17px;color:var(--text)}
.mu-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:4px}
.mu-links a,.mu-pp a{font-weight:600;color:var(--ink);text-underline-offset:3px}

.mu-sec{display:flex;flex-direction:column;gap:16px}
.mu-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.mu-three .mu-card{display:flex;flex-direction:column;gap:8px}

.mu-papers{display:flex;flex-wrap:wrap;gap:24px}
.mu-pp{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px}
.mu-certs{flex:2 1 420px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.mu-certs figure{margin:0;display:flex;flex-direction:column;gap:8px}
.mu-certs img{width:100%;height:220px;object-fit:contain;background:var(--surface-2);border:1px solid var(--hair);border-radius:8px}
.mu-certs figcaption{font-size:14px;color:var(--ink-2)}

.mu-reach{display:flex;flex-wrap:wrap;gap:12px}
.mu-reach .btn{min-height:52px}

@media (max-width:599px){
  .mu-w{padding:24px 16px 40px;gap:32px}
  .mu-h1{font-size:30px;line-height:38px}
  .mu-lead{font-size:17px;line-height:27px}
  .mu-face{width:112px;height:112px}
  .mu-fields{grid-template-columns:minmax(0,1fr)}
  .mu-go{width:100%;justify-self:stretch}
  .mu-logo{width:136px;height:136px}
  .mu-reach .btn{flex:1 1 100%}
}