@font-face{font-family:Arkan;src:url(arabic.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{background:#0b1d28;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:Arkan,Tahoma,Arial,sans-serif;color:#f3f5f5;background:radial-gradient(ellipse at 80% 0%,#23404b 0%,#0b1d28 50%);padding:0 20px calc(112px + env(safe-area-inset-bottom));line-height:1.7}main{max-width:1080px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #cbaa7833}.brand{display:flex;align-items:center;gap:12px}.brand img{padding:8px;border-radius:14px;background:#eee0c4}.brand strong{font-size:23px;display:block}.brand small{display:block;color:#cbaa78;font-size:12px}.location{font-size:12px;color:#d8e0e4;padding:5px 12px;border:1px solid #ffffff24;border-radius:30px;display:flex;align-items:center;gap:7px}.location i{width:6px;height:6px;border-radius:50%;background:#63d89a}.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:40px 0}.eyebrow{font-size:13px;color:#cbaa78;margin:0 0 12px}h1{font-size:clamp(36px,5vw,59px);line-height:1.35;letter-spacing:-1px;margin:0}em{font-style:normal;color:#d4b385}.intro{font-size:18px;color:#ccd7dc;margin:20px 0}.steps{display:flex;gap:15px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #cbaa782b;font-size:12px;color:#c5d3db}.steps b{font-weight:400;color:#cbaa78;display:block;font-size:18px}figure{margin:0;border:1px solid #cbaa7844;border-radius:22px;overflow:hidden;background:#102835;box-shadow:0 20px 60px #0004}figure img{display:block;width:100%;height:auto;aspect-ratio:4/5}figcaption{font-size:10px;padding:5px 12px;color:#a8bcc7}.ticker{overflow:hidden;direction:ltr;background:#172f3b;border-block:1px solid #cbaa7844;scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.track{display:flex;width:max-content;animation:marquee 38s linear infinite}.track>div{display:flex;flex-shrink:0}.track span{white-space:nowrap;font-size:15px;color:#e4d3b7;display:flex;align-items:center;gap:25px;padding:13px}.track b{font-size:12px;color:#b88c53}@keyframes marquee{to{transform:translateX(-50%)}}.follow{text-align:center;padding:36px 0 20px}.follow h2{font-size:28px;margin:6px 0}.follow p{font-size:15px;color:#bbccd6;margin:10px 0}footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:12px;color:#aebfc9;border-top:1px solid #ffffff17;padding:20px 0}footer a{color:#d4b385;padding:10px}.contact{position:fixed;inset:auto 0 0;background:#0b1d28f5;border-top:1px solid #cbaa7844;z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.contact>div{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;max-width:640px;margin:auto}.contact a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:14px;text-decoration:none;font-size:16px;font-weight:700}.contact svg{width:23px;height:23px;flex-shrink:0}.wa{background:#38d983;color:#062d1b;box-shadow:0 5px 20px #22b36e20}.call{background:#1a3544;border:1px solid #cbaa7860;color:#ead6b8}a:focus-visible{outline:3px solid #fff;outline-offset:3px}.contact a:active{transform:scale(.98)}@media(max-width:699px){body{padding-inline:16px}header{padding:16px 0}.brand img{width:46px;height:46px;padding:6px}.brand strong{font-size:19px}.brand small{font-size:11px}.hero{display:flex;flex-direction:column;gap:23px;padding:25px 0}.copy{width:100%}h1{font-size:clamp(32px,8.9vw,43px)}.intro{font-size:15px;line-height:1.8;margin:13px 0 18px}.eyebrow{font-size:11px;margin-bottom:10px}.steps{justify-content:space-between;gap:8px;font-size:11px}.steps b{font-size:15px;display:inline;margin-left:5px}figure{width:100%;max-width:440px;border-radius:18px}.ticker{margin-inline:-16px}.track span{font-size:14px}.follow{padding-top:27px}.follow h2{font-size:25px}.contact a{font-size:14px;min-height:56px}.contact svg{width:21px;height:21px}}@media(max-width:350px){.brand strong{font-size:17px}.location{padding:4px 8px}.contact{padding-inline:10px}.contact>div{gap:7px}.contact a{gap:5px;font-size:13px}.steps{font-size:10px}}@media(prefers-reduced-motion:reduce){.track{animation-duration:75s}}