@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('./font-400.woff') format('woff')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('./font-600.woff') format('woff')}
:root{--bg:#f5f6f2;--paper:#fff;--text:#1a302a;--muted:#78857e;--line:#e4e8e2;--green:#1b6550;--soft:#edf4ef;--red:#bb4c48;--gold:#ac8e4d;font-family:Tahoma,Arial,sans-serif;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.dark{--bg:#111b18;--paper:#1b2823;--text:#e5eee9;--muted:#a4b4aa;--line:#314138;--green:#8cd9b5;--soft:#243b30;--red:#ff9990;color-scheme:dark}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1040px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.brand{display:flex;gap:10px;align-items:center;font-size:1.4rem;font-weight:bold;position:absolute;left:50%;transform:translateX(-50%)}.brand small{display:block;font-size:.65rem;font-weight:normal;color:var(--muted);margin-top:5px}.brand-mark{background:var(--green);color:var(--paper);width:37px;height:37px;border-radius:12px;display:grid;place-items:center}.header-actions{display:flex;gap:7px}.icon{border:1px solid var(--line);background:var(--paper);color:var(--text);width:38px;height:38px;border-radius:50%;position:relative}main{max-width:1000px;padding:30px 24px 20px;margin:auto}.eyebrow{font-size:.72rem;color:var(--green);letter-spacing:1px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 23px}h1{font-size:1.85rem;line-height:1.5;margin:8px 0}h2{font-size:1.15rem;margin:0 0 16px}h3{font-size:1rem;margin:4px 0}p{line-height:1.9}.muted,small{color:var(--muted)}.demo{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#876b38;background:#f7f0df;padding:10px 14px;border-radius:9px;margin-bottom:20px}.dark .demo{background:#3e3524;color:#ead399}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.update{font-size:.75rem;color:var(--muted)}select,input,textarea{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--text);max-width:100%}input[type=number]{width:100%;direction:ltr;text-align:right}.btn{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text);padding:10px 15px;min-height:42px}.primary{background:var(--green);color:var(--paper);border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.rate-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:right;color:var(--text)}.rate-top{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.currency-symbol{background:var(--soft);color:var(--green);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:1rem}.rate-value{font-size:1.65rem;font-weight:bold;margin:18px 0 7px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.rate-value small{font-size:.7rem;font-weight:normal}.rate-foot{display:flex;justify-content:space-between;font-size:.68rem}.up{color:var(--green)}.down{color:var(--red)}.workspace{display:grid;grid-template-columns:1fr 300px;gap:22px;margin-top:25px;align-items:start}.converter{grid-column:2;grid-row:1;background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:14px;position:sticky;top:20px}.companies{grid-column:1;grid-row:1}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title h2{margin:0}.count{font-size:.7rem;color:var(--muted)}label{font-size:.8rem;display:block;margin-bottom:8px}.currency-pair{display:grid;grid-template-columns:1fr 36px 1fr;gap:6px;align-items:center;margin:16px 0}.currency-pair select{padding:8px 5px;font-size:.8rem;width:100%}.currency-pair .icon{width:32px;height:32px}.result{background:var(--soft);border-radius:10px;padding:16px;text-align:center;margin:15px 0}.result strong{font-size:1.55rem;display:block;margin-bottom:8px;overflow-wrap:anywhere}.result small{font-size:.7rem}.full{width:100%}.sorts{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:20px;font-size:.72rem}.chip.active{background:var(--green);color:var(--paper);border-color:var(--green)}.company-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:18px 15px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer}.company-row.best{border-color:#acc9b7}.rank{font-size:1rem;color:var(--muted);font-variant-numeric:tabular-nums}.company-meta{font-size:.66rem;color:var(--muted);margin-top:8px}.badge{display:inline-block;background:var(--soft);color:var(--green);font-size:.6rem;padding:4px 7px;border-radius:5px;margin-right:7px}.quotes{text-align:left;display:flex;gap:18px}.quotes label{font-size:.6rem;color:var(--muted);margin-bottom:6px}.quotes strong{font-size:.85rem;direction:ltr;display:block}.status{color:var(--green)}.closed{color:var(--muted)}.note{text-align:center;font-size:.7rem;color:var(--muted);margin:16px 0}.ad{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:58px;margin-top:15px;background:var(--paper)}.ad img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.ad-label{position:absolute;right:7px;top:4px;font-size:9px;background:var(--paper);color:var(--muted);padding:2px 5px;border-radius:3px}footer{display:flex;justify-content:center;gap:25px;border-top:1px solid var(--line);margin-top:25px;padding:22px 0;color:var(--muted);font-size:.72rem}.bottom-note{text-align:center;font-size:.65rem;color:var(--muted)}dialog{width:min(560px,94vw);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--paper);color:var(--text)}dialog::backdrop{background:#102b2477}.close{float:left;background:var(--soft);color:var(--text);border:0;border-radius:50%;width:30px;height:30px;font-size:22px}dialog h2{margin-top:16px}.form-grid{display:grid;gap:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--paper);padding:12px 20px;border-radius:10px;display:none;z-index:10;max-width:90vw}.detail{max-width:700px;margin:auto}.detail-head{padding:24px 0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.detail-rates{width:100%;border-collapse:collapse}.detail-rates td,.detail-rates th{padding:12px;border-bottom:1px solid var(--line);text-align:right}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branch{padding:17px 0;border-top:1px solid var(--line)}.chart{width:100%;height:180px;color:var(--green)}.history{max-height:120px;overflow:auto;font-size:.75rem}.alert-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.loading{text-align:center;padding:50px}.error{color:var(--red)}@media(min-width:760px){.cards{grid-template-columns:repeat(2,1fr);max-width:100%}.rate-card{padding:18px 22px}.rate-value{margin-top:10px}.rate-card .rate-top{justify-content:start;gap:12px}.rate-card .currency-symbol{order:-1}.hero{margin-bottom:22px}}@media(max-width:759px){.header-inner{padding:13px 16px;min-height:76px}.brand{font-size:1.1rem}.brand small{font-size:.55rem}.brand-mark{display:none}.header-actions{gap:4px}.icon{width:34px;height:34px}main{padding:22px 15px}.hero{display:block}h1{font-size:1.45rem}.hero .toolbar{margin-top:14px;justify-content:space-between}.cards{grid-template-columns:1fr 1fr;gap:10px}.rate-card{padding:15px 12px}.rate-value{font-size:1.45rem}.rate-foot{font-size:.6rem}.rate-top{font-size:.73rem}.workspace{display:flex;flex-direction:column;margin-top:18px;gap:23px}.converter{width:100%;position:static}.companies{width:100%}.converter .currency-pair{margin:12px 0}.company-row{padding:16px 11px;gap:9px;grid-template-columns:20px 1fr auto}.quotes{gap:11px}.quotes strong{font-size:.77rem}.company-row h3{font-size:.85rem}.badge{margin-right:0;margin-top:5px}.details-grid{grid-template-columns:1fr}.section-title h2{font-size:1rem}.demo{font-size:.67rem}footer{gap:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body[data-font=large]{font-size:19px}body[data-font=extra]{font-size:22px}body[data-font=extra] .quotes{flex-direction:column;gap:8px}body[data-font=extra] .brand small{display:none}
/* Wara family: petroleum, warm gold, and IBM Plex Arabic. */
:root{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--bg:#e9edea;--paper:#f8faf7;--text:#183038;--muted:#52676b;--line:#cad6d4;--green:#245d5f;--soft:#e0eae5;--gold:#e7bd7c;letter-spacing:0}
body.dark{--bg:#10272e;--paper:#16343b;--text:#f6f4ec;--muted:#bdcece;--line:#2d4b51;--green:#e7bd7c;--soft:#203f44;--red:#f39d99}
header{background:#142f37;color:#f6f4ec}.header-inner{min-height:70px;padding:10px 20px;display:grid;grid-template-columns:88px minmax(0,1fr) 88px;gap:8px}.brand{position:static;transform:none;justify-self:center;display:block;line-height:1}.brand-logo{width:180px;height:auto;max-width:100%;display:block}.header-actions{justify-self:end;gap:0}.icon{width:44px;height:44px;border:0;background:transparent;border-radius:10px;display:inline-grid;place-items:center;color:inherit}.icon:hover{background:var(--soft)}main{padding-top:23px}h1{font-size:1.65rem;font-weight:600;letter-spacing:-.03em}.eyebrow{font-size:.82rem;color:var(--green);letter-spacing:0}.hero{margin-bottom:19px}.hero .toolbar{gap:7px}.btn,select,input{min-height:44px;font-size:.9rem;padding:8px 12px}.btn{border-radius:8px}.primary{color:#142f37;background:#e7bd7c;border-color:#e7bd7c}.btn:disabled{opacity:.45;cursor:default}.rate-card{padding:17px 19px;border-radius:12px}.rate-top{font-size:.92rem}.currency-symbol{font-size:1rem;width:25px;height:25px;background:transparent}.rate-value{font-size:1.8rem;margin:12px 0 8px;font-weight:600}.rate-value small{font-size:.8rem}.rate-foot{font-size:.8rem;gap:8px}.rate-foot span:last-child{color:var(--muted)}.up,.status{color:#82d2ae}.dark .down{color:#f39d99}.rate-card:hover{border-color:#638581}.converter{padding:18px;border-radius:12px}.currency-pair .icon{width:36px;height:44px}.currency-pair select{font-size:.86rem}label{font-size:.88rem}.result strong{font-size:1.7rem;font-weight:600}.result small{font-size:.82rem}.note,.count,.company-meta,.update{font-size:.8rem;line-height:1.7}.company-row h3{font-size:1rem;font-weight:600}.quotes strong{font-size:1rem;font-weight:600}.quotes label{font-size:.78rem}.badge{font-size:.72rem;font-weight:500;background:#28453c;color:#a2dcba}.company-row.best{border-color:#779c89}.chip{font-size:.83rem;min-height:40px;padding:7px 12px}.chip.active{background:#e7bd7c;color:#142f37;border-color:#e7bd7c}.company-row{padding:16px 14px;margin-bottom:8px}.demo{font-size:.8rem;background:#ece1ca;color:#63522f}.dark .demo{background:#3b392e;color:#ead7ad}footer{flex-wrap:wrap;gap:12px 22px;font-size:.8rem}.bottom-note{font-size:.75rem}.welcome[hidden]{display:none}.welcome{position:fixed;inset:0;z-index:8;background:#10272e;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto;color:#f6f4ec}.welcome-card{width:min(460px,100%);margin:auto;border:1px solid #355057;border-radius:18px;background:#16343b;padding:28px;text-align:center}.welcome-logo{width:100%;max-width:340px;display:block;margin:0 auto 25px}.family-label{color:#e7bd7c;font-size:.8rem}.welcome h1{font-size:1.5rem;margin:13px 0}.welcome p{font-size:.93rem;line-height:1.9;color:#d0dedd}.welcome-note{border:1px solid #3c565a;border-radius:10px;padding:12px;font-size:.86rem;line-height:1.8;color:#e9ece5}.welcome-demo{font-size:.8rem!important;color:#e7bd7c!important}.legal-links{display:flex;justify-content:center;gap:16px;margin:12px 0}.text-btn{border:0;background:none;color:#e7bd7c;text-decoration:underline;font-size:.85rem;padding:10px 0}.consent{display:flex;align-items:flex-start;gap:11px;text-align:right;font-size:.88rem;line-height:1.9;margin:12px 0 22px}.consent input{width:20px;height:20px;min-height:20px;margin-top:6px;flex:none;accent-color:#e7bd7c}.welcome small{display:block;line-height:1.9;color:#bdcece;margin-top:15px;font-size:.75rem}body.welcoming{overflow:hidden}.dark dialog{background:#16343b}body[data-font=large],body[data-font=extra]{font-size:1rem}body[data-font=extra] .company-row{grid-template-columns:25px 1fr}body[data-font=extra] .quotes{grid-column:2;flex-direction:row;text-align:right;gap:24px}
@media(max-width:759px){.header-inner{grid-template-columns:44px minmax(0,1fr) 88px;padding:9px 10px;gap:4px;min-height:66px}.brand-logo{width:164px}.hero h1{font-size:1.35rem}.cards{gap:10px}.rate-card{padding:15px 13px}.rate-value{font-size:1.55rem}.rate-top{font-size:.88rem}.rate-foot{font-size:.77rem;flex-wrap:wrap}.rate-foot span:last-child{display:none}.workspace{gap:20px}.company-row{grid-template-columns:20px 1fr auto;gap:9px}.quotes{gap:10px}.quotes strong{font-size:.93rem}.quotes label{font-size:.74rem}.company-row h3{font-size:.95rem}.company-meta{font-size:.78rem}.badge{font-size:.7rem}.section-title h2{font-size:1.1rem}.welcome-card{padding:24px 20px}.welcome-logo{margin-bottom:18px}.sorts{gap:6px}.chip{padding:7px 10px}body[data-font=large] .company-row{grid-template-columns:22px 1fr}body[data-font=large] .quotes{grid-column:2;text-align:right}body[data-font=extra] .hero .toolbar{display:grid;grid-template-columns:1fr 1fr}body[data-font=extra] .brand-logo{width:145px}.currency-pair{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}}
@media(max-width:360px){.company-row{grid-template-columns:20px 1fr}.quotes{grid-column:2;text-align:right;gap:25px}.rate-value{font-size:1.4rem}.rate-card{padding:13px 10px}.brand-logo{width:150px}.header-inner{gap:2px;padding-inline:6px}}
.brand-logo,.welcome-logo{aspect-ratio:5.4/1;object-fit:cover;object-position:center;height:auto}.welcome-logo{height:auto}
.up,.status{color:#246b4a}.dark .up,.dark .status{color:#82d2ae}
/* Clear, consistent prices and an uncluttered header. */
.rate-value,.quotes strong,.rank,#amount,#target,#result,.detail-rates td:not(:first-child){font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;font-weight:600;font-feature-settings:"tnum" 1,"lnum" 1}
.rate-value small{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-weight:400}.rate-value{font-size:1.85rem;line-height:1.35}.quotes strong{font-size:1.05rem;line-height:1.5;unicode-bidi:isolate;direction:ltr}.rank{font-size:.95rem;direction:ltr}#amount{font-size:1.25rem}#result{font-size:1.75rem;line-height:1.5}.detail-rates td:not(:first-child){direction:ltr;text-align:right;unicode-bidi:isolate}.header-inner{grid-template-columns:44px minmax(0,1fr) 44px}.header-actions{justify-self:end}.header-spacer{width:44px}.footer-settings{background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.footer-settings:hover{text-decoration:underline}.footer-settings:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:759px){.header-inner{grid-template-columns:44px minmax(0,1fr) 44px}.brand-logo{width:180px}.rate-value{font-size:1.7rem}.quotes strong{font-size:1rem}body[data-font=extra] .brand-logo{width:170px}}@media(max-width:360px){.rate-value{font-size:1.55rem}}
/* Give the family wordmark more presence without crowding the alert. */
.header-inner{min-height:80px}.brand{width:280px;max-width:100%}.brand-logo{width:280px;max-width:100%}.welcome-logo{max-width:380px}body[data-font=extra] .brand-logo{width:280px}
@media(max-width:759px){.header-inner{min-height:76px}.brand,.brand-logo,body[data-font=extra] .brand-logo{width:260px;max-width:100%}}@media(max-width:360px){.brand,.brand-logo,body[data-font=extra] .brand-logo{width:240px;max-width:100%}}
.partnership-section{border-top:1px solid var(--line);margin:24px 0;padding-top:20px}.partnership-section h2{margin-bottom:10px}
.rate-unit{font-size:.78rem;color:var(--muted);margin:3px 0 9px}

.coming-soon{animation:coming-soon-pulse 3.6s ease-in-out infinite}.companies .chip:disabled{cursor:default;opacity:.6}@keyframes coming-soon-pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.coming-soon{animation:none}}

#family-menu{display:grid;place-items:center}.family-links{display:grid;gap:10px;margin-top:20px}.family-link{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right}.family-link strong{font-size:.95rem;font-weight:600}.family-link span{font-size:.78rem;color:var(--muted)}@media(max-width:400px){.family-link{gap:10px}.family-link span{max-width:50%}}

[data-request-form] label{display:block;margin:14px 0}[data-request-form] textarea,[data-request-form] input,[data-request-form] select{width:100%;box-sizing:border-box;padding:10px;font:inherit;background:var(--panel,#fff);color:inherit;border:1px solid #9c9c92;border-radius:8px}[data-request-form] [hidden]{display:none}