:root{--bg:#020b21;--deep:#061741;--panel:#071e56;--blue:#0760f8;--cyan:#45b7ff;--line:rgba(126,164,236,.16);--ink:#f5f8ff;--muted:#a5b5d2;--font:'Cairo','IBM Plex Sans Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.skip{position:absolute;top:-100px;background:#fff;color:#111;padding:12px;z-index:90}.skip:focus{top:0}::selection{background:#3687ff;color:white}.container{width:min(1220px,calc(100% - 64px));margin:auto}.header{height:82px;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(1,10,31,.77);border-bottom:1px solid rgba(150,188,251,.12);backdrop-filter:blur(22px)}.nav-shell{max-width:1400px;width:calc(100% - 70px);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center}.brand img{width:150px;height:52px;object-fit:contain}.nav{display:flex;align-items:center;gap:33px}.nav a{font-size:12.5px;font-weight:700;color:#d7e2f6;transition:color .2s;white-space:nowrap}.nav a:hover,.nav .active{color:#5eacff}.header-actions{display:flex;gap:14px;align-items:center}.small-cta{white-space:nowrap;border:1px solid #2379ff;border-radius:50px;padding:10px 19px;font-size:12px;font-weight:700}.small-cta span{padding-right:12px;color:#57b8ff}.menu-btn{display:none;background:none;border:0;width:42px;height:40px;cursor:pointer}.menu-btn span{display:block;background:white;height:2px;margin:6px 0;width:24px}.hero{min-height:760px;height:100svh;max-height:1000px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#0742af 0%,#061d5f 32%,#03102c 72%,#020818 100%);padding-top:82px}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 12%,#0414429e 34%,#0420649a 63%,transparent 87%)}.hero-grid{position:absolute;inset:0;opacity:.15;z-index:-3;background-image:linear-gradient(#2d6ae544 1px,transparent 1px),linear-gradient(90deg,#2d6ae544 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-light{position:absolute;width:630px;height:470px;top:15%;left:50%;transform:translateX(-50%);background:#1468ff;filter:blur(155px);opacity:.16;z-index:-1}.hero-mic,.hero-cam{position:absolute;top:11%;height:78%;width:43%;object-fit:cover;pointer-events:none;opacity:.94;z-index:-2;filter:saturate(1.2)}.hero-mic{left:0;mask-image:linear-gradient(to right,#000 30%,transparent 98%)}.hero-cam{right:0;mask-image:linear-gradient(to left,#000 27%,transparent 95%)}.hero-wave{position:absolute;width:500px;height:240px;border:30px solid rgba(5,83,245,.27);border-radius:55% 40% 60% 40%;filter:drop-shadow(0 0 20px #077afa55);z-index:-1;transform:rotate(-25deg)}.wave-a{bottom:-130px;left:-90px}.wave-b{top:-170px;right:-80px}.hero-inner{position:relative;z-index:2;text-align:center;width:min(770px,88vw);padding-bottom:55px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#acc8f7;letter-spacing:3px;font:700 11px system-ui;direction:ltr;margin-bottom:32px}.live-dot{width:7px;height:7px;background:#4badff;box-shadow:0 0 12px #43a7ff;border-radius:50%}.eyebrow-line{width:35px;height:1px;background:#2b8dff}.hero-logo{width:min(440px,75%);height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 12px 26px #0008);margin-bottom:13px}.hero h1{font-size:clamp(28px,3.5vw,54px);line-height:1.5;margin:0;font-weight:800;letter-spacing:-1.1px}.hero-lead{font-size:clamp(17px,1.8vw,25px);color:#c3d5f7;font-weight:500;margin:2px 0 19px}.hero-description{color:#c0cce5;line-height:2;font-size:14px;max-width:550px;margin:0 auto 27px}.hero-buttons,.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:50px;padding:12px 27px;font-size:13px;font-weight:800;transition:transform .25s,background .25s,border .25s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-white{background:white;color:#07306e;box-shadow:0 5px 28px #001d5960}.btn-line{border:1px solid #4594ff;color:#fff;background:#0452b329}.btn-line:hover{background:#1554bd5a}.scroll-indicator{margin-top:65px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;color:#9ebbea}.scroll-indicator span{font-size:21px;animation:bounce 2.5s infinite}@keyframes bounce{50%{transform:translateY(8px)}}.hero-bottom{position:absolute;bottom:25px;left:45px;right:45px;display:flex;justify-content:space-between;color:#a2b7e0;font:11px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:.3px;direction:rtl}.section{padding:110px 0}.intro{background:linear-gradient(140deg,#03112e,#061a4b)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end}.section-kicker{color:#5bb0ff;font-size:13px;font-weight:800;display:flex;align-items:center;gap:14px;margin-bottom:16px}.section-kicker i{display:inline-block;background:#2b93ff;width:38px;height:2px;box-shadow:0 0 15px #248aff}.section h2{font-size:clamp(29px,3vw,46px);font-weight:800;letter-spacing:-.9px;line-height:1.55;margin:0}.section h2 em{font-style:normal;color:#66b8ff}.intro-side p,.section-head p,.library-copy p,.contact-panel p{font-size:15px;line-height:2.3;color:#acbdda;margin:0 0 25px}.text-link{font-size:13px;color:#75bbff;font-weight:700}.text-link span{margin-right:10px}.services{background:radial-gradient(ellipse at 84% 5%,#08276d 0%,#03112e 42%,#020a1c 100%)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}.section-head p{max-width:310px;margin:0;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{min-height:282px;background:linear-gradient(144deg,#0a2a70,#05163a);border:1px solid #24549a55;position:relative;border-radius:19px;overflow:hidden;padding:23px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}.service-card:before{content:'';position:absolute;width:240px;height:240px;background:#116afa22;filter:blur(60px);border-radius:100%;top:0;left:0;z-index:-1}.service-card:hover{transform:translateY(-6px);border-color:#3988ff;box-shadow:0 18px 55px #0007}.service-count{font:700 11px 'IBM Plex Sans Arabic',sans-serif;color:#a6c6fb;position:relative;z-index:1}.service-art{position:absolute;inset:30px 0 54px;display:flex;align-items:center;justify-content:center;pointer-events:none}.quran-art{font-size:145px;color:#5596ff25;text-shadow:0 0 50px #3a90ff3b}.audio-art svg{width:90%;height:115px}.audio-art path{stroke:#4da7ff;stroke-width:2.6;fill:none;filter:drop-shadow(0 0 7px #3196f8)}.service-art img{height:100%;width:100%;object-fit:cover;opacity:.58;mask-image:linear-gradient(to bottom,black,transparent)}.service-glyph{font-family:Arial,sans-serif;position:absolute;top:32px;left:40px;font-size:125px;font-weight:100;color:#3b91ff55;text-shadow:0 0 65px #1681ff8a}.ai-glyph{color:#78dfff66}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:14px;z-index:1}.card-bottom h3{font-size:17px;margin:0 0 6px}.card-bottom p{color:#b8c8e8;font-size:11px;line-height:1.85;margin:0}.round-arrow{flex:none;width:32px;height:32px;border:1px solid #478de679;display:grid;place-items:center;border-radius:50%;color:#8bcaff}.service-extras{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:25px}.service-extras span{border:1px solid #29508768;border-radius:50px;padding:8px 13px;color:#9cb3d8;font-size:11px}.service-extras span:first-child{color:#f1f7ff;border:0;font-weight:800}.showcase{background:#020b20}.work-grid{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:14px}.work-grid article{height:350px;position:relative;overflow:hidden;border-radius:16px;background:#07245b;border:1px solid #23457d}.work-grid article img{height:100%;width:100%;object-fit:cover;transition:transform .45s;filter:saturate(.9)}.work-grid article:hover img{transform:scale(1.06)}.work-overlay{position:absolute;bottom:0;left:0;right:0;padding:42px 22px 20px;background:linear-gradient(transparent,#021029f2)}.work-overlay span{font-size:11px;color:#77b7ff}.work-overlay h3{font-size:18px;margin:3px 0}.work-overlay p{font-size:11px;color:#b7c8e6;margin:0}.notice{font-size:11px;color:#91a8cd;margin-top:15px}.library{background:radial-gradient(ellipse at 80% 50%,#0d3288 0%,#041c52 33%,#03102e 80%);overflow:hidden}.library-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.library-copy p{max-width:470px;margin-top:20px}.library-chips{display:flex;flex-wrap:wrap;gap:10px}.library-chips span{border:1px solid #3a73cc88;border-radius:50px;padding:10px 16px;font-size:12px;background:#ffffff0a}.soon{display:block;margin-top:21px;color:#98aed4;font-size:11px}.library-art{min-height:380px;position:relative;display:grid;place-items:center;isolation:isolate}.halo{position:absolute;border:2px solid #378cfa50;border-radius:40% 60% 55% 45%;transform:rotate(30deg);box-shadow:0 0 80px #267eff22}.h1{width:320px;height:260px}.h2{width:260px;height:320px;transform:rotate(-24deg);border-color:#1b8de988}.h3{width:360px;height:360px;transform:rotate(80deg);border-color:#1346bb70}.arabesque{font-size:170px;color:#d4edff;text-shadow:0 0 55px #3298fa}.library-caption{position:absolute;bottom:0;text-align:center;background:#061c4acc;padding:13px 40px;border:1px solid #3484f655;border-radius:15px;font-size:20px;font-weight:800}.library-caption small{display:block;font:11px system-ui;color:#91b6e6;letter-spacing:2px;margin-top:5px}.contact{background:#020a1c}.contact-panel{border:1px solid #3365c273;padding:65px 70px;border-radius:24px;background:radial-gradient(ellipse at 15% 0%,#0e4dab96,#062660 53%,#051334 100%);display:flex;align-items:center;justify-content:space-between;gap:70px;position:relative;overflow:hidden}.contact-panel>div:first-child{z-index:1}.contact-panel h2{font-size:clamp(30px,3vw,44px)}.contact-panel p{max-width:620px;margin-top:14px}.contact-actions{justify-content:flex-start}.contact-icon{font-size:230px;color:#72aeff25;text-shadow:0 0 40px #1b85ff44;font-family:Arial;line-height:1}.footer{background:#010713;border-top:1px solid #28436f66}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:55px 0}.footer img{object-fit:contain;object-position:right;width:145px;height:55px}.footer p,.footer a{color:#8e9fbe;font-size:12px;line-height:2.2;display:block}.footer strong{display:block;font-size:13px;margin-bottom:15px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #1f3154;padding:23px 0;display:flex;justify-content:space-between;color:#788cad;font-size:11px}.footer-bottom a{font-size:11px}
@media(max-width:1050px){.nav{gap:16px}.nav a{font-size:11px}.hero-mic,.hero-cam{width:49%;opacity:.55}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1.6fr 1fr}.work-grid article:last-child{display:none}.footer-main{gap:25px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.header{height:68px}.nav-shell{width:calc(100% - 35px)}.brand img{width:115px;height:43px}.small-cta{padding:9px 14px;font-size:11px}.menu-btn{display:block}.nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 26px 24px;background:#020e2cf5;border-bottom:1px solid #28569f}.nav.open{display:flex}.nav a{padding:13px 7px;font-size:14px;border-bottom:1px solid #24416b55}.hero{min-height:720px;height:93svh;padding-top:68px}.hero-mic,.hero-cam{top:8%;height:55%;width:63%;opacity:.36}.hero-mic{left:-20%}.hero-cam{right:-24%}.hero-inner{width:calc(100% - 40px);padding-top:90px}.hero-logo{width:min(360px,82%);margin-bottom:3px}.hero h1{font-size:30px}.hero-lead{font-size:17px}.hero-description{font-size:12px;line-height:2.1}.eyebrow{margin-bottom:20px}.hero-bottom{left:20px;right:20px;bottom:16px;font-size:9px}.scroll-indicator{margin-top:45px}.section{padding:72px 0}.intro-grid,.library-inner{grid-template-columns:1fr;gap:22px}.section-head{align-items:start;flex-direction:column;gap:16px}.section-head p{max-width:100%}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:232px}.work-grid{grid-template-columns:1fr}.work-grid article{height:260px}.work-grid article:last-child{display:block}.library-art{min-height:310px}.contact-panel{padding:40px 26px;gap:0}.contact-icon{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:20px;padding:40px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}