@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#152130;--blue:#2858a8;--sky:#c8e8f5;--pink:#e94493;--paper:#f8f4ec;--muted:#647286}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.topbar,footer{width:min(1120px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;align-items:center}.topbar{height:88px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--paper);font:bold 24px Georgia;box-shadow:4px 4px 0 var(--pink)}.status{font-size:13px;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43a36d;margin-left:7px}.hero{width:min(1120px,calc(100% - 40px));min-height:570px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.eyebrow{color:var(--blue);font-size:14px;font-weight:700;margin:0 0 16px}.hero h1{font-size:clamp(50px,7vw,92px);line-height:1.12;letter-spacing:-2px;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--blue);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:5px;text-underline-offset:10px}.lead{max-width:520px;color:var(--muted);font-size:19px;margin:0 0 28px}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.actions span{color:var(--muted);font-size:13px}.button{display:inline-block;background:var(--ink);color:#fff;padding:12px 22px;box-shadow:5px 5px 0 var(--pink);font-weight:700}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}.orbit{position:relative;aspect-ratio:1;max-width:440px;margin:auto;background:var(--sky);border:2px solid var(--ink);overflow:hidden;box-shadow:12px 12px 0 var(--ink)}.orbit:before,.orbit:after{content:'';position:absolute;background:var(--pink)}.orbit:before{width:20px;height:20px;right:16%;top:14%}.orbit:after{width:10px;height:10px;left:18%;bottom:19%}.orbit-line{position:absolute;width:80%;height:50%;border:2px solid var(--blue);border-radius:50%;top:24%;left:10%;transform:rotate(-22deg)}.planet{position:absolute;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;background:var(--blue);color:#fff;left:29%;top:29%;font:bold 90px Georgia;box-shadow:inset -18px -12px 0 #1f4586,8px 8px 0 var(--ink)}.satellite{position:absolute;right:16%;bottom:19%;font-size:32px;color:var(--pink)}.steps{width:min(1120px,calc(100% - 40px));margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.steps>div{padding:24px 20px;min-height:150px;border-left:1px solid #c7c0b6}.steps>div:last-child{border-left:0}.steps b{color:var(--pink);font-size:13px}.steps h2{margin:8px 0 4px;font-size:25px}.steps p{color:var(--muted);margin:0;font-size:14px}footer{padding:20px 0 32px;color:var(--muted);font-size:12px}@media(max-width:760px){.topbar,footer,.hero,.steps{width:min(100% - 28px,1120px)}.topbar{height:72px}.hero{grid-template-columns:1fr;gap:24px;padding:42px 0 58px;min-height:auto}.hero h1{font-size:54px}.lead{font-size:16px}.orbit{width:min(80vw,330px)}.steps{grid-template-columns:1fr;margin-bottom:36px}.steps>div{border-left:0;border-bottom:1px solid #c7c0b6}.steps>div:last-child{border-bottom:0}}