:root{color-scheme:light;--ink:#15354b;--muted:#546b7c;--blue:#0EA5E9;--line:#dbe7ec}
*{box-sizing:border-box}
body{margin:0;background:#f5f9fc;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1512px;margin:auto;padding:0 6.5%;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;justify-content:space-between;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}
.brand{display:inline-flex}.brand img{width:175px;height:66px;object-fit:contain;object-position:left center}
.address{font-size:14px;letter-spacing:1px;display:flex;align-items:center;gap:13px}.address-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}
main{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;flex:1;padding:66px 0 60px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue)}
.spinner{width:17px;height:17px;border:2px solid #0ea5e933;border-top-color:var(--blue);border-radius:50%;animation:spin 2.5s linear infinite}
h1{font-size:clamp(42px,4.4vw,66px);line-height:1.1;letter-spacing:-2.6px;font-weight:500;margin:27px 0 24px}h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}
.intro{font-size:20px;line-height:1.6;margin:0 0 22px}.explanation{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px;margin:0 0 27px}.explanation strong{font-weight:600;color:var(--ink)}
.cta{display:inline-flex;align-items:center;gap:48px;background:var(--blue);color:white;text-decoration:none;padding:18px 25px;border-radius:7px;font-size:15px;font-weight:600;box-shadow:0 7px 19px #0ea5e926;transition:background .2s,transform .2s}.cta span{font-size:24px;line-height:20px}.cta:hover{background:var(--blue);transform:translateY(-2px)}a:focus-visible{outline:3px solid #da9624;outline-offset:6px}
.destination{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:11px;color:var(--muted)}.destination>span:first-child{height:5px;width:5px;border-radius:50%;background:#327a65}.separator{opacity:.5;margin:0 5px}
.arabic{border-top:1px solid var(--line);margin-top:33px;padding-top:21px;max-width:440px}.arabic h2{font-size:22px;margin:0 0 8px;font-weight:600}.arabic p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.arabic a{color:var(--blue);font-weight:600;text-underline-offset:3px}
.illustration{position:relative;height:490px;display:grid;place-items:center;background:radial-gradient(ellipse,#0ea5e91a 0%,#0ea5e908 45%,transparent 70%)}
.orbit{position:absolute;border:1px solid #0ea5e933;border-radius:50%;width:390px;height:390px}.orbit-outer{width:475px;height:475px;border-style:dashed;border-color:#0ea5e926;transform:rotate(-20deg)}
.emblem-disc{width:292px;height:292px;border-radius:50%;background:#0ea5e91a;box-shadow:0 0 0 20px #0ea5e90d,0 25px 70px #0ea5e914;display:grid;place-items:center}.emblem-disc img{width:145px;height:185px;filter:invert(40%) sepia(93%) saturate(1437%) hue-rotate(158deg) brightness(91%) contrast(102%)}
.spark{position:absolute;color:var(--blue);font-size:37px}.spark-one{top:60px;right:65px}.spark-two{bottom:108px;left:33px;font-size:23px}
.floating-note{position:absolute;right:0;bottom:103px;display:flex;align-items:center;gap:13px;padding:19px 23px;background:#fff;border:1px solid #e4edf1;box-shadow:0 12px 38px #17485d0a;border-radius:12px;transform:rotate(-5deg);font-size:13px;line-height:1.7}.floating-note strong{font-weight:600}.note-icon{font-size:30px;color:var(--blue)}
.preparing{position:absolute;bottom:-13px;text-align:center}.preparing>span{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin:0 3px;animation:pulse 1.8s ease-in-out infinite}.preparing>span:nth-child(2){animation-delay:.2s}.preparing>span:nth-child(3){animation-delay:.4s}.preparing p{font-size:11px;letter-spacing:1px;color:var(--muted);margin:11px 0}
footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(min-width:1500px){main{padding:85px 0}}
@media(max-width:1000px){.illustration{transform:scale(.8);transform-origin:center}main{gap:0;grid-template-columns:1.2fr 1fr}.orbit-outer{width:420px;height:420px}.floating-note{right:-20px}h1{font-size:48px}}
@media(max-width:760px){.page{padding:0 7%}header{padding:19px 0}.brand img{width:143px;height:53px}.address{font-size:12px}main{display:flex;flex-direction:column;align-items:stretch;padding:41px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(38px,8.8vw,58px);letter-spacing:-1.8px}.intro{font-size:18px}.explanation{font-size:14px}.destination{font-size:10px;gap:5px}.arabic{max-width:none}.illustration{height:370px;margin:10px -20px 0;transform:scale(.78)}.orbit{width:350px;height:350px}.orbit-outer{width:420px;height:420px}.floating-note{right:-5px;bottom:40px}.spark-one{top:5px;right:35px}.spark-two{left:0;bottom:60px}.preparing{bottom:-53px}footer{font-size:10px;flex-direction:column;gap:9px;padding:20px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Corporate typography and compact viewport layout. */
body{font-family:'Poppins',Arial,sans-serif}
.page{max-width:1920px;padding:0 7.3%}
header{padding:18px 0}
.brand img{width:190px;height:67px}
main{grid-template-columns:1.2fr 1fr;gap:4%;padding:28px 1.4%;}
h1{font-family:'Poppins',Arial,sans-serif;font-size:clamp(35px,3.5vw,67px);line-height:1.2;font-weight:600;letter-spacing:-1.8px;margin:30px 0}
h1 em{font:inherit;color:var(--blue)}
.explanation{max-width:570px;font-size:14px;margin-bottom:26px}
.arabic{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;max-width:550px;margin-top:25px;padding-top:17px}
.arabic h2{font-size:24px}.arabic p{font-size:16px;line-height:1.8}
.illustration{height:min(490px,58vh)}
.emblem-disc img{filter:none}
footer{padding:20px 0;font-size:10px}
@media(min-width:1600px){.illustration{height:580px}.orbit{width:490px;height:490px}.orbit-outer{width:590px;height:590px}.emblem-disc{width:365px;height:365px}.emblem-disc img{width:180px;height:225px}.explanation{font-size:16px}h1{margin:40px 0}.arabic{margin-top:35px}}
@media(min-width:761px) and (max-height:800px){header{padding:12px 0}.brand img{height:52px}main{padding-top:22px;padding-bottom:22px}h1{margin:22px 0;font-size:clamp(32px,3.5vw,54px)}.arabic{margin-top:18px;padding-top:12px}.illustration{transform:scale(.85)}footer{padding:14px 0}}
@media(max-width:1000px) and (min-width:761px){main{grid-template-columns:1.3fr 1fr;gap:0}h1{font-size:35px}.illustration{transform:scale(.7)}.destination{font-size:9px}}
@media(max-width:760px){
 .page{padding:0 6%;min-height:100svh}
 header{padding:12px 0}.brand img{width:140px;height:45px}.address{font-size:11px}
 main{position:relative;display:flex;justify-content:center;flex:1;padding:22px 0 18px;gap:0}
 .message{position:relative;z-index:1}
 .eyebrow{font-size:8px;letter-spacing:1.25px;gap:8px}.spinner{width:14px;height:14px;flex-shrink:0}
 h1{font-size:clamp(28px,7.5vw,44px);line-height:1.2;letter-spacing:-1px;margin:23px 0 20px}
 .explanation{font-size:12px;line-height:1.9;margin-bottom:20px;max-width:100%}
 .cta{padding:15px 20px;font-size:13px;justify-content:space-between;width:100%;gap:15px}
 .destination{font-size:8px;gap:4px;margin-top:10px;white-space:nowrap}
 .arabic{margin-top:22px;padding-top:14px;max-width:none}.arabic h2{font-size:21px;margin-bottom:5px}.arabic p{font-size:14px;line-height:1.8}
 .illustration{height:104px;width:100%;margin:14px 0 0;transform:none;display:flex;justify-content:center;gap:20px;background:none}
 .emblem-disc{width:76px;height:76px;flex-shrink:0;box-shadow:0 0 0 8px #0ea5e90d}.emblem-disc img{width:43px;height:54px}
 .orbit,.spark,.floating-note{display:none}
 .preparing{position:static;text-align:left}.preparing p{font-size:9px;letter-spacing:.3px;margin:8px 0}
 footer{font-size:8px;padding:12px 0;gap:5px;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:760px) and (max-height:700px){main{padding-top:15px;padding-bottom:10px}h1{margin:16px 0}.arabic{margin-top:16px}.illustration{height:75px;margin-top:12px}.emblem-disc{width:57px;height:57px}.emblem-disc img{width:33px;height:43px}}