:root{--sa-primary:#1565d8;--sa-dark:#0b2e6b;--sa-accent:#25d366;--sa-bg:#f3f7fd;--sa-text:#1b2a44;--sa-muted:#5b6b85;--sa-radius:16px;--sa-shadow:0 10px 30px -12px rgba(11,46,107,.25)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.sa,body{margin:0;font-family:"Cairo",system-ui,sans-serif;color:var(--sa-text);background:#fff;direction:rtl;line-height:1.7;overflow-wrap:break-word}
html,body{overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.sa-ico{width:1.2em;height:1.2em;flex:none}
.sa-container{width:min(1200px,92%);margin-inline:auto}
.screen-reader-text,.sa-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sa-skip:focus{width:auto;height:auto;clip:auto;z-index:99;background:#fff;padding:8px;top:8px;right:8px}

/* buttons */
.sa-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.6rem;border-radius:999px;font-weight:700;border:0;cursor:pointer;font-family:inherit;font-size:1rem;transition:transform .2s,box-shadow .2s}
.sa-btn:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow)}
.sa-btn--primary{background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff}
.sa-btn--wa{background:var(--sa-accent);color:#fff}
.sa-btn--light{background:#fff;color:var(--sa-dark)}
.sa-btn--sm{padding:.5rem 1.4rem;font-size:.9rem}

/* header */
.sa-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(11,46,107,.08)}
.sa-header__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:80px}
.sa-brand{display:flex;align-items:center;gap:.6rem}
.sa-brand__logo{max-height:64px;width:auto}
.sa-brand__mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;font-size:1.5rem}
.sa-brand__txt{display:flex;flex-direction:column;line-height:1.2}
.sa-brand__txt strong{font-size:1.6rem;font-weight:900;color:var(--sa-dark)}
.sa-brand__txt small{color:var(--sa-primary);font-weight:600}
.sa-menu{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;align-items:center}
.sa-menu a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .8rem;font-weight:700;font-size:.85rem;color:var(--sa-dark);border-inline-start:1px solid #e3eaf5}
.sa-menu a .sa-ico{color:var(--sa-primary);width:1.5em;height:1.5em}
.sa-menu a:hover{color:var(--sa-primary)}
.sa-menu a.is-home,.sa-menu .current-menu-item>a{flex-direction:row;background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;border-radius:999px;padding:.55rem 1.2rem;border:0}
.sa-menu a.is-home .sa-ico{color:#fff;width:1.2em}
.sa-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.sa-burger span{display:block;width:26px;height:3px;margin:5px 0;background:var(--sa-dark);border-radius:3px}

/* hero */
.sa-hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(11,46,107,.15) 0%,rgba(11,46,107,.75) 55%,rgba(11,46,107,.95) 100%),var(--hero-img) center/cover no-repeat;padding:5rem 0 7rem;overflow:hidden}
.sa-hero__in{display:flex}
.sa-hero__txt{max-width:600px}
.sa-hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.15;margin:0 0 1rem}
.sa-hero h1 span{display:block;font-size:.6em;font-weight:800}
.sa-hero p{font-size:1.15rem;opacity:.95;margin:0 0 1.5rem}
.sa-badges{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-wrap:wrap;gap:.6rem}
.sa-badges li{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;padding:.35rem .9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(4px)}
.sa-hero .sa-btn--primary{background:#fff;color:var(--sa-dark)}
.sa-wave{position:absolute;bottom:-1px;left:0;width:100%;height:70px;fill:#fff}

/* services */
.sa-services{padding:1rem 0 4rem;margin-top:-3rem;position:relative;z-index:2}
.sa-services__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.sa-card{background:#fff;border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);overflow:hidden;text-align:center;transition:transform .25s}
.sa-card:hover{transform:translateY(-6px)}
.sa-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sa-card__ico{display:grid;place-items:center;width:52px;height:52px;margin:-26px auto .4rem;position:relative;border-radius:50%;background:var(--sa-primary);color:#fff;border:4px solid #fff;font-size:1.2rem}
.sa-card h3,.sa-card h2{font-size:1.05rem;font-weight:800;color:var(--sa-dark);margin:.2rem 1rem}
.sa-card p{font-size:.85rem;color:var(--sa-muted);margin:.2rem 1rem 1.2rem}

/* about */
.sa-about{background:var(--sa-bg);padding:5rem 0;position:relative;overflow:hidden}
.sa-about__in{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:2.5rem;align-items:center}
.sa-about__slogan{text-align:center;color:var(--sa-primary);font-size:1.6rem;font-weight:900;line-height:1.4}
.sa-about__slogan .sa-ico{width:120px;height:120px;margin:0 auto;opacity:.25}
.sa-pill{display:inline-block;background:var(--sa-primary);color:#fff;font-weight:700;padding:.2rem 1.2rem;border-radius:999px;font-size:.9rem}
.sa-about h2{font-size:2rem;font-weight:900;color:var(--sa-dark);margin:.6rem 0 1rem;line-height:1.3}
.sa-about h2 span{display:block;font-size:.65em;font-weight:700}
.sa-about p{color:var(--sa-muted)}
.sa-feats{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.8rem}
.sa-feats li{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:14px;padding:.7rem 1rem;box-shadow:var(--sa-shadow);font-weight:700;font-size:.85rem;color:var(--sa-dark)}
.sa-feats .sa-ico{color:var(--sa-primary);width:1.8em;height:1.8em}
.sa-about__img img{border-radius:28px;box-shadow:var(--sa-shadow);transform:rotate(-3deg);border:6px solid #fff}

/* faq */
.sa-faq{padding:4rem 0 2rem}
.sa-box{background:var(--sa-bg);border-radius:24px;padding:2.5rem;text-align:center}
.sa-title{font-size:2rem;font-weight:900;color:var(--sa-dark);margin:0 0 .3rem;text-align:center}
.sa-title::after{content:"";display:block;width:60px;height:4px;border-radius:4px;background:var(--sa-primary);margin:.5rem auto 0}
.sa-sub{text-align:center;color:var(--sa-muted);margin:0 0 2rem}
.sa-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:2rem 0 1.5rem;text-align:right}
.sa-faq__item{background:#fff;border:1px solid #e3eaf5;border-radius:12px;padding:.8rem 1.2rem}
.sa-faq__item.is-extra{display:none}
.sa-faq.show-all .sa-faq__item.is-extra{display:block}
.sa-faq__item summary{cursor:pointer;font-weight:700;color:var(--sa-dark);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.sa-faq__item summary::-webkit-details-marker{display:none}
.sa-faq__item summary::after{content:"+";color:var(--sa-primary);font-size:1.3rem;line-height:1}
.sa-faq__item[open] summary::after{content:"−"}
.sa-faq__item p{margin:.6rem 0 0;color:var(--sa-muted);font-size:.95rem}

/* reviews */
.sa-reviews{padding:3rem 0 4rem}
.sa-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.sa-review{margin:0;background:#fff;border:1px solid #e3eaf5;border-radius:var(--sa-radius);padding:1.4rem;box-shadow:0 6px 20px -14px rgba(11,46,107,.3)}
.sa-review figcaption{display:flex;align-items:center;gap:.8rem}
.sa-review img,.sa-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.sa-avatar{display:grid;place-items:center;background:var(--sa-primary);color:#fff;font-weight:800;font-size:1.2rem}
.sa-review strong{display:block;color:var(--sa-dark)}
.sa-stars{color:#f5b301;letter-spacing:2px}
.sa-review blockquote{margin:.8rem 0 0;color:var(--sa-muted);font-size:.95rem}

/* cta + footer */
.sa-cta{background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;padding:2.5rem 0}
.sa-cta__in{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.sa-cta__txt{text-align:center;flex:1}
.sa-cta__txt>.sa-ico{width:44px;height:44px;margin:0 auto}
.sa-cta h2{margin:.2rem 0;font-size:2rem;font-weight:900}
.sa-cta p{margin:0;opacity:.9}
.sa-cta__btns{display:flex;gap:1rem;flex-wrap:wrap}
.sa-footer{background:var(--sa-dark);color:rgba(255,255,255,.85);font-size:.85rem;padding:1rem 0}
.sa-footer__in{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.sa-footer span{display:flex;align-items:center;gap:.4rem}
.sa-fmenu{list-style:none;display:flex;gap:1rem;margin:0;padding:0}

/* floating */
.sa-float{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.6rem;z-index:60}
.sa-float a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;color:#fff;font-size:.7rem;font-weight:700;box-shadow:var(--sa-shadow)}
.sa-float a .sa-ico{width:28px;height:28px}
.sa-float__wa{background:var(--sa-accent)}
.sa-float__call{background:var(--sa-primary)}

/* inner pages */
.sa-content{padding:3rem 0}
.sa-posts>*,.sa-services__grid>*,.sa-about__in>*,.sa-faq__grid>*,.sa-reviews__grid>*{min-width:0}
.sa-page-head{background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;border-radius:24px;padding:2.4rem 2rem;text-align:center;margin:0 0 2rem;box-shadow:var(--sa-shadow)}
.sa-page-head h1{color:#fff;margin:0;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:900}
.sa-page-head p{margin:.4rem 0 0;opacity:.9}
.sa-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.sa-posts .sa-card>a{display:block;height:100%;padding-bottom:1.4rem}
.sa-posts .sa-card h2{line-height:1.5}
.sa-posts .sa-card p{margin-bottom:1.4rem}
.sa-crumbs{font-size:.85rem;color:var(--sa-muted);margin-bottom:1rem}
.sa-article{max-width:820px;margin-inline:auto}
.sa-article h1{color:var(--sa-dark);font-weight:900;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.4;margin:0 0 .5rem}
.sa-article__img{border-radius:var(--sa-radius);margin:1rem 0}
.sa-entry{font-size:1.05rem}
.sa-entry h2,.sa-entry h3{color:var(--sa-dark);line-height:1.4}
.sa-entry img,.sa-entry iframe,.sa-entry video{max-width:100%;border-radius:var(--sa-radius)}
.sa-entry pre{white-space:pre-wrap;overflow-x:auto}
.sa-entry a{color:var(--sa-primary);text-decoration:underline}
.sa-entry .page-numbers{display:inline-flex;align-items:center;gap:.4rem;margin:.4rem}
.sa-content .comment-list{list-style:none;padding:0;margin:2rem 0 0}
.sa-content .comment-list .comment,.sa-content .comment-list .pingback{background:var(--sa-bg);border-radius:16px;padding:1rem 1.2rem;margin:1rem 0}
.sa-content .comment-reply-link,.sa-content .comment-edit-link{color:var(--sa-primary);font-weight:700}
.sa-content #commentform{background:var(--sa-bg);border-radius:16px;padding:1.2rem;margin-top:2rem}
.sa-content #commentform input:not([type=submit]),.sa-content #commentform textarea{width:100%;max-width:100%;border:1px solid #e3eaf5;border-radius:10px;padding:.7rem .9rem;font-family:inherit;margin:.3rem 0 1rem}
.sa-content #commentform .submit{background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;border:0;border-radius:999px;padding:.7rem 1.8rem;font-weight:700;font-family:inherit;cursor:pointer}

/* pagination */
.sa-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.5rem}
.sa-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;max-width:100%}
.sa-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .8rem;border-radius:12px;background:#fff;border:1px solid #e3eaf5;font-weight:700;color:var(--sa-dark)}
.sa-pagination .page-numbers.current{background:linear-gradient(135deg,var(--sa-primary),var(--sa-dark));color:#fff;border:0}
.sa-pagination a.page-numbers:hover{color:var(--sa-primary);border-color:var(--sa-primary)}
.sa-pagination .dots{border:0;background:none;min-width:auto}

/* responsive */
@media (max-width:1100px){
  .sa-services__grid{grid-template-columns:repeat(3,1fr)}
  .sa-about__in{grid-template-columns:1fr 1fr}
  .sa-about__slogan{display:none}
}
@media (max-width:900px){
  .sa-burger{display:block}
  .sa-nav{position:absolute;top:100%;right:0;left:0;background:#fff;box-shadow:var(--sa-shadow);display:none}
  .sa-nav.is-open{display:block}
  .sa-menu{flex-direction:column;align-items:stretch;padding:1rem}
  .sa-menu a{flex-direction:row;border:0;border-bottom:1px solid #eef2f8;padding:.8rem}
}
@media (max-width:700px){
  .sa-services__grid,.sa-reviews__grid,.sa-faq__grid,.sa-posts{grid-template-columns:1fr 1fr}
  .sa-reviews__grid,.sa-faq__grid,.sa-posts{grid-template-columns:1fr}
  .sa-about__in{grid-template-columns:1fr}
  .sa-box{padding:1.5rem}
  .sa-hero{padding:3.5rem 0 6rem}
  .sa-float a{width:54px;height:54px}
  .sa-cta__in{justify-content:center}
  .sa-float{top:auto;bottom:14px;transform:none;gap:.4rem}
  .sa-content{padding:2rem 0}
  .sa-page-head{padding:1.8rem 1.2rem;border-radius:18px}
}