/* Abraj Al-Madinah Exchange — 2026 premium redesign */
:root{--brand:#8f1530;--brand-dark:#631020;--ink:#0b2133;--sky:#23a8cf;--gold:#d0aa62;--soft:#f3f7fa;--line:#dce6ec}
body{overflow-x:hidden;background:#fff}
.topbar{background:linear-gradient(90deg,#071724,#102c3e);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .container{min-height:44px}.topbar-side:first-child span:first-child:before{content:"●";color:#48d597;margin-inline-end:7px;font-size:8px}
.header{box-shadow:0 8px 30px rgba(4,27,42,.06)}
.nav{height:98px}.brand{min-width:225px}.brand-logo{width:205px!important;height:72px!important;object-fit:contain!important;object-position:center!important}
.links{gap:8px}.links a{padding:12px 10px;border-radius:9px;transition:.2s}.links a:hover,.links a.active-link{background:#f8eef1;color:var(--brand)}.links a:after{display:none}
.header-cta{padding:13px 19px;border-radius:12px}
.hero{min-height:690px;display:flex;align-items:center;padding:92px 0;background:radial-gradient(circle at 12% 15%,rgba(39,172,211,.14),transparent 30%),radial-gradient(circle at 90% 80%,rgba(208,170,98,.14),transparent 34%),linear-gradient(120deg,#f3fbfe,#fff 52%,#fbf7ef)}
.hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(143,21,48,.12);border-radius:50%;left:-180px;bottom:-280px;box-shadow:0 0 0 65px rgba(143,21,48,.025),0 0 0 130px rgba(35,168,207,.025)}
.hero h1{font-size:clamp(43px,5.2vw,68px);line-height:1.25;letter-spacing:-2.5px}.hero-copy>p{font-size:16px;max-width:670px}
.converter{border-radius:28px;padding:32px;border:1px solid rgba(143,21,48,.08);box-shadow:0 35px 90px rgba(7,32,48,.16)}
.converter:before{content:"ABRAJ EXCHANGE";display:block;color:#aebcc6;font:800 9px/1.2 Manrope,Arial;letter-spacing:2px;margin-bottom:10px}
.currency-field{height:70px;border-radius:14px}.swap{width:42px;height:42px;box-shadow:0 7px 18px rgba(0,0,0,.09)}
.rate-strip{background:#fff;position:relative;z-index:2}.mini-rate{padding:20px 16px}.section{padding:105px 0}.section h2{font-size:clamp(30px,3.3vw,44px)}
.services{background:linear-gradient(180deg,#f4f8fa,#fff)}.card{border-radius:22px;padding:30px;min-height:260px}.card .icon{width:58px;height:58px;border-radius:17px}.card h3{font-size:18px}.card p{font-size:13px;line-height:1.95}.card a{font-size:12px}
.why-visual{background:radial-gradient(circle,#fff 0 12%,transparent 13%),linear-gradient(145deg,#d7f3fa,#edf5f8 55%,#f3e7d4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.table{border-radius:22px}.row{padding:19px 22px}.rates{background:radial-gradient(circle at 10% 10%,rgba(35,168,207,.18),transparent 25%),#061a29}
.cta{padding:56px 0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.13),transparent 30%),linear-gradient(125deg,#9a1735,#5f0d1d)}
.footer{padding-top:68px;background:#05131e}.footer-grid{grid-template-columns:1.3fr .8fr .9fr;gap:58px}.footer .brand-logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.footer-page-links{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}
.zada-credit{margin-top:22px;display:inline-flex!important;align-items:center;gap:10px;padding:10px 14px;border:1px solid #2b4353;border-radius:999px;color:#cbd9e2!important;background:rgba(255,255,255,.035);transition:.25s}.zada-credit:hover{border-color:var(--gold);color:#fff!important;transform:translateY(-2px)}.zada-credit b{color:#fff;letter-spacing:.4px}
.public-hub{padding:96px 0;background:#fff}.public-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-card{position:relative;min-height:225px;border-radius:24px;padding:28px;overflow:hidden;background:#f5f8fa;border:1px solid #e3ebf0;transition:.28s}.hub-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--hub,#dceff5);left:-45px;bottom:-55px;opacity:.65}.hub-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(9,37,54,.11);border-color:#ccdbe4}.hub-card i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#fff;color:var(--brand);font-style:normal;font-size:24px;box-shadow:0 10px 25px rgba(9,37,54,.08)}.hub-card h3{font-size:18px;margin:22px 0 8px}.hub-card p{color:#657987;font-size:12px;line-height:1.9}.hub-card a{font-size:11px;font-weight:800;color:var(--brand)}
.partner-band{padding:55px 0;background:#f6f9fb;border-block:1px solid #e5edf2}.partner-band h2{text-align:center;font-size:24px;margin:0 0 28px}.partner-list{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.partner-chip{min-width:160px;padding:17px 22px;background:#fff;border:1px solid #e0e8ed;border-radius:15px;text-align:center;font:800 12px Manrope,Arial;color:#274256;box-shadow:0 10px 28px rgba(12,44,62,.05)}
.branch-highlight{padding:95px 0;background:linear-gradient(130deg,#071c2b,#0d354a);color:#fff}.branch-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.branch-copy h2{font-size:42px;line-height:1.45;margin:12px 0}.branch-copy p{color:#b8ccd7;line-height:2}.branch-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.branch-meta span{padding:15px;border:1px solid #2b4d5e;border-radius:13px;font-size:11px}.branch-card{min-height:360px;border-radius:28px;padding:38px;background:radial-gradient(circle at 75% 25%,rgba(35,168,207,.35),transparent 32%),linear-gradient(145deg,#9a1735,#4e0a18);display:flex;flex-direction:column;justify-content:flex-end}.branch-card b{font-size:32px}.branch-card small{font-size:13px;color:#f2cdd4}
.page-hero{padding:100px 0!important;background:radial-gradient(circle at 80% 10%,rgba(35,168,207,.15),transparent 28%),linear-gradient(125deg,#f5fbfd,#fff 55%,#fbf5eb)!important}.page-hero h1{font-size:clamp(39px,5vw,62px)!important}.page-hero p{font-size:15px!important;max-width:760px!important}.detail-card{border-radius:22px!important;padding:30px!important;box-shadow:0 14px 40px rgba(9,37,54,.05)}.detail-card h3{font-size:18px!important}.detail-card p{font-size:13px!important}.content-copy p,.content-copy li{font-size:14px!important}.visual-panel{border-radius:28px!important}
.expanded-page{min-height:500px}.expanded-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.expanded-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.expanded-card h3{margin:12px 0;font-size:18px}.expanded-card p{color:#647785;line-height:1.95;font-size:13px}.expanded-card i{font-style:normal;font-size:28px;color:var(--brand)}
.reveal-up{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal-up.in{opacity:1;transform:none}
@media(max-width:1100px){.brand{min-width:190px}.brand-logo{width:180px!important}.links{gap:2px}.links a{font-size:11px;padding:10px 6px}.public-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.nav{height:84px}.brand-logo{width:165px!important;height:62px!important}.links{top:84px;padding:12px;max-height:calc(100vh - 110px);overflow:auto}.links a{font-size:14px;padding:12px}.hero{min-height:auto}.public-hub-grid{grid-template-columns:repeat(2,1fr)}.branch-grid{grid-template-columns:1fr}.expanded-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 30px)}.nav{height:76px}.brand-logo{width:145px!important;height:55px!important}.hero{padding:58px 0}.hero h1{font-size:38px;letter-spacing:-1px}.converter{border-radius:20px;padding:20px}.public-hub{padding:70px 0}.public-hub-grid,.expanded-grid{grid-template-columns:1fr}.hub-card{min-height:200px}.branch-highlight{padding:70px 0}.branch-copy h2{font-size:31px}.branch-meta{grid-template-columns:1fr}.branch-card{min-height:280px;padding:28px}.footer-page-links{grid-template-columns:1fr}.zada-credit{width:100%;justify-content:center}.page-hero{padding:68px 0!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-up{opacity:1;transform:none}}