:root{--p:#0f766e;--pd:#115e59;--bg:#f7faf9;--t:#13201e;--m:#5b6b68}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu",sans-serif;background:var(--bg);color:var(--t);line-height:1.5}
.wrap{max-width:960px;margin:0 auto;padding:0 18px}.banner{background:#fef3c7;text-align:center;font-size:13px;padding:6px}
.hero{background:linear-gradient(135deg,var(--p),#164e63);color:#fff;padding:56px 0 48px}.hero h1{font-size:2.2rem;margin:.2em 0}.tag{opacity:.85;margin:0}.lead{max-width:520px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{background:#fff;color:var(--pd);border:0;padding:12px 18px;border-radius:10px;font-weight:600;text-decoration:none;cursor:pointer;font-size:15px}.btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff}
section{margin:32px 0}.grid{display:grid;gap:14px;grid-template-columns:1fr;margin-top:-28px}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:3rem}}
.card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 4px 18px rgba(0,0,0,.06)}.card h3{margin:0 0 6px;color:var(--p)}.card p{margin:0}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#e6f4f1;color:var(--pd);padding:8px 12px;border-radius:999px;font-size:14px}
.muted{color:var(--m)}.calwrap iframe{width:100%;height:640px;border:0;border-radius:14px;background:#fff}.calwrap .ph{background:#fff;border:2px dashed #cbd5d1;border-radius:14px;padding:24px;text-align:center}
.emerg{background:#fee2e2;border-radius:12px;padding:14px 16px;color:#7f1d1d}.emerg a{color:#7f1d1d;font-weight:700}footer{padding:20px 18px 90px;font-size:13px}
.fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:0;background:var(--p);color:#fff;font-size:26px;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.chat{position:fixed;inset:auto 0 0 0;height:85vh;background:#fff;display:flex;flex-direction:column;border-radius:16px 16px 0 0;box-shadow:0 -6px 30px rgba(0,0,0,.2);z-index:9}.chat[hidden]{display:none}
@media(min-width:700px){.chat{inset:auto 18px 90px auto;width:380px;height:560px;border-radius:16px}}
.chead{background:var(--p);color:#fff;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;font-weight:600}.chead button{background:none;border:0;color:#fff;font-size:16px;cursor:pointer;margin-left:8px}.lang{border:1px solid #fff!important;border-radius:6px;padding:2px 8px}
.disc{background:#fff7ed;color:#9a3412;font-size:12.5px;padding:8px 12px}.msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.m{max-width:85%;padding:9px 12px;border-radius:12px;font-size:14.5px;white-space:pre-wrap}.m.b{background:#eef6f4;align-self:flex-start}.m.u{background:var(--p);color:#fff;align-self:flex-end}
[dir=rtl] .m,[dir=rtl] .disc{text-align:right}.quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}.quick button{border:1px solid #cbd5d1;background:#fff;border-radius:999px;padding:5px 10px;font-size:13px;cursor:pointer}
form{display:flex;border-top:1px solid #e5e7eb}form input{flex:1;border:0;padding:14px;font-size:16px;outline:0}form button{border:0;background:var(--p);color:#fff;padding:0 18px;font-weight:600}

.slots{text-align:left}.sd,.st{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.sd button,.st button{border:1px solid #d0d7de;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit}
.sd button.on,.st button.on{background:var(--p);color:#fff;border-color:var(--p)}
.slots .wa{display:inline-block;margin-top:8px}