:root {
  --mawj-cobalt: #0047FF;
  --mawj-bright: #2F80FF;
  --mawj-light-blue: #B9DCFF;
  --mawj-sky: #EAF5FF;
  --mawj-light-grey: #E5E7EB;
  --mawj-navy: #072E8F;
  --mawj-ink: #0B1D4D;
  --mawj-muted: #65708A;
  --mawj-paper: #FFFFFF;
  --mawj-radius: 22px;
  --mawj-shadow: 0 24px 70px rgba(0, 71, 255, .10);
}

html { scroll-behavior: smooth; }
body { color: var(--mawj-ink); background: var(--mawj-paper); font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
html[lang^='ar'] body, body[dir='rtl'] { font-family: Tajawal, Arial, sans-serif; }

.mawj-home, .mawj-page { background: #fff; color: var(--mawj-ink); }
.min-vh-75 { min-height: 75vh; }

/* Header */
.mawj-site-header { position: sticky; top: 0; z-index: 1030; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(0,71,255,.08); }
.mawj-site-header .navbar { padding: .55rem 0; }
.mawj-brand-logo { width: 210px; max-height: 68px; object-fit: contain; object-position: left center; }
.mawj-nav-links { gap: .25rem; }
.mawj-nav-links .nav-link { color: var(--mawj-ink); font-weight: 600; font-size: .95rem; padding: .65rem .8rem !important; border-radius: 999px; transition: .2s ease; }
.mawj-nav-links .nav-link:hover { color: var(--mawj-cobalt); background: var(--mawj-sky); }
.mawj-toggler { border-color: rgba(0,71,255,.18); }

/* Shared */
.mawj-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: .72rem; font-weight: 800; margin-bottom: .65rem; color: var(--mawj-cobalt); }
body[dir='rtl'] .mawj-kicker { letter-spacing: 0; }
.mawj-muted { color: var(--mawj-muted); }
.mawj-section-number { color: var(--mawj-cobalt); font-size: 2.4rem; line-height: 1; font-weight: 800; letter-spacing: -.05em; margin-bottom: .7rem; }
.mawj-section-number-light { color: #fff; opacity: .9; }
.mawj-section-title { font-size: clamp(2rem, 4vw, 3.9rem); line-height: 1.02; letter-spacing: -.045em; font-weight: 650; color: var(--mawj-navy); }
.mawj-btn-primary { background: var(--mawj-cobalt); border: 1px solid var(--mawj-cobalt); color: #fff !important; font-weight: 700; border-radius: 999px; padding: .78rem 1.35rem; box-shadow: 0 10px 30px rgba(0,71,255,.18); }
.mawj-btn-primary:hover { background: #0038cc; border-color: #0038cc; transform: translateY(-1px); }
.mawj-btn-outline { color: var(--mawj-cobalt) !important; border: 1px solid rgba(0,71,255,.35); background: #fff; font-weight: 700; border-radius: 999px; padding: .78rem 1.35rem; }
.mawj-btn-outline:hover { background: var(--mawj-sky); border-color: var(--mawj-cobalt); }

/* Hero */
.mawj-hero-section { position: relative; overflow: hidden; background: linear-gradient(130deg, #fff 0%, #fff 48%, #f7fbff 100%); }
.mawj-hero-section:after { content: ""; position: absolute; inset: auto -12% -170px 36%; height: 280px; background: radial-gradient(ellipse at center, rgba(47,128,255,.12), transparent 67%); pointer-events: none; }
.mawj-eyebrow { color: var(--mawj-cobalt); font-size: .78rem; font-weight: 800; letter-spacing: .32em; }
.mawj-eyebrow span { color: var(--mawj-light-blue); padding: 0 .25rem; }
.mawj-display { color: var(--mawj-navy); font-size: clamp(3.2rem, 7vw, 6.7rem); line-height: .88; letter-spacing: -.06em; font-weight: 650; }
.mawj-arabic-lead { color: var(--mawj-cobalt); font-size: clamp(1.35rem, 2.5vw, 2.1rem); font-family: Tajawal, Arial, sans-serif; }
.mawj-hero-copy { color: #3a496b; max-width: 680px; }
.mawj-hero-proof { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; color: var(--mawj-cobalt); font-size: .9rem; font-weight: 650; }
.mawj-proof-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mawj-cobalt); display: inline-block; }
.mawj-proof-ar { font-family: Tajawal, Arial, sans-serif; }
.mawj-hero-visual { position: relative; border-radius: 34px 8px 34px 8px; overflow: hidden; box-shadow: var(--mawj-shadow); background: var(--mawj-sky); min-height: 560px; }
.mawj-hero-visual img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; display: block; }
.mawj-wave-mark { position: absolute; left: -10%; right: -10%; bottom: -4px; height: 155px; opacity: .9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180'%3E%3Cpath d='M0 130 C180 35 360 35 540 115 S900 200 1200 70 L1200 180 L0 180 Z' fill='%23EAF5FF'/%3E%3Cpath d='M0 145 C210 75 355 65 545 125 S880 180 1200 90' fill='none' stroke='%232F80FF' stroke-width='2' opacity='.5'/%3E%3C/svg%3E"); background-size: cover; background-position: center bottom; }

/* Cards */
.mawj-offer-section { background: #fff; }
.mawj-card { position: relative; border: 1px solid rgba(0,71,255,.12); border-radius: var(--mawj-radius); padding: 2rem; background: #fff; box-shadow: 0 14px 42px rgba(7,46,143,.055); transition: .22s ease; }
.mawj-card:hover { transform: translateY(-4px); box-shadow: 0 22px 55px rgba(0,71,255,.10); border-color: rgba(0,71,255,.24); }
.mawj-service-card { min-height: 290px; display: flex; flex-direction: column; }
.mawj-card-index { font-size: .8rem; font-weight: 800; color: var(--mawj-cobalt); letter-spacing: .16em; margin-bottom: 2rem; }
.mawj-card h2, .mawj-card h3 { color: var(--mawj-navy); letter-spacing: -.025em; font-weight: 650; }
.mawj-card p { color: var(--mawj-muted); }
.mawj-text-link { margin-top: auto; color: var(--mawj-cobalt) !important; font-weight: 750; text-decoration: none; }
.mawj-text-link span { display: inline-block; transition: transform .2s ease; }
.mawj-text-link:hover span { transform: translateX(4px); }

/* Blue band */
.mawj-blue-band { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #0047FF 0%, #1268ff 62%, #2F80FF 100%); }
.mawj-blue-band:before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400'%3E%3Cpath d='M-50 270 C170 120 360 110 565 240 S960 370 1250 165' fill='none' stroke='white' stroke-width='2' opacity='.55'/%3E%3Cpath d='M-50 295 C175 150 355 145 565 265 S960 390 1250 190' fill='none' stroke='white' stroke-width='1.2' opacity='.38'/%3E%3C/svg%3E"); background-size: cover; }
.mawj-blue-band .container { position: relative; z-index: 1; }
.mawj-kicker-light { color: rgba(255,255,255,.8); }
.mawj-blue-band h2 { color: #fff; letter-spacing: -.04em; }
.mawj-blue-quote { background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); border-radius: 24px; padding: 2rem; backdrop-filter: blur(10px); font-size: 1.15rem; }
.mawj-mini-wave { width: 86px; height: 32px; margin-bottom: 1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 34'%3E%3Cpath d='M0 13 C18 0 36 0 54 13 S90 26 110 9' fill='none' stroke='white' stroke-width='3'/%3E%3Cpath d='M0 23 C18 10 36 10 54 23 S90 36 110 19' fill='none' stroke='white' stroke-width='2' opacity='.65'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Saudi visual language */
.mawj-context-section { background: linear-gradient(180deg, #fff 0%, #f7fbff 100%); }
.mawj-context-ar { color: var(--mawj-cobalt); font-size: 1.25rem; font-family: Tajawal, Arial, sans-serif; }
.mawj-visual-card { margin: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid rgba(0,71,255,.10); box-shadow: 0 16px 42px rgba(7,46,143,.055); }
.mawj-visual-card img { width: 100%; height: 300px; object-fit: cover; display: block; }
.mawj-visual-card figcaption { padding: 1rem 1rem 1.15rem; color: var(--mawj-cobalt); }
.mawj-visual-card figcaption strong { display: block; font-size: .98rem; }
.mawj-visual-card figcaption span { display: block; margin-top: .15rem; font-family: Tajawal, Arial, sans-serif; }
.mawj-principles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; border-top: 1px solid rgba(0,71,255,.13); border-bottom: 1px solid rgba(0,71,255,.13); }
.mawj-principles span { color: var(--mawj-cobalt); padding: 1rem .75rem; text-align: center; font-size: .85rem; border-right: 1px solid rgba(0,71,255,.13); }
.mawj-principles span:last-child { border-right: 0; }
.mawj-principles b { font-family: Tajawal, Arial, sans-serif; display: block; font-weight: 500; margin-top: .15rem; }

/* Prosci */
.mawj-prosci-section { background: #fff; }
.mawj-prosci-panel { position: relative; overflow: hidden; padding: clamp(2rem, 5vw, 4rem); border-radius: 32px; background: linear-gradient(125deg, #fff 0%, #f8fbff 60%, var(--mawj-sky) 100%); border: 1px solid rgba(0,71,255,.12); box-shadow: var(--mawj-shadow); }
.mawj-prosci-panel:after { content: ""; position: absolute; right: -10%; bottom: -55%; width: 62%; height: 85%; border-radius: 50%; border: 2px solid rgba(47,128,255,.18); box-shadow: 0 0 0 18px rgba(47,128,255,.06), 0 0 0 36px rgba(47,128,255,.035); pointer-events: none; }
.mawj-prosci-panel > .row { position: relative; z-index: 1; }
.mawj-prosci-lockup { width: min(100%, 460px); height: auto; mix-blend-mode: multiply; }

/* Journey */
.mawj-journey-section { background: var(--mawj-sky); border-top: 1px solid rgba(0,71,255,.08); }

/* Internal pages */
.mawj-page > section:first-child { padding-top: 5rem !important; padding-bottom: 5rem !important; background: linear-gradient(145deg, #fff 0%, #f7fbff 100%); }
.mawj-page h1 { color: var(--mawj-navy); font-size: clamp(2.5rem, 5vw, 5rem); line-height: .96; letter-spacing: -.05em; font-weight: 650; }
.mawj-page .lead { color: #425274; }
.mawj-page .form-control, .mawj-page .form-select { border: 1px solid #d9e5ff; border-radius: 14px; padding: .85rem 1rem; background: #fff; }
.mawj-page .form-control:focus, .mawj-page .form-select:focus { border-color: var(--mawj-bright); box-shadow: 0 0 0 .2rem rgba(47,128,255,.12); }
.mawj-page .btn-dark { background: var(--mawj-cobalt); border-color: var(--mawj-cobalt); border-radius: 999px; }
.mawj-page .btn-outline-dark { color: var(--mawj-cobalt); border-color: rgba(0,71,255,.32); border-radius: 999px; }
.badge.text-bg-light { background: var(--mawj-sky) !important; color: var(--mawj-cobalt) !important; }

/* Odoo Event / commerce alignment */
.o_wevent_index, .o_wevent_event { --o-color-1: var(--mawj-cobalt); }
.o_wevent_index .card, .o_wevent_event .card, .oe_website_sale .card { border-radius: 18px; border-color: rgba(0,71,255,.12); overflow: hidden; }
.o_wevent_index .btn-primary, .o_wevent_event .btn-primary, .oe_website_sale .btn-primary { background: var(--mawj-cobalt); border-color: var(--mawj-cobalt); border-radius: 999px; }

/* Footer */
.mawj-footer { background: #062b86; color: rgba(255,255,255,.86); }
.mawj-footer h6 { color: #fff; font-weight: 750; margin-bottom: 1rem; }
.mawj-footer a { color: rgba(255,255,255,.83); text-decoration: none; display: block; margin: .5rem 0; }
.mawj-footer a:hover { color: #fff; }
.mawj-footer-logo-card { display: inline-block; background: #fff; padding: .7rem 1rem; border-radius: 16px; }
.mawj-footer-logo { width: 220px; height: auto; display: block; }
.mawj-footer-tagline { font-size: .72rem; letter-spacing: .2em; font-weight: 700; }
.mawj-footer-tagline-ar { font-family: Tajawal, Arial, sans-serif; font-size: .92rem; color: rgba(255,255,255,.78); }
.mawj-footer-tagline span, .mawj-footer-tagline-ar span { opacity: .45; padding: 0 .25rem; }
.mawj-footer-bottom { border-top: 1px solid rgba(255,255,255,.16); font-size: .78rem; color: rgba(255,255,255,.62); }

@media (max-width: 991.98px) {
  .mawj-site-header .navbar-collapse { padding: 1rem 0 1.25rem; }
  .mawj-brand-logo { width: 175px; }
  .mawj-hero-visual, .mawj-hero-visual img { min-height: 470px; }
  .mawj-principles { grid-template-columns: repeat(3, 1fr); }
  .mawj-principles span:nth-child(3) { border-right: 0; }
  .mawj-principles span:nth-child(-n+3) { border-bottom: 1px solid rgba(0,71,255,.13); }
}

@media (max-width: 575.98px) {
  .mawj-display { font-size: 3.4rem; }
  .mawj-eyebrow { font-size: .65rem; letter-spacing: .2em; }
  .mawj-hero-visual, .mawj-hero-visual img { min-height: 380px; }
  .mawj-visual-card img { height: 220px; }
  .mawj-principles { grid-template-columns: repeat(2, 1fr); }
  .mawj-principles span { border-bottom: 1px solid rgba(0,71,255,.13); }
  .mawj-principles span:nth-child(2n) { border-right: 0; }
}

.mawj-page-hero { position: relative; overflow: hidden; }
.mawj-page-hero:after { content: ""; position: absolute; right: -10%; top: 10%; width: 45%; height: 120%; opacity: .55; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 650 500'%3E%3Cpath d='M-50 340 C120 190 260 190 405 300 S670 430 760 230' fill='none' stroke='%232F80FF' stroke-width='2' opacity='.25'/%3E%3Cpath d='M-50 370 C120 225 260 225 405 330 S670 460 760 260' fill='none' stroke='%230047FF' stroke-width='1.2' opacity='.18'/%3E%3C/svg%3E"); background-size: cover; }
.mawj-page-hero .container { position: relative; z-index: 1; }
.mawj-sticky-card { position: sticky; top: 110px; }
.mawj-content-body { font-size: 1.06rem; line-height: 1.8; color: #33415f; }
.mawj-content-body h2, .mawj-content-body h3 { color: var(--mawj-navy); margin-top: 2rem; }

/* v0.3 language separation */
.mawj-lang-btn{border:1px solid rgba(0,71,255,.22);color:var(--mawj-cobalt);background:#fff;border-radius:999px;font-weight:800;min-width:52px;padding:.55rem .8rem;text-decoration:none}.mawj-lang-btn:hover{background:var(--mawj-sky);color:var(--mawj-cobalt)}
html[dir=rtl] body{text-align:right;font-family:Tajawal,Arial,sans-serif}html[dir=rtl] .mawj-nav-links{margin-left:0!important;margin-right:auto!important;padding-right:0}html[dir=rtl] .mawj-display,html[dir=rtl] .mawj-section-title,html[dir=rtl] .mawj-card h3{letter-spacing:0}html[dir=rtl] .mawj-eyebrow,html[dir=rtl] .mawj-kicker,html[dir=rtl] .mawj-card-index,html[dir=rtl] .mawj-footer-tagline{letter-spacing:0}html[dir=rtl] .text-lg-end{text-align:right!important}html[dir=rtl] .mawj-principles span{border-right:0;border-left:1px solid rgba(0,71,255,.13)}html[dir=rtl] .mawj-principles span:last-child{border-left:0}