@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--blue:#0878d1;--dark:#063b7a;--navy:#031e48;--sky:#3dbbff;--ice:#eaf7ff;--bg:#f6fafe;--text:#102341;--muted:#5f7087;--border:rgba(8,120,209,.16);--shadow:0 20px 55px rgba(3,30,72,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.skip{position:fixed;z-index:9999;top:8px;right:-999px;background:#fff;padding:10px}.skip:focus{right:8px}a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:4px}.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:12px 0;transition:.3s}.site-header.is-scrolled,.page-header{background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(3,30,72,.1);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:1rem;color:var(--navy)}.brand small{display:block;color:var(--muted);font-size:.68rem}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{font-weight:700;font-size:.91rem}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#04a4e8);box-shadow:0 10px 30px rgba(8,120,209,.28);position:relative;overflow:hidden}.btn-outline{border:1px solid var(--border);background:#fff;color:var(--dark)}.wa svg{width:21px;height:21px;fill:currentColor}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;color:var(--navy)}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:'';display:block;width:24px;height:2px;background:currentColor;margin:6px auto;transition:.2s}.hero{min-height:780px;background:radial-gradient(circle at 18% 30%,rgba(61,187,255,.22),transparent 28%),linear-gradient(135deg,#fff 20%,var(--ice));padding:130px 0 70px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px}.hero-copy{z-index:2;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:40px 12px 40px 40px;padding:44px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;color:var(--blue);background:var(--ice);padding:6px 14px;border-radius:999px;font-weight:700;font-size:.86rem}.hero h1{font-size:clamp(2.2rem,4.3vw,4.4rem);line-height:1.18;margin:18px 0}.accent{color:var(--blue);font-size:1.2rem;font-weight:800}.hero-visual{position:relative}.hero-visual img{width:100%;height:600px;object-fit:cover;border-radius:48% 10% 42% 15%;box-shadow:var(--shadow)}.pearl{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#d9efff 48%,#72bef2);box-shadow:0 20px 50px rgba(8,120,209,.25);bottom:-25px;right:-20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trust-pills{display:flex;gap:9px;overflow:auto;margin-top:26px;padding-bottom:4px}.trust-pills span{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:6px 11px;font-size:.76rem;background:#fff}.trust-ribbon{background:var(--navy);color:#fff}.trust-ribbon .container{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-weight:700}.section{padding:96px 0}.soft{background:var(--bg)}.navy{background:linear-gradient(135deg,var(--navy),var(--dark));color:#fff}.section-head{max-width:700px;margin-bottom:45px}.section-head.center{text-align:center;margin-inline:auto}.section h2,.page-hero h1{font-size:clamp(1.8rem,3.5vw,3.25rem);line-height:1.3;margin:8px 0 16px}.lead{font-size:1.08rem;color:var(--muted)}.navy .lead{color:#c6ddf3}.intro-grid,.feature,.team-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.masked{border-radius:18px 110px 18px 80px;height:520px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0}.check-list li{margin:10px 0;padding-right:30px;position:relative}.check-list li:before{content:'✓';position:absolute;right:0;color:var(--blue);font-weight:800}.service-story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-image{position:sticky;top:110px;height:620px}.service-image img{width:100%;height:100%;object-fit:cover;border-radius:90px 20px 90px 20px}.service-panel{padding:60px 0;border-bottom:1px solid var(--border)}.service-panel .num{font-size:4rem;color:#ccecff;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-grid span{padding:12px;background:var(--ice);border-radius:15px}.feature{margin-top:55px}.feature img{height:470px;width:100%;object-fit:cover;border-radius:35px}.result-track{display:flex;gap:22px;overflow:auto;scrollbar-width:none;cursor:grab;direction:rtl;padding:12px}.result-track::-webkit-scrollbar{display:none}.result-slide{flex:0 0 min(430px,80vw);border:7px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 10px 35px rgba(61,187,255,.2)}.result-slide img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.4s}.result-slide:hover img{transform:scale(1.04)}.center-actions{text-align:center;margin-top:32px}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:16px}.bento article{background:#fff;border:1px solid var(--border);border-radius:28px;padding:25px;overflow:hidden}.bento .large{grid-column:span 2;grid-row:span 2;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff}.bento .wide{grid-column:span 2}.bento img{height:130px;width:100%;object-fit:cover;border-radius:18px;margin-top:12px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative}.step{position:relative;background:#fff;padding:28px;border-radius:25px;box-shadow:var(--shadow)}.step b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;font-size:1.3rem}.parallax{min-height:480px;background:linear-gradient(rgba(3,30,72,.72),rgba(3,30,72,.72)),url('/assets/images/نصل اليك اينما كنت.webp') center/cover fixed;display:grid;place-items:center;text-align:center;color:#fff}.parallax .inner{max-width:750px}.team-collage{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.team-collage img{height:430px;width:100%;object-fit:cover;border-radius:60px 15px}.team-collage .small{height:300px;margin-top:100px}.faq-wrap{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--border)}.faq-button{width:100%;display:flex;justify-content:space-between;text-align:right;padding:20px 0;border:0;background:none;font-weight:700;color:var(--text);cursor:pointer}.faq-button:after{content:'+';font-size:1.5rem;color:var(--blue)}.faq-button[aria-expanded=true]:after{content:'−'}.faq-panel{padding:0 0 22px;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.blog-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.blog-card img{width:100%;height:260px;object-fit:cover}.blog-card .content{padding:25px}.final-cta{padding:70px 0;background:linear-gradient(120deg,var(--blue),var(--sky));color:#fff;text-align:center}.site-footer{background:var(--navy);color:#d8e9f8;text-align:center;padding:55px 0 25px}.footer-brand img{width:80px;margin:auto}.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:25px 0}.footer-powered{direction:ltr;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:1rem 0 0;text-align:center}.footer-powered .line{display:inline-flex;align-items:center;gap:4px}.footer-powered a{color:var(--sky)}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:150;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 30px rgba(37,211,102,.4)}.floating-wa svg{width:31px;fill:currentColor}.page-hero{padding:160px 0 80px;background:radial-gradient(circle at 20% 20%,#cbedff,transparent 35%),var(--bg);text-align:center}.page-hero p{max-width:750px;margin:auto;color:var(--muted)}.content-page{max-width:850px;margin:auto}.content-page h2{margin-top:45px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.contact-card{padding:34px;border-radius:28px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;background:var(--ice)}.error-page .code{font-size:8rem;font-weight:800;color:var(--blue);line-height:1}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{position:fixed;inset:78px 16px auto;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;align-items:stretch;transform:translateY(-20px);opacity:0;visibility:hidden;transition:.25s}.site-nav.is-open{transform:none;opacity:1;visibility:visible}.desktop-cta{display:none}.brand small{display:none}.hero{padding-top:110px}.hero-grid,.intro-grid,.service-story,.feature,.team-layout{grid-template-columns:1fr}.hero-copy{order:2;padding:28px;border-radius:28px;margin-top:-100px}.hero-visual img{height:460px}.service-image{position:relative;top:auto;height:430px}.bento{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr}.parallax{background-attachment:scroll}.trust-ribbon .container{overflow:auto;justify-content:flex-start}.trust-ribbon span{white-space:nowrap}}
@media(max-width:600px){.container{width:min(100% - 24px,1160px)}.section{padding:68px 0}.brand img{width:46px;height:46px}.brand strong{font-size:.86rem}.hero{min-height:auto}.hero-visual img{height:390px;border-radius:35px}.hero-copy{margin-top:-55px;padding:24px 20px}.hero h1{font-size:2rem}.hero-actions .btn{width:100%}.pearl{width:70px;height:70px}.intro-grid,.feature,.team-layout{gap:32px}.masked{height:380px}.service-image{height:350px}.service-panel{padding:35px 0}.detail-grid{grid-template-columns:1fr}.bento{display:flex;overflow:auto;padding-bottom:10px}.bento article,.bento .large,.bento .wide{min-width:82vw}.blog-grid,.contact-grid{grid-template-columns:1fr}.team-collage img{height:330px}.team-collage .small{height:230px;margin-top:60px}.footer-powered{flex-direction:column;gap:4px}.footer-powered .sep{display:none}.floating-wa{right:14px;bottom:14px}.page-hero{padding:130px 0 60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Mobile image integrity, unified WhatsApp and inner-page motion */
.floating-wa{right:22px;bottom:22px;width:64px;height:64px;border:6px solid #eafcff;background:#22d366;box-shadow:0 10px 34px rgba(37,211,102,.38);font-size:0;transition:transform .25s,box-shadow .25s}.floating-wa:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 38px rgba(37,211,102,.48)}.floating-wa svg{display:block;width:34px;height:34px;fill:currentColor}.service-extra{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px}.service-extra article{background:#fff;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.service-extra img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--ice)}.service-extra .content{padding:25px}.page-hero .eyebrow,.page-hero h1,.page-hero p,.blog-card,.contact-card,.content-page>img,.content-page>h2,.content-page>p,.feature>img,.feature>div,.timeline .step{animation:rise-in .7s both}.page-hero h1{animation-delay:.1s}.page-hero p{animation-delay:.2s}.blog-card:nth-child(2),.contact-card:nth-child(2),.timeline .step:nth-child(2){animation-delay:.12s}.contact-card:nth-child(3),.timeline .step:nth-child(3){animation-delay:.22s}.contact-card:nth-child(4){animation-delay:.32s}@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:600px){.hero-visual img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:var(--ice)}.masked,.feature img,.team-collage img,.team-collage .small,.service-image,.service-image img,.blog-card img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:var(--ice)}.hero-copy{margin-top:-18px}.team-collage{align-items:start}.team-collage .small{margin-top:28px}.service-extra{grid-template-columns:1fr}.result-slide img{object-fit:contain;background:#fff}.floating-wa{right:14px;bottom:14px;width:60px;height:60px}.page-hero{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.page-hero .eyebrow,.page-hero h1,.page-hero p,.blog-card,.contact-card,.content-page>img,.content-page>h2,.content-page>p,.feature>img,.feature>div,.timeline .step{animation:none}}
/* Full image display and compact desktop hero */
.hero{min-height:min(720px,100svh);padding:105px 0 38px}.hero-visual img{height:clamp(430px,58vh,540px)}.hero-copy{padding:34px}.hero h1{font-size:clamp(2.05rem,3.65vw,3.75rem)}.hero-actions{margin-top:18px}.trust-pills{margin-top:18px}.feature img{height:auto;max-height:610px;object-fit:contain;background:var(--ice)}.blog-card img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:var(--ice)}.content-page>.masked{height:auto;max-height:none;object-fit:contain;background:var(--ice)}.service-extra img{aspect-ratio:auto;max-height:none}.service-image img{object-fit:contain;background:var(--ice)}
@media(max-width:900px){.hero{min-height:auto;padding-top:92px}.hero-visual img{height:auto;max-height:500px;object-fit:contain}.hero-copy{margin-top:-42px}.feature img,.blog-card img,.content-page>.masked,.service-image img{height:auto;max-height:none;object-fit:contain}}
@media(max-width:600px){.hero{padding-top:82px;padding-bottom:32px}.hero-visual img{height:auto;max-height:none}.hero-copy{margin-top:-12px}.hero h1{font-size:1.85rem}.feature{margin-top:30px}.feature img,.blog-card img,.content-page>.masked,.service-image img,.service-extra img{width:100%;height:auto;max-height:none;object-fit:contain}}
/* Footer credit micro-interaction */
.footer-powered a{display:inline-block;color:var(--sky);transition:color .22s ease,transform .22s ease,text-shadow .22s ease}.footer-powered a:hover{color:#fff;transform:translateY(-2px);text-shadow:0 4px 14px rgba(61,187,255,.65)}.footer-powered a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){.footer-powered a{transition:none}.footer-powered a:hover{transform:none}}
/* WhatsApp button without outer white ring */
.floating-wa{border:0}

/* Prevent mobile hero text overflow */
.hero-grid>*,.hero-copy,.hero-copy>*{min-width:0;max-width:100%}.hero-copy{width:100%;overflow:hidden}.hero-copy h1,.hero-copy p,.hero-copy .accent{overflow-wrap:break-word;word-break:normal}.hero-actions{max-width:100%}.hero-actions .btn{min-width:0;white-space:normal;text-align:center}
@media(max-width:600px){.hero-grid{width:100%;min-width:0}.hero-copy{padding:22px 16px}.hero h1{font-size:clamp(1.52rem,7vw,1.78rem);line-height:1.35}.hero-copy .accent{font-size:1.02rem;line-height:1.65}.hero-copy p{font-size:.92rem;line-height:1.85}.hero-copy .eyebrow{font-size:.76rem;white-space:normal;text-align:center}.hero-actions .btn{font-size:.9rem;padding-inline:14px}}
/* Animated mobile menu icon */
.menu-toggle{position:relative}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{position:absolute;right:10px;width:24px;height:2px;margin:0;background:currentColor;transform-origin:center;transition:top .22s ease,transform .22s ease,opacity .18s ease}.menu-toggle::before{top:14px}.menu-toggle span{top:21px}.menu-toggle::after{top:28px}.menu-toggle[aria-expanded="true"] span{opacity:0;transform:scaleX(0)}.menu-toggle[aria-expanded="true"]::before{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.menu-toggle::before,.menu-toggle::after{transition:none}}
/* Hero benefit slider: mobile only */
.trust-pills{display:none}
@media(max-width:600px){.trust-pills{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.trust-pills span{scroll-snap-align:start}}