/* mojostudios.tech site layer (cream #EFEBE3 / Playfair / black pills / hand-drawn lines) */
/* The Sectors Hub section (client acquisition + 8 sector portals) is retired. */
#sectors{display:none!important}

/* language switch */
#mojo-lang-toggle{position:fixed;top:14px;right:14px;z-index:2147483000;min-width:56px;height:40px;padding:0 16px;border:2px solid #0b0b0b;border-radius:999px;background:#0b0b0b;color:#fff;font:600 14px/1 'Space Grotesk','Cairo',sans-serif;cursor:pointer;transition:transform .15s ease,background .2s,color .2s}
#mojo-lang-toggle:hover{background:#EFEBE3;color:#0b0b0b}
#mojo-lang-toggle:active{transform:scale(.96)}
#mojo-lang-toggle:focus-visible{outline:3px solid #F4511E;outline-offset:2px}
@media(max-width:600px){#mojo-lang-toggle{top:10px;right:10px;height:36px;min-width:48px;padding:0 12px}}

/* MOJO HRMS heading */
.mojo-with{font-size:.5em;font-weight:500;letter-spacing:.02em;opacity:.75;white-space:nowrap}

/* Arabic mode: RTL + Arabic type, no letter-spacing (it breaks Arabic joining) */
html[lang=ar] body,html[lang=ar] body *:not(svg):not(svg *):not(code){font-family:'Cairo','Space Grotesk','Inter',sans-serif!important;letter-spacing:0!important}
html[lang=ar] body *{text-transform:none!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] [data-framer-component-type="RichTextContainer"] p{line-height:1.35}
html[lang=ar] #mojo-lang-toggle{font-family:'Space Grotesk','Cairo',sans-serif!important}

/* MOJO Highlights */
.mojo-highlights-section{background:#EFECE6;width:100%;max-width:1120px;margin:0 auto;padding:70px 24px;box-sizing:border-box;color:#0b0b0b;position:relative}
.mh-eyebrow{font:600 12px/1 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#5d5a54;margin:0 0 10px}
.mh-title{font:600 clamp(32px,5vw,52px)/1.1 'Playfair Display',Georgia,serif;margin:0;color:#0b0b0b}
.mh-squiggle{display:block;width:150px;height:14px;margin:8px 0 14px;fill:none;stroke:#0b0b0b;stroke-width:2.5;stroke-linecap:round}
.mh-squiggle path{stroke-dasharray:1;stroke-dashoffset:1}
.mh-in .mh-squiggle path{animation:mhdraw 1.2s cubic-bezier(.6,.1,.2,1) forwards}
@keyframes mhdraw{to{stroke-dashoffset:0}}
.mh-sub{font:400 17px/1.6 'Inter',sans-serif;color:#5d5a54;max-width:620px;margin:0 0 32px}
.mh-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.mh-card{background:rgba(255,255,255,.55);border:1.5px solid #0b0b0b;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.mh-in .mh-card{opacity:1;transform:none}
.mh-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.1)}
.mh-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#d9d4c9;cursor:pointer;overflow:hidden}
.mh-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.mh-thumb:hover img{transform:scale(1.03)}
.mh-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;background:#0b0b0b;color:#fff;font:600 15px/1 'Space Grotesk',sans-serif;transition:transform .15s}
.mh-thumb:hover .mh-play{transform:translate(-50%,-50%) scale(1.06)}
.mh-thumb:focus-visible{outline:3px solid #F4511E;outline-offset:-3px}
.mh-dur{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:3px 10px;font:500 12px/1.4 'Space Grotesk',sans-serif}
.mh-video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.mh-body{padding:18px 22px 22px}
.mh-body h3{font:600 24px/1.25 'Playfair Display',Georgia,serif;margin:0 0 6px}
.mh-body p{font:400 15px/1.6 'Inter',sans-serif;color:#5d5a54;margin:0}
html[lang=ar] .mh-eyebrow{direction:rtl}
@media(prefers-reduced-motion:reduce){.mh-card{opacity:1;transform:none;transition:none}.mh-squiggle path{stroke-dashoffset:0;animation:none!important}.mh-thumb img,.mh-play{transition:none}}

/* MOJO System demo card link + "More from MOJO" */
.mojo-demo-link{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;margin:10px 20px 4px;border-radius:999px;background:#0b0b0b;color:#fff!important;text-decoration:none;font:600 13px 'Space Grotesk','Cairo',sans-serif}
.mojo-more{margin-top:34px}
.mojo-more-title{font:600 12px/1 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5d5a54;margin:0 0 14px}
.mojo-more-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.mojo-more-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.mojo-more-grid{grid-template-columns:repeat(4,1fr)}}
.mojo-more-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1.5px solid #0b0b0b;border-radius:24px;background:rgba(255,255,255,.55);color:#0b0b0b;text-decoration:none;transition:transform .2s,box-shadow .2s}
.mojo-more-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.mojo-more-card b{font:600 20px/1.2 'Playfair Display',Georgia,serif}
.mojo-more-card span:not(.mojo-more-tag){font:400 14px/1.5 'Inter',sans-serif;color:#5d5a54}
.mojo-more-card em{margin-top:auto;font:600 13px 'Space Grotesk',sans-serif;font-style:normal}
.mojo-more-tag{align-self:flex-start;border:1.5px solid #0b0b0b;border-radius:999px;padding:1px 10px;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.mojo-more-card{transition:none}.mojo-more-card:hover{transform:none}}

/* MOJO LABS / MOJO ONE entry points */
.mojo-lab-ico{width:18px;height:18px;margin-inline-end:6px;vertical-align:-3px}
#hero-bottom-actions.hero-bottom-actions{flex-wrap:wrap;max-width:min(94vw,820px)}
#hero-bottom-actions .hero-btn-outline.mojo-hero-labs{background:#fff!important}
@media(max-width:809px){
  #hero-bottom-actions.hero-bottom-actions{width:92%!important;gap:8px!important}
  #hero-bottom-actions .hero-btn-black,#hero-bottom-actions .hero-btn-outline{flex:1 1 44%!important;white-space:nowrap}
}
#mojo-top-labs{position:fixed;top:14px;right:84px;z-index:2147483000;display:inline-flex;align-items:center;height:40px;padding:0 16px;border:2px solid #0b0b0b;border-radius:999px;background:#EFEBE3;color:#0b0b0b;text-decoration:none;font:600 14px/1 'Space Grotesk',sans-serif;transition:background .2s,color .2s}
#mojo-top-labs:hover{background:#0b0b0b;color:#fff}
#mojo-top-labs:focus-visible{outline:3px solid #F4511E;outline-offset:2px}
@media(max-width:600px){#mojo-top-labs{top:10px;right:68px;height:36px;padding:0 12px;font-size:13px}}
html[lang=ar] #mojo-top-labs{font-family:'Space Grotesk',sans-serif!important}
@media(max-width:809px){
  #hero-top-branding.hero-top-branding{top:62px!important}
  #hero-bottom-actions.hero-bottom-actions{bottom:92px!important}
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}