@font-face{font-family:Plex;src:url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#101210;--surface:#1a1d1a;--ink:#f5f6f3;--muted:#adb3ac;--accent:#a9e65d;--line:#343b32;font-family:Plex,Arial,sans-serif;color:var(--ink);background:#090b09}
*{box-sizing:border-box}body{margin:0}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:#a9e65330}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button[hidden]{display:none}
.page{max-width:540px;min-height:100svh;margin-inline:auto;background:var(--bg);overflow:clip}.topbar{padding:24px 28px 14px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.logo{width:150px;height:58px;object-fit:contain}.language{display:flex;align-items:center;gap:9px;background:transparent;color:var(--ink);border:1px solid #485044;border-radius:24px;min-height:44px;padding:0 16px;cursor:pointer;font-size:13px}.language:hover{background:var(--surface)}
.hero{position:relative;margin:0;aspect-ratio:2.65;overflow:hidden}.hero img{height:100%;width:100%;display:block;object-fit:cover;object-position:center 47%}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.intro{padding:20px 28px 22px}.eyebrow{font-size:12px;color:var(--accent);margin:0 0 6px;font-weight:600}.intro h1{font-size:32px;line-height:1.55;font-weight:600;margin:0;text-wrap:balance}.intro-line{font-size:14px;color:var(--muted);margin:5px 0 0}.links{padding:0 28px;display:grid;gap:11px;scroll-margin-top:24px}.link{min-height:76px;padding:13px 18px;display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:background .18s,border-color .18s,transform .18s}.link:hover{background:#242a21;border-color:#65765c;transform:translateY(-2px)}.primary{background:var(--accent);color:#17210e;border-color:var(--accent);min-height:82px}.primary:hover{background:#b9f174;border-color:#b9f174}.icon{display:flex;align-items:center;justify-content:center;width:30px;flex-shrink:0}.icon svg{height:26px;width:26px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linejoin:round;stroke-linecap:round}.icon .solid{fill:currentColor;stroke:none}.label{display:grid;gap:1px;text-align:start;flex:1}.label strong{font-size:17px;line-height:1.5;font-weight:600}.handle{display:block;font-family:Plex,Arial,sans-serif;font-size:12px;line-height:1.6;color:var(--muted);text-align:inherit}.primary .handle{color:#30451d;font-size:14px}.arrow{font-family:Arial,sans-serif;font-size:24px;line-height:1;opacity:.75}.more{margin-top:2px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:58px;cursor:pointer;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}.more summary{padding-inline:3px}.plus{font-family:Arial,sans-serif;font-size:24px;color:var(--accent);font-weight:400;transition:transform .18s}details[open]>summary .plus{transform:rotate(45deg)}.other-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid var(--line);padding-top:4px}.other-links a{min-height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}.other-links a:hover{color:var(--accent)}
.services{margin:9px 28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services summary{min-height:64px}.services ul{margin:0;padding:0 0 22px;list-style:none;display:grid;gap:10px}.services li{display:flex;align-items:baseline;gap:11px;font-size:14px;color:#cbd0c8}.services li:before{content:"";width:4px;height:4px;background:var(--accent);flex-shrink:0;border-radius:50%;align-self:center}footer{display:flex;gap:9px;align-items:center;margin:0 28px;padding:25px 0 28px;color:var(--muted);font-size:10px;direction:ltr}footer [lang=en]{letter-spacing:.13em}.footer-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.footer-place{margin-inline-start:auto;font-size:12px}.skip{position:absolute;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-200%);background:var(--accent);color:#101210;padding:10px 16px;z-index:10;border-radius:8px}.skip:focus{transform:none}html[dir=rtl] *{letter-spacing:normal}html[dir=ltr] .intro h1{font-size:34px;line-height:1.25}html[dir=ltr] .eyebrow{letter-spacing:.09em}html[dir=ltr] .intro{padding-top:24px}
html[dir=rtl] .label>*{text-align:right}html[dir=ltr] .label>*{text-align:left}
@media(min-width:700px){body{padding:32px 0}.page{min-height:0;border-radius:24px;box-shadow:0 24px 100px #0008}.topbar{padding-top:27px}.intro{padding-top:26px}}
@media(max-width:359px){.topbar{padding-inline:20px}.intro{padding-inline:20px}.intro h1{font-size:29px}.links{padding-inline:20px}.services{margin-inline:20px}footer{margin-inline:20px}.link{padding-inline:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
