:root{
    font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#211a35;
    background:#fbfaf7;
    --purple:#4b3187;
    --purple-strong:#321b68;
    --violet:#6542aa;
    --lavender:#eee8ff;
    --ink:#211a35;
    --muted:#6f687e;
    --line:#e8e3ef;
    --cream:#fbfaf7;
    --green:#23a878;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:50;padding:10px 14px;background:#fff;border:2px solid var(--purple);border-radius:10px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{width:min(1240px,calc(100% - 40px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;min-width:0}
.brand img{width:182px;height:auto}
.brand span{padding-inline-start:18px;border-inline-start:1px solid var(--line);color:var(--muted);font-size:.78rem;white-space:nowrap}
.header-nav{display:flex;align-items:center;gap:24px;margin-inline-start:auto}
.header-nav a{color:#5f5870;font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap}
.header-nav a:hover{color:var(--purple)}
.header-actions{display:flex;align-items:center;gap:12px}
.language-nav{display:flex;align-items:center;gap:2px}
.language-nav a{display:grid;place-items:center;min-height:38px;padding:6px 8px;border-radius:999px;color:var(--muted);font-size:.68rem;font-weight:800;text-decoration:none}
.language-nav a.active{background:var(--lavender);color:var(--purple)}
.language-menu{display:none;position:relative}
.language-menu summary{min-width:48px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--purple);font-size:.72rem;font-weight:900;cursor:pointer;list-style:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu nav{position:absolute;z-index:20;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-width:152px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(37,29,63,.15)}
.language-menu nav a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:.8rem;font-weight:800;text-decoration:none}
.language-menu nav a:hover,.language-menu nav a[aria-current="page"]{background:var(--lavender);color:var(--purple)}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 14px 32px rgba(75,49,135,.16);transition:.2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(75,49,135,.23)}
.button:focus-visible,a:focus-visible{outline:3px solid #b8a8ff;outline-offset:4px}
.button-small{min-height:44px;padding:0 19px;font-size:.82rem;white-space:nowrap}
.button-quiet{background:transparent;color:var(--purple);box-shadow:none}
.button-entry{min-height:58px;padding-inline:30px;font-size:1.02rem;box-shadow:0 18px 42px rgba(75,49,135,.28)}
.button-entry .entry-arrow{margin-inline-start:12px;font-size:1.2rem;line-height:1}
html[dir="rtl"] .button-entry .entry-arrow{transform:rotate(180deg)}

.hero{width:min(1240px,calc(100% - 40px));min-height:680px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:72px 0 96px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--violet);font-size:.78rem;font-weight:900;letter-spacing:.04em}
.eyebrow span{width:30px;height:2px;background:currentColor}
.hero h1{font-size:clamp(3.4rem,6.6vw,6.5rem);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:850px}
html[dir="rtl"] .hero h1{letter-spacing:0}
.hero-lead{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:2}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.trust-note{max-width:700px;margin:26px 0 0;color:var(--muted);font-size:.82rem;line-height:1.8}
.hero-visual{position:relative;width:100%;aspect-ratio:1;max-width:540px;margin:auto;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid #d9d0f7;border-radius:50%;inset:8%}
.orbit-two{inset:22%;border-style:dashed;animation:spin 22s linear infinite}
.orbit-one:before,.orbit-one:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 8px #eee9ff}
.orbit-one:before{top:10%;left:17%}
.orbit-one:after{right:2%;bottom:29%;background:var(--green);box-shadow:0 0 0 8px #e5f7f0}
.core{position:relative;z-index:2;width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#5e42a2,#2c165f);color:#fff;box-shadow:0 30px 70px rgba(75,49,135,.32);text-align:center}
.core img{width:92px;height:auto;filter:brightness(0) invert(1)}
.core strong{font-size:1.35rem;margin:10px 0 4px}
.core small{opacity:.7;font-size:.72rem}
.signal{position:absolute;z-index:3;max-width:205px;min-width:168px;padding:13px 16px;border:1px solid #ece7f4;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(45,34,73,.1);font-size:.74rem;color:var(--muted)}
.signal b{display:block;color:var(--purple);font-size:.88rem;line-height:1.55;margin-top:4px}
.signal-a{top:8%;right:1%}
.signal-b{bottom:12%;right:0}
.signal-c{top:43%;left:-4%}

.promise{background:var(--purple);color:#fff;padding:110px max(20px,calc((100% - 1240px)/2))}
.promise>p{color:#d0c4ff;font-weight:800}
.promise>h2{font-size:clamp(2.1rem,4.2vw,4.2rem);line-height:1.3;max-width:1050px;margin:12px 0 70px}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14)}
.promise-grid article{background:var(--purple);padding:34px}
.promise-grid span{color:#b8a8ff;font-weight:900}
.promise-grid h3{font-size:1.35rem;margin:28px 0 10px}
.promise-grid p{color:#ddd6ec;line-height:1.85;margin:0}

.operations,.ecosystem{width:min(1240px,calc(100% - 40px));margin:auto;padding:120px 0}
.section-heading{max-width:790px}
.section-heading h2{font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:1.2;margin:0}
.section-intro{max-width:760px;margin-top:22px;color:var(--muted);font-size:1rem;line-height:1.95}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px}
.feature-card{min-height:240px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 44px rgba(37,29,63,.045)}
.feature-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lavender);color:var(--violet);font-size:.76rem;font-weight:900}
.feature-card h3{font-size:1.18rem;margin:34px 0 10px}
.feature-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.85}

.ecosystem{padding-top:34px}
.centered{text-align:center;margin:auto}
.centered .eyebrow{justify-content:center}
.centered>p:last-child{color:var(--muted);line-height:1.9}
.ecosystem-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:34px auto 0;max-width:1080px}
.ecosystem-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--purple);font-size:.78rem;font-weight:800;text-decoration:none;transition:.2s ease}
.ecosystem-nav a:hover{border-color:#cfc3ef;background:var(--lavender);transform:translateY(-1px)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px}
.service{min-height:132px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;scroll-margin-top:24px}
.service:target,.service:focus{border-color:#b8a8ff;background:linear-gradient(145deg,#fff,var(--lavender));box-shadow:0 18px 44px rgba(75,49,135,.1);outline:none}
.service h3,.service small{display:block}
.service h3{margin:0;font-size:1rem}
.service small{margin-top:6px;color:var(--muted);line-height:1.5}
.service-open{min-height:44px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 12px;border-radius:999px;background:var(--lavender);color:var(--purple);font-size:.74rem;font-weight:900;text-decoration:none}
.service-open:hover{background:#dfd4ff}
.service-open b{font-size:1rem}
.service-managed{flex:0 0 auto;max-width:112px;text-align:end;font-size:.7rem;font-weight:700}

.final-cta{margin-top:40px;padding:110px 20px;text-align:center;color:#fff;background:radial-gradient(circle at 20% 0,#7553bd 0,transparent 32%),linear-gradient(145deg,#4b3187,#24104f)}
.final-cta>img{width:96px;margin:0 auto;filter:brightness(0) invert(1)}
.final-cta p{color:#cfc3f9;font-weight:800}
.final-cta h2{max-width:980px;margin:18px auto;font-size:clamp(3rem,6.5vw,5.8rem);line-height:1.08}
.final-cta>span{display:block;max-width:760px;margin:0 auto 30px;color:#ddd6e9;line-height:1.8}
.button-light{background:#fff;color:var(--purple);border-color:#fff}

.site-footer{width:min(1240px,calc(100% - 40px));margin:auto;padding:64px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:44px}
.footer-brand img{width:190px;height:auto}
.footer-brand p,.copyright{color:var(--muted);line-height:1.8}
.site-footer nav{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.site-footer nav a{padding:8px 10px;border-radius:999px;color:var(--muted);font-size:.78rem;text-decoration:none}
.site-footer nav a:hover{background:var(--lavender);color:var(--purple)}
.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:.78rem}

@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
    .header-nav{display:none}
    .language-nav a:not(.active){display:none}
}
@media(max-width:900px){
    .brand span{display:none}
    .hero{grid-template-columns:1fr;padding-top:40px;text-align:center}
    .hero .eyebrow,.hero-actions{justify-content:center}
    .hero-lead,.trust-note{margin-inline:auto}
    .hero-visual{width:min(100%,500px)}
    .feature-grid,.service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
    .site-header{min-height:78px;width:min(100% - 28px,1240px);gap:12px}
    .brand img{width:145px}
    .header-actions{margin-inline-start:auto}
    .language-nav{display:none}
    .language-menu{display:block}
    .button-small{padding:0 14px;font-size:.76rem}
    .hero{width:min(100% - 28px,1240px);min-height:auto;gap:28px;padding:42px 0 70px}
    .hero h1{font-size:3.15rem}
    .hero-visual{aspect-ratio:auto;grid-template-columns:1fr;gap:10px;transform:none;margin-block:8px 0}
    .orbit{display:none}
    .core{grid-row:1;width:176px;height:176px;margin:0 auto 10px}
    .core img{width:72px}
    .core strong{font-size:1.15rem}
    .signal{position:static;max-width:none;min-width:0;width:100%;display:grid;grid-template-columns:minmax(92px,.72fr) 1fr;align-items:center;gap:12px;padding:13px 15px;text-align:start}
    .signal b{margin:0;font-size:.78rem}
    .promise{padding-block:74px}
    .promise-grid{grid-template-columns:1fr}
    .promise-grid article{padding:26px}
    .operations,.ecosystem{width:min(100% - 28px,1240px);padding-block:78px}
    .feature-grid,.service-grid{grid-template-columns:1fr}
    .feature-card{min-height:auto}
    .ecosystem-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
    .ecosystem-nav a{flex:0 0 auto}
    .service{min-height:auto}
    .final-cta{padding-block:78px}
    .final-cta h2{font-size:3rem}
    .hero-actions .button{width:100%}
    .site-footer{width:min(100% - 28px,1240px);grid-template-columns:1fr}
    .site-footer nav{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .orbit-two{animation:none}
    .button{transition:none}
}