:root{color-scheme:dark;--gold:#e9ae5d;--ivory:#f8f2e7;--muted:#a99f90;--background:#100e0b}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ivory);font-family:Tajawal,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 27% 50%,#75400e18,transparent 53%),radial-gradient(ellipse at 100% 0,#55391c12,transparent 45%)}.page{max-width:1600px;margin:auto;padding:0 6.2%;min-height:100svh;display:flex;flex-direction:column;position:relative}header{height:130px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfad651a}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory)}.brand-symbol{font-size:44px;color:var(--gold);line-height:1}.brand-name{font-size:28px;font-weight:800;line-height:1.3}.brand-name small{display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;letter-spacing:2.5px;color:var(--gold)}.header-note{font-size:13px;color:#c1b4a1;display:flex;align-items:center;gap:10px}.header-note i{display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #f6b75d}main{display:grid;grid-template-columns:1fr 1.2fr;gap:3%;align-items:center;flex:1;min-height:630px;padding:42px 0 36px}.copy{position:relative;z-index:5;padding-bottom:12px}.eyebrow{font-size:13px;letter-spacing:.5px;color:var(--gold);display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow span{width:25px;height:1px;background:var(--gold)}h1{font-size:clamp(64px,6.5vw,104px);font-weight:800;line-height:1.2;letter-spacing:-4px;margin:0}h1 em{font-style:normal;color:var(--gold)}.english{display:flex;align-items:center;gap:21px;font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,43px);font-weight:400;letter-spacing:-1.5px;margin:14px 0 25px;justify-content:flex-end}.english span{font-size:23px;color:var(--gold)}.intro{font-size:18px;line-height:1.9;color:#b9ae9f;margin:0 0 31px}.signature{display:flex;align-items:center;gap:13px}.signature-line{height:35px;width:2px;background:linear-gradient(var(--gold),#e9ae5d20)}.signature p{font-size:21px;font-weight:700;margin:0}.services{font-size:13px;color:#8c8171;margin:9px 15px 0 0}.services b{color:var(--gold);margin:0 8px}.visual{height:570px;position:relative;direction:ltr;isolation:isolate;--size:100%}.halo{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(ellipse,#b96e1833,transparent 66%);filter:blur(20px)}.globe{position:absolute;width:95%;left:2.5%;top:0;filter:drop-shadow(0 0 32px #d58a151a);z-index:2}.orbit{position:absolute;width:97%;height:30%;left:1.5%;top:32%;border:1px solid #eeb65f99;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 9px #efa02144,inset 0 0 9px #efa02120;z-index:1}.orbit:after{content:"";position:absolute;width:7px;height:7px;background:#fff5cc;box-shadow:0 0 9px 3px #ffb53c,0 0 22px 7px #ff8b1744;border-radius:50%;left:11%;top:10%}.front{z-index:3;clip-path:inset(49% -15% -15% -15%)}.back{clip-path:inset(-15% -15% 49% -15%)}.orbit-secondary{width:84%;height:32%;top:30%;left:8%;transform:rotate(43deg);opacity:.28;z-index:1}.genie-position{position:absolute;left:50%;top:43%;width:34%;z-index:4;will-change:transform}.genie{width:100%;display:block;filter:drop-shadow(0 0 16px #ffbb6033);transform:translate(-50%,-50%)}.globe-shadow{position:absolute;bottom:9%;width:55%;height:5%;left:22.5%;border-radius:50%;background:radial-gradient(ellipse,#efa73b28,transparent 70%);filter:blur(9px)}.coordinate{position:absolute;left:0;right:0;text-align:center;font-family:Manrope,sans-serif;color:#89714d;font-size:8px;font-weight:500;letter-spacing:2.7px}.coordinate-top{top:-2%}.coordinate-bottom{bottom:5%}.motion{position:absolute;bottom:-3%;left:50%;transform:translateX(-50%);border:0;color:#9a8b76;background:transparent;display:flex;align-items:center;gap:5px;font-family:inherit;font-size:11px;cursor:pointer;padding:9px;z-index:6;white-space:nowrap}.motion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.motion:hover{color:var(--gold)}.motion:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:5px}footer{border-top:1px solid #dfad651a;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8c8171;font-size:12px}.footer-brand{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:1.5px}.footer-brand b{font-weight:400;letter-spacing:0;color:#6d6254;margin-left:12px}.footer-center{font-size:13px}.domain{font-family:Manrope,sans-serif;color:#c6ac86;font-size:11px;letter-spacing:.5px}.domain i{font-style:normal;margin-left:8px;color:var(--gold)}#stars{position:fixed;inset:0;pointer-events:none;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#e9ae5d;border-radius:50%;opacity:.25;animation:twinkle 5s ease-in-out infinite alternate}.paused .star{animation-play-state:paused}@keyframes twinkle{to{opacity:.06;transform:scale(.5)}}@media(min-width:1500px){.visual{height:650px}}@media(max-width:1000px){.page{padding:0 5%}main{gap:0;grid-template-columns:1fr 1.1fr;min-height:590px}.visual{height:450px}h1{font-size:70px}.intro{font-size:16px}.coordinate-bottom{bottom:1%}.motion{bottom:-8%}}@media(max-width:700px){.page{padding:0 7%}header{height:92px}.brand-name{font-size:23px}.brand-name small{font-size:9px}.brand-symbol{font-size:34px}.header-note{font-size:10px;gap:7px}main{display:flex;flex-direction:column;gap:0;padding:20px 0 32px;min-height:0}.copy{text-align:center;order:2;padding:0;width:100%}.eyebrow{justify-content:center;margin:10px 0 15px;font-size:11px}h1{font-size:61px;line-height:1.1;letter-spacing:-2px}h1 br{display:none}h1 em{display:block;margin-top:4px}.english{justify-content:center;font-size:29px;margin:15px 0 19px;gap:14px}.english span{font-size:18px}.intro{font-size:15px;line-height:1.8;margin-bottom:21px}.signature{justify-content:center;gap:10px}.signature p{font-size:19px}.signature-line{height:23px}.services{font-size:11px;margin:7px 0 0}.visual{order:1;width:min(100%,400px);height:auto;aspect-ratio:1.1;margin:17px 0 23px}.coordinate-top{top:-3%;font-size:6px;letter-spacing:2px}.coordinate-bottom{bottom:0;font-size:6px;letter-spacing:1.7px}.globe-shadow{bottom:5%}.motion{bottom:4%;left:96%;padding:7px}.motion span{display:none}.motion svg{width:17px;height:17px}footer{min-height:90px;flex-wrap:wrap;justify-content:center;gap:9px 15px;padding:18px 0}.footer-center{width:100%;order:-1;text-align:center;font-size:12px}.footer-brand{font-size:8px}.domain{font-size:9px}.footer-brand b{margin-left:6px}}@media(prefers-reduced-motion:reduce){.star{animation:none}}
@media(min-width:701px){.coordinate-bottom{bottom:-3%}.motion{bottom:-10%}}@media(max-width:700px){h1{font-size:56px}h1 br{display:block}h1 em{display:inline;margin:0}}