:root{--sun: #ffb21a;--sun-light: #ffc94a;--sun-pale: #ffe08a;--ink: #1b1236;--ink-2: #271a4a;--on-ink: #f6f1ff;--on-ink-muted: #c4bad9;--ease: cubic-bezier(.16, 1, .3, 1);--display: "Noto Kufi Arabic", "Readex Pro", Tahoma, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scrollbar-color:var(--sun) var(--ink)}body{margin:0;font-family:Readex Pro,Geeza Pro,Tahoma,sans-serif;font-size:1.0625rem;line-height:1.8;color:var(--ink);background:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--sun)}.night ::selection{background:var(--sun);color:var(--ink)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:4px}h1,h2,h3{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance}.wrap{max-width:720px;margin-inline:auto;padding-inline:20px}.wrap.wide{max-width:1080px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,900px);display:flex;flex-direction:column;background:var(--sun)}.bar{width:100%;max-width:1080px;display:flex;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.25rem}.mark{width:30px;height:30px;flex:none}nav{display:flex;align-items:center;gap:8px 24px}nav a,.lang{min-height:44px;display:inline-flex;align-items:center}nav a:hover,.lang:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.lang{padding:0;border:0;background:none;color:inherit;font-weight:600}.sun{position:absolute;z-index:-1;inset-inline:0;margin-inline:auto;--d: min(980px, 112vw);bottom:calc(var(--d) / -2 + clamp(56px,8vw,96px));width:var(--d);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sun-pale) 0 34%,#ffd66a 34% 50%,var(--sun-light) 50% 68%,transparent 68%)}.sun:before{content:"";position:absolute;inset:-12%;border-radius:50%;background:repeating-conic-gradient(rgba(255,244,205,.42) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle,transparent 0 40%,#000 56%,transparent 72%);mask:radial-gradient(circle,transparent 0 40%,#000 56%,transparent 72%);animation:spin 160s linear infinite}.hero-copy{position:relative;text-align:center;max-width:900px;padding-top:clamp(28px,6vh,72px);padding-bottom:clamp(32px,5vw,56px)}h1{font-size:clamp(2.6rem,7.4vw,5.5rem);line-height:1.3}.lead{max-width:34rem;margin:18px auto 0;font-size:1.1875rem;color:#1b1236db;text-wrap:balance}a.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;margin-top:28px;padding-inline:26px;background:var(--ink);color:#fff;font-weight:600;border-radius:999px;box-shadow:0 10px 22px -10px #1b123699;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}a.btn:hover{transform:translateY(-2px);box-shadow:0 16px 26px -12px #1b1236a6}a.btn:active{transform:translateY(0)}.actions{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:28px}.actions a.btn{margin-top:0}.hero-copy .actions{justify-content:center}a.btn.alt{background:transparent;color:var(--ink);box-shadow:none;border:2px solid var(--ink)}a.btn.alt:hover{background:var(--ink);color:#fff;box-shadow:none}.fan{--w: clamp(128px, 22vw, 236px);position:relative;direction:ltr;margin-top:auto;height:calc(var(--w) * .78);flex:none}.fan-card{position:absolute;inset-inline-start:calc(50% - var(--w) / 2);top:0;width:var(--w);aspect-ratio:4 / 3;object-fit:contain;background:#fff;border-radius:14px;box-shadow:0 18px 30px -14px #1b12368c;transform-origin:50% calc(100% + clamp(360px,52vw,620px));transform:rotate(var(--r));animation:rise 1.1s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .15s)}.fan-card[data-i="2"]{z-index:2}.fan-card[data-i="1"],.fan-card[data-i="3"]{z-index:1}@keyframes rise{0%{transform:rotate(0) translateY(70px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.night{background:var(--ink);color:var(--on-ink);padding-block:clamp(64px,9vw,112px) 0}.night+.night{padding-top:clamp(56px,8vw,96px)}#cards{padding-bottom:clamp(56px,8vw,96px)}.services{padding-bottom:clamp(72px,10vw,120px)}h2{font-size:clamp(2rem,4.6vw,3rem);line-height:1.35;color:var(--sun)}.night h3{margin:clamp(40px,6vw,64px) 0 20px;font-size:1.25rem;line-height:1.5;color:var(--on-ink-muted);font-weight:500}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:16px;margin:0;padding:0;list-style:none}.tiles.big{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.tile{overflow:hidden;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 14px 28px -16px #000000b3}.tile img{display:block;clip-path:inset(0 0 3% 0);width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#fff}.tile span{display:block;padding:2px 12px 14px;font-size:.9375rem;font-weight:600;line-height:1.5;text-align:center}dl{margin:clamp(28px,4vw,44px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}dl>div{padding-block:22px 28px;border-top:1px solid rgba(246,241,255,.2)}dt{font-family:var(--display);font-weight:700;font-size:1.375rem;line-height:1.5;color:var(--sun-light)}dd{margin:6px 0 0;color:var(--on-ink-muted);max-width:22rem}.close{position:relative;overflow:hidden;isolation:isolate;background:var(--sun);color:var(--ink);padding-block:clamp(64px,9vw,112px) clamp(150px,22vw,260px)}.close h2{color:var(--ink)}.close-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px;align-items:start}.close ul{margin:20px 0 0;padding:0;list-style:none;font-size:1.3125rem;line-height:1.5;font-weight:600}.close li+li{margin-top:10px}.close p{margin:16px 0 0;max-width:26rem}.sunset{position:absolute;z-index:-1;inset-inline:0;margin-inline:auto;--d: min(900px, 110vw);bottom:calc(var(--d) / -2 + 24px);width:var(--d);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sun-pale) 0 34%,#ffd66a 34% 50%,var(--sun-light) 50% 68%,transparent 68%)}footer{background:var(--ink);color:var(--on-ink-muted);padding:28px 0 32px;font-size:.9375rem;text-align:center}footer p{margin:0}footer p+p{margin-top:6px}@media(max-width:820px){dl{grid-template-columns:repeat(2,1fr)}.close-grid{grid-template-columns:1fr}}@media(max-width:640px){nav a{display:none}.brand{font-size:1.1rem}dl{grid-template-columns:1fr}.tiles,.tiles.big{grid-template-columns:repeat(2,1fr);gap:12px}.hero{min-height:0}.fan{--w: 150px;margin-top:40px;height:calc(var(--w) * .9)}.brand{font-size:1rem;white-space:nowrap;gap:8px}.mark{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sun:before{animation:none}.fan-card{animation:none}a.btn{transition:none}}
