:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#060b16;color:#f4f7fc}*{box-sizing:border-box}html,body{margin:0;min-width:0}body{min-height:100dvh;background:radial-gradient(circle at 50% 43%,#183456 0,#0a192d 35%,#060b16 73%)}button,input{font:inherit}button{cursor:pointer}.gateway{width:min(100%,1100px);min-height:100dvh;margin:auto;padding:22px clamp(18px,4vw,44px) 34px;display:flex;flex-direction:column;align-items:center}.brand{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;color:#c4d4e4;letter-spacing:.12em;font-size:11px}.brand-name{font-weight:800;color:#fff;white-space:nowrap}.brand-dot{color:#e9b46f}.brand-rule{width:1px;height:20px;background:#6e839c}.brand-world{font-size:9px;white-space:nowrap}.brand-world strong{color:#e9b46f}.intro{text-align:center;margin:25px 0 9px}.eyebrow,.card-kicker{font-size:10px;letter-spacing:.2em;color:#e8b777;font-weight:700}.intro h1{font-size:clamp(30px,6vw,55px);line-height:1.06;letter-spacing:-.04em;margin:11px 0 9px}.intro h1 em{font-style:normal;color:#e9b46f}.intro>p:last-child{margin:0;color:#afc0d0;font-size:13px}.globe-section{width:min(100%,680px)}.globe-frame{position:relative;width:100%;height:clamp(310px,42vh,480px);overflow:hidden;border-radius:50%;background:radial-gradient(circle,#23476b 0,#122740 48%,#0a192b 70%);box-shadow:0 0 75px #4ca1f11c}.globe-frame iframe{width:100%;height:100%;border:0;display:block}.globe-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#0d1b2ed9;border:1px solid #35506a;border-radius:99px;padding:7px 12px;white-space:nowrap;font-size:11px;color:#c8d5e0;pointer-events:none}.globe-status[hidden]{display:none}.globe-hint{text-align:center;color:#8198b0;font-size:11px;margin:4px 0 14px}.country-card{width:min(100%,530px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:1px solid #446078;border-radius:18px;background:#10243bda;box-shadow:0 14px 40px #0004}.country-copy{min-width:0}.country-copy h2{font-size:24px;margin:4px 0;display:inline-block}.country-code{font-size:11px;color:#a4b7c8;margin-left:8px;letter-spacing:.1em}.country-action{color:#071321;background:#e7b877;text-decoration:none;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:800;white-space:nowrap}.country-action:hover{background:#f5cc92}.fallback{color:#dce7ef;font-size:12px;text-align:center;margin:10px 0 0}.orb-button{display:flex;align-items:center;gap:10px;margin:18px 0 0;border:1px solid #daa560;background:#121c30;color:#fff;border-radius:99px;padding:9px 18px 9px 9px;font-size:13px;font-weight:700;box-shadow:0 0 30px #e9b46f38}.orb-core{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#ffe4ae,#c18157 42%,#633f88 75%);box-shadow:0 0 17px #eebc87}.orb-panel{position:fixed;z-index:5;right:max(18px,calc((100vw - 1080px)/2));bottom:22px;width:min(390px,calc(100vw - 36px));padding:22px;background:#102138;border:1px solid #53718e;border-radius:20px;box-shadow:0 25px 80px #000b}.orb-panel[hidden]{display:none}.orb-heading{display:flex;justify-content:space-between;align-items:start}.orb-heading h2{margin:5px 0}.orb-heading button{background:none;border:0;color:#fff;font-size:27px}.orb-panel p{font-size:13px;color:#b8cad9}.orb-panel label{display:block;font-size:12px;margin-bottom:8px}.orb-search-row{display:flex;gap:6px}.orb-search-row input{width:100%;min-width:0;padding:11px;border-radius:9px;border:1px solid #5b7388;background:#091626;color:#fff}.orb-search-row button,.orb-actions button,.orb-actions a{padding:10px;border-radius:9px;border:1px solid #9f7a51;background:#d8aa6b;color:#081522;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.orb-actions{display:flex;gap:8px;margin-top:12px}.orb-actions button,.orb-actions a{background:#203651;color:#fff;border-color:#526e86}.orb-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:430px){.gateway{padding-top:17px}.brand{gap:8px}.brand-name{font-size:10px}.brand-world{font-size:8px;letter-spacing:.07em}.intro{margin-top:20px}.globe-frame{height:clamp(295px,39vh,365px)}.country-card{padding:14px;gap:8px}.country-copy h2{font-size:21px}.country-action{font-size:11px;padding:11px 9px}}@media(max-width:360px){.country-card{flex-direction:column;align-items:stretch}.country-action{text-align:center}}
.globe-frame iframe[hidden]{display:block;visibility:hidden;pointer-events:none}.globe-placeholder[hidden]{display:none}.globe-placeholder{position:absolute;inset:12%;border:1px solid #426988;border-radius:50%;background:radial-gradient(circle at 34% 28%,#38618b,#132e4c 56%,#0b1a2e 76%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff}.globe-placeholder span{font-size:11px;letter-spacing:.25em;color:#e8b777}.globe-placeholder strong{font-size:clamp(18px,4vw,28px)}.globe-placeholder small{font-size:11px;color:#abc0d2}.country-copy h2{display:block;margin:5px 0}.country-code{margin-left:0}
.orb-button{position:relative;bottom:auto;z-index:3;margin-top:20px}
/* The iframe viewport itself must remain square; a circular mask on a rectangle
   makes the embedded sphere look elliptical. */
.globe-section{width:min(100%,clamp(340px,55vw,440px))}
.globe-frame{height:auto;aspect-ratio:1}
.gateway{padding-bottom:36px;justify-content:space-between}
.intro{margin-top:20px}
.globe-hint{margin:7px 0 16px}
.orb-panel{height:min(520px,calc(100dvh - 24px - env(safe-area-inset-bottom,0px)));display:flex;flex-direction:column;overflow:hidden}
.orb-search-row button{flex-shrink:0}
#orbVoice{padding:8px 10px;background:#203651;color:#fff;border-color:#526e86}
#orbVoice[aria-pressed="true"]{background:#854858}
.orb-results{flex:1;min-height:0;margin-top:12px;overflow-y:auto;overscroll-behavior:contain;font-size:12px;color:#b8cad9}
.orb-results a{color:#e8b777}
.orb-result{display:block;padding:10px;border:1px solid #36516b;border-radius:9px;margin-top:6px;text-decoration:none;color:#fff!important;background:#142d48}
.orb-result:hover{background:#1b3c5e}
.orb-result small{display:block;margin-top:4px;color:#a9bdcf}
.orb-results .orb-state{margin:0;line-height:1.5}
@media(max-width:600px){.globe-section{width:min(100%,calc(100vw - 36px),380px)}.orb-panel{right:18px;bottom:16px}}
@media(max-width:390px){.country-action{max-width:51%;white-space:normal;text-align:center}}
@media(max-width:360px){.country-action{max-width:none}}
/* Match Jordanian.Mobile's obsidian and gold while keeping the gateway spare. */
:root{font-family:'Tajawal','Outfit',sans-serif;background:#111522;color:#f1f5f9}
body{min-height:100vh;min-height:100svh;background:radial-gradient(circle at 50% 38%,#22293f 0,#151b2b 42%,#111522 78%)}
.gateway{min-height:100vh;min-height:100svh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.brand{position:relative;color:#cbd5e1;letter-spacing:0;flex-wrap:wrap;padding-inline:55px}
.brand-name{font-family:'Outfit',sans-serif;letter-spacing:.08em}
.brand-dot,.brand-world strong,.intro h1 em{color:#d4af37}
.brand-rule{background:#6c6370}.brand-world{font-size:11px;letter-spacing:0}
.language-toggle{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);border:1px solid #725e35;border-radius:100px;background:#22293f;color:#f5c542;padding:5px 9px;font:700 11px 'Outfit','Tajawal',sans-serif}
.eyebrow,.card-kicker,.globe-placeholder span{color:#d4af37;letter-spacing:.06em}
.intro h1{letter-spacing:0}.intro>p:last-child{color:#cbd5e1;font-size:14px}
.globe-frame{background:radial-gradient(circle,#273953 0,#1b2940 50%,#111522 75%);box-shadow:0 0 55px #d4af3714}
.globe-status{background:#1b2032e8;border-color:#625635}.globe-hint{color:#94a3b8}
.country-card{border-color:#756437;border-radius:14px;background:#1b2032e8;box-shadow:0 14px 38px #0005}
.country-action{background:#d4af37;color:#111522;border-radius:10px;font-size:13px}
.country-action:hover{background:#f5c542}
.orb-button{border-color:#d4af37;background:#22293f;box-shadow:0 0 24px #d4af3730}
.orb-core{background:radial-gradient(circle at 35% 25%,#ffe39a,#d4af37 45%,#856020 78%);box-shadow:0 0 17px #d4af37}
.orb-panel{bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#1b2032;border-color:#756437;border-radius:14px}
.orb-search-row input{background:#111522;border-color:#5b6170}
.orb-search-row button,.orb-actions button,.orb-actions a{background:#d4af37;border-color:#b8860b;color:#111522}
.orb-actions button,.orb-actions a,#orbVoice{background:#2c3652;color:#fff;border-color:#59657c}
.orb-result{background:#22293f;border-color:#485371}.orb-results a{color:#f5c542}
.globe-placeholder{background:radial-gradient(circle at 34% 28%,#3b4e68,#22293f 56%,#111522 76%);border-color:#756437}
@media(max-width:600px){
  .gateway{padding-top:14px;gap:0}
  .intro{margin:12px 0 5px}
  .intro h1{font-size:clamp(28px,7vw,38px);margin:6px 0 5px}
  .globe-section{width:min(100%,calc(100vw - 36px),380px)}
  .globe-hint{margin:5px 0 9px}
  .country-card{padding:11px 14px}
  .country-copy h2{font-size:20px}
  .orb-button{margin-top:12px}
  .orb-panel{inset-inline:12px;right:auto;left:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px)}
}
@media(max-width:390px){.country-action{max-width:52%}}
@media(max-height:700px) and (max-width:600px){.globe-section{width:min(100%,calc(100vw - 36px),300px)}.intro{margin-top:6px}.globe-hint{margin-bottom:5px}.country-card{order:1}.orb-button{position:sticky;bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media(max-height:600px) and (max-width:600px){.gateway{padding-top:10px}.intro{margin:2px 0 0}.intro h1{margin:2px 0}.globe-hint{margin:2px 0}}
@media(max-height:560px) and (max-width:600px){.globe-section{width:min(100%,calc(100vw - 36px),280px)}}
@media(min-width:1000px) and (max-height:950px){.globe-section{width:min(100%,410px)}.intro{margin-top:12px}.globe-hint{margin-bottom:10px}.orb-button{margin-top:10px}}
@media(max-height:360px){.orb-panel{overflow-y:auto}.orb-results{flex:0 0 80px;min-height:80px}}