/* Archetype personalities */
/* A — lead-gen one-pager: bold, urgent, rounded */
.ar-A{--r-card:26px;--r-img:30px;--r-btn:16px;--r-logo:50%}
.ar-A .hero{background:radial-gradient(1200px 500px at 85% 0%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 70%)}
.ar-A .urgent{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);border-radius:999px;padding:8px 14px;font-weight:700;font-size:.9rem;margin-bottom:18px}
.ar-A .urgent i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 #22c55e;animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px transparent}}
.ar-A .quote-card{background:var(--surface);border-radius:26px;padding:30px;box-shadow:0 40px 80px -40px rgba(0,0,0,.35)}
.ar-A .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:10px;padding:10px;background:var(--surface);box-shadow:0 -10px 30px rgba(0,0,0,.15)}
.ar-A .sticky-cta .btn{flex:1}
@media(max-width:700px){.ar-A .sticky-cta{display:flex}.ar-A .wa-float{bottom:84px}}

/* B — company: structured, crisp */
.ar-B{--r-card:8px;--r-img:8px;--r-btn:6px;--r-logo:6px}
.ar-B .topbar{background:var(--text);color:var(--bg);font-size:.88rem}
.ar-B .topbar .wrap{display:flex;gap:22px;justify-content:flex-end;min-height:38px;align-items:center}
.ar-B .topbar a{text-decoration:none}
.ar-B .topbar .wrap>*{white-space:nowrap}
@media(max-width:600px){.ar-B .topbar .wrap{flex-wrap:wrap;justify-content:center;gap:2px 18px;padding-top:4px;padding-bottom:4px}.ar-B .topbar span{display:none}}
.ar-B .card{border-top:3px solid var(--primary)}
.ar-B h1,.ar-B h2{letter-spacing:-.02em}

/* C — booking: calm, soft */
.ar-C{--r-card:28px;--r-img:200px 200px 28px 28px;--r-btn:999px;--r-logo:50%}
.ar-C .hero-media{border-radius:240px 240px 28px 28px}
.ar-C .card{box-shadow:0 20px 50px -35px rgba(0,0,0,.3);border:0}

/* D — store: clean commerce */
.ar-D{--r-card:14px;--r-img:14px;--r-btn:10px;--r-logo:10px}
.ar-D .hero-full{min-height:min(76vh,720px)}
.ar-D .usp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.ar-D .usp div{display:flex;gap:12px;align-items:center;font-weight:600;font-size:.95rem}
.ar-D .usp .ic{color:var(--primary)}
@media(max-width:800px){.ar-D .usp{grid-template-columns:1fr 1fr}}

/* E — menu / price list: warm, printed-menu feel */
.ar-E{--r-card:18px;--r-img:18px;--r-btn:999px;--r-logo:50%}
.ar-E h1,.ar-E h2{font-weight:600}
.ar-E .menu-sheet{background:var(--surface);border-radius:28px;padding:clamp(22px,4vw,48px);border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.ar-E .menu-cat{font-family:var(--hf);font-size:1.6rem;margin:30px 0 4px;color:var(--primary)}

/* F — portfolio: minimal, image-led */
.ar-F{--r-card:4px;--r-img:4px;--r-btn:0;--r-logo:0}
.ar-F .hdr .wrap{min-height:84px}
.ar-F h1{font-size:clamp(2.6rem,7vw,6rem);font-weight:600;letter-spacing:-.03em}
.ar-F .nav a{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}

/* G — packages: product-like, sharp */
.ar-G{--r-card:20px;--r-img:20px;--r-btn:12px;--r-logo:12px}
.ar-G .hero{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,var(--bg)),var(--bg))}
.ar-G .plan{border:1.5px solid color-mix(in srgb,var(--text) 10%,transparent)}

/* H — branches: map-centric */
.ar-H{--r-card:16px;--r-img:16px;--r-btn:12px;--r-logo:16px}
.ar-H .finder{background:var(--surface);border-radius:20px;padding:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:28px;max-width:640px;color:var(--text)}
.ar-H .finder label{flex:1;min-width:220px}

/* I — Urdu-first */
.ar-I{--r-card:22px;--r-img:22px;--r-btn:14px;--r-logo:50%}
[dir=rtl] body,[dir=rtl] .form,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{font-family:"Noto Naskh Arabic",var(--bf),serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .logo{font-family:"Noto Nastaliq Urdu",serif;line-height:1.9;letter-spacing:0}
[dir=rtl] h1{font-size:clamp(2rem,4.6vw,3.6rem)}
[dir=rtl] body{line-height:2;font-size:18px}
[dir=rtl] .eyebrow{letter-spacing:0;text-transform:none;font-size:.95rem}
[dir=rtl] .nav{margin-left:0;margin-right:auto}
[dir=rtl] .step::before{left:auto;right:0}
[dir=rtl] .wa-float{right:auto;left:18px}
[dir=rtl] .faq summary::after{margin-right:auto}
.lang-sw{font-weight:700;text-decoration:none;border:1.5px solid currentColor;border-radius:999px;padding:6px 14px;min-height:40px;display:inline-flex;align-items:center}

/* J — premium editorial */
.ar-J{--r-card:0;--r-img:0;--r-btn:0;--r-logo:0}
.ar-J h1{font-size:clamp(3rem,9vw,8rem);font-weight:500;letter-spacing:-.04em;line-height:.95}
.ar-J h2{font-weight:500;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.03em}
.ar-J .nav a{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}
.ar-J .logo{text-transform:uppercase;letter-spacing:.22em;font-size:1rem;min-height:44px}
.ar-J .logo-m{display:none}
.ar-J .card{border:0;border-top:1px solid color-mix(in srgb,var(--text) 25%,transparent);background:transparent;padding:26px 0}
.ar-J .card:hover{transform:none;box-shadow:none}
.ar-J .strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(520px,80%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 14px}
.ar-J .strip figure{margin:0;scroll-snap-align:start}
.ar-J .strip img{aspect-ratio:4/5;object-fit:cover;width:100%}
.ar-J .strip figcaption{margin-top:10px;font-size:.9rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.ar-J .big-quote{font-family:var(--hf);font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.25;max-width:24ch}
.ar-J .parallax{height:min(80vh,760px);overflow:hidden;position:relative}
.ar-J .parallax img{width:100%;height:120%;object-fit:cover;will-change:transform}
