@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}

:root{--jm-bg:#F4F7F6;--jm-surface:#FFFFFF;--jm-ink:#13211F;--jm-muted:#4E5F5B;--jm-line:#DCE5E2;--jm-deep:#0F3B37;--jm-tint:#E3EEEB;--jm-accent:#D9602A;--jm-accent-dark:#B84E1F;--jm-font:"IBM Plex Sans Arabic",Tahoma,sans-serif;--jm-r:14px;--jm-wrap:1140px}

/* Astra shell on this page only */
body.jm-home-page{background:var(--jm-bg)}
body.jm-home-page,body.jm-home-page .site,body.jm-home-page .main-header-bar,body.jm-home-page .site-footer{font-family:var(--jm-font)}
body.jm-home-page .site-content>.ast-container{max-width:none;padding:0;display:block}
body.jm-home-page #primary{margin:0!important;padding:0!important;width:100%}
body.jm-home-page .ast-article-single,body.jm-home-page .ast-article-post{background:transparent!important;padding:0!important;margin:0!important;border:0!important}
body.jm-home-page .entry-header{display:none}
body.jm-home-page .entry-content{margin:0}

/* Page */
.jm{font-family:var(--jm-font);color:var(--jm-ink);font-size:17px;line-height:1.8;direction:rtl;text-align:right}
.jm :where(h1,h2,h3,h4,p,ul,ol,li,table,figure,details,summary){margin:0;padding:0}
.jm :where(h1,h2,h3){font-family:var(--jm-font);font-weight:700;color:var(--jm-ink);line-height:1.25;letter-spacing:0}
.jm a{text-decoration:none}
.jm-wrap{max-width:var(--jm-wrap);margin:0 auto;padding:0 20px}
.jm-sec{padding:72px 0}
.jm-sec h2{font-size:clamp(26px,3.2vw,36px);margin-bottom:14px}
.jm-lead{color:var(--jm-muted);max-width:62ch;margin-bottom:32px}
.jm-brand{font-weight:700}

/* Buttons */
.jm-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 26px;font-weight:600;font-size:17px;line-height:1.2;transition:transform .12s ease,background-color .15s ease;white-space:nowrap}
.jm-btn:active{transform:translateY(1px)}
.jm-btn svg{width:20px;height:20px;flex:none;fill:currentColor}
.jm-btn--wa{background:var(--jm-accent);color:#fff!important}
.jm-btn--wa:hover,.jm-btn--wa:focus-visible{background:var(--jm-accent-dark)}
.jm-btn--call{border:1.5px solid var(--jm-ink);color:var(--jm-ink)!important;background:transparent}
.jm-btn--call:hover{background:var(--jm-ink);color:#fff!important}
.jm-btn--light{border-color:#fff;color:#fff!important}
.jm-btn--light:hover{background:#fff;color:var(--jm-deep)!important}
.jm-btn:focus-visible{outline:3px solid var(--jm-accent);outline-offset:3px}
.jm-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* Hero */
.jm-hero{padding:56px 0 64px;background:linear-gradient(180deg,var(--jm-tint) 0%,var(--jm-bg) 100%)}
.jm-hero .jm-wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
.jm-hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.2;margin-bottom:18px}
.jm-hero h1 em{font-style:normal;color:var(--jm-accent)}
.jm-hero p{font-size:19px;color:var(--jm-muted);max-width:40ch;margin-bottom:28px}
.jm-price{position:relative;background:var(--jm-deep);color:#fff;border-radius:var(--jm-r);padding:36px 32px 30px;box-shadow:0 24px 48px -28px rgba(15,59,55,.55);overflow:hidden}
.jm-price:before{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(227,238,235,.14),transparent 70%)}
.jm-price__label{font-size:17px;color:#CFE0DC}
.jm-price__num{display:block;font-size:clamp(72px,9vw,112px);font-weight:700;line-height:1;color:#fff;margin:6px 0 4px}
.jm-price__num small{font-size:22px;font-weight:600;color:#F1A27D;margin-inline-start:8px}
.jm-price__note{font-size:15px;color:#CFE0DC;border-top:1px solid rgba(255,255,255,.16);padding-top:14px;margin-top:14px}
.jm-price ul{list-style:none;display:grid;gap:6px;font-size:16px}
.jm-price li{display:flex;justify-content:space-between;gap:12px}
.jm-price li b{font-weight:600;color:#fff}

/* Facts strip */
.jm-facts{background:var(--jm-surface);border-block:1px solid var(--jm-line)}
.jm-facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.jm-facts li{padding:22px 20px;border-inline-start:1px solid var(--jm-line);font-size:16px;color:var(--jm-muted);line-height:1.6}
.jm-facts li:first-child{border-inline-start:0}
.jm-facts li strong{display:block;color:var(--jm-ink);font-size:17px}

/* Answer box */
.jm-answer{padding:56px 0 0}
.jm-answer .jm-box{border-inline-start:4px solid var(--jm-accent);background:var(--jm-surface);border-radius:var(--jm-r);padding:24px 28px;max-width:860px}
.jm-answer h2{font-size:22px;margin-bottom:8px}

/* Services bento */
.jm-bento{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.jm-cell{border-radius:var(--jm-r);padding:28px;background:var(--jm-surface);border:1px solid var(--jm-line)}
.jm-cell h3{font-size:22px;margin-bottom:8px}
.jm-cell p{color:var(--jm-muted);font-size:16px}
.jm-cell--main{grid-row:span 2;background:var(--jm-deep);border-color:var(--jm-deep);display:flex;flex-direction:column;justify-content:flex-end;min-height:360px}
.jm-cell--main h3{color:#fff;font-size:28px}
.jm-cell--main p{color:#CFE0DC;font-size:17px}
.jm-cell--tint{background:var(--jm-tint);border-color:var(--jm-tint)}
.jm-cell--wide{grid-column:span 2}
.jm-cell .jm-tag{display:inline-block;font-size:14px;font-weight:600;color:var(--jm-accent);margin-top:12px}
.jm-cell--main .jm-tag{color:#F1A27D}

/* Prices table */
.jm-prices{background:var(--jm-surface)}
.jm-table{width:100%;border-collapse:collapse;font-size:16px;border:1px solid var(--jm-line);border-radius:var(--jm-r);overflow:hidden}
.jm-table th,.jm-table td{padding:14px 18px;text-align:right;border-bottom:1px solid var(--jm-line);vertical-align:top}
.jm-table thead th{background:var(--jm-tint);font-weight:600;color:var(--jm-ink)}
.jm-table td:nth-child(2){font-weight:700;white-space:nowrap}
.jm-table tbody tr:last-child td{border-bottom:0}
.jm-table-wrap{overflow-x:auto}
.jm-small{font-size:15px;color:var(--jm-muted);margin-top:14px;max-width:70ch}
.jm-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.jm-side h3{font-size:20px;margin-bottom:10px}
.jm-side ul{list-style:none;display:grid;gap:10px}
.jm-side li{padding-inline-start:18px;position:relative;color:var(--jm-muted);font-size:16px;line-height:1.7}
.jm-side li:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--jm-accent)}

/* Steps */
.jm-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--jm-ink)}
.jm-steps li{counter-increment:s;padding:22px 18px 0 22px}
.jm-steps li:before{content:counter(s,arabic-indic);display:block;font-size:40px;font-weight:700;color:var(--jm-accent);line-height:1;margin-bottom:10px}
.jm-steps h3{font-size:19px;margin-bottom:6px}
.jm-steps p{color:var(--jm-muted);font-size:16px;line-height:1.7}

/* Areas */
.jm-areas{background:var(--jm-tint)}
.jm-area-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.jm-area-groups h3{font-size:19px;margin-bottom:12px}
.jm-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.jm-chips li{background:var(--jm-surface);border:1px solid var(--jm-line);border-radius:999px;padding:6px 14px;font-size:15px;line-height:1.5}

/* Local notes */
.jm-notes .jm-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}
.jm-notes-list{display:grid;gap:26px}
.jm-notes-list h3{font-size:20px;margin-bottom:6px}
.jm-notes-list p{color:var(--jm-muted);max-width:65ch}

/* FAQ */
.jm-faq{background:var(--jm-surface)}
.jm-faq-list{max-width:860px;border-top:1px solid var(--jm-line)}
.jm-faq details{border-bottom:1px solid var(--jm-line)}
.jm-faq summary{cursor:pointer;list-style:none;padding:20px 0 20px 40px;font-weight:600;font-size:18px;position:relative;line-height:1.5}
.jm-faq summary::-webkit-details-marker{display:none}
.jm-faq summary:after{content:"+";position:absolute;left:4px;top:16px;font-size:26px;font-weight:400;color:var(--jm-accent);line-height:1.2}
.jm-faq details[open] summary:after{content:"−"}
.jm-faq details p{padding:0 0 20px;color:var(--jm-muted);max-width:70ch}

/* Final CTA */
.jm-final{background:var(--jm-deep);color:#fff}
.jm-final h2{color:#fff}
.jm-final p{color:#CFE0DC;max-width:56ch;margin-bottom:28px}

/* Sticky mobile bar */
.jm-bar{display:none}

@media (max-width:900px){
  .jm-hero .jm-wrap,.jm-cols,.jm-notes .jm-wrap{grid-template-columns:1fr;gap:32px}
  .jm-bento{grid-template-columns:1fr 1fr}
  .jm-cell--main{grid-row:auto;grid-column:span 2;min-height:0}
  .jm-cell--wide{grid-column:span 2}
  .jm-facts ul{grid-template-columns:1fr 1fr}
  .jm-facts li:nth-child(3){border-inline-start:0}
  .jm-facts li:nth-child(n+3){border-top:1px solid var(--jm-line)}
  .jm-steps{grid-template-columns:1fr 1fr;row-gap:24px}
  .jm-area-groups{grid-template-columns:1fr}
}
@media (max-width:600px){
  .jm{font-size:16px}
  .jm-sec{padding:52px 0}
  .jm-hero{padding:36px 0 44px}
  .jm-hero p{font-size:17px}
  .jm-bento{grid-template-columns:1fr}
  .jm-cell--main,.jm-cell--wide{grid-column:auto}
  .jm-steps{grid-template-columns:1fr}
  .jm-steps li{padding:18px 0 0}
  .jm-ctas .jm-btn{flex:1 1 100%;justify-content:center}
  .jm-table th,.jm-table td{padding:12px 12px}
  body.jm-home-page{padding-bottom:72px}
  .jm-bar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;inset:auto 0 0 0;z-index:999;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--jm-line);font-family:var(--jm-font)}
  .jm-bar a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px;font-weight:600;font-size:16px;text-decoration:none}
  .jm-bar svg{width:18px;height:18px;fill:currentColor}
  .jm-bar .jm-bar-call{border:1.5px solid var(--jm-ink);color:var(--jm-ink)}
  .jm-bar .jm-bar-wa{background:var(--jm-accent);color:#fff}
}
@media (prefers-reduced-motion:reduce){.jm-btn{transition:none}}

/* Astra overrides */
.jm a.jm-btn,.jm a.jm-btn:hover,.jm a.jm-btn:focus,.jm-bar a{text-decoration:none!important}
.jm .jm-price p.jm-price__note{color:#CFE0DC}
.jm .jm-final p{color:#CFE0DC}
.jm .jm-cell--main p{color:#CFE0DC}
@media (max-width:600px){.jm-table{font-size:15px}.jm-bar{grid-template-columns:1fr 1.3fr}}

/* Site-wide: header, footer, inner pages */
body.jm-site{font-family:var(--jm-font)}
body.jm-site .site-title,body.jm-site .site-title a{font-family:var(--jm-font);font-weight:700;font-size:22px;color:var(--jm-deep)}
body.jm-site .main-header-menu .menu-link{font-family:var(--jm-font);font-weight:600;font-size:16px;color:var(--jm-ink)}
body.jm-site .main-header-menu .current-menu-item>.menu-link,body.jm-site .main-header-menu .menu-link:hover{color:var(--jm-accent)}
body.jm-site .main-header-menu .jm-menu-wa>.menu-link{background:var(--jm-accent);color:#fff!important;border-radius:999px;padding:0 20px;line-height:42px;margin-inline-start:10px}
body.jm-site .main-header-menu .jm-menu-wa>.menu-link:hover{background:var(--jm-accent-dark)}
body.jm-site .ast-mobile-header-content .jm-menu-wa>.menu-link,body.jm-site .ast-header-break-point .jm-menu-wa>.menu-link{margin:10px 16px;display:inline-block}

.jm-footer{background:var(--jm-deep);color:#CFE0DC;font-family:var(--jm-font);padding:56px 0 40px;font-size:15px;line-height:1.8;text-align:right}
.jm-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.jm-footer p{margin:0 0 8px;color:#CFE0DC}
.jm-footer .jm-footer__name{font-size:20px;font-weight:700;color:#fff}
.jm-footer .jm-footer__title{font-weight:600;color:#fff;margin-bottom:10px}
.jm-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.jm-footer a{color:#CFE0DC;text-decoration:none}
.jm-footer a:hover{color:#fff;text-decoration:underline}
body.jm-site .site-footer .ast-footer-copyright,body.jm-site .site-footer .ast-footer-copyright p{font-family:var(--jm-font);font-size:14px;color:var(--jm-muted)}

.jm-phero{padding:48px 0 40px;background:linear-gradient(180deg,var(--jm-tint) 0%,var(--jm-bg) 100%)}
.jm-phero h1{font-size:clamp(30px,4vw,46px);margin-bottom:12px}
.jm-phero p{font-size:18px;color:var(--jm-muted);max-width:58ch;margin-bottom:24px}
.jm-crumbs{font-size:14px;color:var(--jm-muted);margin-bottom:14px}
.jm-crumbs a{color:var(--jm-muted)}
.jm-crumbs a:hover{color:var(--jm-accent)}
.jm-more{display:inline-block;margin-top:14px;font-weight:600;color:var(--jm-accent)!important}
.jm-more:hover{text-decoration:underline!important}
.jm-cell--main .jm-more{color:#F1A27D!important}

.jm-prose{max-width:760px}
.jm-prose h2{font-size:24px;margin:36px 0 10px}
.jm-prose h2:first-child{margin-top:0}
.jm-prose p{color:var(--jm-muted);margin-bottom:14px}
.jm-prose ul{margin:0 0 14px;padding-inline-start:22px;color:var(--jm-muted)}
.jm-prose li{margin-bottom:6px}

.jm-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.jm-svc{padding:40px 0;border-top:1px solid var(--jm-line)}
.jm-svc:first-child{border-top:0;padding-top:0}
.jm-svc h2{margin-bottom:10px}
.jm-svc p{color:var(--jm-muted);max-width:65ch;margin-bottom:12px}
.jm-svc ul{list-style:none;display:grid;gap:8px;margin-top:6px}
.jm-svc li{padding-inline-start:18px;position:relative;color:var(--jm-muted)}
.jm-svc li:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--jm-accent)}
.jm-panel{background:var(--jm-tint);border-radius:var(--jm-r);padding:26px 28px}
.jm-panel h3{font-size:20px;margin-bottom:8px}
.jm-panel p{color:var(--jm-muted)}
.jm-contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jm-contact a.jm-ccard{display:block;border-radius:var(--jm-r);padding:28px;text-decoration:none!important}
.jm-ccard--wa{background:var(--jm-accent);color:#fff!important}
.jm-ccard--call{background:var(--jm-surface);border:1.5px solid var(--jm-ink);color:var(--jm-ink)!important}
.jm-ccard b{display:block;font-size:22px;margin-bottom:4px}
.jm-ccard span{font-size:26px;font-weight:700;letter-spacing:.5px}
.jm-region{padding:32px 0;border-top:1px solid var(--jm-line)}
.jm-region:first-child{border-top:0;padding-top:0}
.jm-region h2{margin-bottom:8px}
.jm-region p{color:var(--jm-muted);max-width:68ch;margin-bottom:16px}

@media (max-width:900px){
  .jm-footer__grid{grid-template-columns:1fr 1fr}
  .jm-split{grid-template-columns:1fr;gap:28px}
}
@media (max-width:600px){
  .jm-footer__grid{grid-template-columns:1fr}
  .jm-contact{grid-template-columns:1fr}
  body.jm-site{padding-bottom:72px}
  .jm-phero{padding:32px 0 28px}
}

/* Header button + inline links */
body.jm-site .main-header-menu .jm-menu-wa{display:flex;align-items:center}
body.jm-site .main-header-menu .jm-menu-wa>.menu-link{display:inline-flex!important;align-items:center;height:44px;line-height:1!important;padding:0 20px!important}
.jm p a:not(.jm-btn):not(.jm-more),.jm li a:not(.jm-btn){color:var(--jm-accent);text-decoration:underline;text-underline-offset:3px}
.jm-crumbs a{text-decoration:none!important}
