@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--green:#406452;--white:#fafbf0;--muted:#c6d2c5}*{box-sizing:border-box}body{background:var(--green);color:var(--white);margin:0;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}main{isolation:isolate;flex-direction:column;min-height:100svh;padding:38px 6vw 24px;display:flex;position:relative;overflow:hidden}main:before{content:"";z-index:-1;background:radial-gradient(at 15% 45%,#71937b33,#0000 55%);position:absolute;inset:0}.top,.bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{font-size:32px;font-weight:600;line-height:1.2}.brand small{letter-spacing:3px;margin-top:8px;font-family:Arial,sans-serif;font-size:12px;display:block}.domain{letter-spacing:2px;color:var(--muted);font:12px Arial,sans-serif}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;width:100%;max-width:1280px;margin:auto;padding:65px 0;display:grid}.badge{border:1px solid #faffee35;border-radius:40px;align-items:center;gap:10px;padding:7px 15px;font-size:13px;display:inline-flex}.dot{background:#d4e4a5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d4e4a566}h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(54px,6.4vw,96px);font-weight:500;line-height:1.28}h1 span{color:#d7e3c2}p{color:var(--muted);max-width:440px;margin:0;font-size:18px;line-height:1.9}.services{color:#e1e8d9;flex-wrap:wrap;gap:12px;margin-top:33px;font-size:12px;display:flex}.services span+span:before{content:"·";color:#a6bd9f;margin-left:12px}.art{direction:ltr;place-items:center;height:410px;display:grid;position:relative}.orbit{border:1px solid #ecf2d51a;border-radius:50%;width:350px;height:350px;position:absolute}.orbit.two{width:440px;height:440px}.orbit.three{width:260px;height:260px}.axis{background:linear-gradient(#0000,#e4ebd326,#0000);width:1px;height:100%;position:absolute}svg{width:330px;height:370px;overflow:visible}.bottom{color:var(--muted);border-top:1px solid #e5ebda25;padding-top:20px;font-size:11px}.english{letter-spacing:3px;font-family:Arial,sans-serif;font-size:10px}.art{animation:1.5s both arrive}.copy{animation:1s both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.hero{max-width:1400px}}@media (max-width:700px){main{padding:25px 24px 20px}.brand{font-size:27px}.domain{letter-spacing:1px;font-size:10px}.hero{grid-template-columns:1fr;gap:5px;padding:45px 0 25px}.copy{text-align:center}.badge{font-size:11px}h1{letter-spacing:-2px;margin:20px 0;font-size:55px}p{max-width:330px;margin:auto;font-size:15px}.services{justify-content:center;gap:8px;margin-top:24px;font-size:11px}.art{height:240px;margin-top:15px}.art svg{width:210px;height:235px}.orbit{width:210px;height:210px}.orbit.two{width:270px;height:270px}.orbit.three{width:150px;height:150px}.bottom{gap:12px;font-size:10px}.english{letter-spacing:2px;font-size:8px}}@media (prefers-reduced-motion:reduce){.copy,.art{animation:none}}.header-actions{align-items:center;gap:22px;display:flex}.language-toggle{font:inherit;color:var(--white);cursor:pointer;background:0 0;border:1px solid #faffee50;border-radius:30px;padding:8px 16px;font-size:12px;transition:background .2s}.language-toggle:hover{background:#faffee15}.language-toggle:focus-visible{outline-offset:4px;outline:2px solid #d7e3c2}.brand{direction:rtl}main[lang=en] h1{letter-spacing:-2px;font-size:clamp(48px,5.4vw,80px);line-height:1.15}main[lang=en] .services span+span:before{margin-left:0;margin-right:12px}@media (max-width:700px){.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.language-toggle{padding:6px 12px;font-size:11px}main[lang=en] h1{font-size:clamp(38px,9vw,55px)}.header-actions .domain{display:none}}